/*$Id$*/

:root {
  /* colors */
  --white:#FFFFFF;--black:#000000;--primary:var(--brand-600);--link:var(--blue-700);
  --brand-25:#F6FCF9;--brand-50:#F0F9F4;--brand-100:#E9F6F0;--brand-200:#D4EEE0;--brand-300:#A9DDC1;--brand-400:#7DCBA3;--brand-500:#49BD80;--brand-600:#27AB67;--brand-700:#23995C;--brand-800:#1E8751;--brand-900:#17663D;--brand-1000:#124F2F;--brand-1100:#0E3F26;--brand-1200:#0B301D;--brand-1300:#072014;--brand-1400:#05160D;--brand-1500:#030C07;
  --grey-10:#FDFEFE;--grey-25:#F9FAFB;--grey-50:#F4F6F7;--grey-100:#F0F2F4;--grey-200:#E1E5E9;--grey-300:#C3CCD3;--grey-400:#ABB6BE;--grey-500:#94A0AA;--grey-600:#7C8995;--grey-700:#647380;--grey-800:#52606B;--grey-900:#414D57;--grey-1000:#303A43;--grey-1100:#262F36;--grey-1200:#1F272C;--grey-1300:#181E23;--grey-1400:#121619;--grey-1500:#0B0D10;--grey-1600:#040506;
  --ngrey-10:#FEFEFE;--ngrey-25:#FAFAFA;--ngrey-50:#F5F5F5;--ngrey-100:#EDEDED;--ngrey-200:#DDDDDD;--ngrey-300:#B8B8B8;--ngrey-400:#A4A4A4;--ngrey-500:#8F8F8F;--ngrey-600:#767676;--ngrey-700:#626262;--ngrey-800:#4C4C4C;--ngrey-900:#3E3E3E;--ngrey-1000:#363636;--ngrey-1100:#2D2E2E;--ngrey-1200:#252626;--ngrey-1300:#1D1D1E;--ngrey-1400:#151516;--ngrey-1500:#0C0D0E;--ngrey-1600:#040506;
  --red-25:#FEF6F6;--red-50:#FDEFEF;--red-100:#FCE8E9;--red-200:#FAD1D3;--red-300:#F4A4A6;--red-400:#EF767A;--red-500:#E9494D;--red-600:#DB3136;--red-700:#BE2B2F;--red-800:#A02428;--red-900:#831E20;--red-1000:#651719;--red-1100:#511214;--red-1200:#3D0E0F;--red-1300:#2A090A;--red-1400:#1C0607;--red-1500:#0F0304;
  --orange-25:#FFFBF6;--orange-50:#FFF7EF;--orange-100:#FFF4E9;--orange-200:#FFE9D3;--orange-300:#FFD4A6;--orange-400:#FFBE7A;--orange-500:#FFA94D;--orange-600:#FF9321;--orange-700:#DD7F1D;--orange-800:#AE6400;--orange-900:#985814;--orange-1000:#75440F;--orange-1100:#5E360C;--orange-1200:#472909;--orange-1300:#301C06;--orange-1400:#211304;--orange-1500:#120A02;
  --yellow-25:#FFFDF5;--yellow-50:#FFFCED;--yellow-100:#FFFBE6;--yellow-200:#FFF6CC;--yellow-300:#FFEE99;--yellow-400:#FEE566;--yellow-500:#FEDD33;--yellow-600:#E8C518;--yellow-700:#DCB800;--yellow-800:#BA9B00;--yellow-900:#977F00;--yellow-1000:#756200;--yellow-1100:#5E4E00;--yellow-1200:#473B00;--yellow-1300:#302800;--yellow-1400:#211C00;--yellow-1500:#120F00;
  --lime-25:#FCFEF7;--lime-50:#FAFDF1;--lime-100:#F7FDEB;--lime-200:#F0FBD8;--lime-300:#E0F6B1;--lime-400:#D1F289;--lime-500:#C1ED62;--lime-600:#B2E93B;--lime-700:#9ACA33;--lime-800:#82AA2B;--lime-900:#628120;--lime-1000:#526B1B;--lime-1100:#425616;--lime-1200:#324111;--lime-1300:#222C0B;--lime-1400:#171E08;--lime-1500:#0C1004;
  --green-25:#F7FDF7;--green-50:#F0FCF2;--green-100:#EAFAEC;--green-200:#D5F6D9;--green-300:#ABEDB3;--green-400:#82E38C;--green-500:#58DA66;--green-600:#41CB50;--green-700:#38B045;--green-800:#2B8820;--green-900:#25732D;--green-1000:#1E5D25;--green-1100:#184B1E;--green-1200:#123916;--green-1300:#0C270F;--green-1400:#081A0A;--green-1500:#050E06;
  --cyan-25:#F6FDFD;--cyan-50:#EEFBFB;--cyan-100:#E7F9F9;--cyan-200:#D0F3F3;--cyan-300:#A1E6E6;--cyan-400:#71DADA;--cyan-500:#42CDCD;--cyan-600:#13C1C1;--cyan-700:#11A7A7;--cyan-800:#0E8D8D;--cyan-900:#0C7373;--cyan-1000:#095959;--cyan-1100:#074747;--cyan-1200:#053636;--cyan-1300:#042525;--cyan-1400:#021919;--cyan-1500:#010E0E;
  --blue-25:#F7FBFF;--blue-50:#F0F8FF;--blue-100:#E7F1FF;--blue-200:#CFE2FF;--blue-300:#9EC5FE;--blue-400:#6EA8FE;--blue-500:#528EE9;--blue-600:#3574D4;--blue-700:#2E64B8;--blue-800:#27559B;--blue-900:#1F457F;--blue-1000:#183562;--blue-1100:#142B4E;--blue-1200:#0F203B;--blue-1300:#0A1628;--blue-1400:#070F1C;--blue-1500:#04080F;
  --indigo-25:#F7F8FC;--indigo-50:#F1F2F9;--indigo-100:#EBEDF7;--indigo-200:#D7DBEE;--indigo-300:#B0B6DD;--indigo-400:#8892CD;--indigo-500:#616DBC;--indigo-600:#3949AB;--indigo-700:#313F94;--indigo-800:#2A367D;--indigo-900:#222C66;--indigo-1000:#1A224F;--indigo-1100:#151B3F;--indigo-1200:#101430;--indigo-1300:#0B0E20;--indigo-1400:#070916;--indigo-1500:#04050C;
  --violet-25:#FAF7FE;--violet-50:#F6F2FC;--violet-100:#F2ECFB;--violet-200:#E5D9F8;--violet-300:#CBB3F1;--violet-400:#B18DE9;--violet-500:#9767E2;--violet-600:#7D41DB;--violet-700:#6C38BE;--violet-800:#5B30A0;--violet-900:#4A2783;--violet-1000:#391E65;--violet-1100:#2E1851;--violet-1200:#23123D;--violet-1300:#180C2A;--violet-1400:#10081C;--violet-1500:#09050F;
  --pink-25:#FDF6FA;--pink-50:#FCF0F7;--pink-100:#FBE9F3;--pink-200:#F7D3E7;--pink-300:#F0A7D0;--pink-400:#E87BB8;--pink-500:#E14FA1;--pink-600:#D92389;--pink-700:#BC1E77;--pink-800:#9F1A64;--pink-900:#811552;--pink-1000:#64103F;--pink-1100:#500D33;--pink-1200:#3D0A26;--pink-1300:#29071A;--pink-1400:#1C0512;--pink-1500:#0F020A;
}
:root,[data-theme="light"] {
  --base-bg: var(--ngrey-100, #ededed);--blue-bg: var(--blue-50, #f0f8ff);--blue-border: var(--blue-200, #cfe2ff);--blue-icon: var(--blue-600, #3574d4);--blue-main: var(--blue-600, #3574d4);--blue-text: var(--blue-800, #27559b);--blue-filled-bg: var(--blue-600, #3574d4);--blue-filled-icon: var(--text-white, #fdfefe);--blue-filled-text: var(--text-white, #fdfefe);--border-1: var(--ngrey-300, #b8b8b8);--border-2: var(--ngrey-200, #dddddd);--border-3: var(--ngrey-100, #ededed);--form-bg: var(--ngrey-50, #f5f5f5);--form-default: var(--ngrey-200, #dddddd);--form-error: var(--red-600, #db3136);--form-label: var(--text-grey, #c3ccd3);--form-placeholder: var(--ngrey-500, #8f8f8f);--form-success: var(--green-700, #38b04c);--form-text: var(--text-default, #fdfefe);--form-warning: var(--orange-600, #ff9424);--green-bg: var(--green-50, #f0fcf2);--green-border: var(--green-200, #d5f6d9);--green-icon: var(--green-700, #38b04c);--green-main: var(--green-700, #38b04c);--green-text: var(--green-900, #25732d);--green-filled-bg: var(--green-800, #268733);--green-filled-icon: var(--text-white, #fdfefe);--green-filled-text: var(--text-white, #fdfefe);--grey-bg: var(--ngrey-100, #ededed);--grey-border: var(--ngrey-300, #b8b8b8);--grey-icon: var(--ngrey-700, #626262);--grey-main: var(--ngrey-700, #626262);--grey-text: var(--ngrey-800, #4c4c4c);--grey-filled-bg: var(--ngrey-200, #dddddd);--grey-filled-icon: var(--ngrey-800, #4c4c4c);--grey-filled-text: var(--text-black, #1f272c);--ngrey-bg: var(--ngrey-100, #ededed);--ngrey-border: var(--ngrey-300, #b8b8b8);--ngrey-icon: var(--ngrey-700, #626262);--ngrey-main: var(--ngrey-700, #626262);--ngrey-text: var(--ngrey-800, #4c4c4c);--ngrey-filled-bg: var(--ngrey-200, #dddddd);--ngrey-filled-icon: var(--ngrey-800, #4c4c4c);--ngrey-filled-text: var(--text-black, #1f272c);--navbar-2nd-bg: var(--ngrey-1300, #1d1d1e);--navbar-3rd-bg: var(--ngrey-1200, #212121);--navbar-bg: var(--ngrey-1400, #151516);--navbar-navbar-text: var(--white, #ffffff);--orange-bg: var(--orange-100, #fff4e9);--orange-border: var(--orange-300, #ffd4a6);--orange-icon: var(--orange-600, #ff9424);--orange-main: var(--orange-600, #ff9424);--orange-text: var(--orange-900, #985814);--orange-filled-bg: var(--orange-500, #ffa442);--orange-filled-icon: var(--orange-1200, #472909);--orange-filled-text: var(--text-black, #1f272c);--primary-bg: var(--brand-500, #49bd80);--primary-disabled-bg: var(--brand-300, #a9ddc1);--primary-disabled-text: var(--text-invert, #1f272c);--primary-focus-border: var(--brand-200, #d4eee0);--primary-hover-bg: var(--brand-700, #249c5e);--primary-text: var(--white, #ffffff);--primary-alt-bg: var(--brand-25, #f6fcf9);--primary-alt-border: var(--brand-500, #49bd80);--primary-alt-disabled-border: var(--brand-200, #d4eee0);--primary-alt-disabled-text: var(--brand-300, #a9ddc1);--primary-alt-focus-border: var(--brand-300, #a9ddc1);--primary-alt-hover-bg: var(--brand-100, #e9f6f0);--primary-alt-hover-border: var(--brand-700, #249c5e);--primary-alt-text: var(--brand-1000, #124f2f);--red-bg: var(--red-50, #fdefef);--red-border: var(--red-200, #fad1d3);--red-icon: var(--red-600, #db3136);--red-main: var(--red-600, #db3136);--red-text: var(--red-800, #a02428);--red-filled-bg: var(--red-600, #db3136);--red-filled-icon: var(--text-white, #fdfefe);--red-filled-text: var(--text-white, #fdfefe);--secondary-bg: var(--ngrey-200, #dddddd);--secondary-disabled-bg: var(--ngrey-100, #ededed);--secondary-disabled-text: var(--ngrey-500, #8f8f8f);--secondary-focus-border: var(--ngrey-100, #ededed);--secondary-hover-bg: var(--ngrey-100, #ededed);--secondary-text: var(--text-black, #1f272c);--secondary-alt-bg: var(--ngrey-25, #fafafa);--secondary-alt-border: var(--ngrey-300, #b8b8b8);--secondary-alt-disabled-border: var(--ngrey-300, #b8b8b8);--secondary-alt-disabled-text: var(--ngrey-500, #8f8f8f);--secondary-alt-focus-border: var(--ngrey-100, #ededed);--secondary-alt-hover-bg: var(--ngrey-100, #ededed);--secondary-alt-hover-border: var(--ngrey-300, #b8b8b8);--secondary-alt-text: var(--ngrey-1000, #363636);--sidebar-bg: var(--ngrey-1500, #0c0d0e);--sidebar-item-bg: var(--ngrey-100, #ededed);--sidebar-item-bg-active: var(--ngrey-200, #dddddd);--text-black: var(--ngrey-1200, #212121);--text-default: var(--ngrey-1200, #212121);--text-grey: var(--ngrey-800, #4c4c4c);--text-grey-2: var(--ngrey-700, #626262);--text-invert: var(--ngrey-10, #fefefe);--text-link: var(--link, #2e64b8);--text-primary: var(--brand-800, #1d824e);--text-primary-invert: var(--brand-400, #7dcba3);--text-white: var(--ngrey-10, #fefefe);--widget-bg: var(--ngrey-25, #fafafa);--widget-bg-2: var(--ngrey-50, #f5f5f5);--widget-bg-3: var(--ngrey-200, #dddddd);--widget-header-bg: var(--ngrey-50, #f5f5f5);--yellow-bg: var(--yellow-50, #fffced);--yellow-border: var(--yellow-300, #ffee99);--yellow-icon: var(--yellow-600, #f2cc0e);--yellow-main: var(--yellow-600, #f2cc0e);--yellow-text: var(--yellow-1000, #756200);--yellow-filled-bg: var(--yellow-500, #fedd33);--yellow-filled-icon: var(--yellow-1200, #473b00);--yellow-filled-text: var(--text-black, #1f272c);--violet-bg: var(--violet-50, #f6f2fc);--violet-border: var(--violet-200, #e5d9f8);--violet-icon: var(--violet-600, #4451a0);--violet-main: var(--violet-600, #7d41db);--violet-text: var(--violet-800, #5b30a0);--violet-filled-bg: var(--violet-600, #7d41db);--violet-filled-icon: var(--text-white, #fdfefe);--violet-filled-text: var(--text-white, #fdfefe);--cyan-bg: var(--cyan-50, #f6f2fc);--cyan-border: var(--cyan-200, #e5d9f8);--cyan-icon: var(--cyan-600, #4451a0);--cyan-main: var(--cyan-600, #7d41db);--cyan-text: var(--cyan-800, #5b30a0);--cyan-filled-bg: var(--cyan-600, #7d41db);--cyan-filled-icon: var(--text-white, #fdfefe);--cyan-filled-text: var(--text-white, #fdfefe);--pink-bg: var(--pink-50, #f6f2fc);--pink-border: var(--pink-200, #e5d9f8);--pink-icon: var(--pink-600, #4451a0);--pink-main: var(--pink-600, #7d41db);--pink-text: var(--pink-800, #5b30a0);--pink-filled-bg: var(--pink-600, #7d41db);--pink-filled-icon: var(--text-white, #fdfefe);--pink-filled-text: var(--text-white, #fdfefe);--indigo-bg: var(--indigo-50, #f6f2fc);--indigo-border: var(--indigo-200, #e5d9f8);--indigo-icon: var(--indigo-600, #4451a0);--indigo-main: var(--indigo-600, #7d41db);--indigo-text: var(--indigo-800, #5b30a0);--indigo-filled-bg: var(--indigo-600, #7d41db);--indigo-filled-icon: var(--text-white, #fdfefe);--indigo-filled-text: var(--text-white, #fdfefe);--lime-bg: var(--lime-50, #f6f2fc);--lime-border: var(--lime-200, #e5d9f8);--lime-icon: var(--lime-600, #4451a0);--lime-main: var(--lime-600, #7d41db);--lime-text: var(--lime-800, #5b30a0);--lime-filled-bg: var(--lime-600, #7d41db);--lime-filled-icon: var(--text-white, #fdfefe);--lime-filled-text: var(--text-white, #fdfefe);
  /* numbers */
  --form-0: var(--s-0, 0rem);--form-4: var(--s-0, 0rem);--s-0: 0rem;--s-2: 0.125rem;--s-4: 0.25rem;--s-6: 0.375rem;--s-8: 0.5rem;--s-12: 0.75rem;--s-16: 1rem;--s-20: 1.25rem;--s-24: 1.5rem;--s-32: 2rem;--s-40: 2.5rem;--s-48: 3rem;--s-64: 4rem;--s-full: 62.4375rem;
}
[data-theme="dark"] {
  --base-bg: var(--grey-1400, #121619);--blue-bg: var(--blue-1200, #0f203b);--blue-border: var(--blue-900, #1f457f);--blue-icon: var(--blue-600, #3574d4);--blue-main: var(--blue-700, #2e64b8);--blue-text: var(--blue-200, #cfe2ff);--blue-filled-bg: var(--blue-600, #3574d4);--blue-filled-icon: var(--text-white, #fdfefe);--blue-filled-text: var(--text-white, #fdfefe);--border-1: var(--grey-1100, #262f36);--border-2: var(--grey-1200, #1f272c);--border-3: var(--grey-1300, #181e23);--form-bg: var(--grey-1200, #1f272c);--form-default: var(--grey-1000, #303a43);--form-error: var(--red-700, #be2b2f);--form-label: var(--text-grey, #c3ccd3);--form-placeholder: var(--text-grey, #c3ccd3);--form-success: var(--green-700, #38b04c);--form-text: var(--text-default, #fdfefe);--form-warning: var(--orange-700, #d87c1c);--green-bg: var(--green-1200, #123916);--green-border: var(--green-900, #25732d);--green-icon: var(--green-600, #41cb50);--green-main: var(--green-700, #38b04c);--green-text: var(--green-200, #d5f6d9);--green-filled-bg: var(--green-800, #268733);--green-filled-icon: var(--text-white, #fdfefe);--green-filled-text: var(--text-white, #fdfefe);--grey-bg: var(--grey-1300, #181e23);--grey-border: var(--grey-800, #52606b);--grey-icon: var(--grey-400, #abb6be);--grey-main: var(--grey-700, #647380);--grey-text: var(--grey-300, #c3ccd3);--grey-filled-bg: var(--grey-600, #7c8995);--grey-filled-icon: var(--text-white, #fdfefe);--grey-filled-text: var(--text-white, #fdfefe);--ngrey-bg: var(--ngrey-1300, #1d1d1e);--ngrey-border: var(--ngrey-800, #4c4c4c);--ngrey-icon: var(--ngrey-400, #a4a4a4);--ngrey-main: var(--ngrey-700, #626262);--ngrey-text: var(--ngrey-300, #b8b8b8);--ngrey-filled-bg: var(--ngrey-600, #747474);--ngrey-filled-icon: var(--text-white, #fdfefe);--ngrey-filled-text: var(--text-white, #fdfefe);--navbar-2nd-bg: var(--grey-1300, #181e23);--navbar-3rd-bg: var(--grey-1200, #1f272c);--navbar-bg: var(--grey-1400, #121619);--navbar-navbar-text: var(--white, #ffffff);--orange-bg: var(--orange-1200, #472909);--orange-border: var(--orange-900, #985814);--orange-icon: var(--orange-600, #ff9424);--orange-main: var(--orange-700, #d87c1c);--orange-text: var(--orange-200, #ffe9d3);--orange-filled-bg: var(--orange-600, #ff9424);--orange-filled-icon: var(--orange-1300, #301c06);--orange-filled-text: var(--text-black, #1f272c);--primary-bg: var(--brand-800, #1d824e);--primary-disabled-bg: var(--brand-1200, #0b301d);--primary-disabled-text: var(--grey-700, #647380);--primary-focus-border: var(--brand-900, #17663d);--primary-hover-bg: var(--brand-1100, #0e3f26);--primary-text: var(--text-default, #fdfefe);--primary-alt-bg: var(--brand-1300, #072014);--primary-alt-border: var(--brand-900, #17663d);--primary-alt-disabled-border: var(--brand-1300, #072014);--primary-alt-disabled-text: var(--grey-700, #647380);--primary-alt-focus-border: var(--brand-400, #7dcba3);--primary-alt-hover-bg: var(--brand-1200, #0b301d);--primary-alt-hover-border: var(--brand-600, #27ab67);--primary-alt-text: var(--text-default, #fdfefe);--red-bg: var(--red-1200, #3d0e0f);--red-border: var(--red-900, #831e20);--red-icon: var(--red-600, #db3136);--red-main: var(--red-700, #be2b2f);--red-text: var(--red-200, #fad1d3);--red-filled-bg: var(--red-600, #db3136);--red-filled-icon: var(--text-white, #fdfefe);--red-filled-text: var(--text-white, #fdfefe);--secondary-bg: var(--grey-1200, #1f272c);--secondary-disabled-bg: var(--grey-1400, #121619);--secondary-disabled-text: var(--grey-1000, #303a43);--secondary-focus-border: var(--grey-600, #7c8995);--secondary-hover-bg: var(--grey-1000, #303a43);--secondary-text: var(--text-default, #fdfefe);--secondary-alt-bg: var(--grey-1200, #1f272c);--secondary-alt-border: var(--grey-800, #52606b);--secondary-alt-disabled-border: var(--grey-700, #647380);--secondary-alt-disabled-text: var(--grey-700, #647380);--secondary-alt-focus-border: var(--grey-600, #7c8995);--secondary-alt-hover-bg: var(--grey-1000, #303a43);--secondary-alt-hover-border: var(--grey-500, #94a0aa);--secondary-alt-text: var(--text-default, #fdfefe);--sidebar-bg: var(--grey-1100, #262f36);--sidebar-item-bg: var(--grey-1200, #1f272c);--sidebar-item-bg-active: var(--grey-1000, #303a43);--text-black: var(--grey-1200, #1f272c);--text-default: var(--grey-10, #fdfefe);--text-grey: var(--grey-300, #c3ccd3);--text-grey-2: var(--grey-500, #94a0aa);--text-invert: var(--grey-1200, #1f272c);--text-link: var(--blue-400, #6ea8fe);--text-primary: var(--brand-600, #27ab67);--text-primary-invert: var(--brand-600, #27ab67);--text-white: var(--grey-10, #fdfefe);--widget-bg: var(--grey-1300, #181e23);--widget-bg-2: var(--grey-1200, #1f272c);--widget-bg-3: var(--grey-1200, #1f272c);--widget-header-bg: var(--grey-1200, #1f272c);--yellow-bg: var(--yellow-1200, #473b00);--yellow-border: var(--yellow-900, #a18600);--yellow-icon: var(--yellow-400, #fee566);--yellow-main: var(--yellow-600, #f2cc0e);--yellow-text: var(--yellow-200, #fff6cc);--yellow-filled-bg: var(--yellow-600, #f2cc0e);--yellow-filled-icon: var(--yellow-1300, #302800);--yellow-filled-text: var(--text-black, #1f272c);--violet-bg: var(--violet-1200, #23123d);--violet-border: var(--violet-900, #4a2783);--violet-icon: var(--violet-600, #7d41db);--violet-main: var(--violet-700, #6c38be);--violet-text: var(--violet-200, #e5d9f8);--violet-filled-bg: var(--violet-600, #7d41db);--violet-filled-icon: var(--text-white, #fdfefe);--violet-filled-text: var(--text-white, #fdfefe);--cyan-bg: var(--cyan-1200, #23123d);--cyan-border: var(--cyan-900, #4a2783);--cyan-icon: var(--cyan-600, #7d41db);--cyan-main: var(--cyan-700, #6c38be);--cyan-text: var(--cyan-200, #e5d9f8);--cyan-filled-bg: var(--cyan-600, #7d41db);--cyan-filled-icon: var(--text-white, #fdfefe);--cyan-filled-text: var(--text-white, #fdfefe);--indigo-bg: var(--indigo-1200, #23123d);--indigo-border: var(--indigo-900, #4a2783);--indigo-icon: var(--indigo-600, #7d41db);--indigo-main: var(--indigo-700, #6c38be);--indigo-text: var(--indigo-200, #e5d9f8);--indigo-filled-bg: var(--indigo-600, #7d41db);--indigo-filled-icon: var(--text-white, #fdfefe);--indigo-filled-text: var(--text-white, #fdfefe);--pink-bg: var(--pink-1200, #23123d);--pink-border: var(--pink-900, #4a2783);--pink-icon: var(--pink-600, #7d41db);--pink-main: var(--pink-700, #6c38be);--pink-text: var(--pink-200, #e5d9f8);--pink-filled-bg: var(--pink-600, #7d41db);--pink-filled-icon: var(--text-white, #fdfefe);--pink-filled-text: var(--text-white, #fdfefe);--lime-bg: var(--lime-1200, #23123d);--lime-border: var(--lime-900, #4a2783);--lime-icon: var(--lime-600, #7d41db);--lime-main: var(--lime-700, #6c38be);--lime-text: var(--lime-200, #e5d9f8);--lime-filled-bg: var(--lime-600, #7d41db);--lime-filled-icon: var(--text-white, #fdfefe);--lime-filled-text: var(--text-white, #fdfefe);
}

:root{
  /* Severity */
  /* Critical */
  --severity-critical: #fa5b5a;
  --severity-critical-surface: var(--red-200);
  --severity-critical-text: var(--red-text);
  --severity-critical-bg: var(--red-bg);
  --severity-critical-border: var(--red-border);
  --severity-critical-textdark: var(--red-500);
  --severity-critical-bgdark: var(--red-1300);
  /* Trouble */
  --severity-trouble: #faad5a;
  --severity-trouble-surface: var(--orange-200);
  --severity-trouble-text: var(--orange-text);
  --severity-trouble-bg: var(--orange-bg);
  --severity-trouble-border: var(--orange-border);
  --severity-trouble-textdark: var(--orange-500);
  --severity-trouble-bgdark: var(--orange-1300);
  /* Attention */
  --severity-attention: #e8de65;
  --severity-attention-surface: var(--yellow-100);
  --severity-attention-text: var(--yellow-text);
  --severity-attention-bg: var(--yellow-bg);
  --severity-attention-border: var(--yellow-border);
  --severity-attention-textdark: var(--yellow-500);
  --severity-attention-bgdark: var(--yellow-1300);
  /* Service Down */
  --severity-servicedown: #ac4cab;
  --severity-servicedown-surface: var(--violet-200);
  --severity-servicedown-text: var(--violet-text);
  --severity-servicedown-bg: var(--violet-bg);
  --severity-servicedown-border: var(--violet-border);
  --severity-servicedown-textdark: var(--violet-500);
  --severity-servicedown-bgdark: var(--violet-1300);
  /* Clear */
  --severity-clear: #46bb7d;
  --severity-clear-surface: var(--green-100);
  --severity-clear-text: var(--green-text);
  --severity-clear-bg: var(--green-bg);
  --severity-clear-border: var(--green-border);
  --severity-clear-textdark: var(--green-500);
  --severity-clear-bgdark: var(--green-1300);
  /* Info */
  --severity-info: #626262;
  --severity-info-surface: var(--ngrey-200);
  --severity-info-text: var(--ngrey-text);
  --severity-info-bg: var(--ngrey-bg);
  --severity-info-border: var(--ngrey-border);
  --severity-info-textdark: var(--ngrey-500);
  --severity-info-bgdark: var(--ngrey-1300);
  /* Unmanaged */
  --severity-unmanaged: #7f7f7f;
  --severity-unmanaged-surface: var(--grey-200);
  --severity-unmanaged-text: var(--grey-text);
  --severity-unmanaged-bg: var(--grey-bg);
  --severity-unmanaged-border: var(--grey-border);
  --severity-unmanaged-textdark: var(--grey-500);
  --severity-unmanaged-bgdark: var(--grey-1300);
  /* Not Monitored */
  --severity-notmonitored: #5DA5DA;
  --severity-notmonitored-surface: var(--blue-200);
  --severity-notmonitored-text: var(--blue-text);
  --severity-notmonitored-bg: var(--blue-bg);
  --severity-notmonitored-border: var(--blue-border);
  --severity-notmonitored-textdark: var(--blue-500);
  --severity-notmonitored-bgdark: var(--blue-1300);

  /* Up and Down */
  /* Down */
  --severity-down: #fa5b5a;
  --severity-down-surface: var(--red-200);
  --severity-down-text: var(--red-text);
  --severity-down-bg: var(--red-bg);
  --severity-down-border: var(--red-border);
  --severity-down-textdark: var(--red-500);
  --severity-down-bgdark: var(--red-1300);
  /* Up */
  --severity-up: #46bb7d;
  --severity-up-surface: var(--green-100);
  --severity-up-text: var(--green-text);
  --severity-up-bg: var(--green-bg);
  --severity-up-border: var(--green-border);
  --severity-up-textdark: var(--green-500);
  --severity-up-bgdark: var(--green-1300);

   /* Severity NCM Start */
      /* NCM Critical */
      --ncm-severity-critical: var(--red-main);
      --ncm-severity-critical-surface: var(--red-200);
      --ncm-severity-critical-text: var(--red-text);
      --ncm-severity-critical-bg: var(--red-bg);
      --ncm-severity-critical-border: var(--red-border);
      --ncm-severity-critical-textdark: var(--red-500);
      --ncm-severity-critical-bgdark: var(--red-1300);
      /* NCM Trouble */
      --ncm-severity-trouble: var(--orange-main);
      --ncm-severity-trouble-surface: var(--orange-200);
      --ncm-severity-trouble-text: var(--orange-text);
      --ncm-severity-trouble-bg: var(--orange-bg);
      --ncm-severity-trouble-border: var(--orange-border);
      --ncm-severity-trouble-textdark: var(--orange-500);
      --ncm-severity-trouble-bgdark: var(--orange-1300);
      /* NCM Attention */
      --ncm-severity-attention: var(--yellow-main);
      --ncm-severity-attention-surface: var(--yellow-100);
      --ncm-severity-attention-text: var(--yellow-text);
      --ncm-severity-attention-bg: var(--yellow-bg);
      --ncm-severity-attention-border: var(--yellow-border);
      --ncm-severity-attention-textdark: var(--yellow-500);
      --ncm-severity-attention-bgdark: var(--yellow-1300);
      /* NCM Service Down */
      --ncm-severity-servicedown: var(--violet-main);
      --ncm-severity-servicedown-surface: var(--violet-200);
      --ncm-severity-servicedown-text: var(--violet-text);
      --ncm-severity-servicedown-bg: var(--violet-bg);
      --ncm-severity-servicedown-border: var(--violet-border);
      --ncm-severity-servicedown-textdark: var(--violet-500);
      --ncm-severity-servicedown-bgdark: var(--violet-1300);
      /* NCM Clear */
      --ncm-severity-clear: var(--green-main);
      --ncm-severity-clear-surface: var(--green-100);
      --ncm-severity-clear-text: var(--green-text);
      --ncm-severity-clear-bg: var(--green-bg);
      --ncm-severity-clear-border: var(--green-border);
      --ncm-severity-clear-textdark: var(--green-500);
      --ncm-severity-clear-bgdark: var(--green-1300);
      /* NCM Info */
      --ncm-severity-info: var(--ngrey-main);
      --ncm-severity-info-surface: var(--ngrey-200);
      --ncm-severity-info-text: var(--ngrey-text);
      --ncm-severity-info-bg: var(--ngrey-bg);
      --ncm-severity-info-border: var(--ngrey-border);
      --ncm-severity-info-textdark: var(--ngrey-500);
      --ncm-severity-info-bgdark: var(--ngrey-1300);
      /* NCM Unmanaged */
      --ncm-severity-unmanaged: var(--grey-main);
      --ncm-severity-unmanaged-surface: var(--grey-200);
      --ncm-severity-unmanaged-text: var(--grey-text);
      --ncm-severity-unmanaged-bg: var(--grey-bg);
      --ncm-severity-unmanaged-border: var(--grey-border);
      --ncm-severity-unmanaged-textdark: var(--grey-500);
      --ncm-severity-unmanaged-bgdark: var(--grey-1300);
      /* NCM Not Monitored */
      --ncm-severity-notmonitored: var(--blue-main);
      --ncm-severity-notmonitored-surface: var(--blue-200);
      --ncm-severity-notmonitored-text: var(--blue-text);
      --ncm-severity-notmonitored-bg: var(--blue-bg);
      --ncm-severity-notmonitored-border: var(--blue-border);
      --ncm-severity-notmonitored-textdark: var(--blue-500);
      --ncm-severity-notmonitored-bgdark: var(--blue-1300);
      /* NCM Up and Down */
      /* NCM Down */
      --ncm-severity-down: var(--red-main);
      --ncm-severity-down-surface: var(--red-200);
      --ncm-severity-down-text: var(--red-text);
      --ncm-severity-down-bg: var(--red-bg);
      --ncm-severity-down-border: var(--red-border);
      --ncm-severity-down-textdark: var(--red-500);
      --ncm-severity-down-bgdark: var(--red-1300);
      /* NCM Up */
      --ncm-severity-up: var(--green-main);
      --ncm-severity-up-surface: var(--green-100);
      --ncm-severity-up-text: var(--green-text);
      --ncm-severity-up-bg: var(--green-bg);
      --ncm-severity-up-border: var(--green-border);
      --ncm-severity-up-textdark: var(--green-500);
      --ncm-severity-up-bgdark: var(--green-1300);
  /* Severity NCM END */

}

[data-theme='dark']{
    --severity-critical-text: var(--severity-critical-textdark);
    --severity-critical-bg: var(--severity-critical-bgdark);

    --severity-trouble-text: var(--severity-trouble-textdark);
    --severity-trouble-bg: var(--severity-trouble-bgdark);

    --severity-attention-text: var(--severity-attention-textdark);
    --severity-attention-bg: var(--severity-attention-bgdark);

    --severity-servicedown-text: var(--severity-servicedown-textdark);
    --severity-servicedown-bg: var(--severity-servicedown-bgdark);

    --severity-clear-text: var(--severity-clear-textdark);
    --severity-clear-bg: var(--severity-clear-bgdark);

    --severity-info-text: var(--severity-info-textdark);
    --severity-info-bg: var(--severity-info-bgdark);

    --severity-unmanaged-text: var(--severity-unmanaged-textdark);
    --severity-unmanaged-bg: var(--severity-unmanaged-bgdark);

    --severity-notmonitored-text: var(--severity-notmonitored-textdark);
    --severity-notmonitored-bg: var(--severity-notmonitored-bgdark);

    /* Up and Down */
    --severity-down-text: var(--severity-down-textdark);
    --severity-down-bg: var(--severity-down-bgdark);

    --severity-up-text: var(--severity-up-textdark);
    --severity-up-bg: var(--severity-up-bgdark);

    /* NCM dark theme start */
    --ncm-severity-critical-text: var(--ncm-severity-critical-textdark);
    --ncm-severity-critical-bg: var(--ncm-severity-critical-bgdark);
    --ncm-severity-trouble-text: var(--ncm-severity-trouble-textdark);
    --ncm-severity-trouble-bg: var(--ncm-severity-trouble-bgdark);
    --ncm-severity-attention-text: var(--ncm-severity-attention-textdark);
    --ncm-severity-attention-bg: var(--ncm-severity-attention-bgdark);
    --ncm-severity-servicedown-text: var(--ncm-severity-servicedown-textdark);
    --ncm-severity-servicedown-bg: var(--ncm-severity-servicedown-bgdark);
    --ncm-severity-clear-text: var(--ncm-severity-clear-textdark);
    --ncm-severity-clear-bg: var(--ncm-severity-clear-bgdark);
    --ncm-severity-info-text: var(--ncm-severity-info-textdark);
    --ncm-severity-info-bg: var(--ncm-severity-info-bgdark);
    --ncm-severity-unmanaged-text: var(--ncm-severity-unmanaged-textdark);
    --ncm-severity-unmanaged-bg: var(--ncm-severity-unmanaged-bgdark);
    --ncm-severity-notmonitored-text: var(--ncm-severity-notmonitored-textdark);
    --ncm-severity-notmonitored-bg: var(--ncm-severity-notmonitored-bgdark);
    /* Up and Down */
    --ncm-severity-down-text: var(--ncm-severity-down-textdark);
    --ncm-severity-down-bg: var(--ncm-severity-down-bgdark);
    --ncm-severity-up-text: var(--ncm-severity-up-textdark);
    --ncm-severity-up-bg: var(--ncm-severity-up-bgdark);
    /* NCM dark theme end */
}


/****** NCM Summary Dashboard Configuration Conflict starts **********************************/
.progress-range-line {display: flex;width: 400px;column-gap: 2px;overflow: visible;margin: auto;}
.progress-range-line div {height:10px; position: relative;}
.progress-range-line.progress-small div {height:5px}
.progress-range-line .critical {background-color: #FA5B5B; }
.progress-range-line .important {background-color: #FDAD5A; }
.progress-range-line .warning {background-color: #FFE89E; }
.progress-range-line .low {background-color: #46BB7D; }
.progress-range-line div[data-tooltip]:hover::after {content: attr(data-tooltip);position: absolute;display: block;width: max-content;background-color: #000;color: #fff;bottom: 15px;border-radius: 5px;padding: 5px 5px;right: 50%;transform: translateX(50%);z-index: 2;}
.progress-range-line div[data-tooltip]:hover::before {content:'';position: absolute;display: block;width:20px;height: 20px;background-color: #000;transform: rotate(45deg);right: 50%;transform: translateX(50%) rotate(45deg);bottom: 10px;z-index: 1;}
.opm_jqGridUI.ncmconflictprogress .ui-jqgrid-bdiv, .opm_jqGridUI.ncmconflictprogress .ui-jqgrid-bdiv table, .opm_jqGridUI.ncmconflictprogress .ui-jqgrid-bdiv tr, .opm_jqGridUI.ncmconflictprogress .ui-jqgrid-bdiv td {overflow:visible !important}
.opm_jqGridUI.ncmEEDevicesSummaryGrid .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{cursor: pointer !important;}
.opm_jqGridUI.ncmconflictprogress .ui-jqgrid-bdiv {z-index:1 !important}
/****** NCM Summary Dashboard Configuration Conflict ends **********************************/

*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
.clearfix:before,.clearfix:after{content:' ';display:table}
.clearfix:after{clear:both}
a,a:hover{text-decoration:none;cursor:pointer}
figure{margin:0}
img{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}
::selection{background:var(--blue-300);color:var(--text-default)}
::-moz-selection{background:var(--blue-300);color:var(--text-default)}

/* <---------- custom fonts starts */
@font-face{font-family:'LatoBold';src:url('plugins/fonts/Lato-Bold.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:'LatoLight';src:url('plugins/fonts/Lato-Light.ttf') format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:'LatoRegular';src:url('plugins/fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'RobotoSlabThin';src:url('plugins/fonts/RobotoSlab-Thin.ttf') format('truetype');font-weight:100;font-style:normal}
@font-face{font-family:'RobotoSlabLight';src:url('plugins/fonts/RobotoSlab-Light.ttf') format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:'RobotoSlabRegular';src:url('plugins/fonts/RobotoSlab-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'BitterRegular';src:url('plugins/fonts/Bitter-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
/* custom fonts ends ----------> */
body.slideDivIn-99 .slideContent.slideContent-99::before{background: rgba(0,0,0,0.3);;top:0;left:0;content:"";position: absolute;width: 100%;height: 100%;}
body.settingsPage.settingsPage.slideDivIn-1.slideDivIn-99 .settingsCnt > section:before,body.slideDivIn-1.slideDivIn-99 .settingsCnt > aside:before{display:none}
/* <---------- html, body, wrapper, & container structure starts */
html,body{float:left;min-width:1280px;width:100%;height:100%;padding:0;margin:0;position:relative;overflow:hidden;overflow-x:auto;accent-color:var(--brand-800);color:var(--text-default)}
body{background:url(../../img/bg/bg-1.jpg) no-repeat fixed center center transparent;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font:14px LatoRegular;padding:50px 0 0 50px !important;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;overflow-x:hidden;}
#wrapper,#container{float:left;width:100%;height:100%}
/* html, body, wrapper, & container structure ends ----------> */
header.graphHeaderTopView #monitorHeader+i.icon-remove {position: absolute;top: 16px;}
#header.selectCustProbe-opened{z-index:10000}
/* <---------- header starts */
#header{background:rgba(242,242,242,.7);height:50px;padding:0;border-bottom:1px solid rgba(220,220,220,.7);position:absolute;top:0;left:0;right:0;z-index:99;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#logo{float:left;width:auto;height:50px;font:22px RobotoSlabLight;color:#252525;padding:8px 15px;max-width: calc(100% - 1024px);overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
#UserLog{float:right;width:auto;height:50px;font:22px LatoRegular;color:#808488;padding:10px 15px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0}
#UserLog:hover,#userNotify:hover,#userNotify.active,html:not(.product__rmm) #globalSearch:hover,#container.globalSearchActive #globalSearch{background:#45bd7d;color:#fff;padding-bottom:9px}
#UserLog[class^='icon-']:before,#UserLog[class*=' icon-']:before,.opm_jqGridUI i[class^='icon-']:before,.opm_jqGridUI i[class*=' icon-']:before{font-family:fontello}
/* header ends ----------> */
/*! Review band Starts */
.review-band {float: right;background: #ffc961;border: 1px solid rgba(220, 190, 122, 1);width: auto;height: 30px;padding: 0 10px;margin: 10px;border-radius: 32px;cursor: default;transition: all 0.3s ease;display: inline-flex;justify-content: center;align-items: center;color: #6f4900;position: relative;}
.review-band a {color: #6f4900;}
.review-band a:hover {color: #3c2700;color: #383838;}
.review-band__text {line-height: 1.6;}
.review-band .svgIcon {margin: 0 12px 0 8px;}
.review-band .svgIcon svg {color: #6f4900;fill: #6f4900;}
.review-band .review-close .svgIcon {margin-right: 0;}
.review-band .review-close .svgIcon svg {cursor: pointer;color: #df9d1b;fill: #df9d1b;}
.review-band .review-close .svgIcon svg:hover {color: #b27d15;fill: #b27d15;}
.review-band .review-close .review-options {position:absolute;top: 25px;right:-1px;background:#fff;min-width:150px;border-radius:5px;text-align:right;display:none;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);}
.review-band .review-close .review-options:before {width: 7px;height: 7px;transform: rotate(45deg);position: absolute;right: 16px;border-bottom: 0;border-right: 0;top: -3px;background: #fff;content: "";}
.review-band .review-close .review-options ul li {padding:7px 10px;cursor:pointer;border-bottom:1px solid #e2e2e2;}
.review-band .review-close .review-options ul li:last-child {border-bottom:none}
.review-band .review-close .review-options ul li a{color:#212121;}
.review-band .review-close .review-options ul li:hover {background:#f0f0f0;}
.review-band .review-close:hover .review-options {display:block;}
.review-band .review-close:hover .svgIcon svg{color: #b27d15;fill: #b27d15;}
/*! Review band Ends */
.instantPopupContainer{width: 100%;height: 100%;display: flex;position: absolute;top: 0;bottom: 0;z-index: 999;align-items: center;justify-content: center;overflow: auto;}
.add-instant-widget {width: 1080px;background: #fff;border-radius: 4px;z-index: 101;margin: 20px 0;}
.add-instant-widget__header{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px}
.add-instant-widget__header>div{font-size:18px;font-family:latoBold}
.add-instant-widget__header .icon-remove{position:relative;cursor:pointer}
.add-instant-widget__header .icon-remove:after,.add-instant-widget__header .icon-remove:before{height:24px;}
.add-instant-widget__container{padding:16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.add-instant-widget__chart-types{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin-bottom:16px}
/* .add-instant-widget__chart-types>div{width:120px;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdcdc;border-radius:2px;background:#f0f0f0;-webkit-transition:.5s;transition:.5s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;cursor:pointer}
.add-instant-widget__chart-types>div.active,.add-instant-widget__chart-types>div:hover{background:#f4f5f6;-webkit-transition:.5s;transition:.5s;border:1px solid #27ab67} */
.add-instant-widget__chart-type-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}
.add-instant-widget__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;}
.add-instant-widget__list>div{position:relative}
.add-instant-widget__list>div em.activechart {position:absolute;top: 8px;left: 8px;display:none}

.add-instant-widget__list > div:hover em.activechart{display:block}
.add-instant-widget__list > div.active em.activechart{display:block}
.add-instant-widget__list > div:hover em.activechart svg{fill:#848689}
.add-instant-widget__list > div.active em.activechart svg {fill: #27AB67}
.add-instant-widget__list>div{width:120px;height: 80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdcdc;border-radius:2px;background:#f0f0f0;-webkit-transition:.5s;transition:.5s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;cursor:pointer}
.add-instant-widget__list>div.active,.add-instant-widget__list>div:hover{background:#f4f5f6;-webkit-transition:.5s;transition:.5s;border:1px solid #27ab67}
.add-instant-widget__split{width:36px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:50px;position:relative}
.add-instant-widget__split:before{width:1px;height: 80px;background:#dcdcdc;position:absolute;top: 21px;right:50%;content:""}
 .add-instant-widget__split:after{content:"OR";width:36px;height:36px;position:absolute;top:50%;right:50%;margin-top: -7px;margin-right:-18px;border:1px solid #dcdcdc;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.add-instant-widget__chart-properties{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}
.add-instant-widget__chart-properties .selBox{width:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}
.add-instant-widget__chart-properties .selBox.addKPI-interface-DD .dropDownBox{width:450px}
.add-instant-widget__chart-preview-main{background:#f9fafb;border:1px solid #dcdcdc;border-radius:2px;height: 427px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 0}
.add-instant-widget__chart-preview-main .chart-thumb-view-main {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 12px;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 100%;padding: 0 16px;overflow: auto;align-content: start;}
.add-instant-widget__chart-preview-main .chart-thumb-view{width: 326px;height: 190px;background:#fff;border:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;gap:12px;border-radius:4px}
.add-instant-widget__chart-preview-main .chart-thumb-view .chart-thumb-view__title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:latoBold}
.add-instant-widget__chart-preview-main .chart-thumb-view .nodatahandler{display:flex;flex-direction:column;align-items:center;gap:4px;height: 135px;top: inherit !important;!i;!;!i;!;justify-content:center}
.add-instant-widget__chart-preview-main .chart-thumb-view .nodatahandler .title-text{font-family:latoBold}
.add-instant-widget__chart-preview-main .chart-thumb-view-main.twoColumns .chart-thumb-view{width:501px;height: 392px;}
.add-instant-widget__chart-preview-main .chart-thumb-view-main.oneColumn .chart-thumb-view{width:1016px;height: 392px;}
.add-instant-widget__chart-preview-main .chart-thumb-view.tile-view{width:490px;height: 140px}
.add-instant-widget__chart-preview-main .chart-thumb-view.tile-view > div + div.tile-val{font-size:42px;font-family:latoBold;color:#54606b}
.add-instant-widget__chart-preview-main .chart-thumb-view.tile-view > div + div.tile-period{font-size:14px;color:#54606b}
.add-instant-widget__chart-preview-main .chart-thumb-view .chart-thumb-view__title.tile-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:latoBold;color:#54606b}

.add-instant-widget__chart-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;gap: 8px}
.add-instant-widget__action-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:16px}
.add-instant-widget__action-btn .opmBtn{margin:0;border-radius:2px;padding:8px 32px}
.add-instant-widget__action-btn .opmBtn:active{background:#27AB67;color:#fff}


.credentialBox.select-with-radio-btn .choose-mutli-monitors-list-main{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #dcdcdc;padding:8px;border-radius:4px;margin:8px;background:#fff}
.credentialBox.select-with-radio-btn.active .dropDownBox,.credentialBox.select-with-radio-btn.active .selectBox{background:#fbfbfb}
.credentialBox.select-with-radio-btn .dropDownBox{width:350px;border-top:1px solid #dcdcdc;margin-top:-1px}
.credentialBox.select-with-radio-btn .credentialSearch{padding:4px;background:#fbfbfb;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;margin-top:0!important}
.credentialBox.select-with-radio-btn .credentialSearch input{border:1px solid #aaa!important;padding:4px}
.credentialBox.select-with-radio-btn .dropDownList{padding:0;height:auto;max-height:340px}
.credentialBox.select-with-radio-btn .dropDownList.choose-mutli-monitors .credentialSearch{padding:0;border:0;margin-bottom:8px}
.credentialBox.select-with-radio-btn .dropDownList.choose-mutli-monitors .credentialSearch:before{top:8px}
.credentialBox.select-with-radio-btn .dropDownList.choose-mutli-monitors .choose-mutli-monitors-list-main{display:-webkit-box;display:-ms-flexbox;display:flex}
.credentialBox.select-with-radio-btn .dropDownList .choose-mutli-monitors-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;height:166px;overflow:auto}
.credentialBox.select-with-radio-btn .dropDownList .choose-mutli-monitors-list>div{padding-top:4px;padding-bottom:4px}
.credentialBox.select-with-radio-btn .dropDownList ul{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn{width:100%}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn div{margin:0;width:100%;padding:6px 8px 6px 32px}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn div input[type=radio]:checked+label::after{width:12px;height:12px;border:0;left:11px}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn div label:before{top:5px;left:6px}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn div:hover{background:#5897fb}
.credentialBox.select-with-radio-btn .dropDownList ul li .opmRadioBtn div:hover label{color:#fff}
.credentialBox.select-with-radio-btn.iw_interface-choose .dropDownBox{width:250px}
.device-filer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.device-filer__drop-down{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}
.device-filer__drop-down.active .device-filer__selected{background:#fbfbfb}
.device-filer__drop-down.active .device-filer__selected:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.device-filer__drop-down.active .device-filer__main{display:block}
.device-filer__selected{background:#f0f0f0;border:1px solid #dcdcdc;padding:8px;height:33px;width:100%;padding-right:35px;position:relative;cursor:pointer}
.device-filer__selected:after{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;right:12px;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;content:""}
.device-filer__selected:before{width:1px;height:32px;background:#dcdcdc;position:absolute;top:0;right:30px;content:""}
.device-filer__main{position:absolute;top:32px;left:0;width:450px;background:#fbfbfb;border:1px solid #dcdcdc;padding:16px;z-index:2;display:none}
.device-filer__row{display:-webkit-box;display:-ms-flexbox;display:flex}
.device-filer__probe-details{width:200px}
.device-filer__group-name-list{width:180px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#f0f0f0;border:1px solid #dcdcdc}
.device-filer__group-name-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
.device-filer__group-name-list ul li{padding:8px 12px;border-bottom:1px solid #dcdcdc;cursor:pointer;border-left:2px solid transparent}
.device-filer__group-name-list ul li:hover{background:#fbfbfb}
.device-filer__group-name-list ul li.active{border-left:2px solid #27ab67;background:#fff;position:relative}
.device-filer__group-name-list ul li.active:after{width:5px;height:100%;position:absolute;right:-2px;top:0;content:"";background:#fff}
.device-filer__device-name-list{width:235px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border:1px solid #dcdcdc;padding:12px;border-left:0}
.device-filer__device-name-list input[type=search]{margin-bottom:8px;background:#f0f0f0;border:1px solid #dcdcdc;border-radius:2px;padding:4px 8px;width:100%}
.device-filer__device-name-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;height:180px;overflow:auto}
.device-filer__no-device-info{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.credentialBox.default-select .credentialSearch{padding:4px;background:#fbfbfb;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;margin-top:0!important}
.credentialBox.default-select .credentialSearch input{border:1px solid #aaa;padding:4px 8px}
.credentialBox.default-select .dropDownList{padding:0;background:#fbfbfb;max-height:231px;height:auto}
.credentialBox.default-select ul li{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;cursor:pointer}
.credentialBox.default-select ul li:hover{background:#5897fb;color:#fff}
.device-filer__row .credentialBox .dropDownList{padding-bottom:0 !important}
.device-filer__probe-details .credentialBox .dropDownList ul li.disabled{opacity:.5;cursor:not-allowed;pointer-events: none;}

#filterSelectByCustomerValue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; /* or a specific width like 200px */
  display: block;  /* ensure it's a block or inline-block element */
}


.credentialBox.select-with-check-box.active .dropDownBox,.credentialBox.select-with-check-box.active .selectBox{background:#fbfbfb}
.credentialBox.select-with-check-box .credentialSearch{padding:4px;background:#fbfbfb;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;margin-top:0!important}
.credentialBox.select-with-check-box .credentialSearch input{border:1px solid #aaa!important;padding:4px}
.credentialBox.select-with-check-box .dropDownList{padding:0}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div{margin:0;padding:6px 8px 6px 32px}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div:hover{background:#5897fb}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div:hover label{color:#fff}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div input+label:before{width:20px;height:20px;background:#f0f0f0;border:1px solid #dcdcdc;top:5px;left:4px;border-radius:0}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div input:checked+label:before{background:#fff}
.credentialBox.select-with-check-box .dropDownList ul li .opmCheckBox div input:checked+label:after{border-color:#27ab67;left:9px;top:16px;width:4px;height:10px}
html.onScrollTopBandHide .instantPopupContainer{top:50px;height:calc(100% - 50px)}

/* Nutanix CSS Start */
#inventoryGridStyle .opm_widget_title__1{background:#f4f5f6;border:1px solid #e0e0e0}
#inventoryGridStyle .opm_widget_title__1 .dashboardWidgetIcons i.widget_expand{padding:9px 8px;top:0px !important}
#inventoryGridStyle .opm_widget_title__1 .dashboardWidgetIcons i.widget_expand:after{top:8px}
body.NutanixSnapshot .NutanixSnapshotMonitor:not(.Addsnmpmonitor) { top: 166px !important; }
body.NutanixSnapshot .opmFailureReasonInfo{padding:0}
html.opmAlignCenter body.NutanixSnapshot #inventoryGridStyle > .ember-view > .grid-stack{max-width:1430px !important}
html.opmAlignCenter body.NutanixSnapshot #inventoryGridStyle .grid-stack-item{padding:0 5px !important}
.nutanixreport .nxRepParentRow td{padding;10px;background:#f4f5f6;}
.nutanixreport .nxchilddata td:first-child{padding-left:30px !important}
.opmMapBVTabNav.fiveTabs header > div{width: 20%;text-align: left}
.nutanix .FilterChart .donutTextDiv:after{background: url('../../img/opm-sprites.png') no-repeat -256px -1641px; width: 34px; height: 36px; content:""}
.opmGroupInventory.nutanixListViewTab ul li{width:auto;min-width:100px;max-width:150px;}
.Device-Info #credentialSection {overflow: visible;}
 /* Nutanix CSS End */
.opmForm .opmTileCheckBox.flex-variant{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-4px;width:calc(100% + 8px)}
.opmForm .opmTileCheckBox.flex-variant>div{width:auto!important}
.opmForm .opmTileCheckBox.flex-variant>div label{border-radius:4px;border:1px solid transparent}
.opmForm .opmTileCheckBox.flex-variant>div input:checked+label,.opmForm .opmTileCheckBox.flex-variant>div:focus-within input+label{border:1px solid #45bd7f;color:#45bd7f;background-color:#e9f7f0}

.configured-alarm-list .configured-alarm-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.configured-alarm-list .configured-alarm-item .configured-alarm-details{padding:15px}
.configured-alarm-list .configured-alarm-item .configured-alarm-delete-btn{background:#e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;max-width:0;overflow:hidden;cursor:pointer}
.configured-alarm-list .configured-alarm-item:hover{background-color:#f2f2f2}
.configured-alarm-list .configured-alarm-item:hover .configured-alarm-delete-btn{max-width:60px;padding:18px}
.configured-alarm-list .configured-alarm-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0;;position:relative;}
.configured-alarm-list .configured-alarm-item .configured-alarm-delete-btn {background: #e0e0e0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;max-width: 0;overflow: hidden;;cursor: pointer;position:absolute;right:0px;top:0px;height:100%;}
/*! Probe Dropdown starts */
.cursorNotAllowed{cursor:not-allowed !important}
.probeDD{display:inline-block;border-left:3px solid rgba(255,255,255,.1)}
.probeDD .probeDD__label{position:relative;display:inline-block;width:132px}
.probeDD .probeDD__label>a{font-size:14px;font-weight:400;color:#fff;text-decoration:none;display:block;padding:10px 30px 11px 8px;position:relative;cursor:pointer;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:auto}
.probeDD .probeDD__label>a::before{content:'';position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.probeDD .probeDD__label.active>a::before{-webkit-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%)}
.probeDD .probeDD__label.active ul{visibility:visible;z-index:9;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;top:100%}
.probeDD .probeDD__label ul{position:absolute;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);right:0;padding:0;margin:0;width:220px;visibility:hidden;z-index:-1;top:120%;max-height:400px;overflow:auto}
.probeDD .probeDD__label ul li{list-style:none}
.probeDD .probeDD__label ul li a{font-size:13px;line-height:1.4;font-weight:400;padding:7px 23px;text-decoration:none;display:block;color:#444;cursor:pointer;position:relative}
.probeDD .probeDD__label ul li.probeDD__title a{font-size:12px;font-weight:400;background-color:#d9d9d9;padding:7px 10px;color:#262626}
.probeDD .probeDD__label ul li:not(.probeDD__title) a:hover{background-color:#f2f2f2}
.probeDD .probeDD__label ul li.active a{background-color:#f2f2f2}
.probeDD .probeDD__label ul li.disabled{cursor:not-allowed}
.probeDD .probeDD__label ul li.disabled a{opacity:.5;cursor:not-allowed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.probeDD .probeDD__label ul li.disabled a span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.probeDD .probeDD__label ul li.active a:before{content:'';display:inline-block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:8px;width:4px;border-bottom:2px solid #444;border-right:2px solid #444;position:absolute;left:8px;top:10px}
.with-probeDD #MainNav{width:calc(100% - 250px)}
.with-probeDD #MainNav .iconOnMainNavDiv{right:0}
/*! Probe Dropdown Ends */

/* CountBubbleComponent SAMV2 styles */
.count-bubble-component .total-element {
  font-size: 28px !important;
  margin: inherit;
  color: #efa315 !important;
}

.count-bubble-component .second-value-total-element {
  font-size: 16px;
  max-width: 100% !important;
}

.count-bubble-component .auto-height {
  height: auto !important;
}

.count-bubble-component .inline-desc {
  display: inline-block !important;
  margin-left: 5px !important;
  vertical-align: baseline !important;
  float: none !important;
  clear: none !important;
}

.count-bubble-component .inline-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
}

.count-bubble-component .operator-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0.5em 0 0 !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
}

.samv2-flex-center-wrap {
  display: flex;
  align-items: center !important;
  flex-wrap: wrap;
}
/* <---------- nav starts */
#nav{background:rgba(37,37,37,.9);width:50px;height:auto;transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;position:absolute;top:50px;bottom:0;left:0;z-index:90}
#nav:hover,body.ie11 #nav:hover{z-index:9999}
#MainNav,#ProductSettings{width:100%;height:auto;position:absolute;left:0;z-index:5}
#nav .ProductDetailsThemes .NavUl{position:relative;overflow:hidden}
#ProductDetails{float:right;width:40px;height:50px;font:25px LatoRegular;color:#808488;padding:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0;cursor:pointer}
#ProductDetails .PDTNav > a{height:50px;padding:10px 5px;border:0 !important;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#ProductDetails .PDTNav.active > a,#ProductDetails .PDTNav >  a:hover{background:#45bd7d !important}
#ProductDetails .PDTNav >  a:hover img,#ProductDetails .PDTNav.active img{filter:none;-webkit-filter:grayscale(0%)}
#ProductDetails figure{float:none;width:29px;height:29px;margin:0}
#ProductDetails figure img{float:left;width:100%;height:auto}
#ProductDetails span{width:205px;padding:10px 5px 10px 10px}
#ProductSettings{bottom:0}
.NavUl,.NavUl > li,.NavUl > li > a,#nav .SubNavContainer,#nav .SubNavContainer .SubNav,#nav .SubNavContainer .SubNav ul,#nav .SubNavContainer .SubNav ul li,#nav .SubNavContainer a{float:left;width:100%;height:auto;margin:0;padding:0}
.NavUl > li > a,#nav .SubNavContainer a{font:13px LatoRegular;color:#9f9f9f;text-align:left;word-wrap:break-word;border-left:2px solid transparent;padding:10px 5px 10px 3px}
.NavUl > li > a:hover,.NavUl > li.active > a,.NavUl > li > a:hover,#nav .SubNavContainer a:hover,#nav .SubNavContainer a.active{background:rgba(0,0,0,.2);color:#fff;border-color:#49bd80}
.NavUl > li > a i,.NavUl > li > a figure{height:auto;overflow:hidden;position:relative}
.NavUl > li > a{text-align:center;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.NavUl > li > a i{width:auto}
.NavUl > li > a figure{float:left;width:50px;border-radius:50%;display:block}
.NavUl > li > a i[class*='icon-']:before{font-size:22px;line-height:100%}
.NavUl > li > a i + span,.NavUl > li > a figure + span{width:200px;padding:5px;display:none;position:absolute}
body.NavHovered #nav{width:270px}
body.NavHovered .NavUl > li > a i + span,body.NavHovered .NavUl > li > a figure + span{display:inline-block}
#nav .SubNavContainer{max-height:0;overflow:hidden;position:relative}
#nav .SubNavContainer b{background:#45b87b;color:#fff;display:none}
#nav .SubNavContainer .SubNav{max-height:185px}
#nav .SubNavContainer a{padding:10px 10px 10px 70px}
body.NavHovered #nav .SubNavContainer{transition:all .5s ease .5s;-ms-transition:all .5s ease .5s;-moz-transition:all .5s ease .5s;-webkit-transition:all .5s ease .5s;-o-transition:all .5s ease .5s}
body.NavHovered #nav .NavUl > li:hover .SubNavContainer{max-height:185px}
body.MainNavScroll-active #MainNav{padding:38px 0}
#MainNav{top:0;z-index:4;overflow:hidden !important}
#MainNav .mCSB_scrollTools{width:100%;right:100%;opacity:1;filter:alpha(opacity=100)}
#MainNav .mCSB_scrollTools a{background:rgba(37,37,37,.95);text-align:center;right:-100%;opacity:1;filter:alpha(opacity=100)}
#MainNav .mCSB_scrollTools a span{background:url(plugins/mcustomscrollbar/mCSB_buttons.png) no-repeat -16px 0;width:16px;height:20px;display:inline-block;opacity:.4;filter:alpha(opacity=40);transition:opacity .2s ease-in-out 0s;-ms-transition:opacity .2s ease-in-out 0s;-moz-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s}
#MainNav .mCSB_scrollTools a:hover span{opacity:1;filter:alpha(opacity=100)}
#MainNav .mCSB_scrollTools a.mCSB_buttonDown span{background-position:-16px -20px}
#MainNav .MainNavShadow{background:-moz-linear-gradient(top,rgba(37,37,37,0) 0%,rgba(37,37,37,.7) 49%,rgba(37,37,37,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(37,37,37,0)),color-stop(49%,rgba(37,37,37,.7)),color-stop(100%,rgba(37,37,37,1)));background:-webkit-linear-gradient(top,rgba(37,37,37,0) 0%,rgba(37,37,37,.7) 49%,rgba(37,37,37,1) 100%);background:-o-linear-gradient(top,rgba(37,37,37,0) 0%,rgba(37,37,37,.7) 49%,rgba(37,37,37,1) 100%);background:-ms-linear-gradient(top,rgba(37,37,37,0) 0%,rgba(37,37,37,.7) 49%,rgba(37,37,37,1) 100%);background:linear-gradient(to bottom,rgba(37,37,37,0) 0%,rgba(37,37,37,.7) 49%,rgba(37,37,37,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00252525',endColorstr='#252525',GradientType=0);width:100%;height:19px;position:absolute;left:0;z-index:2;overflow:hidden}
#MainNav .MainNavShadow:after{background:#363636;width:auto;height:1px;content:'';margin:0;position:absolute;right:5px;bottom:0;left:5px}
#MainNav .MainNavShadow{display:block}
body.MainNavScroll-active #MainNav .MainNavShadow.top{top:20px;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
body.MainNavScroll-active #MainNav .MainNavShadow.bottom{bottom:20px}
body.MainNavScroll-active #MainNav .mCustomScrollBox{overflow:visible}
.MainNav-options{position: absolute;right: 0;top: 0;width: 60px;z-index:99}
.MainNav-options .fullScreen_toggle{float:right;z-index:9;}
.PDTContainer{background:#1d1d1d;width:0;height:100%;font:14px LatoRegular;color:#fff;opacity:0;filter:alpha(opacity=0);position:fixed;top:0;left:40px;z-index:9;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);overflow:hidden;cursor:default}
.PDTNav.active .PDTContainer{opacity:1;filter:alpha(opacity=100)}
#ProductDetails .PDTContainer:before{top:20px}
#ProductSettings .PDTContainer:before{border-right-color:#2e2f2f;bottom:15px}
.PDTContainer > header{background:#45b87b;float:left;width:490px;height:128px;padding:12px 20px;position:relative}
#ProductDetails .PDTContainer > header > div{float:left;width:100%;height:104px;font-family:LatoRegular;padding-right:20px;position:relative}
#ProductDetails .PDTContainer > header > div > div{float:left;width:100%;height:100%;margin:auto}
#ProductDetails .PDTContainer > header .name,.PDTContainer header .department{font-size:20px;color:#fff}
#ProductDetails .PDTContainer > header .name b{width:100%;font-weight:normal;font-family:LatoRegular;text-overflow:ellipsis;overflow:hidden;display:block}
#ProductDetails .PDTContainer > header .department{font-size:17px}
#ProductDetails .PDTContainer > header .time{font-size:12px;margin:5px 0 0}
#ProductDetails .PDTContainer > header figure{float:right;width:85px;max-width:85px !important;height:85px;border-radius:50%;overflow:hidden;position:relative}
#ProductDetails .PDTContainer > header .icon-remove{width:25px;height:25px;margin:0;position:absolute;top:0;right:-10px;cursor:pointer}
#ProductDetails .PDTContainer > header .icon-remove:before,#ProductDetails .PDTContainer > header .icon-remove:after{background:#efefef !important;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#ProductDetails .PDTContainer > header .icon-remove:hover:before,#ProductDetails .PDTContainer > header .icon-remove:hover:after{background:#fff !important}
#ProductDetails .PDTContainer > header .opmSignOut{background:#fa5b5a;height:26px;color:#fff;font-size:13px;padding:4px 10px;position:absolute;bottom:3px;left:0;border-radius:3px;border:1px solid rgba(255,255,255,.5)}
#ProductDetails .PDTContainer > header .opmSignOut.smalOut{left:81px;background:#898686;border:1px solid rgba(255,255,255,.5)}
.ProAccordion,.ProAccordionHeader,.ProAccordionRow,.ProAccordionRow li{width:100%;height:auto;font-size:14px;color:#f0f0f0;position:relative;}
.ProAccordion{width:490px;position:absolute;top:128px;left:0}
.ProAccordionHeader{border-bottom:1px solid #49bc7f;display:table}
.ProAccordionRow{display:table-row}
.ProAccordionRow li{width:auto;padding:10px;text-align:center;border-bottom:2px solid transparent;cursor:pointer;display:table-cell}
.ProAccordionRow li.active{color:#fff;border-color:#49bc7f;cursor:default}
.ProAccordionContainer,.ProAccordionContainer .ProDetails section,.ProAccordionContainer .ProDetails section article,.ProAccordionContainer .ProDetails section article .row{float:left;width:100%;height:auto;overflow:hidden;position:relative}
.ProAccordionContainer .ProDetails{width:100%;height:100%;position:absolute;top:0;left:-100%;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.ProAccordionContainer .ProDetails.about{left:0}
.ProAccordionContainer .ProDetails.register{left:200%}
.ProAccordionContainer .ProDetails a{float:none;width:auto;color:#45b87b;padding:0 !important;display:inline}
html.opmTopBandBannerActive .ProAccordionContainer .ProDetails section{padding:25px;height:calc(100vh - 278px);overflow:auto;}
.ProAccordionContainer .ProDetails section{padding:25px;height:calc(100vh - 238px);overflow:auto;}
.ProAccordionContainer .ProDetails section article h2{font:14px LatoBold;color:#fff;margin:10px 0}
.ProAccordionContainer .ProDetails section article .row div{float:left;width:50%;height:auto;margin:5px 0}
.ProAccordionContainer .ProDetails section article .row div:last-child{padding-left:10px;position:relative}
.ProAccordionContainer .ProDetails section article .row div:last-child:before{content:':';position:absolute;top:0;left:3px}
.ProAccordionContainer .ProDetails.register{color:#fff}
.ProAccordionContainer .ProDetails section article .row div,.ProAccordionContainer .ProDetails.register p{font:13px LatoLight;word-wrap:break-word;margin:0 0 10px}
.clearstyle{float:left;width:100%;height:auto;text-align:center;padding:25px 35px;border:0 !important}
.clearstyle button{background:transparent;font:14px LatoRegular;color:#fff;padding:5px 20px;margin:0 5px;border:1px solid #46b87b;cursor:pointer}
.clearstyle.clearstyle2{padding:20px 0}
.clearstyle.clearstyle2 button{width:45%}
#ProductSettings .PDTContainer > header{padding:20px 60px 20px 20px}
#ProductSettings .PDTContainer > header h2{font-size:30px}
#ProductSettings .PDTContainer > header b{font-weight:normal;font-size:14px}
#ProductSettings .PDTContainer > header i{height:35px;font-size:22px !important;margin:auto;position:absolute;top:0;bottom:0;right:15px;cursor:pointer}
#ProductSettings .PDTContainer > section,#ProductSettings .PDTContainer > section section,.ProNavSet > div{float:left;width:100%;height:auto;position:relative;overflow:hidden}
#ProductSettings .ProSetContainer .mCustomScrollbar{height:100%}
#ProductSettings .PDTContainer > section section{padding:15px 20px;border-bottom:1px solid #595959}
#ProductSettings .PDTContainer > section section h2{margin:0 0 10px}
.ProCommonRadio > div{text-align:center}
.ProCommonRadio > div > div{width:80px;height:80px;padding:10px;margin:0 10px;display:inline-block;position:relative;overflow:hidden}
.ProCommonRadio input,.ProCommonRadio2 input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1;cursor:pointer}
.ProCommonRadio i,.ProCommonRadio2 i{width:100%;height:100%;color:#9f9f9f;border:2px solid #3d3d3d;position:absolute;top:0;left:0}
.ProCommonRadio i:before{font-size:36px;position:relative;top:15px}
.ProCommonRadio i b{width:100%;text-align:center;position:absolute;left:0;bottom:10px}
.ProCommonRadio input:checked + i{color:#fff;border-color:#31c846}
.ProCommonRadio input:checked + i b:before,.ProCommonRadio2 div > div input:checked + i:before{border-width:20px 20px 0 0;border-style:solid;border-image:none;border-color:transparent;border-right-color:#31c846;content:'';display:block;position:absolute;right:0;bottom:-10px}
.ProCommonRadio input:checked + i b:after,.ProCommonRadio2 div > div input:checked + i:after{width:10px;height:10px;font-family:fontello;content:'\e896';display:block;position:absolute;right:2px;bottom:-8px}
.ProNavSet div > div:nth-child(1) i:before{top:22px}
.ProTheme div > div:nth-child(1) i{background:#fff}
.ProTheme div > div:nth-child(2) i{background:#000}
.ProCommonRadio2 > div{display:table}
.ProCommonRadio2 div > div{float:left;width:32px;height:32px;margin:4px;position:relative;overflow:hidden;display:table-cell}
.ProCommonRadio2 div > div i{background:url(../../img/sprites.png) no-repeat 0 0;width:100%;height:100%;border-color:#fff;position:absolute;top:0;left:0}
.ProCommonRadio2 div > div input:checked + i{border-color:#31c846}
.ProCommonRadio2 div > div input:checked + i:before{bottom:0}
.ProCommonRadio2 div > div input:checked + i:after{font-size:11px;color:#fff;right:1px;bottom:1px}
.ProPattern div > div:nth-child(2) i{background-position:-34px 0}
.ProPattern div > div:nth-child(3) i{background-position:-69px 0}
.ProPattern div > div:nth-child(4) i{background-position:-100px 0}
.ProPattern div > div:nth-child(5) i{background-position:-135px 0}
.ProPattern div > div:nth-child(6) i{background-position:-167px 0}
.ProPattern div > div:nth-child(7) i{background-position:-200px 0}
.ProPattern div > div:nth-child(8) i{background-position:0 -33px}
.ProPattern div > div:nth-child(9) i{background-position:-34px -33px}
.ProPattern div > div:nth-child(10) i{background-position:-69px -33px}
.ProPattern div > div:nth-child(11) i{background-position:-100px -33px}
.ProPattern div > div:nth-child(12) i{background-position:-135px -33px}
.ProPattern div > div:nth-child(13) i{background-position:-167px -33px}
.ProPattern div > div:nth-child(14) i{background-position:-200px -33px}
.ProColorSchemes div > div:nth-child(1) i{background-position:0 -64px}
.ProColorSchemes div > div:nth-child(2) i{background-position:-30px -64px}
.ProColorSchemes div > div:nth-child(3) i{background-position:-58px -64px}
.ProColorSchemes div > div:nth-child(4) i{background-position:-88px -64px}
.ProColorSchemes div > div:nth-child(5) i{background-position:-117px -64px}
.ProColorSchemes div > div:nth-child(6) i{background-position:-145px -64px}
.ProColorSchemes div > div:nth-child(7) i{background-position:-175px -64px}
.ProColorSchemes div > div:nth-child(8) i{background-position:-203px -64px}
.ProColorSchemes div > div:nth-child(9) i{background-position:0 -93px}
.ProColorSchemes div > div:nth-child(10) i{background-position:-29px -93px}
.ProColorSchemes div > div:nth-child(11) i{background-position:-58px -93px}
.ProColorSchemes div > div:nth-child(12) i{background-position:-87px -93px}
.ProImage input{z-index:3}
.ProImage i{z-index:2}
.ProImage img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
#addOn_details .headings{width:50%;padding-left:0px;float:left}
/* nav ends ----------> */
/* Kumaresan Changes Virtual discovery */
.credentialBox .dropDownBox{position: absolute; top:100%; left:0; border-top:0; width:100%; background:#fff; overflow: auto; display:none;z-index:3;}
/*Virtual discovery changes by Kumaresan*/
/* <---------- main, aside, & section structure starts */
#main,#main #PageContent,.PageContent{float:left;width:100%;height:100%;position:relative;overflow:hidden;background-color:white}
#PageSideBar{width:300px;height:100%;position:absolute;top:0;left:0;z-index:1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#PageContent{top:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#PageSideBar + #PageContent{padding:0 0 0 300px}
body.NavHovered #PageSideBar + #PageContent{padding:0 0 0 210px}
body.NavHovered #PageSideBar{left:-150px}
/*#container.globalSearchActive #PageContent,#container.globalSearchActive #PageSideBar{top:100%}*/
/* main, aside, & section structure ends ----------> */

/* <---------- product custom scroll starts */
#MainNav .SubNavContainer .mCSB_scrollTools,.ProductCustomScroll .mCSB_scrollTools,#ProductDetails .mCustomScrollbar .mCSB_scrollTools{width:2px;margin:0 !important;right:1px !important;opacity:0;filter:alpha(opacity=0)}
#MainNav .SubNavContainer:hover .mCSB_scrollTools,.ProductCustomScroll:hover .mCSB_scrollTools,#ProductDetails .mCustomScrollbar:hover .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100)}
#MainNav .SubNavContainer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.ProductCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,#ProductDetails .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(169,169,169,1);width:2px}
#MainNav .SubNavContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,#nav .PDTContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,#ProductDetails .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#efefef}
.ProductCustomScroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#000}
#MainNav .SubNavContainer .mCSB_scrollTools .mCSB_draggerRail,.ProductCustomScroll .mCSB_scrollTools .mCSB_draggerRail,#ProductDetails .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background:rgba(169,169,169,.4);width:2px}
#AlrmEvtTrapInvDev #AlarmList .ProductCustomScroll .mCSB_scrollTools{margin:80px 0 0 !important}
/* product custom scroll ends ----------> */

#PageSideBar .FilterAccordionContainer,#PageSideBar .FilterAccHeader,#PageSideBar .FilterAccordion .FilterAccRow,#PageSideBar .FilterAccRow > li,#PageSideBar .FilterAccContent,#PageSideBar .FilterAccContent > div,#PageSideBar .FilterAccContent > div section,#PageSideBar .FilterAccRow > li li{float:left;width:100%;height:auto;position:relative;overflow:hidden}
#PageSideBar .FilterAccordionContainer{height:100%}
#PageSideBar .FilterAccContent{background:rgba(242,242,242,.7);height:auto;margin:45px 0 0;position:absolute;top:0;bottom:0;left:0;overflow-y:visible}
#PageSideBar .FilterAccHeader{height:40px;font:14px/150% LatoRegular;display:table;overflow:visible;z-index:9}
#PageSideBar .FilterAccRow{display:table-row}
#PageSideBar .FilterAccRow > li{background:rgba(255,255,255,.7);float:none;width:50%;padding:6px 10px;text-align:center;border-bottom:1px solid rgba(220,220,220,.8) !important;border-right:1px solid #dcdcdc;cursor:pointer;display:table-cell;position:static;overflow:visible}
#PageSideBar .FilterAccRow > li:nth-child(3){min-width:100px}
#PageSideBar .FilterAccRow > li:last-child{border:0}
#PageSideBar .FilterAccRow > li > a > i{position:absolute;top:54px;right:10px;z-index:1;display:none}
#PageSideBar .FilterAccRow > li.active{background:rgba(255,255,255,.75);font-family:LatoBold;border-bottom:1px solid #49bd80 !important}
#PageSideBar .FilterAccRow > li.active > a > i{display:inline-block}
#PageSideBar .FilterAccRow > li ul{background:#fbfbfb;width:225px;height:auto;border-bottom:1px solid #d6d7d8;position:absolute;top:65px;right:10px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none}
#PageSideBar .FilterAccRow > li li{float:left;width:100%;height:auto;font-weight:normal;text-align:left;padding:10px 15px 10px 30px;margin:0;position:relative}
#PageSideBar .FilterAccRow > li li.active{cursor:default}
#PageSideBar .FilterAccRow > li li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:10px}
#PageSideBar .FilterAccRow > li li:after{background:#eaeaea;width:100%;height:1px;content:'';position:absolute;bottom:0;left:0}
#PageSideBar .FilterAccRow > li li:last-child:after{background:transparent}
#PageSideBar .FilterAccContent > div{width:100%;height:100%;position:absolute;top:0;left:100%;opacity:0;filter:alpha(opacity=0);z-index:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#PageSideBar .FilterAccContent > div.alarm,#AlrmEvtTrapInvDev > section.alarm,#PageSideBar .FilterAccContent > div.event,#AlrmEvtTrapInvDev > section.event,#PageSideBar .FilterAccContent > div.trap,#AlrmEvtTrapInvDev > section.trap{left:0}
#PageSideBar .FilterAccContent > div.trap,#AlrmEvtTrapInvDev > section.trap{left:200%}
#PageSideBar .FilterAccContent > div .FltrCont{float:left;width:100%;height:100%}
#AlrmEvtTrapInvDev,.AETIDHeader,.opm_detailsContainer{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.AETIDTitle,.AETIDFilter{float:left;width:auto;position:relative}
.AETIDTitle b{margin:0;display:inline-block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.AETIDTitle b #timeInfoTxt,.AETIDTitle b #deviceTiltleTxt{font-size:12px;color:#707070}
#EventList .AETIDTitle b{margin:0 0 0 9px}
.ChkBox{float:left;width:24px;height:24px;position:relative}
.ChkBox input,.Options span input{width:100%;height:100%;padding:0;border:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1;cursor:pointer}
.Options span input:checked + i{color:#40bc7b}
.ChkBox i{color:#909090}
.ChkBox input:checked + i{color:#000}
.ChkBox i,#AlrmEvtTrapInvDev .Options span i{font-size:25px}
.ChkBox input:checked + i:before{content:'\f046'}
.AETIDHeader .viewType{right:43px}
.AETIDHeader .viewType .viewTypeHeatMap{width:18px;height:18px;display:inline-block;position:relative;top:2px}
.AETIDHeader .viewType .viewTypeHeatMap i{float:left;width:6px;height:5.4px;font-size:10px;display:block}
.AETIDFilter,.Options,.viewType{position:absolute;top:7px;right:15px;transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease}
.Options{right:0}
.AETIDFilter > i,.viewType > i{font-size:20px;color:#9f9f9f;margin:0 0 0 5px;cursor:pointer}
.AETIDFilter > i:hover,.viewType > i:hover,.viewType > i.active{color:#000}
.AETIDFilDropDownList,.opmDropDownList{background:#fbfbfb;width:225px;height:auto;border:1px solid #d6d7d8;position:absolute;top:0;right:-10px;z-index:2;display:none;opacity:0;filter:alpha(opacity=0);box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.AETIDFilDropDownList:before,.opmDropDownList:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);position:absolute;top:-7px;right:9px;z-index:-1}
.AETIDFilDropDownList li.header,.opmDropDownList li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 30px 10px 15px;margin:0;position:relative;cursor:default}
.AETIDFilDropDownList li.header:after,.opmDropDownList:after{background:none}
.AETIDFilDropDownList li.header i,.opmDropDownList li.header i{font-size:12px;color:#a0a0a0;position:absolute;top:11px;right:10px;cursor:pointer}
.AETIDFilDropDownList li.header i:hover,.opmDropDownList li.header i:hover{color:#000}
.AETIDFilDropDownList li.header [class^="icon-"]:before,.AETIDFilDropDownList li.header [class*="icon-"]:before,.opmDropDownList li.header [class^="icon-"]:before,.opmDropDownList li.header [class*="icon-"]:before{font-family:fontello}
.AETIDFilDropDownList li,.opmDropDownList li{float:left;width:100%;height:auto;font:13px LatoRegular;padding:10px 35px;margin:0;position:relative;cursor:pointer}
.AETIDFilDropDownList li.active,.opmDropDownList li.active{cursor:default}
.AETIDFilDropDownList li.active:before,.opmDropDownList li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
.AETIDFilDropDownList li:not(.header) i{background:url(../../img/samples/icons/icon-sort.png) no-repeat center;width:25px;height:25px;display:inline-block;position:absolute;top:5px;right:10px;cursor:pointer;display:none}
.AETIDFilDropDownList li.active:not(.header) i{display:block}
.AETIDFilDropDownList li:after,.opmDropDownList li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 35px;position:absolute;right:0;bottom:0;left:0}
.AETIDFilDropDownList li.SortTime:after{margin:0}
.AETIDFilDropDownList li:last-child:after,.opmDropDownList li:last-child:after{background:transparent}
.AETIDHeader .Options{top:-60px}
.Options{width:auto;height:44px;display:inline-block;overflow:hidden}
.Options span{width:auto;height:100%;color:#909090;padding:10px;border-style:solid;border-color:#e1e1e1;position:relative;overflow:hidden;display:inline-block}
.AETIDHeader .Options span{border-right-width:1px}
.AETIDHeader .Options span:last-child{border:0}
.Options span:hover{color:#000}
#AlrmEvtTrapInvDev > section,.AETIDContent{width:100%;height:100%;position:absolute;top:0;left:-50px}
#AlrmEvtTrapInvDev > section{z-index:0;transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}
.AETIDHeader{background:rgba(251,251,251,.87);height:40px;font:14px/150% LatoBold;padding:8px 15px;border:1px solid rgba(232,232,232,.8);border-top:0;border-right:0;overflow:visible}
.AETIDContent{height:auto;margin:40px 0 0;border-left:1px solid rgba(232,232,232,.8);bottom:0;left:0}
.AETIDContent > section{float:left;width:100%;height:100%}
.AETIDContent > section.AETIDList{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.AETIDContent .AETIDList{height:100%}
.AETIDHeader.disableAfter::after{display:none}

#DeviceList .DI-Grid .DIG-Graph{padding:20px 10px 20px 270px}
#DeviceList .DI-Grid{min-height:320px}
#DeviceList .DI-Grid .DIG-List,#DeviceList .DI-Grid .DIGL-Row{width:270px}
#DeviceList .DI-Grid .DIG-List:before{left:45%}
#DeviceList .DI-Grid .DIGL-Row div{width:45%;word-break:normal;padding:5px 10px}
#DeviceList .DI-Grid .DIGL-Row div:not(:first-child){width:55%;max-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#DeviceList .DI-Grid .DIGGT-Row i{width:20px;height:20px;padding:3px 5px;margin:0 3px 5px 0}
#DeviceList .SpeedoMeter{margin:0}
.DeviceDetails,.DI-Content,.Device-Info,.DI-Header,.DI-Grid,.DI-Accordion,.DI-Accordion .DIA-Header{float:left;width:100%;height:auto;font:13px LatoRegular;color:#252525}
.DeviceDetails{background:rgba(255,255,255,.2);height:100%;position:relative;overflow:auto;z-index:0}
.DeviceDetails,.oputils{background:rgba(255,255,255,.2);height:100%;position:relative;overflow:auto;z-index:0;width:100%;float: right;}
.Device-Info{height:100%;position:relative;overflow:hidden}
.DI-Header,.DI-Grid{background:#fff;border-bottom:1px solid #e1e1e1}
.DI-Header,.DI-Grid{position:relative}
.DI-Grid{min-height:360px}
#PageContent .DeviceDetails .DI-Header, .DeviceGroupDetails .DI-Header{background:#f5f6f8;width:auto;height:45px;position:absolute;top:0;right:0;left:0;z-index:99}
#PageContent .DeviceDetails .DI-Content, .DeviceGroupDetails .DI-Content{background:#fff;position:absolute;top:45px;bottom:0;left:0;overflow:auto}
#PageContent .DeviceDetails #btn-back, .DeviceGroupDetails #btn-back{float:left;font-size:14px;text-align:center;color:#8a8e91;padding:12px 5px 10px;margin:5px 15px 0 5px !important;cursor:pointer;display:inline-block}
#PageContent .DeviceDetails #btn-back:hover,.DeviceDetails .device-btn i:hover, .DeviceGroupDetails #btn-back:hover{color:#000;text-decoration:none}
#PageContent .DeviceDetails .DI-Options i.icon-chevron-left,#PageContent .DI-Options i.icon-chevron-right{float:left;font-size:14px;text-align:center;color:#8a8e91;padding:5.5px 10px;border:0;display:block;cursor:pointer}
#PageContent .DeviceDetails .DI-Options i.icon-chevron-left:hover,#PageContent .DI-Options i.icon-chevron-right:hover{color:#000}
#PageContent .DeviceDetails .DI-Options i.icon-chevron-left{margin:0 0 0 15px}
#PageContent .DeviceDetails .DI-Options i.icon-chevron-left:before{content:'\f053';position:relative;top:5px}
#PageContent .DeviceDetails .DI-Options i.icon-chevron-right:before{content:'\f054';position:relative;top:5px}
#PageContent .DeviceDetails .DIAC-block .DIG-List,#PageContent .DeviceDetails .DIAC-block .DIG-List .DIGL-Row{width:100%;text-align:left}
.DI-Header h2,.configlet-resultHeader h2{float:left;min-width:500px;width:auto;max-width:60%;font:16px/42px LatoBold;padding:0 10px 0 0}
.DI-Header h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2){float:left;max-width:60%;line-height:26px;display:inline-block}
.DI-Header h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2) div,.configlet-resultHeader h2 span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.DI-Header h2 > div:nth-child(2) div,.configlet-resultHeader h2 > div:nth-child(2) div{max-width:none}
.DI-Header h2 span,.configlet-resultHeader h2 span{clear:left;float:left;max-width:100%;font:12px LatoRegular;color:#888888;margin:-2px 0 0}
.DI-Header h2 span i:not(:first-child),.configlet-resultHeader h2 span i:not(:first-child){padding:0 0 0 5px}
.DI-Header h2 span i:not(:first-child):before,.configlet-resultHeader h2 span i:not(:first-child):before{content:'|';position:relative;top:-1px;left:-2px}
.DI-Header > h2 > i.opm_statusbar{margin-left:0 !important;}
.DI-Header > h2{padding-left:10px;}
.configlet-resultHeader,.configlet-resultHeader h2{float:left;width:100%;max-width:100%;margin-bottom:10px}
.configlet-resultHeader h2 > div:nth-child(2){width:95%;max-width:100%}
.DI-Header h2 .timeFilterList i.icon-time:before{top:-18px}
.DI-Header .DI-Options{float:right;width:auto;height:45px;position:relative;top:0;right:0}
.DI-Header .DI-Options span{border-left:1px solid #e1e1e1}
.DI-Header .DI-Options span i{font-size:25px;position:relative;top:-3px}
.DI-Grid .DIG-List,.DI-Grid .DIGL-Row{float:left;width:540px;max-width:100%;height:auto}
.DI-Grid .DIG-List{min-height:360px;padding:15px 0;position:relative;z-index:2}
.DI-Grid .DIG-List:before{background:#e1e1e1;width:1px;height:100%;content:'';position:absolute;top:0;left:35%}
.DI-Grid .DIGL-Row div{float:left;width:65%;height:auto;padding:5px 20px;word-break:break-word}
.DI-Grid .DIGL-Row div:first-child{width:35%;text-align:right}
.DI-Grid .DIG-Graph{width:100%;height:100%;padding:20px 10px 20px 540px;position:absolute}
.DI-Grid .DIGG-Time{float:left;width:100%;height:auto;text-align:center;margin:0 0 20px;position:relative;z-index:7}
.DI-Grid .DIGGT-Row,.DI-Grid .DIGGT-Row .initialStatus{width:auto;height:50px;display:inline-block;position:relative;cursor:default}
.DI-Grid .DIGGT-Row .initialStatus i{float:left;width:24px !important;height:24px !important;font-size:12px;color:#d0d0d2;padding:5px !important;margin:0 !important;display:inline-block;position:relative;z-index:1}
.DI-Grid .DIGGT-Row .initialStatus:before{background:#d0d0d2;height:1px;content:'';position:absolute;top:35px;right:12px;left:12px}
.DI-Grid .DIGGT-Row .initialStatus i:after{background:#d0d0d2;width:8px;height:8px;margin:auto;border-radius:50%;position:absolute;right:0;bottom:-15px;left:0}
.DI-Grid .DIGGT-Row .initialStatus i:first-child:after,.DI-Grid .DIGGT-Row .initialStatus i:last-child:after{width:16px;height:16px;content:'';bottom:-19px}
#deviceShortSummary .DI-Grid .DIGGT-Row .initialStatus i:first-child:after,#deviceShortSummary .DI-Grid .DIGGT-Row .initialStatus i:last-child:after{bottom:-16px}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_1:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_1:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_1 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_1 > div:before,.DI-Grid .legend span.availabilityStatus_1:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_1 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_1 > i:after{background:#77d283}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_2:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_2:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_2 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_2 > div:before,.DI-Grid .legend span.availabilityStatus_2:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_2 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_2 > i:after{background:#afafaf}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_3:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_3:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_3 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_3 > div:before,.DI-Grid .legend span.availabilityStatus_3:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_3 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_3 > i:after{background:#ffee00}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_4:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_4:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_4 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_4 > div:before,.DI-Grid .legend span.availabilityStatus_4:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_4 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_4 > i:after{background:#ffc0cb}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_5:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_5:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_5 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_5 > div:before,.DI-Grid .legend span.availabilityStatus_5:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_5 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_5 > i:after{background:#f47272}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_6:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_6:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_6 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_6 > div:before,.DI-Grid .legend span.availabilityStatus_6:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_6 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_6 > i:after{background:#6b0000}
.DI-Grid .DIGGT-Row .initialStatus i.availabilityStatus_7:after,.DI-Grid .DIGGT-Row .statusInfo .availabilityStatus_7:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_7 div,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_7 > div:before,.DI-Grid .legend span.availabilityStatus_7:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_7 > i:before,.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_7 > i:after{background:#31A5F0}
.DI-Grid .DIGGT-Row .statusInfo{height:40px;position:absolute;top:0;right:12px;left:12px;z-index:1}
.DI-Grid .DIGGT-Row .statusInfo:before{background:#d0d0d2;width:100%;height:1px;content:'';position:absolute;top:35px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.DI-Grid .DIGGT-Row .statusInfo:hover:before{height:16px;top:27px}
.DI-Grid .DIGGT-Row .statusInfo > div{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}
.DI-Grid .DIGGT-Row .statusInfo > div:before{width:100%;height:1px;content:'';position:absolute;top:35px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.DI-Grid .DIGGT-Row .statusInfo:hover > div:before{height:16px;top:27px}
.DI-Grid .DIGGT-Row .statusInfo > div:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}
.DI-Grid .DIGGT-Row .statusInfo > div > i{width:100%;height:1px;position:absolute;top:35px;left:0;display:block}
.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_1 > i{display:none}
.DI-Grid .DIGGT-Row .statusInfo > div > i:before,.DI-Grid .DIGGT-Row .statusInfo > div > i:after{width:8px;height:8px;border-radius:50%;content:'';position:absolute;top:-4px;left:-6px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.DI-Grid .DIGGT-Row .statusInfo > div > i:after{left:auto;right:0}
.DI-Grid .DIGGT-Row .statusInfo:hover > div > i:before,.DI-Grid .DIGGT-Row .statusInfo:hover > div > i:after{width:0;height:0}
.DI-Grid .DIGGT-Row .statusInfo > div div{width:330px;height:auto;font:normal 13px LatoRegular;color:#fff;padding:10px;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);position:fixed;z-index:9;opacity:0;filter:alpha(opacity=0);display:none}
.DI-Grid .DIGGT-Row .statusInfo > div > div:before{width:12px;height:20px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-7px;right:0;left:5px}
.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_2 div{color:#505052}
.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_3 div{color:#707070}
.DI-Grid .DIGGT-Row .statusInfo > div.availabilityStatus_4 div{color:#5f5f5f}
.DI-Grid .DIGGT-Row .statusInfo > div > div > span{float:left;width:100%;height:auto;text-align:left;margin:2px 0;display:inline-block}
.DI-Grid .legend{float:left;width:100%}
.DI-Grid .legend span{font-size:12px;color:#b2b2b4;margin:0 5px 0 0}
.DI-Grid .legend span:before{width:8px;height:8px;content:'';margin:0 5px 0 0;border-radius:50%;display:inline-block}
.DI-Grid .DIGG-Time b{font-weight:normal;font-size:15px;margin:0 0 10px;display:block}
.DIGG-Graph,.DIA-Content,.DIA-Content .DIAC,.DIA-Content .DIACB{float:left;width:100%;text-align:center}
.DIG-Graph .ember-view, .DIAC-block .ember-view{width:auto;height:auto;display:inline-block}
.SpeedoMeter{width:auto;height:auto;text-align:center;margin:9px;display:inline-block;position:relative;overflow:hidden}
.SpeedoMeter > i.CutCircle{background:#fff;width:100%;height:100%;position:absolute;top:90px;left:0;z-index:0}
.SpeedoMeter div,.SpeedoMeter i{position:relative;z-index:2}
.SpeedoMeter div{margin:20px 0 0}
.SpeedoMeter b,.SpeedoMeter i{font-size:32px}
.SpeedoMeter div i{font-weight:normal;font-size:18px;position:relative;top:-12px}
.SpeedoMeter > i:not(.CutCircle){max-width:180px;height:25px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}
.SpeedoMeter img{margin:auto;position:absolute;top:-1px;right:0;left:0;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;z-index:1}
#adStoreDial img{margin: auto; position: absolute; top: -8px; right: 0; left: 0px; transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; z-index: 1;}
#PageContent .DeviceDetails .DI-Accordion, .DeviceGroupDetails .DI-Accordion{background:#fff;height:100%;position:relative}
#PageContent .DeviceDetails .DI-Accordion .DIA-Header, .DeviceGroupDetails .DI-Accordion .DIA-Header{position:absolute;top:0;left:0}
#PageContent .DeviceDetails .DI-Accordion .DIA-Content .DIAC div[class*='DIAC-']{padding:20px 10px !important}
.privacySettingsViewHdrList li{padding:0px !important;border-bottom:0px !important}
.DI-Accordion .DIA-Header{height:40px;text-align:center;border-bottom:1px solid #e1e1e1}
.DI-Accordion .oputilsHeader{height:40px;text-align:left;border-bottom:1px solid #e1e1e1;padding: 0 20px}
.DI-Accordion .DIA-Header ul,.DI-Accordion .DIA-Header ul li,.privacySettingsViewHdr ul,.privacySettingsViewHdr ul li{width:auto;height:40px;list-style:none;display:inline-block}
.DI-Accordion .DIA-Header ul li,.privacySettingsViewHdr ul li{float:left;font-size:14px;padding:10px 10px 7px;border-bottom:3px solid transparent;cursor:pointer}
.DI-Accordion .DIA-Header ul li:hover,.DI-Accordion .DIA-Header ul li.active,.privacySettingsViewHdr ul li:hover,.privacySettingsViewHdr ul li.active{border-color:#74d683}
.DI-Accordion .DIA-Header ul li.active,.privacySettingsViewHdr ul li.active{font-family:LatoRegular;cursor:default}
.DIA-Content .DIAC.active{display:block}
.DIA-Content .DIAC h2{background:#f5f6f8;font:16px LatoBold;text-align:left;padding:5px 10px;margin:0;position:relative}
.DIA-Content .DIAC h2 .commonProgressbar:before{top:auto;bottom:0}
.DIA-Content .DIAC div[class*='DIAC-']{float:left;width:50%;height:auto;padding:20px 10px;position:relative}
.DIA-Content .DIAC div[class*='DIAC-']:first-child{padding:0 10px 0 0}
.DIA-Content .DIACB{background:#fff;padding:20px 0}
.DIAC.Alerts,.DIAC.Monitors,.DIAC.Notifications,.DIAC.Workflow,.DIAC.Interfaces{background:#fff;text-align:left}
.DIAC.Monitors{padding:20px}
.DIAC.Monitors .Tbl-C{max-height:300px}
.DIAC.Workflow .Tbl-Col:nth-child(1){min-width:180px;width:1%;max-width:180px}
.DIAC.Workflow .Tbl-Col:nth-child(2){width:100%}
.DIAC.Interfaces .Options{position:relative}
.DIAC.Interfaces .Options span{width:20px;height:20px;display:inline-block;border-left:1px solid transparent;position:relative;overflow:hidden}
.DIAC.Interfaces .Options span:last-child{border:0}
.DIAC.Interfaces .Options span input,.DIAC.Interfaces .Options span i{width:100%;height:100%;position:absolute;top:0;left:0}
.DIAC.Interfaces .Options span input{opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1}
.MenuHolder{width:220px;height:30px;text-align:center;padding:0 20px 0 0;margin:auto;overflow:hidden;position:absolute;top:300px;right:0;left:0;z-index:9}
.MenuHolder:after{font-family:fontello;content:'\f0d7';color:#000;margin:auto;position:absolute;top:9px;right:7px}
.MenuHolder i.arrow{width:20px;height:100%;position:absolute;top:0;left:0;cursor:pointer}
.MenuHolder i.arrow:before{font:12px/63px fontello}
.MenuHolder i.arrow.next{left:auto;right:0}
.MenuHolder i.arrow.disabled{opacity:.5;cursor:default}
.MenuHolder .DropDownMenu{width:220px;height:100%;position:absolute;z-index:1;overflow:hidden}
.MenuHolder.active:hover,.MenuHolder.active .DropDownMenu:hover{overflow:visible}
.MenuHolder .DropDownMenu ul{float:left;width:100%;height:auto;position:relative;top:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.MenuHolder .DropDownMenu ul li{float:left;width:220px;height:30px;font:15px/27px LatoRegular;cursor:pointer}
.MenuHolder .DropDownMenu ul li.active{cursor:default}
.MenuHolder.active .DropDownMenu ul:hover{background:#fbfbfb;top:0 !important}
.MenuHolder.active .DropDownMenu ul:hover li{border-bottom:1px solid #eaeaea}
.FilterTypeHolder{width:9000px;height:100%;position:relative;left:0;overflow:hidden}
.FilterType{float:left;width:300px;height:100%;position:relative}
.FilterChart{text-align:center;display:none}
.FilterChart.active{display:block}
.FilterChart{float:left;width:100%;height:auto;padding:0 0 20px;position:relative;overflow:hidden}
.FilterChart .chart{width:280px;height:280px;margin:15px auto;position:relative;padding:0}
.FilterChart .chart.deviceMainChart svg{position:relative;top:10px}
.FilterChart .chart:before{background:rgba(255,255,255,.85);width:88%;height:88%;content:'';margin:auto;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-2}
.FilterChart .chart.deviceMainChart:before{width:48%;height:48%}
.FilterChart .donutTextDiv{width:165px;height:58px;font:normal 36px LatoRegular;text-align:center;margin:auto;position:absolute;top:143px;right:0;left:0;z-index:2;cursor:pointer}
.FilterChart .donutTextDiv:before{width:178px;height:178px;content:'';border-radius:50%;position:absolute;top:-66px;left:-6.7px;bottom:0;right:0;z-index:-1}
.FilterChart .donutTextDiv:after{background:url(../../img/samples/icons/alarms-2.png) no-repeat center/90%;width:56px;height:56px;font-family:opmicons;font-size:40px;content:'';margin:auto;position:absolute;top:-50px;right:0;left:0;z-index:0}

.FilterChart .donutTextDiv span{width:87%;height:auto;margin:auto;word-wrap:break-word;display:block}
.FilterChart .donutTextDiv span.donutText{height:22px;font-size:18px;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}
.FilterChart .donutTextDiv span.donutText:before{width:30px;font-size:12px;content:'reset';color:#808080;margin:auto;position:absolute;right:0;bottom:-15px;left:0;display:none}
.FilterChart .dialHolder.hovered .donutTextDiv span.donutText:before{display:block}
.FilterChart .CatChart{float:left;width:50%;height:auto;padding:10px;display:inline-block;position:relative}
.FilterChart .CatChart:nth-child(2n){border-right:0}
.FilterChart .CatChart * {font:16px/16px LatoRegular;color:#000;text-align:center;margin:auto;display:block}
.FilterChart .CatChart i{width:85px;height:30px;font-size:21px;line-height:30px;margin:auto;position:absolute;top:-48px;right:0;bottom:0;left:0;z-index:9}
.FilterChart .CatChart span{text-align:center;margin:10px auto 20px;transition:transform .2s cubic-bezier(.7,0,.3,1);-ms-transition:transform .2s cubic-bezier(.7,0,.3,1);-moz-transition:transform .2s cubic-bezier(.7,0,.3,1);-webkit-transition:transform .2s cubic-bezier(.7,0,.3,1);-o-transition:transform .2s cubic-bezier(.7,0,.3,1);z-index:9}
.doughnutTip{background:rgba(0,0,0,.8);min-width:30px;max-width:300px;padding:5px 15px;font-size:17px;line-height:1.3;text-align:center;letter-spacing:.06em;text-shadow:0 1px 0 #000;color:#ddd;border-radius:1px;box-shadow:0 1px 3px rgba(0,0,0,.5);-ms-box-shadow:0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);-o-box-shadow:0 1px 3px rgba(0,0,0,.5);transform:all .3s;-ms-transform:all .3s;-moz-transform:all .3s;-webkit-transform:all .3s;-o-transform:all .3s;pointer-events:none;position:absolute;z-index:9}
.doughnutTip:after{height:0;line-height:0;content:'';margin:0 0 0 -6px;border-top:6px solid rgba(0,0,0,.8);border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;bottom:-6px;left:50%}
.FilterChart .doughnutSummary{width:75% !important;height:auto !important;color:#000;text-align:center;margin:auto !important;position:absolute;top:38%;right:0;left:0;z-index:-1}
.FilterChart .CatChart .doughnutSummary{top:38%}
.FilterChart .doughnutSummary p{font-family:LatoRegular}
.FilterChart .doughnutSummaryTitle{width:100%;font-size:27px;position:relative}
.FilterChart .doughnutSummaryNumber{width:100%;font-size:40px}
.FilterChart .CatChart .doughnutSummaryTitle{font-size:16px;top:60px}
.FilterChart .CatChart .doughnutSummaryNumber{font-size:22px}
.FilterTypeHolder .FilterByList{width:18px;height:22px;position:absolute;top:8px;right:20px;z-index:99}
.FilterTypeHolder .FilterByList i{width:15px;height:15px;font-size:1.25em;text-align:center;display:block;cursor:pointer}
.FilterTypeHolder .FilterByList ul{background:#fbfbfb;width:290px;height:auto;border:1px solid #d6d7d8;position:absolute;top:2px;right:-15px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.FilterTypeHolder .FilterByList ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
.FilterTypeHolder .FilterByList ul li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 15px;margin:0;cursor:default;position:relative}
.FilterTypeHolder .FilterByList ul li.header:after{background:none}
.FilterTypeHolder .FilterByList ul li{float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px 10px 35px;margin:0;position:relative;cursor:pointer}
.FilterTypeHolder .FilterByList ul li.active{cursor:default}
.FilterTypeHolder .FilterByList ul li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
.FilterTypeHolder .FilterByList ul li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
.FilterTypeHolder .FilterByList ul li.AllAlarms:after,.FilterTypeHolder .FilterByList ul li.FilterByCategory:after,.FilterTypeHolder .FilterByList ul li.opm_alrmQuickLinks.alarmEventLogCount:after{margin:0}
.FilterTypeHolder .FilterByList ul li:last-child:after,.FilterTypeHolder .FilterByList ul li.opm_alrmQuickLinks.vmwareEvents:after{background:transparent}
.FilterTypeHolder .FilterByList ul li.opm_alrmQuickLinks{padding:0}
.FilterTypeHolder .FilterByList ul li.opm_alrmQuickLinks a{float:left;width:100%;height:auto;color:#000;padding:10px 15px 10px 35px}

.Tbl,.Tbl-H,.Tbl-C,.Tbl-Row{float:left;width:100%;height:auto;position:relative}
.Tbl-C{overflow:auto}
.Tbl-Row{border-bottom:1px solid #e3e3e3;border-collapse:separate;display:table}
.Tbl-C .Tbl-Row:last-child{border-color:#b2b2b2}
.Tbl-Row div[class*='Tbl-']{padding:10px;border-right:1px solid #e3e3e3;border-collapse:separate;display:table-cell}
.Tbl-Row div[class*='Tbl-']:last-child{border:0}
.Tbl-H{background:rgba(251,251,251,1);background:-moz-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(251,251,251,1)),color-stop(50%,rgba(251,251,251,1)),color-stop(51%,rgba(249,249,249,1)),color-stop(100%,rgba(252,252,252,1)));background:-webkit-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-o-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-ms-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:linear-gradient(to bottom,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#fcfcfc',GradientType=0 );font-size:15px}
.Tbl-Col:nth-child(1){width:100%}
.Tbl-Col:not(:first-child){min-width:180px;width:1%;max-width:180px;vertical-align:top;word-break:break-all}
.Tbl-Col i[class*='icon-']{float:left;width:19px;height:19px;font-size:20px;line-height:17px;margin:0 5px 0 0;display:inline-block;position:relative;top:-1px}
.Tbl-Col i.icon-remove-sign{color:#fa5b5a}
.Tbl-Col i.icon-warning-sign{color:#faad5a}
.Tbl-Col i.icon-exclamation-sign{color:#e8de65}
.Tbl-Col i.icon-circle-arrow-down{color:#ac4cab}
.Tbl-Col i.icon-ok-sign{color:#46bb7d}
.AccordionSlider,.AccordionSlider .AS-Block,.AccordionSlider .ASB-Header,.AccordionSlider .ASB-Content{float:left;width:100%;height:auto}
.AccordionSlider .AS-Block:not(:last-child){margin:0 0 10px}
.AccordionSlider .ASB-Header{background:#eceded;font-size:15px;padding:10px;cursor:pointer}
.AccordionSlider .ASB-Header span{float:right}
.AccordionSlider .AS-Block.active .ASB-Header{cursor:default}
.AccordionSlider .ASB-Content{display:none}
.AccordionSlider .ASB-Header span i:nth-child(1){color:#00D000}
.AccordionSlider .ASB-Header span i:nth-child(2){color:red}


/* <---------- body has class 'NavText' styles starts */
body.NavText{padding-left:82px !important}
body.NavText #ProductDetails .NavUl li > a span{display:none}
body.NavText #nav{width:82px}
body.NavText .NavUl > li > a i{float:none;margin:auto}
body.NavText .NavUl > li > a{font-size:11px}
body.NavText .NavUl > li > a i{height:27px}
body.NavText .NavUl .icon-dashboard{background: url(../../img/samples/icons/dashboard.png) no-repeat 50%/30px}
body.NavText .NavUl .icon-inventory{background: url(../../img/samples/icons/Inventory.png) no-repeat 50%/33px}
body.NavText .NavUl .icon-alarms{background: url(../../img/samples/icons/alarms.png) no-repeat 50%/32px}
body.NavText .NavUl .icon-network2{background: url(../../img/samples/icons/group-chat.png) no-repeat 60%/21px}
body.NavText .NavUl .icon-user{background: url(../../img/samples/icons/people.png) no-repeat 60%/20px}
body.NavText .NavUl .icon-workflow{background: url(../../img/samples/icons/workflow.png) no-repeat 50%/22px}
body.NavText .NavUl .icon-maps{background: url(../../img/samples/icons/map.png) no-repeat 56%/15px}
body.NavText .NavUl .icon-apm{background: url(../../img/samples/icons/apm.png) no-repeat center}
body.NavText .NavUl .icon-reports{background: url(../../img/opm-sprites.png) no-repeat -173px 0;transform:scale(.85)}
body.NavText:not(.MacOS) .NavUl > li > a{text-align:center;padding:4px 5px 4px 3px}
body.NavText .NavUl > li > a span{width:auto;white-space:nowrap;text-overflow:ellipsis;padding:1px 2px;display:block;position:relative;overflow:hidden}
body.NavText #MainNav .SubNavContainer{background:#f2f2f2;width:215px;height:40px;box-shadow:0 0 10px rgba(0,0,0,.5);-ms-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-o-box-shadow:0 0 10px rgba(0,0,0,.5);position:fixed;left:72px;z-index:3;opacity:0;filter:alpha(opacity=0);display:none}
body.NavText #MainNav .NavUl li:hover .SubNavContainer{overflow:visible}
body.NavText #MainNav .SubNavContainer > b{background:#45b87b;width:100%;font:normal 15px LatoRegular;color:#fff;padding:10px 30px;border:1px solid #45b87b;position:absolute;top:0;left:0;z-index:2;display:block}
body.NavText #MainNav .SubNavContainer > b:before{border-width:7px;border-style:solid;border-image:none;border-color:transparent;border-right-color:#45b87b;content:'';display:block;position:absolute;top:11px;left:-14px}
body.NavText #MainNav .SubNavContainer .SubNav{height:100%;max-height:none}
body.NavText #MainNav .SubNavContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#000}
body.NavText #MainNav .SubNavContainer .SubNav .mCSB_scrollTools{margin:40px 0 0 !important}
body.NavText #MainNav .SubNavContainer .SubNav > div{overflow:hidden}
body.NavText #MainNav .SubNavContainer .SubNav ul{padding:40px 0 0}
body.NavText #MainNav .SubNavContainer .SubNav li{border-bottom:1px solid #eaeaea}
body.NavText #MainNav .SubNavContainer .SubNav li:last-child{border:0}
body.NavText #MainNav .SubNavContainer .SubNav a{color:#454749;padding:10px 30px}
body.NavText #MainNav .SubNavContainer .SubNav a:hover{background:#fafafa}
body.NavText #PageSideBar{width:298px}
body.NavText #PageSideBar + #PageContent{padding-left:298px !important}
body.NavText .ProImage > div > div{margin:0 5px}
body.NavText #MainNav i.icon-maps{margin:0 0 0 -2px}
body.NavText #MainNav i.icon-network2{margin:0 0 0 -2px}
body.NavText #MainNav i.icon-user{margin:0 0 0 -4px}
/*body.NavText #ProductSettings{min-height:133px}*/
body.NavText #ProductSettings i.icon-reports{left:0}
body.NavText #globalSearchContainer{left:82px}
body.NavText .dashboardWidgetExpandView{left:82px !important}
/* body has class 'NavText' styles ends ----------> */

.ember-view,.JqGridCustomDesign .opmCusGrid{width:100%;height:100%}
.JqGridCustomDesign .gview_Alarms{position:static}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view{padding:0 0 25px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv,.JqGridCustomDesign .ui-jqgrid-bdiv > div:first-child{width:100% !important;height:100% !important}
#container.globalSearchActive .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{top:100%}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column:first-child div{width:100%;height:100%;position:absolute;top:0;left:0}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column{background:none;padding:0 !important}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column > div{width:100%;height:100% !important;position:relative}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column input{opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column input,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column div span{width:100%;height:100%;position:absolute;top:0;left:0}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column div span{background:none;display:block !important}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column div span:before{font-family:fontello;font-size:25px;color:#909090;content:'\f096'}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column div span span{display:none}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead >  tr.ui-jqgrid-labels th.ui-th-column input:checked + span:before{color:#000;content:'\f046'}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table{width:100% !important;height:100%;position:absolute;top:0;left:0;overflow:auto;overflow-x:hidden;display:block}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody{float:left;width:100%}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.jqgfirstrow{display:none}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{float:left;background:#fbfbfb;width:100%;height:35px;white-space:nowrap;color:#707070;padding:0 15px 0 50px;border:0;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden;display:block}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover,.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.ui-state-hover > td:nth-last-child(3),.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.active,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.active > td:nth-last-child(3){background:#fff !important;color:#000}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active *{color:#000 !important}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options{background:#fbfbfb}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options span{border-right:1px solid #e1e1e1}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options span:last-child{border:0}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options span i{color:#909090 !important}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options span input:hover + i{color:#000 !important}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .Options span input:checked + i{color:#40bc7b !important}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td{background:none;width:auto;height:35px;font:13px/100% LatoRegular;color:#707070;text-overflow:ellipsis;white-space:nowrap;padding:11px 10px 11px 0;border:0;display:inline-block;position:relative;overflow:hidden;cursor:pointer}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover td{color:#000}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight > td:nth-last-child(3){background:#fefede !important}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child{background:none;width:24px !important;height:24px;border:0;position:absolute;top:8px;left:13px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child input{opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child input,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i{width:100%;height:100%;position:absolute;top:0;left:0}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before{font-family:fontello;font-size:25px;color:#909090;content:'\f096'}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child input:checked + i:before{color:#000;content:'\f046'}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2){width:3px;height:27px;padding:0;position:absolute;top:4px;left:40px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2) i{width:100%;height:100%;display:block}
.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child,.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgfirstrow > td:first-child{width:auto !important}
.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div{width:auto !important;height:auto !important;display:block;position:relative;top:auto;left:auto}
.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span{background:transparent;width:auto !important;height:auto !important;margin:auto;border:0;display:inline !important;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span > span{display:inline-block}
.jqGridNoCheckBox .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span:before{display:none !important}
.compactTable.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td,.compactTable.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{font-size:12px !important;padding-top:5px !important; padding-bottom: 5px !important}
.compactTable.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child td{padding: 0px !important}

.severity_1,.severity_1:before{background:#fa5b5a !important}
.severity_2,.severity_2:before{background:#faad5a !important}
.severity_3,.severity_3:before{background:#e8de65 !important}
.severity_4,.severity_4:before{background:#ac4cab !important}
.severity_5,.severity_5:before{background:#46bb7d !important}
.severity_6,.severity_6:before{background:#7f7f7f !important}
.severity_7,.severity_7:before{background:#7f7f7f !important}
.severity_8,.severity_8:before{background:#5DA5DA !important}

.severityLite_1{background:#fbdbdb !important}
.severityLite_2{background:#fbebbb !important}
.severityLite_3{background:#f7f5bd !important}
.severityLite_4{background:#ebd8eb !important}
.severityLite_5{background:#d7eee2 !important}

.severity-down,.severity-down:before{background:#fa5b5a !important}
.severity-up,.severity-up:before{background:#46bb7d !important}

/* Severity 1 */
.severity_1.--fault-severity,.severity_1.--fault-severity:before{background:var(--severity-critical) !important}
.severity_1-bg.--fault-severity{background-color:var(--severity-critical-bg) !important}
.severity_1-text.--fault-severity{color:var(--severity-critical-text)}
.severity_1-border.--fault-severity{border-color:var(--severity-critical-border) !important}
/* Severity 2 */
.severity_2.--fault-severity,.severity_2.--fault-severity:before{background:var(--severity-trouble) !important}
.severity_2-bg.--fault-severity{background-color:var(--severity-trouble-bg) !important}
.severity_2-text.--fault-severity{color:var(--severity-trouble-text)}
.severity_2-border.--fault-severity{border-color:var(--severity-trouble-border) !important}
/* Severity 3 */
.severity_3.--fault-severity,.severity_3.--fault-severity:before{background:var(--severity-attention) !important}
.severity_3-bg.--fault-severity{background-color:var(--severity-attention-bg) !important}
.severity_3-text.--fault-severity{color:var(--severity-attention-text)}
.severity_3-border.--fault-severity{border-color:var(--severity-attention-border) !important}
/* Severity 4 */
.severity_4.--fault-severity,.severity_4.--fault-severity:before{background:var(--severity-servicedown) !important}
.severity_4-bg.--fault-severity{background-color:var(--severity-servicedown-bg) !important}
.severity_4-text.--fault-severity{color:var(--severity-servicedown-text)}
.severity_4-border.--fault-severity{border-color:var(--severity-servicedown-border) !important}
/* Severity 5 */
.severity_5.--fault-severity,.severity_5.--fault-severity:before{background:var(--severity-clear) !important}
.severity_5-bg.--fault-severity{background-color:var(--severity-clear-bg) !important}
.severity_5-text.--fault-severity{color:var(--severity-clear-text)}
.severity_5-border.--fault-severity{border-color:var(--severity-clear-border) !important}
/* Severity 6 */
.severity_6.--fault-severity,.severity_6.--fault-severity:before{background:var(--severity-info) !important}
.severity_6-bg.--fault-severity{background-color:var(--severity-info-bg) !important}
.severity_6-text.--fault-severity{color:var(--severity-info-text)}
.severity_6-border.--fault-severity{border-color:var(--severity-info-border) !important}
/* Severity 7 */
.severity_7.--fault-severity,.severity_7.--fault-severity:before{background:var(--severity-unmanaged) !important}
.severity_7-bg.--fault-severity{background-color:var(--severity-unmanaged-bg) !important}
.severity_7-text.--fault-severity{color:var(--severity-unmanaged-text)}
.severity_7-border.--fault-severity{border-color:var(--severity-unmanaged-border) !important}
/* Severity 8 */
.severity_8.--fault-severity,.severity_8.--fault-severity:before{background:var(--severity-notmonitored) !important}
.severity_8-bg.--fault-severity{background-color:var(--severity-notmonitored-bg) !important}
.severity_8-text.--fault-severity{color:var(--severity-notmonitored-text)}
.severity_8-border.--fault-severity{border-color:var(--severity-notmonitored-border) !important}

.severity-down.--fault-severity,.severity-down.--fault-severity:before{background:var(--severity-down) !important}
.severity-up.--fault-severity,.severity-up.--fault-severity:before{background:var(--severity-up) !important}

.severityLite_1.--fault-severity{background:var(--severity-critical-surface) !important}
.severityLite_2.--fault-severity{background:var(--severity-trouble-surface) !important}
.severityLite_3.--fault-severity{background:var(--severity-attention-surface) !important}
.severityLite_4.--fault-severity{background:var(--severity-servicedown-surface) !important}
.severityLite_5.--fault-severity{background:var(--severity-clear-surface) !important}

.severity_1.--fault-severity:before,.severity_2:before,.severity_3:before,.severity_4:before,.severity_5:before,.severity_6:before,.severity_7:before{display:none}
.HeatMap .heatmapHolder .severity_1:before,.HeatMap .heatmapHolder .severity_2:before,.HeatMap .heatmapHolder .severity_3:before,.HeatMap .heatmapHolder .severity_4:before,.HeatMap .heatmapHolder .severity_5:before,.HeatMap .heatmapHolder .severity_6:before,.HeatMap .heatmapHolder .severity_7:before{display:block}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){max-width:360px;font-family:LatoBold;color:#000}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){background:#fbfbfb;width:200px;height:100%;padding:0 15px;position:absolute;top:0;right:0}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .time{width:auto !important;height:auto !important;position:absolute;top:50%;right:60px;transform: translateY(-50%)}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .time i{display:none}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .time b{font-weight:normal}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .Options{top:0;right:14px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .Options i{line-height:20px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:before{width:auto;height:auto;content:'|';color:#707070;position:absolute;top:unset;right:3px}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2):before,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(7):before,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3):before,.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(5):before{content:''}
.JqGridCustomDesign .ui-jqgrid-pager{width:100% !important;height:25px !important;position:absolute;left:0;bottom:0;z-index:101}
.JqGridCustomDesign .ui-jqgrid-pager td.ui-pg-button{padding:0;border:0}

.JqGridCustomDesign .Accr-Header,.JqGridCustomDesign .Accr-Content,.JqGridCustomDesign .Accr-Header ul,.JqGridCustomDesign .Accr-Header ul li{float:left;width:100%;height:auto;font:12px LatoRegular;color:#312e2e}
.JqGridCustomDesign .Accr-Header{height:40px;position:absolute;top:0;left:0;z-index:1}
.JqGridCustomDesign .Accr-Header ul{list-style:none;border-bottom:1px solid #b2b2b2}
.JqGridCustomDesign .Accr-Header ul li{background:#f2f2f2;width:auto;font-size:15px;padding:10px;margin:0 1px 0 0;cursor:pointer}
.JqGridCustomDesign .Accr-Header ul li.active{background:#7f7f7f;color:#fff !important;cursor:default}
.JqGridCustomDesign .Accr-Header ul li.no-records{cursor:default}
.JqGridCustomDesign .Accr-Content{width:100%;height:auto;padding:39px 0 0;position:relative}
.JqGridCustomDesign .Accr-Content .Accr-Ht{float:left;width:100%;height:100%}
.JqGridCustomDesign .Accr-Content .Accr-Ht.active{display:block}
.JqGridCustomDesign .Accr-Content .Accr-Ht.DispNon{display:none}
.JqGridCustomDesign .gridnodata{font:13px LatoRegular;text-align:center;padding:20px 0}

.alarmNotesTxtarea,.alarmNotesTxtarea2{background:none;font:13px/100% LatoRegular !important;color:#707070;padding:0;border:0;resize:none;overflow:hidden}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover td .alarmNotesTxtarea,.alarmNotesTxtarea2{color:#000}
.alarmNotesTxtarea2{width:100% !important;white-space:normal}

#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{width:0 !important;height:0 !important}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{padding-left:27px !important}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before{width:auto;height:auto;content:'';color:#707070;position:absolute;top:-1px;right:3px}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child{width:3px !important;height:36px;padding:0;position:absolute;top:4px;left:15px}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2){float:left;background:none;width:auto;height:auto;max-width:432px;font-weight:bold;color:#000;padding:15px 10px 15px 0;border:0;display:inline-block;position:relative;top:0;left:0;overflow:hidden}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2):before{width:auto;height:auto;content:'|';color:#707070;position:absolute;top:14px;right:3px}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){max-width:120px;font:normal 12px arial,Helvetica,sans-serif;color:#707070}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover td{color:#000}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(4):before{content:':'}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(4){max-width:90px}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(5):before{content:''}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(5){max-width:210px}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(6){max-width:none}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(7) .time{right:15px}
/*#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr,#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight > td:nth-last-child(3){background:#ffffff !important}
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr,#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight > td:nth-last-child(3){background:#fbfbfb !important}*/
#EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.ui-state-hover > td:nth-last-child(3){background:#fff !important}

#AlrmEvtTrapInvDev div.ui-widget-content,#AlrmEvtTrapInvDev #EventList div.ui-widget-content{background:#fbfbfb;border-top:0;opacity:.8;filter:alpha(opacity=80);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#AlrmEvtTrapInvDev.nfaInvTab div.ui-widget-content{background:#fbfbfb;border-top:0;opacity:1;filter:alpha(opacity=80);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
/*#AlrmEvtTrapInvDev .ui-widget-content.ui-state-hover,#AlrmEvtTrapInvDev #EventList .ui-widget-content.ui-state-hover{background:#fff !important}*/
#AlrmEvtTrapInvDev .ui-widget-content.ui-state-highlight{background:#fefede !important}

.opm_jqGridUI .ui-jqgrid{border:0;border-bottom:1px solid #b2b2b2}
.opm_jqGridUI .ui-state-default{border:0 !important;}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top:1px solid #b2b2b2;border-collapse:collapse}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr{border-bottom:1px solid #e3e3e3;}
.opm_jqGridUI .ui-state-default,.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th{background:none !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child{border:0}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background:rgba(251,251,251,1);background:-moz-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(251,251,251,1)),color-stop(50%,rgba(251,251,251,1)),color-stop(51%,rgba(249,249,249,1)),color-stop(100%,rgba(252,252,252,1)));background:-webkit-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-o-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-ms-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:linear-gradient(to bottom,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#fcfcfc',GradientType=0 );height:40px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{font:14px LatoRegular;color:#312e2e;text-align:left;vertical-align:top;padding:8px 10px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{height:auto;font-family:LatoBold;word-break:break-word;white-space:normal;margin-top: 0;overflow:visible}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div.ui-jqgrid-sortable >span{position:relative;top:2px;left:3px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child{width:0;height:0 !important;border:0;position:relative;overflow:hidden;visibility:hidden}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child > td{padding:0 !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child td{padding:0;margin:0}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{background:none;border:0;border-bottom:1px solid #e3e3e3}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-state-hover{background:none}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{float:none !important;height:auto;font:13px/150% LatoRegular !important;color:#312e2e;text-align:left;vertical-align:middle;white-space:normal;word-wrap:break-word;padding:7px 10px !important;border:0;position:static !important;display:table-cell;word-break:break-word}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td:last-child{border:0 !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv #availDiagnostics tbody > tr td{float:none !important;height:auto;font:13px/150% LatoRegular !important;color:#312e2e;text-align:left;vertical-align:middle;white-space:normal;word-wrap:break-word;padding:7px 10px !important;border:0;position:static !important;display:table-cell;word-break:break-word}
.alarmMultiLine .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{white-space: pre-wrap;}


.ui-jqdialog .ui-jqdialog-titlebar{pointer-events: none !important;}
.ui-jqdialog .ui-jqdialog-titlebar-close{pointer-events: all !important;}

html.horizontalView .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{padding-left:60px}
html.horizontalView #AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2) > .statusColor{width:12px;height:12px;border-radius:50%;position:relative;top:7px}
html.horizontalView #AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{padding-left:50px !important}
html.horizontalView #AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2){padding:11px 10px 11px 0}
html.horizontalView #AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:before{top:10px}
html.horizontalView #AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(1) > .statusColor{width:12px;height:12px;border-radius:50%;position:relative;top:7px;left:1px}

html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2{padding:30px 20px;position:relative;transform:scale(1);overflow:visible !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2 > .SingleBar .StatusColor,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2 > .SingleBar > .BarInfo:first-child{display:none}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2:after{background:#78b4d8;width:45px;height:1px;content:'';margin:auto;position:absolute;top:20px;right:0;bottom:auto;left:0;display:block !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2:after{top:auto;bottom:10px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2 > .SingleBar{background:none;margin:5px 0 5px 21px;border:0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2 > .SingleBar > .BarInfo:nth-child(2){width:45px;height:45px;font:15px/250% LatoRegular;text-align:center;padding:0;border:2px solid #39bd79;border-radius:50%}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .BarHolderType2 > .SingleBar.active > .BarInfo:nth-child(2){background:#39bd79;color:#fff}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .tablediv.opm_jqGridUI tbody > tr:first-child{visibility:visible !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .tablediv.opm_jqGridUI tbody > tr:first-child > td{padding:10px !important}
.opm_jqGridUI.hideSubGridFirstRow .ui-jqgrid .ui-jqgrid-bdiv .tablediv.opm_jqGridUI tbody > tr:first-child > td{padding:0 !important}

i.icon-status1,i.icon-status2,i.icon-status3,i.icon-status4,i.icon-status5,i.icon-status6,i.icon-status7,i.icon-intfStatus1,i.icon-intfStatus2,i.icon-intfStatus3,i.icon-intfStatus4,i.icon-intfStatus5,i.icon-intfStatus6,i.icon-intfStatus7,i.icon-status[data-icon="1"],i.icon-status[data-icon="2"],i.icon-status[data-icon="3"],i.icon-status[data-icon="4"],i.icon-status[data-icon="5"],i.icon-status[data-icon="6"],i.icon-status[data-icon="7"],i.icon-status[data-icon="8"]{float:left;font-size:20px;line-height:12px;margin:0 5px 0 0;display:inline-block;position:relative;top:1px}
i.icon-status1:before,i.icon-status[data-icon="1"]:before{color:#fa5b5a;content:'\e86a'}
i.icon-status2:before,i.icon-intfStatus2:before,i.icon-status[data-icon="2"]:before{background:#faad5a;width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-status3:before,i.icon-intfStatus6:before,i.icon-intfStatus7:before,i.icon-intfStatus5:before,i.icon-intfStatus4:before,i.icon-intfStatus3:before,i.icon-status[data-icon="3"]:before{color:#e8de65;content:'\e8c9'}
i.icon-status4:before,i.icon-status[data-icon="4"]:before{color:#ac4cab;content:'\e8d5'}
i.icon-status5:before,i.icon-intfStatus1:before,i.icon-status[data-icon="5"]:before{color:#46bb7d;content:'\e8ae'}
i.icon-status6:before,i.icon-status7:before,.iconViewHolder div.icon_holder i.severity_6:before,.iconViewHolder div.icon_holder i.severity_7:before,i.icon-status[data-icon="6"]:before,i.icon-status[data-icon="7"]:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
i.icon-status8:before,i.icon-status[data-icon="8"]:before{background:#46bb7d;width:16px;height:16px;font-size:10px;line-height:15.5px;color:#fff;content:'\e8c2';border-radius:50%;position:relative;top:-2px}

i.icon-status1.--fault-severity:before,i.icon-status[data-icon="1"].--fault-severity:before{color:var(--severity-critical);content:'\e86a'}
i.icon-status2.--fault-severity:before,i.icon-intfStatus2.--fault-severity:before,i.icon-status[data-icon="2"].--fault-severity:before{background:var(--severity-trouble);width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-status3.--fault-severity:before,i.icon-intfStatus6.--fault-severity:before,i.icon-intfStatus7.--fault-severity:before,i.icon-intfStatus5.--fault-severity:before,i.icon-intfStatus4.--fault-severity:before,i.icon-intfStatus3.--fault-severity:before,i.icon-status[data-icon="3"].--fault-severity:before{color:var(--severity-attention);content:'\e8c9'}
i.icon-status4.--fault-severity:before,i.icon-status[data-icon="4"].--fault-severity:before{color:var(--severity-servicedown);content:'\e8d5'}
i.icon-status5.--fault-severity:before,i.icon-intfStatus1.--fault-severity:before,i.icon-status[data-icon="5"].--fault-severity:before{color:var(--severity-clear);content:'\e8ae'}
i.icon-status6.--fault-severity:before,.iconViewHolder div.icon_holder i.severity_6.--fault-severity:before,i.icon-status[data-icon="6"].--fault-severity:before{background-color:var(--severity-info);-webkit-mask:url(../../img/status-6.svg) no-repeat 0 0;mask:url(../../img/status-6.svg) no-repeat 0 0;transform: rotate(0deg);color:transparent}
i.icon-status7.--fault-severity:before,.iconViewHolder div.icon_holder i.severity_7.--fault-severity:before,i.icon-status[data-icon="7"].--fault-severity:before {color: var(--severity-unmanaged);content: '\e8c7';transform: rotate(-45deg);}
i.icon-status8.--fault-severity:before,i.icon-status[data-icon="8"].--fault-severity:before{background:var(--severity-notmonitored);width:16px;height:16px;font-size:10px;line-height:15.5px;color:#fff;content:'\e8c2';border-radius:50%;position:relative;top:-2px}
i.icon-new{background:#fa5b5a;color:#fff;padding:0 5px 3px;border-radius:3px;position:relative;top:-2px}
.opm_jqGridUI .gridnodata,.noDataFnd{font:13px LatoRegular;text-align:center;margin:20px 0}
#box_mapList_holder .opm_jqGridUI .gridnodata{font:13px LatoRegular;text-align:center;margin:60px 0}

#gbox_opm_AlarmsEventList{width:100% !important;position:absolute;top:0;bottom:0;left:0;overflow:auto;margin:10px 0;padding:20px 0}
.Accr-Content .opm_jqGridUI{width:100%;height:100%}
.Accr-Content .opm_jqGridUI .ui-jqgrid{position:static}
.Accr-Content .opm_jqGridUI .ui-jqgrid,.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view{height:100% !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid,.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv table.ui-jqgrid-htable,.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:last-child{border:0 !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv{height:41px}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th{padding:0}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div{height:39px;padding:10px}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div.ui-jqgrid-sortable > span{width:15px;height:15px;display:inline-block;top:2px !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv{float:left;width:100%;height:auto;border-bottom:1px solid #b2b2b2}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv td{white-space:normal}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager{height:30px !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-pager-control{background:none}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-pager-control td{padding:2px 5px !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .mCSB_inside > .mCSB_container,#AlrmEvtTrapInvDev #AlarmList .Accr-Content .opm_jqGridUI .ui-jqgrid .mCSB_scrollTools{margin:0 !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager{width:540px !important;top:10px;right:0;bottom:auto;left:auto;z-index:9}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control table td{position:relative !important}
.Accr-Content .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control > table > tbody > tr > td:nth-child(2){width:auto !important}

#AlarmList.AETIDRowChecked .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .Options{display:none}
#AlarmList.AETIDRowChecked .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .time{right:15px}
#AlarmList.AETIDRowChecked .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){width:155px}
#AlarmList.AETIDRowChecked .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.active > td:nth-last-child(3),#AlarmList.AETIDRowChecked .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.active > td:nth-last-child(3){width:100%}

#AlarmList .Accr-Workflow .opm_jqGridUI .ui-jqgrid-hdiv th:nth-last-child(2),#AlarmList .Accr-Workflow .opm_jqGridUI .ui-jqgrid-btable td:nth-last-child(2){border-right:0 !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td.GridColHidden{display:none !important}

#PageContent > header,.PageContent > header{background:rgba(251,251,251,.8);width:100%;height:45px;font:15px/140% LatoRegular;padding:10px 15px;border-bottom:1px solid rgba(232,232,232,.8);position:absolute;top:0;left:0;z-index:1}
#PageContent > header > i,.PageContent > header > i{width:25px;height:25px;line-height:150%;text-align:center;color:#a0a0a0;position:absolute;top:10px;left:15px;cursor:pointer;z-index: 1;}
#PageContent > header i:hover,#PageContent > header .actions i:hover,#AlrmEvtTrapInvDev .Options i:hover,.PageContent > header i:hover{color:#000}
#PageContent > header .title,.PageContent > header .title{float:left;width:100%;height:100%;font:15px/155% LatoRegular;white-space:pre;text-overflow:ellipsis;padding:0 420px 0 40px;overflow:hidden}
#PageContent > header .actions,.PageContent .actions,.DeviceGroupDetails .actions{width:auto;height:44px;position:absolute;top:0;right:0}
#PageContent > header .actions i,#AlrmEvtTrapInvDev .Options i,.PageContent .actions i{float:left;font-size:25px;color:#909090;padding:11px 10px 8px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#PageContent #AlarmList > header .actions i,#AlrmEvtTrapInvDev .Options i{float:left;font-size:25px;color:#909090;padding:6px 10px 8px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.PageContent .actions i{font-size:18px}
#PageContent > header .actions i:first-child,#AlrmEvtTrapInvDev .Options i:first-child,.PageContent .actions i:first-child{border:0}
#PageContent > section,.PageContent > section{background:rgba(255,255,255,1);float:left;padding:20px;position:absolute;top:45px;right:0;bottom:0;left:0}
#DetailedContent{width:100%;height:100%;position:relative;overflow:auto}
#DetailedContent .StatusColor{width:3px;height:36px;position:absolute;top:-2px;left:20px}
#ContentHolder,#ContentHolderNew{float:left;width:100%;font:13px/150% LatoBold;padding:0 0 0 40px}
#ContentHolder > div{float:left;width:100%}
#ContentHolder .message, #ContentHolderNew .message{font-size:16px;line-height:150%;padding:5px 0 0}
#ContentHolderNew .message, #ContentHolderNew .headerTitleSpan{margin-left:30px}
#ContentHolder .source,#ContentHolder .time{margin:20px 0}
#ContentHolder .CatTechSev{margin:20px 0 0}
#ContentHolder .CatTechSev i{float:left;font-family:LatoRegular;padding:0 25px 0 0;position:relative}
#ContentHolder .CatTechSev i:after{width:auto;height:auto;content:'::';font:16px LatoBold;color:#707070;position:absolute;top:-2px;right:8px}

#ContentHolder .CatTechSev{width:auto}
#ContentHolder .time{width:auto;font:13px/20px LatoRegular;padding:0 0 0 22px;position:relative}
#ContentHolder .time:before{background:url(../../img/opm-sprites.png) no-repeat -264px -1019px;width:16px;height:16px;content:'';transform:scale(.9);position:absolute;top:1px;left:0}
.alarmShortSummaryActive #ContentHolder .CatTechSev{width:100%}

#ContentHolder .CatTechSev i:last-child:after{content:''}
#TabHolder{float:left;width:100%;height:auto;padding:0 0 0 40px;position:relative}
#TabHolder header{width:100%;height:35px;padding:0 0 0 50px;position:absolute;top:3px;left:0;z-index:1}
#TabHolder header ul{float:left;width:100%;list-style:none}
#TabHolder header ul li{background:#f2f2f2;float:left;width:auto;font:15px LatoRegular;color:#b2b2b2;padding:7px 10px;margin:0 2px 0 0;border:1px solid transparent;border-top-width:2px;border-bottom:0;cursor:pointer;display:inline-block}
#TabHolder header ul li.active{background:#fff;height:37px;color:#000;border-color:#b2b2b2;border-top-color:#46bb7e;cursor:default}
#TabHolder section{float:left;width:100%;height:auto;padding:40px 0 0}
#TabHolder section .SingleTabContent{float:left;width:100%;height:auto;border:1px solid #b2b2b2;border-right:0;border-left:0;position:relative;top:-1px;display:none}
#TabHolder section .SingleTabContent.active{display:block}
#TabHolder .SingleTabContent .mCSB_container{margin:0}
#TabHolder .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable,#TabHolder .opm_jqGridUI .ui-jqgrid{border:0}
#TabHolder .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager{width:500px !important;height:30px !important;position:absolute;top:-30px;right:0;bottom:auto;left:auto;z-index:9}
#TabHolder .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager .ui-pager-control{display:block !important}
#TabHolder .opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager td.ui-state-hover{background:transparent;padding:1px !important;border:0}
#TabHolder .mCSB_scrollTools{z-index:1}
#Discuss{max-width:600px}
#Discuss article,#Discuss article textarea{float:left;width:100%;height:auto}
#Discuss article{background:#fbfbfb;padding:10px 15px;position:relative}
#Discuss article:nth-child(2n){background:#fff}
#Discuss figure{width:43px;height:43px;margin:0;border-radius:43px;overflow:hidden;position:absolute;left:15px;top:10px}
#Discuss h3{font-weight:bold;margin:0 0 8px}
#Discuss p{line-height:18px;word-wrap:break-word}
#Discuss aside{color:#707070;margin:5px 0 0}
#Discuss a{color:#0080d3}
#Discuss article textarea{background:#fff;height:30px;line-height:15px;padding:5px;border:1px solid #c3cacd;border-radius:0;resize:none}
#Discuss article input{background:#46bb7d;float:right;width:auto;height:auto;font-size:14px;line-height:100%;color:#fff;padding:8px 20px;margin:10px 0 0;border:0}
#Discuss article figure img{width:100%}
#DetailedContent #uploadFiles{float:left;height:30px;padding:8px 0;margin:10px 5px 0 0;position:relative;overflow:hidden}
#DetailedContent #uploadFiles input{width:100%;height:100%;padding:0;margin:0;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}

.BarContainer{float:left;width:100%;position:relative}
.BarContainer:after{content:'';border-bottom:1px solid #e8e9eb;position:absolute;top:32px;right:0;left:0}
.BarContainer .barHeader{font:16px/140% LatoRegular;text-align:left;padding:5px 40px 0}
.BarHolder{float:left;width:100%;height:auto;font:13px/150% LatoRegular;color:#000;padding:15px 20px;position:relative;overflow:hidden}
.BarContainer:before,.BarHolder:before{background:rgba(255,255,255,.9);content:'';position:absolute;top:0;right:20px;bottom:0;left:20px;z-index:-1}
.BarHolder .SingleBar{background:rgba(255,255,255,.9);float:left;width:100%;padding:5px 20px 0;border-bottom:1px solid #e8e9eb;position:relative;cursor:pointer}
.BarHolder .noStatus{padding:5px 20px;}
.BarHolder .SingleBar[data-percentage='0']{cursor:default}
.BarHolder .SingleBar:nth-child(2n){background:rgba(255,255,255,.7)}
.BarHolder .SingleBar:hover{background:rgba(255,255,255,.95)}
.BarHolder .SingleBar:nth-child(2n):hover{background:rgba(255,255,255,.8)}
.BarHolder .BarInfo{float:left;width:auto;text-align:left;word-break:break-word;position:relative;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;max-width: 200px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.BarHolder .BarInfo:nth-child(2){float:right}
@keyframes check{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:10px} }
@-ms-keyframes check{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:10px} }
@-moz-keyframes check{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:10px} }
@-webkit-keyframes check{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:10px} }
.BarHolder .SingleBar .BarInfo:first-child:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:10px;left:0;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.BarHolder .SingleBar.active .BarInfo:first-child:before{border-color:#000;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.BarHolder .SingleBar.active .BarInfo:first-child{padding:0 0 0 20px}
.BarHolder .StatusColor{float:left;width:100%;height:10px}
.BarHolder .StatusColor span{float:left;width:0;height:100%;display:inline-block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.BarHolder .mCSB_container{margin:0}
.BarHolder.ProductCustomScroll .mCustomScrollBox .mCSB_scrollTools{opacity:0;filter:alpha(opacity=0)}
.BarHolder.ProductCustomScroll .mCustomScrollBox:hover .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100)}

.OpMToolBar{background:#fff;width:auto;max-width:580px;height:auto;font:normal 12px LatoRegular;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);position:fixed;z-index:99999999;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.OpMToolBar:before{background:#49bd80;width:12px;height:20px;content:'';margin:auto;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-7px;right:0;left:5px}
.OpMToolBar .title{background:#49bd80;color:#fff;padding:10px;position:relative}
.OpMToolBar .title:before{background:#a2ddbd;width:0;height:1px;content:'';position:absolute;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.OpMToolBar.expand,.OpMToolBar.expand:before{box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.OpMToolBar.expand:before{background:#f9f9f9}
.OpMToolBar.expand .title{background:#f9f9f9;font-size:16px;color:#000;padding:13px 40px 13px 20px}
.OpMToolBar.expand .title i{width:20px;height:20px;color:#a0a0a0;text-align:center;margin:auto;position:absolute;top:0;right:15px;bottom:0;cursor:pointer}
.OpMToolBar.expand .title i:hover{color:#000}
.OpMToolBar.expand .title [class^='icon-']:before,.OpMToolBar.expand .title [class*='icon-']:before{font-family:fontello}
.OpMToolBar.loading .title:before{width:75%;transition:all 5s ease .3s;-ms-transition:all 5s ease .3s;-moz-transition:all 5s ease .3s;-webkit-transition:all 5s ease .3s;-o-transition:all 5s ease .3s}
.OpMToolBar.success .title:before,.OpMToolBar.error .title:before{width:100%;transition:all .1s ease;-ms-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}
.OpMToolBar .content{height:130px;font-size:13.5px;line-height:18px;margin:20px;overflow:auto;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.OpMToolBar.error .title:before{background:#fa5b5a}
.OpMToolBar.error .mCustomScrollBox{width:100%;display:table}
.OpMToolBar.error .mCSB_container{width:100%;color:#fa5b5a;text-align:center;vertical-align:middle;display:table-cell}

.cursorPointer{cursor:pointer}
.yetToStartCredentials{margin-right: 6px}
.yetToStartCredentials svg{fill:#F2994A}
.FilterActions{float:left;width:100%;height:auto;font:12px/150% LatoRegular;color:#000;padding:0 20px;position:relative}
.FilterActions div{background:#fdfdfd;float:left;width:50%;height:auto;padding:10px;cursor:pointer}
.FilterActions div.active{background:rgba(250,250,250,.9)}
.FilterActions div:first-child{border-right:1px solid #e8e9eb}
.FilterActions div *{float:left;width:100%}
.FilterActions div.disabled span:first-child{color:#b8b9bb}
#TrapEventLogCount div{border-bottom:1px solid #e8e9eb}
#TrapEventLogCount span:first-child{font-size:30px;margin:15px 0}

/* <---------- temp styles starts */
#AlrmEvtTrapInvDev i.icon-sort.AETIDFilSort:before,#AlrmEvtTrapInvDev i.icon-filter.AETIDFilDropDown:before,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column div span:before,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child:before,#AlrmEvtTrapInvDev  .Options span i:before,#PageSideBar .FilterByList i.icon-filter:before{content:''}
#AlrmEvtTrapInvDev i.icon-sort.AETIDFilSort{background:url(../../img/samples/icons/icon-sort.png) no-repeat;width:14px;height:16px;display:inline-block;position:relative;top:3px}
#AlrmEvtTrapInvDev i.icon-filter.AETIDFilDropDown,#PageSideBar .FilterByList i.icon-filter,i.icon-filter.NCMFilDropDown{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px}
#AlrmEvtTrapInvDev i.icon-filter.AETIDFilDropDown{background:url(../../img/samples/icons/icon-sort.png) no-repeat}
#AlrmEvtTrapInvDev .Options i,#PageContent .actions i,.opm_detailsContainer .actions i.close,.DeviceGroupDetails .actions .i{display:inline-block;position:relative}
#AlrmEvtTrapInvDev .Options i.addnote:before,#PageContent .actions i.addnote:before{background:url(../../img/samples/icons/icon-plus.png) no-repeat center/15px auto;width:19px;height:18px}
#AlrmEvtTrapInvDev .Options i.ping:before,#PageContent .actions i.ping:before{background:url(../../img/opm-sprites.png) no-repeat -111px -24px;width:28px;height:14px}
#AlrmEvtTrapInvDev .Options i.traceRoute:before,#PageContent .actions i.traceRoute:before{background:url(../../img/opm-sprites.png) no-repeat -139px -24px;width:26px;height:14px}
#AlrmEvtTrapInvDev .Options i.clear:before,#PageContent .actions i.clear:before{background:url(../../img/samples/icons/icon-clear.png) no-repeat center/16px auto;width:19px;height:17px}
#AlrmEvtTrapInvDev .Options i.unacknowledge:before,#PageContent .actions i.unacknowledge:before,.JqGridCustomDesign .ui-jqgrid-bdiv tr .Options i.acknowledge:before{background:url(../../img/samples/icons/icon-thumbsup.png) no-repeat center/18px auto !important;width:24px;height:22px;position:relative;top:-1px}
#AlrmEvtTrapInvDev .Options i.acknowledge:before,#PageContent .actions i.acknowledge:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto;width:24px;height:22px;position:relative;top:-1px}
#AlrmEvtTrapInvDev .Options i.acknowledge.active:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i{width:100%;height:100%}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_1{background:#fa5b5a}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_2{background:#faad5a}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_3{background:#e8de65}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_4{background:#ac4cab}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_5{background:#46bb7d}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_6{background:#7f7f7f}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_7{background:#7f7f7f}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_1.--fault-severity{background:var(--severity-critical)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_2.--fault-severity{background:var(--severity-trouble)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_3.--fault-severity{background:var(--severity-attention)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_4.--fault-severity{background:var(--severity-servicedown)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_5.--fault-severity{background:var(--severity-clear)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_6.--fault-severity{background:var(--severity-info)}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i.severity_7.--fault-severity{background:var(--severity-unmanaged)}
#PageContent .actions i,#AlrmEvtTrapInvDev .Options i{height:100%}
.JqGridCustomDesign .ui-jqgrid-bdiv tr .Options i.acknowledge.active:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto !important}

.temp{float:right;width:50px;height:100%;position:absolute;top:-100%;right:150px;display:none}
/* temp custom fonts ends ----------> */


/* NCM Specific styles start from here */
.icon-status-rest-api > .svgIcon > svg{fill:#555555}
.icon-status-rest-api{vertical-align:middle;height:16px}
.icon-status-rest-api.active > .svgIcon > svg{fill:#3f85c5}
.ncmNat.btnGroup{border-radius:0;display:flex}
.ncmNat.btnGroup > div{flex:1}
.ncmNatEnableDisable .ncmNatEnableDisableBtn{background:#f0f0f0;border:1px solid #dcdcdc;padding:0 10px 0 35px;line-height:33px;display:inline-block;width:auto;position:relative;cursor:pointer;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ncmNatEnableDisable .ncmNatEnableDisableBtn:before{position:absolute;top:7px;left:10px;content:"";background:url("../../img/opm-sprites.png") no-repeat -200px -2163px;width:20px;height:20px}
.ncmNatEnableDisable .ncmNatEnableDisableBtn.enable:before{background:url("../../img/opm-sprites.png") no-repeat no-repeat -178px -2163px}
.ncmNatEnableDisable.withInfoToolTip{padding-right:22px;position:relative}
.ncmNatEnableDisable.withInfoToolTip .hasHelpCard{position:absolute;top:30px}

.RESTRequestType{padding:0 9px;background:#F5F5F5;color:#616161;border:1px solid #616161;border-radius:3px;width:auto;display:inline-block;text-align:center;font-size:12px;line-height:1.6;margin:3px;}
.RESTRequestType:first-child{margin-left:0;}
.RESTRequestType:last-child{margin-right:0;}
.RESTRequestType.get{background:#bbdefb;color:#1976d2;border-color:#1976d2;}
.RESTRequestType.post{background:#c8e6c9;color:#388e3c;border-color:#388e3c;}
.RESTRequestType.patch{background:#fff9c4;color:#F9A825;border-color:#F9A825;}
.RESTRequestType.put{background:#ffecb3;color:#ffa000;border-color:#ffa000;}
.RESTRequestType.delete{background:#ffcdd2;color:#d32f2f;border-color:#d32f2f;}
.opmFormRow .btnRight__outer {right:inherit;left: 100%;margin-left:15px;min-width: 60px;}
.w-91 {width: 91% !important;}
.ruleCriteria i{font-style:Italic;color: #888888;}
.ruleCriteria span{background:#3E8AE3;border:1px solid #3E89E4;padding: 2px 5px;color:#fff;border-radius: 1px;}
.criteriaEditIcon{background: url(../../img/opm-sprites.png) no-repeat -260px -1074px;width:13px;height:14px;display:inline-block;position:relative;margin-right:5px;top:4px;cursor:pointer;}
.criteriaFilterIcon{background: url(../../img/opm-sprites.png) no-repeat -223px -689px;width: 20px;height:18px;display:inline-block;position:relative;margin-right: 5px;top: 6px;transform: scale(0.8);cursor:pointer;}
.criteriaDeleteIcon{background: url(../../img/opm-sprites.png) no-repeat -178px -1531px;width:14px;height:14px;display:inline-block;position:relative;margin-right:5px;top:4px;cursor:pointer;}

.terminal-row .pipesymbol {display: table-row;}

/* NCM Specific styles end here */

#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i{background:#fff;width:18px;height:18px;border:1px solid #b9b9b9;border-radius:4px;display:inline-block;opacity:1;filter:alpha(opacity=100)}
@keyframes check2{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:9px} }
@-ms-keyframes check2{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:9px} }
@-moz-keyframes check2{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:9px} }
@-webkit-keyframes check2{ 0%{width:0;height:0} 25%{width:4px;height:0} 50%{width:4px;height:9px} }
#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span:before,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:8px;left:2px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column input:checked + span:before,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child input:checked + i:before{border-color:#3f3f3f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i{width:100%;height:100%;content:'';border:0;border-radius:0;position:absolute;top:-1px;right:3px}
.severityDonutChart{float:left;width:100%;padding:0 20px 0}
.severityDonutChart,.BarHolder{display:none}
.severityDonutChart.active,.BarHolder.active{display:block !important}
.BarHolder.selected .SingleBar .BarInfo{color:#707070}
.BarHolder.selected .SingleBar.active .BarInfo{color:#000}
.AETIDRowChecked .AETIDHeader .AETIDFilter,.AETIDRowChecked .AETIDHeader .viewType,#AlrmEvtTrapInvDev .alarmShortSummaryActive .AETIDHeader .viewType,#AlrmEvtTrapInvDev .deviceShortSummaryActive .AETIDHeader .viewType{top:-40px}
.AETIDRowChecked .AETIDHeader .Options{top:0}
.opmMask{background:rgba(0,0,0,.0);position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMask.active{background:rgba(0,0,0,.2)}
.commonProgressbar:before{background:#a2ddbd;width:0;height:2px;content:'';position:absolute;top:0;left:0;z-index:100;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.commonProgressbar.commonloading:before{width:75%;transition:all 5s ease .3s;-ms-transition:all 5s ease .3s;-moz-transition:all 5s ease .3s;-webkit-transition:all 5s ease .3s;-o-transition:all 5s ease .3s}
.commonProgressbar.commonsuccess:before{width:100%;transition:all .1s ease;-ms-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}
#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2),#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(1){overflow:visible}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2){overflow:hidden}
#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2):after{width:3000px;height:35px;content:'';position:absolute;top:-4px;left:0;z-index:0;cursor:pointer}
#AlrmEvtTrapInvDev #EventList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2):after{display:none}
#OpM_AlertInfo{height:0;margin:7px 0 0;position:fixed;top:0;right:295px;left:360px;z-index:99999999}
.OpMAlertMsg{width:100%;height:auto;text-align:center;padding:7px 25px;margin:0 auto 10px;opacity:0;filter:alpha(opacity=0);position:relative;top:-45px;right:0;left:0;z-index:20;transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;overflow:hidden}
.OpMAlertMsg:before{width:0;height:1px;content:'';position:absolute;bottom:0;left:0;transition:all 3s ease;-ms-transition:all 3s ease;-moz-transition:all 3s ease;-webkit-transition:all 3s ease;-o-transition:all 3s ease}
.OpMAlertMsg i{cursor:pointer}
.OpMAlertMsg [class^='icon-']:before,.OpMAlertMsg [class*='icon-']:before{font-family:fontello;position:absolute;top:9px;right:7px}
.OpMAlertMsg span{white-space:pre-wrap;word-break:break-word;display:inline-block}
.OpMAlertMsgActive{opacity:1;filter:alpha(opacity=100);top:0}
.OpMAlertMsgActive:before{width:100%}
.OpMAlertMsg a{color:black; text-decoration:underline}
#np_infoMsg span{white-space:normal}
.successMsg{background:#c4f893;background:-moz-linear-gradient(top,#c4f893 0%,#bdf18d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c4f893),color-stop(100%,#bdf18d));background:-webkit-linear-gradient(top,#c4f893 0%,#bdf18d 100%);background:-o-linear-gradient(top,#c4f893 0%,#bdf18d 100%);background:-ms-linear-gradient(top,#c4f893 0%,#bdf18d 100%);background:linear-gradient(to bottom,#c4f893 0%,#bdf18d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4f893',endColorstr='#bdf18d',GradientType=0 )}
.successMsg:before{background:#018146}
.successMsg i,.successMsg span{color:#018146}
.infoMsg{background:#fdf79f;background:-moz-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdf79f),color-stop(100%,#f9f29a));background:-webkit-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-o-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-ms-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:linear-gradient(to bottom,#fdf79f 0%,#f9f29a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf79f',endColorstr='#f9f29a',GradientType=0 )}
.infoMsg:before{background:#851813}
.infoMsg i,.infoMsg span{color:#851813}
.errorMsg{background:#faa994;background:-moz-linear-gradient(top,#faa994 0%,#f4a18f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#faa994),color-stop(100%,#f4a18f));background:-webkit-linear-gradient(top,#faa994 0%,#f4a18f 100%);background:-o-linear-gradient(top,#faa994 0%,#f4a18f 100%);background:-ms-linear-gradient(top,#faa994 0%,#f4a18f 100%);background:linear-gradient(to bottom,#faa994 0%,#f4a18f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa994',endColorstr='#f4a18f',GradientType=0 )}
.errorMsg:before{background:#861614}
.erroMsg i,.erroMsg span{color:#861614}
.infoMsg-1{background:#fdf79f;background:-moz-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdf79f),color-stop(100%,#f9f29a));background:-webkit-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-o-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:-ms-linear-gradient(top,#fdf79f 0%,#f9f29a 100%);background:linear-gradient(to bottom,#fdf79f 0%,#f9f29a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf79f',endColorstr='#f9f29a',GradientType=0 )}
.infoMsg-1:before{background:#851813}
.infoMsg-1 i,.infoMsg-1 span{color:#851813}
.OpMAlertMsgHide{height:0px;display:none;transition:all 5s ease 3s;-ms-transition:all 5s ease 3s;-moz-transition:all 5s ease 3s;-webkit-transition:all 5s ease 3s;-o-transition:all 5s ease 3s}
.OpM_textarea{float:left;width:100%;height:86px;margin:0 0 10px;border:1px solid #ececec;resize:none;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.OpM_textarea:focus{border-color:#dcdcdc}
.OpM_button{background:#40bc7d;float:right;color:#fff;padding:8px 20px;border:0;cursor:pointer}

.dialHolder{width:262px;height:262px;margin:30px auto;border-radius:50%;position:relative;overflow:hidden}
.dialHolder.hovered .chart:before{background:rgba(255,255,255,1)}
.dialHolder .chart{margin:0;top:-9px;left:-9px;z-index:1}
.dialHolder .donutTextDiv{top:108px}

.timeFilterList{width:22px;height:22px;position:absolute;top:10px;left:20px;z-index:99}
.timeFilterList i.icon-time,.ncmReportTimeFilter i.icon-time{width:20px;height:20px;text-align:center;border:1px solid #616974;border-radius:50%;display:inline-block;position:relative;top:1px;cursor:pointer}
.timeFilterList i.icon-time:before,.ncmReportTimeFilter i.icon-time:before{font-size:10px;font-family:LatoRegular;content:'L';position:relative;top:-5px;left:1px}
.timeFilterList ul{background:#fbfbfb;width:290px;height:auto;text-align:center;padding:0 0 10px;border:1px solid #d6d7d8;position:absolute;top:2px;left:-15px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.timeFilterList ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);position:absolute;top:-7px;left:20px;z-index:-1}
.timeFilterList ul li.header,.timeFilterList ul li.activeInfo{background:#f5f5f5;width:100%;font:15px LatoRegular;text-align:left;padding:10px 30px 10px 17px;margin:0;position:relative;cursor:default}
.timeFilterList ul li.activeInfo{background:none;text-align:center;color:#40bc7d}
#PageSideBar .FilterByList ul li.header i,.timeFilterList ul li.header i{font-size:12px;color:#a0a0a0;position:absolute;top:11px;right:10px;cursor:pointer}
#PageSideBar .FilterByList ul li.header i:hover,.timeFilterList ul li.header i:hover{color:#000}
#PageSideBar .FilterByList ul li.header [class^="icon-"]:before,#PageSideBar .FilterByList ul li.header [class*="icon-"]:before,#PageSideBar .timeFilterList ul li.header [class^="icon-"]:before,#PageSideBar .timeFilterList ul li.header [class*="icon-"]:before{font-family:fontello}
.timeFilterList ul li{background:#eaeaea;width:83px;height:auto;font:normal 12px LatoRegular;padding:10px 12px;margin:4px 2px;cursor:pointer;display:inline-block}
.timeFilterList ul li:last-child{word-break:break-all}
.timeFilterList ul li.active{background:#40bc7d;color:#fff;cursor:default}
#PageSideBar .sortByInfo,#AlrmEvtTrapInvDev .sortByInfo{font:15px/140% LatoRegular;text-align:center;position:absolute;top:8px;right:50px;left:50px}
#PageSideBar .sortByInfo b,#AlrmEvtTrapInvDev .sortByInfo b{font-weight:normal}
#PageSideBar .quickLinks{float:left;width:100%;height:auto;font:12px/150% LatoRegular;color:#000;text-align:left;padding:0 20px;position:relative}
#PageSideBar .quickLinks a{background:rgba(250,250,250,.9);float:left;width:100%;height:auto;color:#000;padding:10px 20px;border-top:1px solid #e8e9eb;cursor:pointer}
.displayNone{display:none}
.displayBlock{display:block}
.vmdisplayNone{display:none !important}
.vmdisplayBlock{display:block !important}
.IWdisplayFlex{display:flex !important}

/*radial-svg starts here*/
.label{font:12px LatoRegular !important;text-anchor:middle;fill:#000 !important}
.labels .label{font-size:27px !important}
.CatChart:after{background:#fff;width:110px;height:110px;content:'';border-radius:50%;position:absolute;top:5px;left:10px;z-index:0}
.CatChart:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:131px;left:27px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
#CatTrouble-A.CatChart:before{left:25px}
#CatAttention-A.CatChart:before{left:21px}
#CatServiceDown-A.CatChart:before{left:8px}
.CatChart.active:before{border-color:#46bb7d;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.CatChart svg{position:relative;left:5px;z-index:1}
.CatChart .labels .label{transform:translate(0,3px);-ms-transform:translate(0,3px);-moz-transform:translate(0,3px);-webkit-transform:translate(0,3px);-o-transform:translate(0,3px)}
.CatChart .component .label{transform:translate(50px,125px);-ms-transform:translate(50px,125px);-moz-transform:translate(50px,125px);-webkit-transform:translate(50px,125px);-o-transform:translate(50px,125px)}
#CatCritical-A .component{fill:#f3bcbf}
#CatTrouble-A .component{fill:#ffe2c2}
#CatAttention-A .component{fill:#f4f0bf}
#CatServiceDown-A .component{fill:#f1dbf1}
/*radial-svg ends here*/

.AETIDList:before{background:rgba(251,251,251,.8);width:100%;height:0;content:'';position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:1}
.AETIDList.filterDataByActive:before{height:45px}
.AETIDList.filterDataByActive.row2:before{height:76px}
.AETIDContent .AETIDList.filterDataByActive{padding:45px 0 0}
.AETIDContent .AETIDList.filterDataByActive .ui-jqgrid{border-top:1px solid #e8e8e8}
#filterDataBy{width:100%;height:45px;padding:5px 40px;display:flex;align-items:center;border-bottom:1px solid #e8e8e8;position:absolute;top:-122px;left:0;overflow:hidden;z-index:1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.AETIDContent .AETIDList.filterDataByActive #filterDataBy{top:0}
#filterDataBy .filterInfoHolder{float:left;width:100%;height:auto;max-height:100%;overflow:auto}
#filterDataBy .filterInfoHolder div{display:inline}
#filterDataBy i,.selectedFilterList i{background:rgba(227,227,227,.5);float:left;height:26px;font:12px LatoRegular;color:#000;white-space:nowrap;padding:5px 15px;margin:3px 3px 3px 12px;border-radius:10px;position:relative;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#filterDataBy i:after,.selectedFilterList i:after{background:#fa5b5a;width:0;height:1px;content:'';text-align:center;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#filterDataBy i:hover:after,.selectedFilterList i:hover:after{width:100%}
#filterDataBy .mainFilter i:first-child:before{content:''}
#filterDataBy i.destroy{width:0;content:'';padding:5px 0;margin:3px 0;opacity:0;filter:alpha(opacity:0)}
#filterDataBy .title{font:12px LatoRegular;position:static;flex:0 0 auto;top:15px;left:17px}
#filterDataBy .icon-remove{background:none;color:#aeaeb0;position:absolute;top:5px;right:0}
#filterDataBy.InvFilterLangFix {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:5px 20px; }
#filterDataBy.InvFilterLangFix .title{position:relative;top:0;left:0;width:auto;white-space:nowrap;}
#filterDataBy.InvFilterLangFix .filterInfoHolder{padding-right:30px;}

html:not(.opmFullScreen) #AlrmEvtTrapInvDev.List .alarmShortSummaryActive .opmCusGrid .ui-widget-content,html:not(.opmFullScreen) #AlrmEvtTrapInvDev.List .deviceShortSummaryActive .opmCusGrid .ui-widget-content{width:400px !important;overflow:hidden}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3),#AlrmEvtTrapInvDev .deviceShortSummaryActive .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){max-width:200px}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){width:150px !important}
#alarmShortSummary,#deviceShortSummary{width:100%;padding:0 400px 0 0;margin:0;position:absolute;top:0;bottom:0;left:100%;z-index:2;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.alarmShortSummaryActive #alarmShortSummary,.deviceShortSummaryActive #deviceShortSummary{margin-left:400px;left:0;box-shadow:-1px 8px 7px rgba(0,0,0,.1);-ms-box-shadow:-1px 8px 7px rgba(0,0,0,.1);-moz-box-shadow:-1px 8px 7px rgba(0,0,0,.1);-webkit-box-shadow:-1px 8px 7px rgba(0,0,0,.1);-o-box-shadow:-1px 8px 7px rgba(0,0,0,.1)}
.AETIDList.filterDataByActive #alarmShortSummary,.AETIDList.filterDataByActive #deviceShortSummary{top:0px}
#alarmShortSummary #DetailedContent,#deviceShortSummary #DetailedContent{background:#fff;padding:20px;overflow:auto}
#alarmShortSummary #DetailedContent .StatusColor,#deviceShortSummary #DetailedContent .StatusColor{top:18px;left:30px}
#alarmShortSummary #ContentHolder,#deviceShortSummary #ContentHolder{width:100%;padding:0 0 0 30px}
#alarmShortSummary #ContentHolder .message,#deviceShortSummary #ContentHolder .message{position:relative;overflow:hidden}
#alarmShortSummary #ContentHolder .message > div,#deviceShortSummary #ContentHolder .message > div{float:right;width:100%;padding:0 30px 0 0;margin-left:-5px}
#alarmShortSummary #ContentHolder .CatTechSev i:first-child{float:left;width:100%;margin:0 0 20px;display:block}
#alarmShortSummary #ContentHolder .CatTechSev i:first-child:after{content:''}
#alarmShortSummary #TabHolder header{padding:0 0 0 30px}
#alarmShortSummary #TabHolder header:before{height:1px;content:'';border-bottom:1px solid #b2b2b2;position:absolute;right:0;bottom:-1px;left:30px}
#alarmShortSummary #TabHolder header li:hover{background:#fff;height:36px;color:#000;border-color:#b2b2b2;border-top-color:#46bb7e;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#alarmShortSummary #TabHolder header li.active{height:36px}
#alarmShortSummary #TabHolder .SingleTabContent{border:0}

.alarmShortSummaryActive .ui-jqgrid-pager table.ui-pg-table tr > td:nth-child(2) table,.deviceShortSummaryActive .ui-jqgrid-pager table.ui-pg-table tr > td:nth-child(2) table{float:left}
.alarmShortSummaryActive .ui-jqgrid-pager table.ui-pg-table tr > td:nth-child(3) .ui-paging-info,.deviceShortSummaryActive .ui-jqgrid-pager table.ui-pg-table tr > td:nth-child(3) .ui-paging-info{position:relative;right:40px}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .ui-widget-content.active,#AlrmEvtTrapInvDev .alarmShortSummaryActive .ui-widget-content.active td,#AlrmEvtTrapInvDev .deviceShortSummaryActive .ui-widget-content.active,#AlrmEvtTrapInvDev .deviceShortSummaryActive .ui-widget-content.active td,#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover.active > td:last-child{background:#fff8a9 !important}
.ui-widget-content.jqgrow.ui-row-ltr.active .Options,.ui-widget-content.jqgrow.ui-row-ltr:focus td:nth-last-child(3) .Options{background:none}
#AlrmEvtTrapInvDev.Grid .alarmShortSummaryActive .ui-widget-content.active td,#AlrmEvtTrapInvDev.Grid .deviceShortSummaryActive .ui-widget-content.active td{background:none !important}

#AlrmEvtTrapInvDev .Options i.close{margin-right:-40px}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .Options i.close,#AlrmEvtTrapInvDev .deviceShortSummaryActive .Options i.close{margin-right:0}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .AETIDHeader .AETIDFilter,#AlrmEvtTrapInvDev .deviceShortSummaryActive .AETIDHeader .AETIDFilter{top:10px;right:auto;left:360px}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .AETIDHeader .Options,#AlrmEvtTrapInvDev .deviceShortSummaryActive .AETIDHeader .Options{top:0}

/*Global Search*/
html:not(.product__rmm) #globalSearch{float:right;width:40px;height:50px;font:22px LatoRegular;color:#808488;padding:15px 9px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0}
/* html:not(.product__rmm) #globalSearch:before{background:url(../../img/opm-sprites.png) no-repeat -257px -240px;width:21px;height:22px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
#globalSearch:hover:before{background-position:-278px -240px} */
#globalSearchContainer{position:absolute;top:50px;right:0;bottom:0;left:50px;z-index:999}
#globalSearchContainer.noPageSideBar{left:50px}
body.settingsPage #container.globalSearchActive #header{background:rgba(242,242,242,1);top:0}
body.opmDashboardMenuSmall #container.globalSearchActive #globalSearchContainer{top:50px}
#globalSearchContainer > section{float:left;width:100%;height:100%;font:14px/100% LatoRegular;position:relative;top:100%;opacity:0;filter:alpha(opacity=0);overflow:hidden}
#globalSearchContainer > section:before{background:#f5f5f5;content:'';position:absolute;top:100px;right:0;bottom:0;left:0;z-index:-1}
#globalSearchContainer > section > header{background:#282c34;width:100%;height:100px;font:14px/140% LatoRegular;padding:7.5px 15px;border-top:2px solid #45bd7f;position:absolute;top:0;left:0;z-index:1}
#globalSearchContainer > section > header > div{background:#fff;width:97%;max-width:1410px;height:40px;margin:auto;position:absolute;top:0;right:20px;bottom:0;left:20px;display:block}
#globalSearchContainer > section > header > div:before{font-size:18px;font-family:fontello;content:'\e8d6';color:#b2b2b2;position:absolute;top:11px;left:12px}
#globalSearchContainer > section > header > div input{background:none;width:100%;height:100%;font:18px/100% LatoRegular;color:#b2b2b2;padding:2px 60px 2px 40px;border:none;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#globalSearchContainer > section > header > div input:focus{color:#000}
#globalSearchContainer > section > header > div input[type=text]::-ms-clear{display:none}
#globalSearchContainer > section > header > div .clearSrcTxt {opacity:0.7;cursor: pointer;background: #45bd7d;font: 13px/23px LatoRegular;letter-spacing: 1px;color: #fff;text-align: center;padding: 8px 5px;border-radius: 0 3px 3px 0;position: absolute;width: auto;height: 40px;display: block;right: 0;top: 0;}
#globalSearchContainer > section > header > div .clearSrcTxt:hover{opacity:1;filter:alpha(opacity=100)}

#globalSearchContainer > section > section .globalSrchRsltContainer{float:left;width:100%;height:100%;position:relative}
#globalSearchContainer > section > section .globalSrchRsltContainer > header{float:left;width:75%;height:65px;text-align:center;border:1px solid #e8e8e8;border-top:0}
#globalSearchContainer > section > section .globalSrchRsltContainer > header ul{float:left;width:100%;height:auto;margin:auto;position:relative}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li{float:left;width:200px;height:auto;padding:15px 20px;border:1px solid #e8e8e8;border-right-width:0;position:relative;cursor:pointer;display:block}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li:before{background:#e8e8e8 !important;width:1px;height:100%;content:'';position:absolute;top:0;left:100%}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li:first-child{border-left:0}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li:hover,#globalSearchContainer > section > section .globalSrchRsltContainer header li.active,#globalSearchContainer > section > section .globalSrchRsltContainer header li.active:before,#globalSearchContainer > section > section .globalSrchRsltContainer header li.active:after{background:#fff}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li i{float:left;width:100%;height:auto;display:block;position:relative;z-index:2}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li i:first-child{font-size:20px;margin:0 0 10px}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li.active{cursor:default}
#globalSearchContainer > section > section .globalSrchRsltContainer > header li.active:after{width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:1}
#globalSearchContainer > section > section .globalSrchRsltContainer > section{width:75%;position:absolute;top:65px;right:0;bottom:0;left:0;overflow:auto}
#globalSearchContainer > section > section{width:100%;max-width:1410px;margin:auto;overflow:auto;position:absolute;top:100px;right:0;bottom:0;left:0}
#globalSearchContainer > section > section > div{float:left;width:100%;height:auto}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-hdiv{display:none}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr{padding:0 30px;cursor:pointer}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:first-child:before,#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:first-child i:before{display:none}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td{float:left;width:auto !important;font-size:13px !important;font-weight:normal !important;color:#707070;padding: 10px 10px 0 0 !important;overflow:visible;}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:not(:first-child):before{content:'|' !important;top: 10px;}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:last-child:before{display:none !important}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:first-child{width:3px !important;height:36px !important;padding:0 !important;margin:0 10px 0 0}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:first-child i{width:100% !important;height:100%;top:4px}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td:nth-child(2){max-width:270px;font-weight:bold !important;overflow:hidden}
#globalSearchContainer > section.menuOptionContainerActive:after{background:rgba(0,0,0,.3);content:'';position:absolute;top:100px;right:0;bottom:0;left:0;z-index:1}
#globalSearchContainer > section.menuOptionContainerActive #searchSettingsDiv.menuOptionContainer{left:0}
#globalSearchContainer > section.menuOptionContainerActive #searchSettingsDiv.menuOptionContainer .menuOption{right:0}
#globalSearchContainer > section .searchMenuScroll{height:65px}

.blur{filter:blur(10px)}
.opm_link,#alarmShortSummary .CatTechSev i.cursorPointer{color:#31A5F0 !important;text-decoration:none;display:inline;cursor:pointer}
.opm_link:hover,#alarmShortSummary .CatTechSev i.cursorPointer:hover{text-decoration:underline}

.product__rmm.firefox ul.searchresult li a:focus{background:#fff;color:#3c3c3c}
.product__rmm.firefox ul.searchresult li a:focus:hover{background:#282c34;color:#f5f5f5}
#searchAdvice {float:left;width:100%;color:#c1c1c1;padding:2px 40px;display:block}
#searchAdvice span{float:left;width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:none}
#searchAdvice strong{font-weight:bold;color:#fff}
#quickSearchResults{padding:20px 30px;display:none}
#opm_recommendation{background:#f2f2f2;float:right;width:25%;height:100%;padding-top:8px;font-size:13px;overflow:auto;display:none}
h2.searchHeader{font-family:LatoBold;margin-left:10px;color:#3c3c3c}
ul.searchresult{float:left;width:100%;height:auto;max-height:100px;padding:0;margin:0 0 15px;overflow:hidden}
ul.searchresult li{float:left;margin:8px}
ul.searchresult li a{background:#fff;float:left;color:#3c3c3c;text-decoration:none;padding:8px 15px;border:1px solid #dadada;border-radius:15px}
ul.searchresult li a:hover,ul.searchresult li a:focus{background:#282c34;color:#f5f5f5}
#quickSearchResults > div{float:left;width:100%;height:auto}
.srchQuickInfoContainer{background:#f5f5f7;text-align:center;padding:20px;position:absolute;top:100px;right:0;bottom:0;left:0;overflow:auto}
.srchQuickInfo{background:#fff;float:none;width:950px !important;max-width:100%;height:auto;text-align:left;border:1px solid #efefef;display:inline-block}
.srchQuickInfo h2{background:rgba(220,220,220,.7);font:14px LatoBold;padding:10px}
.srchQuickInfo > div{width:100%;display:table}
.srchQuickInfo .row{width:100%;height:auto;overflow:hidden;position:relative;display:table-row}
.srchQuickInfo .row .column{width:50%;height:auto;vertical-align:top;border-right:1px solid #efefef;display:table-cell}
.srchQuickInfo .column:last-child:not(:first-child){border:0}
.srchQuickInfo .column div{float:left;width:50%;height:auto;white-space:normal;word-wrap: break-word;max-width: 235px;padding:8px 10px}
.srchQuickInfo .column div:first-child{font:14px LatoBold}
.srchQuickInfo .column div:last-child{padding-left:10px;position:relative}
.srchQuickInfo .column div:last-child:before{content:':';position:absolute;top:7px;left:3px}
.srchQuickInfo .column.highlight{background:rgba(37,37,37,.9);color:#fff}
#searchSettingsDiv.menuOptionContainer{position:absolute;top:100px;right:0;bottom:0;overflow:auto;z-index:9;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#searchSettingsDiv .menuOption{background:#fff;width:100%;max-width:360px;height:100%;position:absolute;top:0;right:-360px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:1}
#searchSettingsDiv .menuOption h2{width:100%;height:85px;font:20px LatoRegular;padding:30px;margin:0;position:absolute;top:0;left:0}
#searchSettingsDiv .menuOption .opmFormRow .opmFormCol{width:100%}
#searchSettingsDiv .menuOption > div{width:100%;height:auto;padding:0 30px;margin:auto;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
#searchSettingsDiv .menuOption .icon-remove{position:absolute;top:29px;right:10px;cursor:pointer}
#searchSettingsDiv .menuOption div .opmFormRow{padding:8px 0;margin:0;display:inline-block}
#searchSettingsDiv .menuOption div .opmFormRow .chkRoundBtn,#searchSettingsDiv .menuOption div .opmFormRow label{float:left}
#searchSettingsDiv .menuOption div .opmFormRow .chkRoundBtn{position:relative;top:0}
#searchSettingsDiv .menuOption div .opmFormRow .opmFormCol > label{width:auto;padding:4px 5px}
.searchInfoDiv{text-align:center}
.srcMinMaxFieldAlert{font:13px LatoRegular;color:#f00;position:absolute;bottom:10px;left:30px;z-index:0}
.noSideBarGblSearch > header,.noSideBarGblSearch > section{width:100% !important}
.noSideBarGblSearch #opm_recommendation{display:none !important}
.globalSrchTabHolder{width:100%;height:100%;position:relative;overflow:hidden}
.globalSrchTabHolder > header{width:100%;height:35px;position:absolute;top:0;left:0;z-index:1}
.globalSrchTabHolder > header > div{float:left;width:100%;list-style:none;display:table !important}
.globalSrchTabHolder > header > div > span{background:#f2f2f2;font:15px LatoRegular;color:#b2b2b2;text-align:center;padding:7px 20px;border:1px solid #b2b2b2;border-top:2px solid transparent;border-right:0;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;display:table-cell;position:relative}
.globalSrchTabHolder > header > div > span:before,.globalSrchTabHolder > header > div > span:after{background:#fff;width:2px;height:105%;content:'';position:absolute;top:-2px;left:0}
.globalSrchTabHolder > header > div > span:after{right:0;left:auto}
.globalSrchTabHolder > header > div > span:hover:before{background:#b2b2b2;width:1px;left:1px}
.globalSrchTabHolder > header > div > span:hover:after{background:#b2b2b2;width:1px;right:1px}
.globalSrchTabHolder > header > div > span.active:before,.globalSrchTabHolder > header > div > span.active:after{display:none}
.globalSrchTabHolder > header > div > span:hover,.globalSrchTabHolder > header > div > span.active{background:#fff !important;color:#000;border-top-color:#46bb7e;cursor:pointer}
.globalSrchTabHolder > header > div > span.active{border-bottom-color:transparent;cursor:default}
.globalSrchTabHolder > section{width:100%;height:100%;padding:35px 0 0;position:relative;overflow:hidden}
.globalSrchTabHolder > section > div{float:left;width:100%;height:100%;position:relative;overflow:auto;display:none}
.globalSrchTabHolder > section > div.active{display:block !important}
#globalSearchContainer .searchInfo,#globalSearchContainer .searchNoData{color:#9e9e9e}

.acknowledgeActions,.manageActions{float:left;width:100%;margin:10px 0;position:relative;overflow:hidden}
.acknowledgeActions > div,.manageActions > div{background:rgba(255,255,255,.3);float:left;width:50%;min-height:68px;text-align:left;padding:10px 15px;border:1px solid rgba(255,255,255,.3);position:relative}
.acknowledgeActions > div.active,.manageActions > div.active{background:rgba(94,94,94,.1)}
.acknowledgeActions > div:before,.manageActions > div:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:15px;left:80%;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.acknowledgeActions > div.active:before,.manageActions > div.active:before{border-color:#fff;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.acknowledgeActions .acknowledge,.manageActions .manage{border-right:0 !important;border-radius:10px 0 0 10px}
.acknowledgeActions .unacknowledge,.manageActions .unManage{border-left-color:rgba(255,255,255,.3);border-radius:0 10px 10px 0}
.acknowledgeActions .count,.manageActions .count{float:left;width:100%;font-size:22px;padding:0 0 5px 30px;position:relative}
.acknowledgeActions .count:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto;width:23px;height:21px;content:'';position:absolute;top:-1px;left:5px}
.acknowledgeActions .unacknowledge .count:before{background:url(../../img/samples/icons/icon-thumbsup.png) no-repeat center/18px auto}
.acknowledgeActions > div *,.manageActions > div *{background:none;padding:0}
.acknowledgeActions .bar,.manageActions .bar{background:#c0c0c0;float:left;width:100%;height:3px;position:relative}
.acknowledgeActions .bar span,.manageActions .bar span{background:#46bb7d;height:100%;position:absolute;top:0;left:0}
.acknowledgeActions .unacknowledge .bar span,.manageActions .unManage .bar span{background:#fff}
.acknowledgeActions .text,.manageActions .text{font-weight:normal;font-size:12px;text-align:center;letter-spacing:.9px;color:#909090}
.manageActions .text{text-align:left}
.manageActions .count:before{background:#46bb7d;width:1px;height:20px;content:'';position:absolute;top:0;left:0}
.manageActions .count:after{content:'';border:6px solid #46bb7d;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:2px}
.manageActions .unManage .count:before{background:#fff}
.manageActions .unManage .count:after{border-left-color:#fff}

.status,#DetailedContent #uploadFiles{float:left;width:100%;height:auto;font-family:LatoRegular;padding:0;margin:0}
.status{background:#f6f6f6;padding:10px 15px;position:relative}
.status form{float:left;width:100%;max-width:540px;padding-left:55px !important}
.status form .attachList{float:left;width:100%}
#DetailedContent #uploadFiles .pulseTaButton input.mainPrimaryButton,.postLists ul li .postContent .commentListsClass li .commentContent .commentTaButton input{background:#46bb7d;float:right;width:auto;height:auto;font:14px/100% LatoRegular;color:#fff;padding:8px 20px;margin:0 !important;border:0;opacity:1;filter:alpha(opacity=100);position:relative}
.fileAttach{float:left;width:auto;position:relative}
.postLists ul li{position:relative}
.status .userMedPhoto,.postLists ul li .userMedPhoto,.postLists ul li .postContent .commentListsClass li .userSmallPhoto{width:43px;height:43px;margin:0;border-radius:43px;overflow:hidden;position:absolute;left:15px;top:10px;z-index:2}
.status .userMedPhoto{left:10px}
.status .userMedPhoto a,.status .userMedPhoto a img, .postLists ul li .userMedPhoto a,.postLists ul li .userMedPhoto a img,.postLists ul li .postContent .commentListsClass li .userSmallPhoto a,.postLists ul li .postContent .commentListsClass li .userSmallPhoto a img{float:left;width:100%;height:auto;cursor:default}
@keyframes check3{ 0%{width:0;height:0} 25%{width:3px;height:0} 50%{width:3px;height:8px} }
@-ms-keyframes check3{ 0%{width:0;height:0} 25%{width:3px;height:0} 50%{width:3px;height:8px} }
@-moz-keyframes check3{ 0%{width:0;height:0} 25%{width:3px;height:0} 50%{width:3px;height:8px} }
@-webkit-keyframes check3{ 0%{width:0;height:0} 25%{width:3px;height:0} 50%{width:3px;height:8px} }


.opm_detailsContainer > section{padding:0 !important}
.opm_detailsContainer .opm_jqGridUI,.opm_detailsContainer .opm_jqGridUI .ui-jqgrid,.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view{floa:left;width:100% !important;height:100%;position:relative}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv{width:100% !important;height:42px;position:absolute;top:0;left:0}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hbox{padding:0}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{position:absolute;top:40px;right:0;bottom:35px;left:0}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-pager{width:100% !important;height:35px;padding:5px 0 0 !important;border-top:1px solid #e3e3e3;position:absolute;bottom:0;left:0}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:nth-last-child(2),.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv tbody > tr td:nth-last-child(2){border-right:0 !important}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv tbody > tr:last-child{border-bottom:1px solid #e3e3e3 !important}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable,.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv,.opm_detailsContainer .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable{width:100% !important}

#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3),#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){width:auto;padding:10px 10px 15px 0;position:relative}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(4):before,#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(6):before,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(7):before,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(8):before{content:'|'}
/*#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){width:3px;height:36px;padding:0;position:absolute;top:4px;left:50px}*/
#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3) i{width:100%;height:100%;display:block}
#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(4){max-width:260px;font-weight:bold}

.opm_statusbar{float:left;width:3px;height:36px;margin:3px 10px 0;display:inline-block}

.deviceShortSummaryActive #deviceShortSummary .DI-Grid{float:left;min-height:auto;margin:10px 0 0;border:0}
.deviceShortSummaryActive #deviceShortSummary .DIG-Graph{float:left;padding:0;position:relative !important}
.deviceShortSummaryActive #deviceShortSummary .initialStatus:before,.deviceShortSummaryActive #deviceShortSummary .statusInfo > div:before{top:31px}
.deviceShortSummaryActive #deviceShortSummary .DIG-List{float:left;width:100%;min-height:initial;padding:15px;position:relative;top:auto;left:auto}
.deviceShortSummaryActive #deviceShortSummary .DIG-List:before{margin:auto;right:0;left:0}
.deviceShortSummaryActive #deviceShortSummary .DIG-List .DIGL-Row{float:left;width:50%;text-align:center}
.deviceShortSummaryActive #deviceShortSummary .DIGL-Row i{float:left;width:50% !important;text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;margin:auto;display:inline-block;overflow:hidden}
.deviceShortSummaryActive #deviceShortSummary .DIGL-Row i:first-child{font-family:LatoBold}
.deviceShortSummaryActive #deviceShortSummary .DIG-Desc{float:left;width:100%;padding:0 25px;margin:10px 0 30px;position:relative}
.deviceShortSummaryActive #deviceShortSummary .DIG-Desc i:first-child{width:100px;font-family:LatoRegular;margin:0 0 5px;display:inline-block}
.deviceShortSummaryActive #deviceShortSummary .DIG-Desc i:last-child{height:18px;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0;right:0;bottom:0;left:130px;overflow:hidden}
.deviceShortSummaryActive #deviceShortSummary .DI-Accordion{height:45px;position:relative}
.deviceShortSummaryActive #deviceShortSummary .DI-Accordion .DIA-Header{background:#f8f9fb;width:auto;height:45px;border-bottom:3px solid #cbcbcc;position:absolute;top:0;right:-20px;bottom:0;left:-20px}
.deviceShortSummaryActive #deviceShortSummary .DI-Accordion .DIA-Header ul li{padding:12px 8px;border:0}
.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo > div > i{width:100%}
.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo > div > i:before,.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo > div > i:after{top:-8px}
.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo:hover > div:before{height:16px;top:24px}
.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo:before{top:31px}
.deviceShortSummaryActive #deviceShortSummary .DI-Grid .DIGGT-Row .statusInfo:hover:before{height:16px;top:24px}

.inventoryBarChart{float:left;width:100%;height:260px;font:14px/150% LatoRegular;color:#000;padding:15px 20px 0;margin:30px 0 0;position:relative}
.inventoryBarChart .barHolder{float:left;width:100%;height:100%;position:relative}
.inventoryBarChart .barHolder #barInfoReset{background:#fff;width:60px;height:60px;font-size:130%;margin:auto;border-radius:50%;position:absolute;top:-4px;right:0;bottom:0;left:0;overflow:hidden}
.inventoryBarChart .barHolder.data_1 #barInfoReset{width:150px;height:150px;line-height:150px}
.inventoryBarChart .barHolder.data_2 #barInfoReset{width:110px;height:110px;line-height:110px}
.inventoryBarChart .barHolder.data_3 #barInfoReset{width:85px;height:85px;line-height:85px}
.inventoryBarChart .barHolder.data_4 #barInfoReset{width:70px;height:70px;line-height:70px}
.inventoryBarChart .barHolder.data_5 #barInfoReset{width:60px;height:60px;line-height:60px}
.inventoryBarChart .barHolder.data_6 #barInfoReset{width:50px;height:50px;line-height:50px}
.inventoryBarChart .barHolder.data_7 #barInfoReset{width:45px;height:45px;line-height:45px}
.inventoryBarChart .barHolder #barInfoReset .Reset{font-size:60%}
.inventoryBarChart .barHolder #barInfoReset .Reset,.inventoryBarChart .barHolder #barInfoReset:hover .count{display:none}
.inventoryBarChart .barHolder #barInfoReset:hover .Reset{display:block}
.inventoryBarChart .barHolder div{background:rgba(218,218,218,.8);float:left;width:12.5%;height:100%;margin-right:5%;position:relative;cursor:pointer}
.inventoryBarChart .barHolder div:last-child{margin:0}
.inventoryBarChart .barHolder div i{width:100%;height:auto;display:inline-block;position:absolute;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.inventoryBarChart .barHolder div span{position:absolute;right:0;bottom:-20px;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.inventoryBarChart .barHolder div span:before{width:3px;height:8px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:12px;left:0;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.inventoryBarChart .barHolder div.active span{padding:0 0 0 12px}
.inventoryBarChart .barHolder div.active span:before{border-color:#46bb7d;animation:check3 .3s;-moz-animation:check3 .3s;-webkit-animation:check3 .3s;-o-animation:check3 .3s}
.inventoryBarChart .barHoverInfo{float:left;width:100%;height:auto;font:18px LatoRegular}
.inventoryBarChart .barHoverInfo span{padding:10px 5px;display:inline-block}
.inventoryBarChart .barHolder g path{cursor:pointer}
.inventoryBarChart .barHolder .svgTxt{font-size:11px;cursor:pointer}
.inventoryBarChart .barHolder g.active .svgTxt{font-weight:bold}
.inventoryBarChart .barHolder .svgTickMark{font-weight:bold;fill:#46bb7d;display:none}
.inventoryBarChart .barHolder g.active .svgTickMark{display:block}

.opm_filterBy{background:#fff;float:left;width:100%;font:14px LatoRegular;margin:10px 0 20px;position:relative;cursor:pointer;z-index:1;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opm_filterBy .list{float:left;width:100%;height:100%}
.opm_filterBy .list li{float:left;width:82px;height:100%;font:13px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#606060;padding:10px 12px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-right:1px solid #e9e9ea;position:relative;overflow:hidden}
.opm_filterBy .list li:hover,.opm_filterBy .list li.active{background:#fafafa;color:#000;font-family:LatoBold}
.opm_filterBy .more{width:46px;height:100%;position:absolute;top:0;right:0}
.opm_filterBy .more > a{float:left;height:100%;font:27px/21px LatoBold;text-align:center;letter-spacing:3px;color:#abafb7;margin:0 0 0 8px;position:relative}
.opm_filterBy .more ul{background:#fff;min-width:120px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:35px;right:10px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.opm_filterBy .more ul li{float:left;width:100%;height:auto;font:14px LatoRegular;white-space:nowrap;color:#000;padding:5px 10px;display:block;border-bottom:1px solid #ececec;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opm_filterBy .more ul li:last-child{border:0}
.opm_filterBy .more ul li:hover{background:#fafafa}
.opm_filterBy .more.hovered:hover ul{display:block}

.statusCircle{float:left;width:12px;height:12px;margin:7px 3px 0 0;border-radius:50px}

#subnetsTreeInvent .jstree-container-ul{font-size:12px;text-align:left}

#AlrmEvtTrapInvDev .AETIDFilter{display:none}
#AlrmEvtTrapInvDev.List .AETIDFilter{display:block}
#AlrmEvtTrapInvDev .AETIDTitle b{margin:0 0 0 36px}
#AlrmEvtTrapInvDev .viewType{right:15px}
#AlrmEvtTrapInvDev.List .viewType{right:44px}

#AlrmEvtTrapInvDev.Grid .opmCusGrid,#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid > .ui-jqgrid,#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid > .ui-jqgrid .ui-jqgrid-view{width:100%;height:100%;position:relative}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv{z-index:1}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv{position:absolute;top:44px;right:0;bottom:25px;left:0;max-width: 100%;overflow-x: hidden;}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid-pager{border-top:1px solid #e3e3e3;position:absolute;bottom:0;left:0}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-bdiv tr{height:30px !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:nth-last-child(2),.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow  > td:nth-last-child(2){border-right:0 !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgfirstrow > td:first-child{width:44px !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{top:12px !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child{position:relative !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{width:100% !important;height:100% !important;display:block;position:absolute;top:0;left:0}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{background:#fff;width:18px !important;height:18px !important;margin:auto;border:1px solid #b9b9b9;border-radius:4px;display:block !important;position:absolute;top:0;right:0;bottom:0;left:0}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{background:#fff;top:7px !important;bottom:auto}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span:before,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i:before{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:8px;left:2px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span span{display:none}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > input,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div input:checked + span:before,.opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child input:checked + i:before{border-color:#3f3f3f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

#AlrmEvtTrapInvDev.Grid .opm_jqGridUI.opmInvGridHScroll .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv{overflow-x: auto;}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI.opmVlanGrid .opmCusGrid>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr>th:first-child{overflow:visible}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI.opmVlanGrid .opmCusGrid>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr>th:first-child>div{height:40px !important}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI.opmVlanGrid .opmCusGrid>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr>th:first-child>div>input{top:11px !important; left:11px}

#AlrmEvtTrapInvDev .opmCusGrid{float:left;width:100%;height:100%;position:relative !important}
#AlrmEvtTrapInvDev.HeatMap .opmCusGrid,#AlrmEvtTrapInvDev.Icon .opmCusGrid{background:#fbfbfb}
#AlrmEvtTrapInvDev.HeatMap .heatmapHolder,#AlrmEvtTrapInvDev.Icon .iconViewHolder{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}
#AlrmEvtTrapInvDev.HeatMap .heatmapHolder{padding:12px}
.HeatMap .heatmapHolder .heatmapStatus{float:left;margin:1px;cursor:pointer}

.settingsHdr{background:#000;width:100%;height:50px;font:14px LatoRegular;border-bottom:3px solid #45bd7f;position:absolute;top:0;left:0}
.settingsHdr > .title,#opmInventoryNav > h4{width:220px;height:22px;font:20px LatoRegular;line-height:20px;color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 15px;margin:auto;position:absolute;top:0;bottom:0;left:0;overflow:hidden}
.settingsHdr > .title span{font-size:14px;display:block}
.settingsHdr .adminTabsContainer{float:left;width:100%;height:100%;padding:0 0 0 220px;position:relative}
.settingsHdr .adminTabs{float:left;width:100%;height:50px}
.settingsHdr .adminTabsContainer.mCustomScrollbar,.opmInventoryNavContainer.mCustomScrollbar,html.horizontalView #MainNav.mCustomScrollbar{overflow:visible !important}
.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"],.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"],html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#000;width:50px;height:100%;opacity:1;filter:alpha(opacity=100);top:0;right:0;left:auto;z-index:9}
.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{background:none;float:left;width:50%;height:100%;position:relative;cursor:pointer}
.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{width:10px;height:10px;content:'';margin:auto;border:1px solid #fff;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:5px;display:block;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}
.settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer,.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{display:none}
.settingsHdr .adminTabs li{float:left;width:auto;height:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;overflow:hidden}
.settingsHdr .adminTabs li a{height:100%;font:15px LatoRegular;color:#fff;padding:14px 10px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
/***.settingsHdr .adminTabs li i{background:url(../../img/samples/icons/icon_discovery.png) no-repeat center center / 16px 16px;width:20px;height:20px;margin:0 5px 0 0;display:inline-block;position:relative;top:5px}***/
.settingsHdr .adminTabs li:hover a,.settingsHdr .adminTabs li.active a,.settingsHdr .adminTabs li.active:hover a,.settingsHdr .adminTabs li a.active{color:#45bd7f;cursor:default;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.settingsHdr .adminTabs li:hover a{cursor:pointer}
.settingsCnt{font:14px LatoRegular;position:absolute;top:50px;right:0;bottom:0;left:0}
.settingsCnt > aside{background:#f9f9fb;width:220px;height:100%;position:absolute;top:0;left:0}
.settingsCnt > aside > .pageTitle{background:#e9e9eb;float:left;width:100%;height:66px;max-height:66px;font:18px LatoBold;padding:10px 20px;display:table}
.settingsCnt > aside > .pageTitle > div{display:table-cell;vertical-align:middle}
.settingsCnt > aside ul{position:absolute;top:66px;right:0;bottom:0;left:0;overflow:auto}
.settingsCnt > aside ul li{float:left;width:100%;height:auto;font:14px LatoRegular;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
.settingsCnt > aside ul li a{color:#3c3c3c;padding:8px 20px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.settingsCnt > aside ul li a:hover,.settingsCnt > aside ul li a.active{background:#f1f1f3;font-family:LatoRegular;color:#000;cursor:default}
.settingsCnt > aside ul li:hover a,.settingsCnt > aside ul li.active:hover a{cursor:default}
.settingsHdr .adminTabs li:hover,.settingsCnt > aside ul li:hover a{cursor:pointer}
.settingsCnt > section{background:#fff;padding:0;box-shadow:0 0 8px rgba(0,0,0,.1);-ms-box-shadow:0 0 8px rgba(0,0,0,.1);-moz-box-shadow:0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);-o-box-shadow:0 0 8px rgba(0,0,0,.1);position:absolute;top:0;right:0;bottom:0;left:0}
.settingsCnt > aside + section,.hideAsideClass .workFlowPage.settingsCnt > aside + section{left:220px}
.hideAsideClass .settingsCnt > aside + section{left:0px}
.settingsCnt > section .settingsContent{float:left;width:100%;height:100%;position:relative}
.settingsCnt > section .settingsContent .title{font:20px BitterRegular;padding:0 0 10px;border-bottom:1px solid #efefef;position:absolute;top:30px;right:30px;left:30px;z-index:1}
.settingsCnt > section .settingsContent .opmFormHolder{padding:10px 0 30px;position:absolute;top:66px;left:30px;bottom:0;right:0;overflow:auto}
.settingsCnt>aside ul li.has-child{position:relative}
.settingsCnt>aside ul li.has-child>a.active{background-color:transparent;font-family:LatoBold}
.settingsCnt>aside ul li.has-child::after{content:'';position:absolute;border:5px solid transparent;border-top-color:#222;right:12px;top:14px}
.settingsCnt>aside ul li.has-child.open::after{border-top-color:transparent;border-bottom-color:#222;top:9px}
.settingsCnt>aside ul li.has-child.open ul{display:block}
.settingsCnt>aside ul li.has-child ul{display:none;position:static}
.settingsCnt>aside ul li.has-child ul li a{padding-left:40px}
.borBottom{border-bottom: 1px solid #e1e1e1;}
html.horizontalView .fwaOldViewSettingLink ul{top:0px !important}

#PageContent #interfaceList .AETIDContent,#PageContent #interfaceList .AETIDContent .opmCusGrid .ui-jqgrid-hbox table{border:0}
#DeviceList .JqGridCustomDesign .opmCusGrid  > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:before{content:'|' !important}
#DeviceList .JqGridCustomDesign .opmCusGrid  > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child:before,#DeviceList .JqGridCustomDesign .opmCusGrid  > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(2):before,#DeviceList .JqGridCustomDesign .opmCusGrid  > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child:before{content:'' !important}

#PageContent #interfaceList .opm_jqGridUI .opmCusGrid > div.ui-jqgrid{width:100% !important;height:100%}
#PageContent #interfaceList .opm_jqGridUI .opmCusGrid > div.ui-jqgrid > .ui-jqgrid-view{width:100%;height:100%;padding:0 0 25px;position:relative}
#PageContent #interfaceList .opm_jqGridUI .opmCusGrid > div.ui-jqgrid > .ui-jqgrid-view .ui-jqgrid-bdiv{position:absolute;top:40px;right;0;bottom:25px;left:0;overflow:auto}
#PageContent #interfaceList .opm_jqGridUI .opmCusGrid > div.ui-jqgrid .ui-jqgrid-pager{width:100%;position:absolute;bottom:0;left:0}

#AlarmList .viewTypeHeatMap{width:20px;top:3px;opacity: 0.6}
#AlarmList .viewTypeHeatMap.active,#AlarmList .viewTypeHeatMap:hover{opacity:1}
#AlarmList .viewTypeHeatMap i{float:left;display:none}
#AlarmList .viewTypeHeatMap i:first-child,#AlarmList .viewTypeHeatMap i:nth-child(2),#AlarmList .viewTypeHeatMap i:nth-child(3),#AlarmList .viewTypeHeatMap i:nth-child(4){float:right;width:75%;height:2px;margin:0 0 2px;display:block}
#AlarmList .viewTypeHeatMap i:nth-child(5){width:15%;height:2px;position:absolute;top:0;left:0;display:block}
#AlarmList .viewTypeHeatMap i:nth-child(6){width:15%;height:2px;position:absolute;top:8px;left:0;display:block}
#AlarmList .viewTypeHeatMap i:nth-child(7),#AlarmList .viewTypeHeatMap i:nth-child(8){background:#46bb7d;width:15%;height:2px;position:absolute;top:4px;left:0;display:block}
#AlarmList .viewTypeHeatMap i:nth-child(8){top:12px}
#AlrmEvtTrapInvDev.Colored #AlarmList .opmCusGrid > .ui-jqgrid,#AlrmEvtTrapInvDev.Colored #AlarmList .opmCusGrid > .ui-jqgrid .ui-jqgrid-view{width:100%;height:100%;position:relative}
#AlrmEvtTrapInvDev.Colored #AlarmList .opmCusGrid > .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv{position:absolute;top:40px;right:0;bottom:25px;left:0;overflow:auto;max-width: 100%;}
#AlrmEvtTrapInvDev.Colored #AlarmList .opmCusGrid > .ui-jqgrid .ui-jqgrid-pager{width:100%;position:absolute;bottom:0;left:0}

#AlrmEvtTrapInvDev #opm_devListHolder{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#AlrmEvtTrapInvDev.HeatMap .deviceShortSummaryActive #opm_devListHolder,#AlrmEvtTrapInvDev.Icon .deviceShortSummaryActive #opm_devListHolder{width:400px}
#AlrmEvtTrapInvDev.HeatMap .heatmapHolder .heatmapStatus{border-radius:3px;position:relative;overflow:hidden}
#AlrmEvtTrapInvDev.HeatMap .heatmapHolder .heatmapStatus:focus{background:none !important}
#AlrmEvtTrapInvDev.HeatMap .heatmapHolder .heatmapStatus:focus:before{content:'';margin:auto;border-radius:3px;position:absolute;top:2px;right:2px;bottom:2px;left:2px;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3)}

.opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead,.opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:not(:first-child){background:#eee !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid-pager{background:#f5f5f5 !important}
.opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-bdiv td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.DeviceDetails .fetchdataTxt, .fetchdataTxtActive{color:#0099ff;margin:20px 0 0;display:inline-block}
.DeviceDetails .fetchdataTxt:hover,.fetchdataTxtActive:hover,.PageContent a:hover{text-decoration:underline}
.PageContent a{color:#0099ff}

#PageSideBar .FilterAccContent > div.device,#PageSideBar .FilterAccContent > div.interface{display:none}
#PageSideBar .FilterAccContent > div.device.active,#PageSideBar .FilterAccContent > div.interface.active{opacity:1;filter:alpha(opacity=100);left:0;display:block}

/* #PageContent .DeviceDetails .DI-Accordion .DIA-Header{background:#fff;position:fixed;top:104px;left:70px;z-index:99}
 */
#PageContent .DeviceDetails .DI-Accordion .DIA-Header, .DeviceGroupDetails .DI-Accordion .DIA-Header{background:#fff;position:absolute;top:0;left:0;z-index:1}
#PageContent .DeviceDetails .DI-Accordion .DIA-Content, .DeviceGroupDetails .DI-Accordion .DIA-Content{position:absolute;top:10px;right:0;bottom:0;left:0;overflow:auto}
#PageContent .DeviceDetails .DI-Accordion .DIA-Header + .DIA-Content{top:50px}
#PageContent .DeviceDetails .DI-Accordion .DIA-Content #inventoryGridStyle{text-align:left}

#PageSideBar .device .FilterTypeHolder .FilterChart{margin:50px 0 0}
#PageSideBar .device .FilterTypeHolder .FilterChart #inventoryVBarChart{margin:-10px 0 0}

.subnetsCount{float:left;width:100%;padding:0 20px;margin:10px 0 0;border-bottom:1px solid #e8e9eb;position:relative}
.subnetsCount > div{background:rgba(250,250,250,.6);float:left;width:50%;height:auto;font:13px/150% LatoRegular;padding:15px;border-right:1px solid #e8e9eb;position:relative}
.subnetsCount > div:last-child{border:0}
.subnetsCount > div .count{font-size:22px;margin:0 0 5px}
.subnetsCount > div.active{background:rgba(94,94,94,.1)}
.subnetsCount > div:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:15px;left:80%;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.subnetsCount > div.active:before{border-color:#fff;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}

.DI-Accordion .DI-Grid .DIG-List .DIGL-Row > div:last-child{text-align:left}

.settingsCnt > section .settingsContent .adminMonitors .opmFormHolder{padding:0 0 30px;top:165px}
.settingsCnt > section .settingsContent .adminMonitors .opmFormHolder .opmForm{padding:0 30px 0 0}

.settingsCnt > section .settingsContent .AddOnProductHolder .opmFormHolder{padding:0 0 30px;top:6px}
.settingsCnt > section .settingsContent .AddOnProductHolder .opmFormHolder .opmForm{padding:0 30px 0 0}
.settingsCnt > section .settingsContent .AddOnProductHolder.msTeamsNoData .opmFormHolder .opmForm{max-width: none;}
.settingsQuickLinks > a{position:relative}
.settingsQuickLinks:hover > a{background:#000;color:#fff}

.opm_businessView.jstree{float:left;width:100%;height:auto;text-align:left;padding:10px 30px;position:relative}
.opm_businessView.jstree:before{background:#fff;content:'';margin:0;position:absolute;top:0;right:20px;bottom:0;left:20px;z-index:-1}
.opm_businessView.jstree ul,.opm_businessView.jstree ul li{clear:both;float:left;width:100%;height:auto;position:relative}
.opm_businessView.jstree ul *{font:12px LatoRegular}
.opm_businessView.jstree ul li{background:none;padding:0 0 0 20px;margin:0}
.opm_businessView.jstree ul li:before{background:#000;width:1px;height:auto;content:'';margin:auto;position:absolute;top:0;bottom:0;left:10px}
.opm_businessView.jstree ul li:first-child:before{top:12px}
.opm_businessView.jstree ul li:last-child:before{height:12px;bottom:auto}
.opm_businessView.jstree ul li:after{background:#000;width:12px;height:1px;content:'';position:absolute;top:12px;left:10px}
.opm_businessView.jstree ul li .jstree-icon{background:none;position:absolute;top:0;left:0}
.opm_businessView.jstree ul li a{float:left;width:100%;height:auto;padding:5px 0 5px 20px;white-space:normal;position:relative}
.opm_businessView.jstree ul li.jstree-node.jstree-open > a:before{background:#000;width:1px;content:'';margin:auto;position:absolute;top:12px;bottom:-1px;left:8px}
.opm_businessView.jstree ul li .statusCircle{position:absolute;top:-1px;left:2px}
.opm_businessView.jstree ul li.jstree-node.jstree-closed > .jstree-icon:before,.opm_businessView.jstree ul li.jstree-node.jstree-open .jstree-icon:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;position:absolute;top:0;right:0;bottom:0;left:2px}
.opm_businessView.jstree ul li.jstree-node.jstree-closed > .jstree-icon:before{border-width:7px 0 6px 6px;border-left-color:#000}
.opm_businessView.jstree ul li.jstree-node.jstree-open > .jstree-icon:before{border-width:7px 6px 0 6px;border-top-color:#000;top:6px;left:-2px}
.opm_businessView.jstree ul li ul{left:-2px}
.opm_businessView.jstree ul li ul li:first-child:before{top:1px}

/*#bvTreeView,#bvTreeView > div{float:left;width:100%;height:auto}
#bvTreeView > div{background:#eeeff1 !important;font:14px LatoRegular;text-align:left;padding:15px 90px 15px 40px;box-shadow:0 0 1px rgba(0,0,0,.3);-ms-box-shadow:0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 1px rgba(0,0,0,.3);-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);-o-box-shadow:0 0 1px rgba(0,0,0,.3);position:relative}
#bvTreeView > div:before{width:15px;height:15px;content:'';border-radius:50%;position:absolute;top:17px;left:15px;display:block}
#bvTreeView > div span{background:#b3b3b3;width:60px;height:25px;color:#fff;text-align:center;padding:3px;border-radius:3px;position:absolute;top:12px;right:20px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#bvTreeView > div:hover span,#bvTreeView > div.active span{background:#4d4d4d}
*/
.iconViewHolder div.icon_holder{float:left;width:145px;height:163px;text-align:center;padding:10px;margin:15px;position:relative;cursor:pointer}
.iconViewHolder div.icon_holder:before{background:#fff;width:100px;height:100px;content:'';margin:auto;border:1px solid #edeeef;border-radius:50%;position:absolute;top:0;right:0;left:0;transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.iconViewHolder div.icon_holder.active:before,.iconViewHolder div.icon_holder:hover:before{width:100%;height:100%;border-color:#c5cace;border-radius:0;z-index:0}
.iconViewHolder div.icon_holder *{position:relative;z-index:1}
.iconViewHolder div.icon_holder .icon{width:80px;height:60px;text-align:center;margin:20px auto;position:relative}
.iconViewHolder div.icon_holder .icon i{width:27px;height:27px;position:absolute;top:-25px;left:-25px}

.iconViewHolder:not(.bvIconHolder) div.icon_holder .icon i:not(.severity_2){background:none !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.icon_status:before{background:#fff !important;width:10px;height:10px;font:22px fontello;text-align:center;margin:auto;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_1:before{content:'\e86a';color:#fa5b5a}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_2:before{background:none !important;content:'!!';font-size:14px;color:#fff;z-index:2;top:-7px;left:1px}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_2{background:#faad5a !important;width:19px !important;height:19px !important;content:'';margin:auto;border-radius:50%;position:absolute;top:-13px;left:-17px;z-index:99}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_3:before{content:'\e8c9';color:#e8de65}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_4:before{content:'\e8d5';color:#ac4cab}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_5:before{content:'\e8ae';color:#46bb7d}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i:after{width:100px;height:100px;content:'';border-radius:50%;position:absolute;top:-4px;left:15px;opacity:.2;filter:alpha(opacity=20);z-index:0;transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_1:after{background:#fa5b5a !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_2:after{background:#faad5a !important;top:-16px;left:7px}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_3:after{background:#e8de65 !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_4:after{background:#ac4cab !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_5:after{background:#46bb7d !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_6:after,.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_7:after{background:#7f7f7f !important}

.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_1.--fault-severity:before{color:var(--severity-critical)}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_2.--fault-severity{background:var(--severity-trouble) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_3.--fault-severity:before{color:var(--severity-attention)}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_4.--fault-severity:before{color:var(--severity-servicedown)}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_5.--fault-severity:before{color:var(--severity-clear)}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_1.--fault-severity:after{background:var(--severity-critical) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_2.--fault-severity:after{background:var(--severity-trouble) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_3.--fault-severity:after{background:var(--severity-attention) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_4.--fault-severity:after{background:var(--severity-servicedown) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_5.--fault-severity:after{background:var(--severity-clear) !important}
.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_6.--fault-severity:after,.iconViewHolder:not(.bvIconHolder) div.icon_holder i.severity_7.--fault-severity:after{background:var(--severity-unmanaged) !important}

.iconViewHolder:not(.bvIconHolder) div.icon_holder:hover i:after,.iconViewHolder:not(.bvIconHolder) div.icon_holder.active i:after{opacity:0;filter:alpha(opacity=0)}
.iconViewHolder div.icon_holder .icon .icon_layer1{top:-12px;left:1px;z-index: 999}
.iconViewHolder div.icon_holder .icon .icon_layer2{position:absolute;top:0;right:0}
.iconViewHolder div.icon_holder .info{font-size:11px;color:#5e5e5e}
.iconViewHolder div.icon_holder .info span + span:before{content:'|';padding:0 0 0 5px;margin:0 5px 0 0;display:inline-block}
.iconViewHolder div.icon_holder .title{font-size:15px;white-space:nowrap;text-overflow:ellipsis;padding:5px 0;display:block;overflow:hidden}

.DIAC-block-Holder,.DIAC-block-Column,.DIAC-block-Column .DIAC-block,.DIAC-block-Column.devSumCol3,.DIAC-block-Column.devSumCol3 .DIAC-block{float:left;width:100% !important;height:auto}
.DIAC-block-Column{width:50% !important}

/*#opmAlertInfoSec,.icon-opmSupportChat,.closeOpmSupportChat,.opmSupportChatHolder .opmAlertInfoSecCloseMsg,.notify,.notifyHolder,.notifyHolder header,.notifyContent .notifyRow,.notifyHolder.minimized header i.icon-remove,.notifyAlertInfo,.notifyDiscovery,.notifyDiscLevel,.notifyDiscovery .notifyDiscLevel > i,.notifyDiscovery.minimized .notifyDiscClose,.notifyDiscLevel header,.notifyDiscovery header .notifyDiscStatusBar,.notifyDiscLevel .nofityDiscRow,.notifyDiscLevel .nofityDiscRow .title,.notifyDiscLevel-2 > section > ul li{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}*/
#opmAlertInfoSec,.closeOpmSupportChat,.notify,.notifyHolder,.notifyHolder header,.notifyContent .notifyRow,.notifyHolder.minimized header i.icon-remove,.notifyAlertInfo,.notifyDiscovery,.notifyDiscLevel,.notifyDiscovery .notifyDiscLevel > i,.notifyDiscovery.minimized .notifyDiscClose,.notifyDiscLevel header,.notifyDiscovery header .notifyDiscStatusBar,.notifyDiscLevel .nofityDiscRow,.notifyDiscLevel .nofityDiscRow .title,.notifyDiscLevel-2 > section > ul li{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#opmAlertInfoSec{width:100%;height:0;padding:0;position:absolute;bottom:0;right:0;left:0;z-index:2000}
#opmAlertInfoSec > div{transform:scale(0.7)}
/*#opmAlertInfoSec > div#opmSupportChat{transform:scale(.80)}*/
#opmAlertInfoSec > div#opmSupportChat:hover,#opmAlertInfoSec > div:hover,#opmAlertInfoSec > div.maximized{transform:scale(1);transition:.5s;}
#opmAlertInfoSec > div#opmSupportChat:hover .icon-opmSupportChat:before, #opmAlertInfoSec > div:hover .icon-opmSupportChat:before{top:-2px;}
#opmSupportChat{float:right;width:55px;height:50px;position:relative;margin-right:10px;z-index:1;}
/*#opmSupportChat,.notify.maximized,.notifyDiscovery.maximized,.notify.minimized,.notifyDiscovery.minimized{margin:0 20px 0 0}*/
.notify,.notifyDiscovery{float:right;width:0;min-height:.1px;height:auto;position:relative}
.notify.minimized,.notifyDiscovery.minimized{width:55px}
.notify.maximized,.notifyDiscovery.maximized{width:360px}

.opmAlertInfoSecCloseMsg{background:#f8f8f8;width:450px;padding:20px;margin:0 0 55px 0;border:1px solid #dddddd;position:absolute;bottom:100%;right:0;z-index:9}
.opmAlertInfoSecCloseMsg:before{background:#f8f8f8;width:15px;height:20px;content:'';border:1px solid #dddddd;transform:rotate(134deg);-ms-transform:rotate(134deg);-moz-transform:rotate(134deg);-webkit-transform:rotate(134deg);-o-transform:rotate(134deg);position:absolute;right:21px;bottom:-10px;z-index:-1}
.opmAlertInfoSecCloseMsg:after{background:#f8f8f8;width:100%;height:20px;content:'';position:absolute;bottom:0;left:0;z-index:1}
.opmAlertInfoSecCloseMsg .row{float:left;width:100%;height:auto;margin:0 0 5px}
.opmAlertInfoSecCloseMsg .opmRadioBtn div{min-height:27px;padding:1px 0 0 27px}
.opmAlertInfoSecCloseMsg .opmRadioBtn label{line-height:24px}
.opmAlertInfoSecCloseMsg .opmRadioBtn label:before,.opmAlertInfoSecCloseMsg .opmRadioBtn input:checked + label:after{background:#fff;width:15px;height:15px;border-color:#b9b9b9;border-radius:0;top:5px;left:0}
.opmAlertInfoSecCloseMsg .opmRadioBtn input:checked + label:after{background:#42be7f}
.opmAlertInfoSecCloseMsg .opmBtn{float:left;min-width:80px}
.opmAlertInfoSecCloseMsg .opmBtn.btn-grey{background:#929493;color:#fff}

.opmSupportChatHolder,.opmZiaChatHolder{float:right;width:55px;height:52px;position:relative;bottom:50px;cursor:pointer}
.opmSupportChatHolder .icon-opmSupportChat,.opmZiaChatHolder .icon-opmSupportChat{background:#35ab6e;width:55px;height:50px;display:block;position:relative;z-index:1}
.opmSupportChatHolder .icon-opmSupportChat:before,.opmZiaChatHolder .icon-opmSupportChat:before{background: url(../../img/opm-sprites-v2.svg) no-repeat -335px -117px;width:16px;height:14px;content:'';margin:auto;position:absolute;top:-10px;right:0;bottom:0;left:0;transform: scale(1.5);}
.opmziabot .opmSupportChatHolder .icon-opmSupportChat:before{background-position-y:-98px}
#opmAlertInfoSec .opmziabot ,#opmAlertInfoSec .notify,#opmAlertInfoSec .notifyDiscovery{float: right;margin-right:2px}
.opmSupportChatHolder .closeOpmSupportChat{background:#45bd7f;width:100%;height:40px;text-align:center;position:absolute;top:-5px;left:0;display:block !important;z-index:0}
.opmSupportChatHolder .closeOpmSupportChat:before,.opmSupportChatHolder .closeOpmSupportChat:after{margin:auto;left:0}
.opmSupportChatHolder .closeOpmSupportChat:before,.opmSupportChatHolder .closeOpmSupportChat:after{background:#e2e2e2}
.opmSupportChatHolder .closeOpmSupportChat:hover:before,.opmSupportChatHolder .closeOpmSupportChat:hover:after{background:#fff}
.opmSupportChatHolder:hover .closeOpmSupportChat, .opmSupportChatHolder:focus-within .closeOpmSupportChat{top:-40px}
#opmSupportChat.offLine .icon-opmSupportChat{background:#6f6f6f}
#opmSupportChat.offLine .closeOpmSupportChat{background:#848484}
.opmSupportChatHolder .opmAlertInfoSecCloseMsg{width:210px;padding:10px 20px 10px 10px;margin:0;right:120%;bottom:-200px}
.opmSupportChatHolder .opmAlertInfoSecCloseMsg:before{right:-5px;bottom:2px;transform: rotate(225deg)}
.opmSupportChatHolder .opmAlertInfoSecCloseMsg:after{width:20px;height:100%;right:0;left:auto}
.opmSupportChatHolder .icon-opmSupportChat:hover + .opmAlertInfoSecCloseMsg{bottom:10px;right:120%}
#opmSupportChat.offLine .opmAlertInfoSecCloseMsg .onLine{display:none}
#opmSupportChat.offLine .opmAlertInfoSecCloseMsg .offLine{display:block !important}

/****Live Support Chat Icon******/
.live-support{position:fixed;bottom:50px;right:20px;width:56px;height:56px;transform:scale(1) !important}
.live-support:hover .live-support__icon{-webkit-animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s ease .5s 0;animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s ease .5s 0}
.live-support:hover .live-support__info{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);pointer-events:auto}
.live-support:hover .live-support__icon-minimize{opacity:1;pointer-events:auto;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s}
.live-support__icon{width:56px;height:56px;background:#27ab67;border-radius:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;opacity:0;-webkit-animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s infinite .5s;animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s infinite .5s}
.live-support__icon svg{width:24px !important;fill:#fff;height: 24px !important;}
.live-support__icon-minimize{width:13px;height:13px;position:absolute;top:0;right:-12px;background:#151b3f;border-radius:12px;cursor:pointer;opacity:0;pointer-events:none;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}
.live-support__icon-minimize:after{width:6px;height:1px;background:#fff;position:absolute;top:6px;left:3px;content:""}
.live-support__info{position:absolute;right:calc(100% + 12px);background:#fff;padding:8px 12px;border-radius:4px;top:4px;-webkit-box-shadow:0 0 16px rgba(0,0,0,.2);box-shadow:0 0 16px rgba(0,0,0,.2);white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;opacity:0;pointer-events:none;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}
.live-support__info:after{width:24px;height:48px;background:0 0;position:absolute;top:0;left:100%;content:""}
.live-support__info:before{width:12px;height:12px;background:#fff;position:absolute;top:17px;right:-6px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 4px 96px rgba(0,0,0,.2);box-shadow:0 4px 96px rgba(0,0,0,.2)}
.live-support__ai-enabled input[type=checkbox]{display:none}
.live-support__ai-enabled input[type=checkbox]+label{padding-left:20px;position:relative}
.live-support__ai-enabled input[type=checkbox]+label:before{width:12px;height:12px;border-radius:2px;border:1px solid #dcdcdc;background:#f0f0f0;position:absolute;top:50%;left:0;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.live-support__ai-enabled input[type=checkbox]:checked+label:before{background:#27ab67;border:1px solid #27ab67}
.live-support__ai-enabled input[type=checkbox]:checked+label:after{width:3px;height:8px;position:absolute;top:3px;left:5px;content:"";border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#opmAlertInfoSec .live-support__minimized{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform: scale(.5) !important;-webkit-transition:.5s;transition:.5s;right: -24px !important;left: unset !important;top:inherit!important;position:fixed}
.live-support__minimized .live-support__icon{-webkit-animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s ease .5s 0;animation:chat-icon-pop-in .5s ease-out forwards,chat-icon-pulse 2s ease .5s 0}
@-webkit-keyframes chat-icon-pulse{
0%{-webkit-box-shadow:0 0 0 0 rgba(39,171,103,.8);box-shadow:0 0 0 0 rgba(39,171,103,.8)}
70%{-webkit-box-shadow:0 0 0 20px rgba(39,171,103,0);box-shadow:0 0 0 20px rgba(39,171,103,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(39,171,103,0);box-shadow:0 0 0 0 rgba(39,171,103,0)}
}
@keyframes chat-icon-pulse{
0%{-webkit-box-shadow:0 0 0 0 rgba(39,171,103,.8);box-shadow:0 0 0 0 rgba(39,171,103,.8)}
70%{-webkit-box-shadow:0 0 0 20px rgba(39,171,103,0);box-shadow:0 0 0 20px rgba(39,171,103,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(39,171,103,0);box-shadow:0 0 0 0 rgba(39,171,103,0)}
}
@-webkit-keyframes chat-icon-pop-in{
0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes chat-icon-pop-in{
0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}

/*******Live Support Chat icon Ended*****************/


.notifyHolder,.notifyHolder header,.notifyHolder section,.notifyContent,.notifyContent .notifyRow{float:left;width:100%;height:auto}
.notifyHolder{width:360px;height:0;font-family:LatoRegular;position:absolute;right:0;bottom:0}
.notifyHolder header{background:#000;height:40px;font-size:14px;color:var(--text-default);position:absolute;top:0;left:0;overflow:hidden}
.notifyHolder:hover header{color:var(--grey-text)}
.notifyHolder header div{width:auto;height:100%;padding:10px 20px 12px 30px;position:absolute;top:0;left:0}
.notifyHolder header i{float:right;padding:12px;cursor:pointer;position:relative;z-index:9}
.notifyHolder header i:before{font-family:fontello}
.notifyHolder section{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:auto}
.notifyContent{display:flex;flex-direction:column-reverse}
.notifyContent .notifyRow{background:#252525;width:100%;height:0;font-size:12px;line-height:20px;color:var(--grey-text);padding:0 30px;border-top:1px solid var(--border-3);position:relative;overflow:hidden;cursor:pointer}
/*.notifyContent .notifyRow:before{background:#1a1a1a;width:20px;height:100%;content:'';position:absolute;top:0;left:0}*/
.notifyContent .notifyRow:after{width:5px;content:'';margin:10px 0;position:absolute;top:0;bottom:0;left:7px}
.notifyContent .notifyRow:hover{background:#1a1a1a}
.notifyContent .notifyRow .title{width:100%;height:30px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;padding:10px 0 0;overflow:hidden;margin:0}
.notifyHolder header span.status-critical,.notifyContent .notifyRow.status-critical .title{color:var(--severity-critical)}
.notifyHolder header span.status-trouble,.notifyContent .notifyRow.status-trouble .title{color:var(--severity-trouble)}
.notifyHolder header span.status-attention,.notifyContent .notifyRow.status-attention .title{color:var(--severity-attention)}
.notifyHolder header span.status-down,.notifyContent .notifyRow.status-down .title{color:var(--severity-servicedown)}
.notifyHolder header span.status-clear,.notifyContent .notifyRow.status-clear .title{color:var(--severity-clear)}
.notifyHolder header span.status-info,.notifyContent .notifyRow.status-info .title{color:var(--severity-info)}
.notifyContent .notifyRow .info{height:40px;color:var(--text-grey);overflow:hidden}
.notifyContent .notifyRow .info:before{background:#303030;width:100%;height:1px;content:'';position:absolute;top:0;left:0}
.notifyContent .notifyRow.status-critical:after{background:var(--severity-critical)}
.notifyContent .notifyRow.status-trouble:after{background:var(--severity-trouble)}
.notifyContent .notifyRow.status-attention:after{background:var(--severity-attention)}
.notifyContent .notifyRow.status-down:after{background:var(--severity-servicedown)}
.notifyContent .notifyRow.status-clear:after{background:var(--severity-clear)}
.notifyContent .notifyRow.status-info:after{background:var(--severity-info)}
.notifyContent .notifyRow.status-unknown:after{background:var(--severity-unmanaged)}
.notifyHolder.minimized{width:55px;height:50px}
.notifyHolder.minimized header{overflow:visible}
.notifyHolder.minimized header div{background:#1F272C;width:100%;text-align:center;padding:0;border-top:1px solid #52606B;z-index:2}
.notifyHolder.minimized header span:last-child{display:none}
.notifyHolder.minimized header span:nth-child(2){display:block !important}
.notifyHolder.minimized header span:nth-child(1){font:20px LatoBold}
.notifyHolder.minimized header span:nth-child(2){font-size:12px;position:relative;top:-3px}
.notifyHolder.minimized header i.icon-remove{background:#000;width:100%;height:100%;text-align:center;position:absolute;top:-5px;left:0;display:block !important;z-index:1}
.notifyHolder.minimized:hover header i.icon-remove{top:-100%}
.notifyHolder.minimized header i.minMaxNotifications{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position;absolute;top:0;left:0;z-index:3}
.notifyHolder.minimized section{overflow:hidden}
.notifyAlertInfo .opmBtn{min-width:auto}

.notifyDiscovery header,.notifyDiscovery section,.notifyDiscContent,.notifyDiscContent .notifyDiscRow{float:left;width:100%;height:auto}
.notifyDiscHolder{float:right;width:0;height:0;position:relative}
.notifyDiscLevel{background:#1F272C;border-top:#52606B;width:360px;height:0;font-family:LatoRegular;position:absolute;right:0;bottom:0}
.notifyDiscovery .notifyDiscLevel > i{float:right;padding:12px;cursor:pointer;position:relative;z-index:9}
.notifyDiscovery .notifyDiscLevel > i:before{font-family:fontello}
.notifyDiscovery .notifyDiscClose{display:none}
.notifyDiscovery.minimized .notifyDiscClose{background:#000;width:100%;height:40px;text-align:center;position:absolute;top:-5px;left:0;display:block !important;z-index:1}
.notifyDiscovery.minimized:hover .notifyDiscClose{top:-40px}
.notifyDiscClose:before,.notifyDiscClose:after{top:6px !important;left:27px !important}
.notifyDiscClose:hover:before,.notifyDiscClose:hover:after{background:#fff !important}
.notifyDiscovery .notifyDiscToggle{color:#707070}
.notifyDiscovery .notifyDiscLevel:hover .notifyDiscToggle{color:#fdc588}
.notifyDiscovery.minimized .notifyDiscToggle{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position;absolute;top:0;left:0;z-index:3}
.notifyDiscLevel header{background:#000;height:40px;font-size:14px;color:#707070;position:absolute;top:0;left:0;overflow:hidden}
.notifyDiscovery header div{width:100%;height:100%;padding:10px 40px 12px 30px;position:absolute;top:0;left:0}
.notifyDiscovery header .notifyDiscStatusBar{background:#46bb7d;height:1px;position:absolute;bottom:0;left:0;display:block}
.notifyDiscLevel:hover header{color:#fdc588}
.notifyDiscovery.minimized header div{background:#252525;width:100%;text-align:center;padding:0;border-top:1px solid #303030;z-index:2}
.notifyDiscovery.minimized header .notifyDiscStatusBar{display:none}
.notifyDiscovery section{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:auto}
.notifyDiscLevel-1,.notifyDiscLevel-2{width:100%;height:100%;position:absolute;top:0;left:0}
.notifyDiscovery .notifyDiscLevel-1 header div > span:last-child{float:right}
.notifyDiscovery.minimized .notifyDiscLevel{width:55px;height:40px}
.notifyDiscovery.maximized .notifyDiscLevel{height:0}
.notifyDiscovery.minimized .notifyDiscLevel header div > span:first-child{display:none}
.notifyDiscovery.minimized .notifyDiscLevel header div > span:nth-child(2){font-size:9px;display:block !important;position:relative;top:24px}
.notifyDiscovery.minimized .notifyDiscLevel header div > span:last-child{width:100%;font:18px LatoBold;position:absolute;top:0;left:0}
.notifyDiscovery.minimized .notifyDiscLevel header:hover div > span:last-child{color:#fdc588}
.notifyDiscovery .nofityDiscContent{float:left;width:100%;height:auto;display:flex;flex-direction:column-reverse}
.notifyDiscLevel .nofityDiscRow{background:#252525;float:left;width:100%;height:0;font-size:12px;line-height:20px;color:#565656;padding:0 30px;border-top:1px solid #000;position:relative;overflow:hidden;cursor:default}
.notifyDiscLevel .nofityDiscRow:before{background:#303030;width:100%;height:1px;content:'';position:absolute;top:0;left:0}
.notifyDiscLevel .nofityDiscRow:hover{background:#1a1a1a}
.notifyDiscLevel .nofityDiscRow .title,.notifyDiscLevel .nofityDiscRow .info{width:100%;height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0}
.notifyDiscLevel .nofityDiscRow .title{font-size:14px;color:#C7C7C7;padding:10px 0 0}
.notifyDiscLevel .nofityDiscRow .title.noInfo{height:70px;white-space:normal}
.notifyDiscLevel .nofityDiscRow:hover .title{font-size:14px;color:#fff}
.notifyDiscLevel.notifyDiscSummary .notifyDiscLevel-1{display:none}
.notifyDiscLevel.notifyDiscSummary .notifyDiscLevel-2{display:block !important}
.notifyDiscLevel-2 header div > span:nth-child(2){font-size:12px !important;top:21px !important}
.notifyDiscLevel-2 > section > ul{float:left;width:100%;height:30px;position:relative}
.notifyDiscLevel-2 > section > ul:before{background:#626262;width:1px;height:50%;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.notifyDiscLevel-2 > section > ul li{float:left;width:50%;height:100%;font-size:14px;text-align:center;color:#C7C7C7;padding:5px;cursor:pointer}
.notifyDiscLevel-2 > section > ul li:hover,.notifyDiscLevel-2 > section > ul li.active{color:#fff}
.notifyDiscLevel-2 > section > div{position:absolute;top:30px;right:0;bottom:0;left:0;overflow:auto}
.notifyDiscLevel-2 .discovery_logs > div{display:flex;flex-direction:column-reverse}
.notifyDiscLevel .nofityDiscRow:before{background:#1a1a1a;width:20px;height:100%;content:'';position:absolute;top:0;left:0}
.notifyDiscLevel .nofityDiscRow:after{width:5px;content:'';margin:10px 0;position:absolute;top:0;bottom:0;left:7px}
.notifyDiscLevel .nofityDiscRow.discovery-failed:after{background:#7f7f7f}
.notifyDiscLevel .nofityDiscRow.discovery-success:after{background:#46bb7d}
/*.notifyDiscLevel .nofityDiscRow.discovery-failed .title,.notifyDiscLevel .nofityDiscRow.discovery-failed:hover .title{color:#7f7f7f}
.notifyDiscLevel .nofityDiscRow.discovery-success .title,.notifyDiscLevel .nofityDiscRow.discovery-success:hover .title{color:#46bb7d}
*/.notifyDiscLevel .nofityDiscRow .info:before{background:#303030;width:100%;height:1px;content:'';position:absolute;top:0;left:0}

.dashboardCol-1{float:left;width:100%;height:auto;padding:20px 20px 0 20px}
.dashboardCol-1 .dashboardInnerCol{float:left;width:50%;height:auto}
.dashboardInnerCol .dashboardWidget,.dashboardCol-2 .dashboardWidget{width:100%}
.dashboardCol-2{float:left;width:330px;height:auto;position:absolute;top:20px;right:20px;z-index:1}
.dashboardCol-2 + .dashboardCol-1{padding:20px 350px 0 20px}
.dashboardWidget{float:left;width:50%;height:auto;padding:25px;position:relative}
.dashboardWidget:before{background:#fff;content:'';margin:auto;position:absolute;top:0;right:10px;bottom:0;left:10px;border-radius:4px}
.dashboardWidget * {position: relative;z-index: 1;}
.dashboardWidget.fullCol{width:100%}
.dashboardWidget .content{float:left;width:100%;height:auto;padding: 0 20px;overflow: auto;}
.dashboardWidget .opm_widget_header{background:#f6f6f6;float:left;width:100%;border-collapse:separate;box-shadow:0 0 1px rgba(0,0,0,.2);-ms-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-o-box-shadow:0 0 1px rgba(0,0,0,.2);overflow:hidden}
.dashboardWidget .opm_widget_title{width:100%;font-size:16px;padding:14px 14px 16px;cursor:move}
.dashboardWidget .opm_widget_title > div{width:100%;height:19px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:'LatoBold';color:#222}
.dashboardWidget .dashboardWidgetIcons{width:auto;height:100%;padding:0 8px;position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);display:table-cell;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dashboardWidget .dashboardWidgetIcons div{float:left;width:auto;height:100%}
.dashboardWidget:hover .dashboardWidgetIcons{opacity:1;filter:alpha(opacity=100)}
.dashboardWidget .dashboardWidgetIcons *{font-size:14px}
.dashboardWidget .dashboardWidgetIcons [class^='icon-']:before,[class*=' icon-']:before{font-family:'fontello'}
.dashboardWidget .dashboardWidgetIcons i{background:#f6f6f6;float:left;color:#8a8e91;padding:15px 8px;cursor:pointer}
.dashboardWidget .dashboardWidgetIcons i:hover{color:#000}
.dashboardWidget .dashboardWidgetIcons i.icon-down-dir{position:relative}
.dashboardWidget .dashboardWidgetIcons i.icon-down-dir:before{position:relative;top:2px;left:-2px;transform:rotate(45deg)}
.dashboardWidget .dashboardWidgetIcons i.icon-down-dir:after{font-family:'fontello';content:'\e8d1';position:absolute;top:14px;left:11px;transform:rotate(45deg)}

/*****Dashbaord Filter********/
.dashboard-filter{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:12px;background:#fff;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dashboard-filter__main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:end}
.dashboard-filter__coll{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:250px}
.dashboard-filter__dropdown-with-count{display:-webkit-box;display:-ms-flexbox;display:flex}
.dashboard-filter__dropdown-with-count .selBox{width:100%}
.dashboard-filter__dropdown-with-count input{background:#f0f0f0;border:1px solid #dcdcdc;border-left:0;padding:4px 8px;text-align:right;width:48px}
.dashboard-filter__dropdown-with-count input:focus,.dashboard-filter__dropdown-with-count input:hover{background:#fbfbfb}
.dashboard-filter__dropdown-with-count .value-type{border:1px solid #dcdcdc;border-left:0;padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dashboard-filter__apply-btn,.dashboard-filter__edit-btn{background:#f0f9f4;border:1px solid #27ab67;color:#1d824e;padding:8px 16px;cursor:pointer;border-radius:2px}
.dashboard-filter__edit-btn{background:0 0;border:none;color:#0575d5;padding:8px 0}
.dashboard-filter__close-btn{background:#fff;width:32px;height:32px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
.dashboard-filter__close-btn:hover{background:#f0f0f0}
.manage-dashboard-group{position:absolute;top:2px;right:4px;z-index:9}
.manage-dashboard-group .action_btn{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
.manage-dashboard-group:hover .manage-dashboard-group__drop-down-main,.manage-dashboard-group:focus-within .manage-dashboard-group__drop-down-main{display: -webkit-box;display: -ms-flexbox;display: flex}
.manage-dashboard-group__drop-down-main{display:none;background:#fff;-webkit-box-shadow:0 0 12px rgba(0,0,0,.18);box-shadow:0 0 12px rgba(0,0,0,.18);border-radius:4px;padding:8px;position:absolute;top:100%;right:0}
.manage-dashboard-group__drop-down-main ul li a{text-decoration:none;padding:8px 12px;gap:8px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;line-height:normal;font-size:14px}
.manage-dashboard-group__drop-down-main ul li a:hover{background:#ededed}
.manage-dashboard-group__title{color:#647380;font-family:latoBold;padding:12px}
.manage-dashboard-group__columns{padding:0 16px;border-right:1px solid #ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.manage-dashboard-group__columns:first-child{padding-left:0}
.manage-dashboard-group__columns:last-child{border-right:0;padding-right:0}
.dahboard-actns{position:absolute;top:6px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}
.dahboard-actns .manage-dashboard-group{position:relative}
.dahboard-actns .manage-dashboard-group .action_btn{padding:7px 20px}
.filter-active{position:relative}
.filter-active:after{width:12px;height:12px;background:#26a965;top:7px;left:12px;content:"";position:absolute;border-radius:12px;}
.filter-active:before{width: 6px;height: 3px;border-bottom: 2px solid #ffffff;border-left: 2px solid #ffffff;position: absolute;top: 10px;left: 14px;content: "";transform: rotate(-45deg);z-index: 1}
/*****Dashbaord Filter End********/

.ut .left{float:left;width:40%;height:auto;padding:15px 10px 0}
.ut .right{float:left;width:60%;height:auto;padding:15px 40px 0 0;border-left:1px solid #ccc}
.ut .ut-row{clear:both;float:left;width:100%;height:15px;margin:0 0 15px}
.ut .left .ut-row{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ut .right .ut-row{width:0;border:1px solid #efeddc;border-left:0;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.ut .right .ut-row span{position:absolute;top:-4px;right:-50px}

.alarm-row{float:left;width:100%;height:60px;line-height:20px;padding:0 0 0 10px;margin:0 0 20px;position:relative;overflow:hidden}
.alarm-row:last-child{margin:0}
.alarm-row .statusColor{width:3px;height:100%;position:absolute;left:0;bottom:0}
.alarm-row *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.alarm-row h3{height:20px;font-weight:bold;color:#000;margin:0;overflow:hidden}
.alarm-row p{height:20px;color:#555}

.dashboardInventory .inventoryBarChart{width:260px;height:240px;padding:0;margin:20px 0 0}
.dashboardInventory .barHolder #barInfoReset{background:#ebebeb;text-align:center;z-index:2}
.dashboardInventory .HeatMap{position:absolute;top:20px;right:10px;bottom:10px;left:280px;overflow:auto}
.dashboardInventory .HeatMap.none{position:absolute;top:20px;right:30px;bottom:10px;left:30px;overflow:auto}

/*.dashboardInventory .HeatMap{position:relative}
 .dashboardInventory .heatmapHolder{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto} */
.dashboardInventory .heatmapHolder .heatmapStatus{border-radius:3px}
.dashboardInventory .heatmapHolder .heatmapStatus.severity_3 h4{color:#000 !important}
.dashboardInventory .heatmapLegend{position:absolute;bottom:0;left:0}
.dashboardInventory .heatmapLegend span{background:none !important;margin:0 10px 0 0}
.dashboardInventory .heatmapLegend span:before{width:10px;height:10px;content:'';margin:0 5px 0 0;border-radius:3px;display:inline-block}

.dashboardInfrastructure .BarHolder{padding:0}
.dashboardInfrastructure .SingleBar{padding:5px 0 0}
.dashboardInfrastructure .StatusColor{background:#e1e1e1}

.dashboardAlarmsDials .content{padding:20px 20px 0}
.dashboardAlarmsDials .FilterChart{height:240px;padding:0}
.dashboardAlarmsDials .FilterChart .chart:before{display:none}
.dashboardAlarmsDials .dialHolder{text-align:center;margin:0 auto}
.dashboardAlarmsDials .FilterChart .donutTextDiv{width:130px;left:-15px}
.dashboardAlarmsDials .FilterChart .donutTextDiv::before{width:160px;height:160px;top:-72px;left:-17px}
.dashboardAlarmsDials .FilterChart .chart{width:100%;height:250px}

.dashboardBusiness .content{padding:0 !important}
.dashboardBusiness .content img:not(.pointer){float:left;width:100%;height:auto}

#dashboardUsersListDiv .opmBtnHldr.fixed  {background:#fff}

#userNotify,.topBandDropDown{float:right;width:40px;height:50px;font:22px LatoRegular;color:#808488;padding:15px 9px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0;cursor:pointer}
/* #userNotify:before,.topBandDropDown:before{background:url(../../img/opm-sprites.png) no-repeat -222px -240px;width:18px;height:22px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
#userNotify:hover:before,#userNotify.active:before{background-position:-239px -240px} */
#userNotify .userNotifyList .header i[class^='icon-']:before,#userNotify .userNotifyList .header i[class*=' icon-']:before{font-family:fontello}
#userNotify .count{background:#fa5b5a;width:0;height:0;font:10px/17px LatoRegular;text-align:center;color:#fff;margin:auto;border-radius:50%;position:absolute;top:-22px;right:-17px;bottom:0;left:0;overflow:hidden;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#userNotify .count.active{width:18px;height:18px}

#userNotify .userNotifyList,.topBandDropDown .topBandDropDownHolder{background:#fff;width:400px;height:360px;position:absolute;top:35px;right:0;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);opacity:0;filter:alpha(opacity=0);display:none}
#userNotify .userNotifyList:before,.topBandDropDown .topBandDropDownHolder:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:17px;z-index:0}
#userNotify .userNotifyList .header,.topBandDropDown header{background:#f5f5f5;width:100%;height:40px;font-size:16px;line-height:100%;color:#000;padding:10px 15px;position:absolute;top:0;left:0;z-index:1;cursor:default}
#userNotify .userNotifyList .header i,.topBandDropDown header i{font-size:12px;color:#a0a0a0;padding:5px;position:absolute;top:7px;right:8px;cursor:pointer;display:block}
#userNotify .userNotifyList .header i:hover,.topBandDropDown header i:hover{color:#000}
#userNotify .userNotifyListHolder,.topBandDropDown section{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:auto}
#userNotify .userNotifyListHolder .mCSB_container,.topBandDropDown  .mCSB_container{width:100%;height:auto;display:flex;flex-direction:column}
#userNotify .userNotifyList{background:none;box-shadow: 0;}
.userNotifyListHolder article, .userNotifyListHolder aside{float:left;width:100%;height:auto}
.userNotifyListHolder article{background:#fff;padding:10px 25px 10px 15px;position:relative;border-bottom: 1px solid #eaeaea}
.userNotifyListHolder article.highlight{background:#cef2ff}
.userNotifyListHolder article .closeBtn{width:15px;height:15px;position:absolute;top:10px;right:5px;display:block}
.userNotifyListHolder article .closeBtn:before,.userNotifyListHolder article .closeBtn:after{background:#8a8e91;width:1px;height:15px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:7px;transform:rotate(45deg)}
.userNotifyListHolder article .closeBtn:after{transform:rotate(135deg)}
.userNotifyListHolder article .closeBtn:hover:before,.userNotifyListHolder article .closeBtn:hover:after{background:#000}
.userNotifyListHolder article.gray{background:#fbfbfb}
/*.userNotifyListHolder article:nth-child(2n){background:#fbfbfb}*/
.userNotifyListHolder figure{background:#efefef;float:left;width:43px;height:43px;margin:0;border-radius:43px;overflow:hidden;position:absolute;left:15px;top:10px}
.userNotifyListHolder figure img{width:100%;height:auto}
.userNotifyListHolder article > div{float:left;width:95%;height:auto;font:300 14px/100% LatoRegular,sans-serif;color:#000;padding-left:55px}
.userNotifyListHolder article > span{float:right;width:5%;height:auto;font:300 14px/100% LatoRegular,sans-serif;color:#abafb7}
.userNotifyListHolder h3{font-family:LatoBold;margin:0 0 8px}
.userNotifyListHolder h3 span{font:13px LatoRegular;color:#707070}
.userNotifyListHolder p{height:20px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.userNotifyListHolder aside{color:#707070;margin:5px 0 0}

#userNotify .userNotifyList section{float:left;width:100%;height:auto;position:relative}
#userNotify .userNotifyList section:last-child {position: relative;padding-bottom: 20px;}
#userNotify .userNotifyList section:last-child:after {width: 100%;background: #fff;position: absolute;left: 0;right: 0;height: 20px;content: ""; bottom: 0; border-radius: 0 0 6px 6px;box-shadow: 0 0 3px rgba(0,0,0,.1);}

#userNotify .userNotifyList header{background:#fafafa;width:100%;height:40px;font-size:16px;line-height:100%;color:#000;padding:10px 15px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;cursor:default}
#userNotify .userNotifyList header span{float:right;font:13px LatoRegular;color:#31A5F0;cursor:pointer}
#userNotify .userNotifyList header span:hover{text-decoration:underline}
#userNotify.active{z-index:99}

.notifyHeaderDiv.type2{width:5%;display:inline-block;cursor:pointer;position:relative}
.notifyHeaderDiv.type2:after{width:38px;height:38px;content:'';position:absolute;top:-12px;left:-15px}
.notifyHeaderNameDiv{width:70%;display:inline-block}
.notifyContents article:nth-last-child(n+2) ~ article:last-child{display:none}

#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child{/*background:#fbfbfb;*/width:170px;height:100%;padding:0 15px;position:absolute;top:0;right:0}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight,#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight > td:last-child,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight > td:last-child{background:#fefede !important}
#DeviceList .JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.ui-state-hover > td:last-child,#DeviceList  .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.active > td:last-child,#interfaceList .JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.ui-state-hover > td:last-child,#interfaceList  .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-highlight.active > td:last-child{/*background:#fff !important;*/color:#000}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .popoutImg,#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .probeLink,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .popoutImg,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .probeLink{background:url(../../img/opm-sprites.png) no-repeat -238px -135px;width:18px;height:18px;margin:auto;position:absolute;top:0;right:15px;bottom:0;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .probeLink,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child .probeLink{background:#9f9f9f;width:100px;height:18px;text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:2px 10px;border-radius:10px;right:auto;left:0;opacity:1;filter:alpha(opacity=100);overflow:hidden}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover > td:last-child .popoutImg,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover > td:last-child .popoutImg{opacity:1;filter:alpha(opacity=100)}
#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:last-child:before,#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(4):before{display:none}
#interfaceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(5):before{content:'|'}

#h_widget_601 .line{stroke:#01c19a !important}
.rickshaw_graph .x_tick{border:none !important}
.y_grid{display:none !important}
.rickshaw_graph .detail .dot{width:10px !important;height:10px !important;margin-top:-5px !important;border-color:#fff !important;display:block !important;box-shadow:none!important}

.NavUl i[class*=' icon-']:before,.NavUl i[class^='icon-']:before{display:none}
.NavUl i[class*=' icon-'],.NavUl i[class^='icon-']{width: 100%;height:35px;margin:0 0 0 -1px;display:block}
.NavUl .icon-dashboard{background: url(../../img/samples/icons/dashboard.png) no-repeat 50%/35px}
.NavUl .icon-inventory{background: url(../../img/samples/icons/Inventory.png) no-repeat 50%/37px}
.NavUl .icon-alarms{background: url(../../img/samples/icons/alarms.png) no-repeat 50%/35px}
.NavUl .icon-network2{background: url(../../img/samples/icons/group-chat.png) no-repeat 60%/24px}
.NavUl .icon-user{background: url(../../img/samples/icons/people.png) no-repeat 60%/24px}
.NavUl .icon-setting{background:none}
.NavUl .icon-setting:before{background:url(../../img/opm-sprites.png) no-repeat -23px -264px;width:26px;height:26px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block !important}
.NavUl .icon-workflow{background: url(../../img/samples/icons/workflow.png) no-repeat 50%/27px}
.NavUl .icon-maps{background: url(../../img/samples/icons/map.png) no-repeat 56%/18px}
.NavUl .icon-reports{background: url(../../img/opm-sprites.png) no-repeat -173px 0;width:24px !important;height:22px !important;margin:5px auto !important}
.NavUl .icon-apm{background: url(../../img/samples/icons/apm.png) no-repeat 60%/30px}
.NavUl .icon-compliance{background: url(../../img/samples/icons/compliance.png) no-repeat 50% center;height:30px !important}
.NavUl .icon-change-management{background: url(../../img/samples/icons/change-mgm.png) no-repeat 50%/33px;height:30px !important}
body.NavText .NavUl .icon-compliance,body.NavText .NavUl .icon-change-management{margin:0 auto 5px}
.NavUl .icon-network{background:url(../../img/samples/icons/network.png) no-repeat 50%/22px}
.NavUl .icon-server{background:url(../../img/samples/icons/server.png) no-repeat 50%/25px}
.NavUl .icon-virtualization{background:url(../../img/samples/icons/virtualization.png) no-repeat 50%/24px}
body.NavIcon .NavUl > li > a{padding:5px 5px 5px 3px}

/* <---------- temp custom fonts starts */
@font-face{font-weight:normal;font-style:normal;font-family:'fontello';src:url('../../styles/css/plugins/fontIcons/fontello.eot');src:url('../../styles/css/plugins/fontIcons/fontello.eot?#iefix') format('embedded-opentype'),url('../../styles/css/plugins/fontIcons/fontello.woff') format('woff'),url('../../styles/css/plugins/fontIcons/fontello.ttf') format('truetype'),url('../../styles/css/plugins/fontIcons/fontello.svg#fontello') format('svg')}
[class^='icon-']:before,[class*=' icon-']:before{font-family:'fontello';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;line-height:1em}

.icon-wrench:before{content:'\e800'}.icon-de-inventory:before{content:'\e801'}.icon-configuration-file:before{content:'\e802'}.icon-config-change:before{content:'\e803'}.icon-sitemap:before{content:'\e804'}.icon-backup:before{content:'\e805'}.icon-compliance:before{content:'\e806'}.icon-de-report:before{content:'\e807'}.icon-configedit:before{content:'\e808'}.icon-fwaconfigedit:before{width:30px;top:5px !important;left:14px !important;content:'\e808';}.icon-configfile1:before{content:'\e809'}.icon-laptop:before{content:'\e80a'}.icon-flow-tree:before{content:'\e80b'}.icon-uni21C6:before{content:'\e80c'}.icon-house:before{content:'\e80d'}.icon-Settings:before{content:'\e80e'}.icon-uni2630:before{content:'\e80f'}.icon-uni2699:before{content:'\e810'}.icon-uni26A0:before{content:'\e811'}.icon-uni2709:before{content:'\e812'}.icon-uni270E:before{content:'\e813'}.icon-uni2713:before{content:'\e814'}.icon-uniE73A:before{content:'\e815'}.icon-uniE700:before{content:'\e816'}.icon-uniE716:before{content:'\e817'}.icon-uniE718:before{content:'\e818'}.icon-uniE838:before{content:'\e819'}.icon-uniE834:before{content:'\e81a'}.icon-uniE832:before{content:'\e81b'}.icon-uniE729:before{content:'\e81c'}.icon-uniE722:before{content:'\e81d'}.icon-uniE720:before{content:'\e81e'}.icon-uniE83C:before{content:'\e81f'}.icon-u1F464:before{content:'\e820'}.icon-u1F465:before{content:'\e821'}.icon-u1F4B3:before{content:'\e822'}.icon-u1F4CA:before{content:'\e823'}.icon-u1F4CB:before{content:'\e824'}.icon-u1F4CE:before{content:'\e825'}.icon-u1F4DE:before{content:'\e826'}.icon-u1F4E4:before{content:'\e827'}.icon-u1F4E5:before{content:'\e828'}.icon-u1F4F7:before{content:'\e829'}.icon-u1F504:before{content:'\e82a'}.icon-u1F50D:before{content:'\e82b'}.icon-u1F514:before{content:'\e82c'}.icon-u1F53E:before{content:'\e82d'}.icon-u1F554:before{content:'\e82e'}.icon-equalizer:before{content:'\e82f'}.icon-u1F514-1:before{content:'\e830'}.icon-u1F53E-1:before{content:'\e831'}.icon-network:before{content:'\e832'}.icon-network-1:before{content:'\e833'}.icon-data-science-inv:before{content:'\e834'}.icon-download-cloud:before{content:'\e835'}.icon-upload-cloud:before{content:'\e836'}.icon-upload-cloud-1:before{content:'\e837'}.icon-cloud-thunder:before{content:'\e838'}.icon-uni26A0-1:before{content:'\e839'}.icon-cog:before{content:'\e83a'}.icon-uni27F2-1:before{content:'\e83b'}.icon-uni27F3-1:before{content:'\e83c'}.icon-uniE832-1:before{content:'\e83d'}.icon-uniE834-1:before{content:'\e83e'}.icon-uniE838-1:before{content:'\e83f'}.icon-u1F4CA-1:before{content:'\e840'}.icon-u1F4E4-1:before{content:'\e841'}.icon-u1F4E5-1:before{content:'\e842'}.icon-u1F4F7-1:before{content:'\e843'}.icon-sliders:before{content:'\e844'}.icon-dash1:before{content:'\e845'}.icon-u1F504-1:before{content:'\e846'}.icon-th-list:before{content:'\e847'}.icon-target:before{content:'\e848'}.icon-u1F50D-1:before{content:'\e849'}.icon-target-1:before{content:'\e84a'}.icon-target-2:before{content:'\e84b'}.icon-cloud-1:before{content:'\e84c'}.icon-cloud-2:before{content:'\e84d'}.icon-dash2-large:before{content:'\e84e'}.icon-uni21C6-1:before{content:'\e84f'}.icon-spotify:before{content:'\e850'}.icon-resize-full-circle:before{content:'\e851'}.icon-lightbulb-alt:before{content:'\e852'}.icon-empire:before{content:'\e853'}.icon-mail:before{content:'\e854'}.icon-file-pdf:before{content:'\e855'}.icon-file-excel:before{content:'\e856'}.icon-stopwatch:before{content:'\e857'}.icon-print:before{content:'\e858'}.icon-star:before{content:'\e859'}.icon-uniE762:before{content:'\e85a'}.icon-uniE73A-1:before{content:'\e85b'}.icon-uniE75C:before{content:'\e85c'}.icon-uniE75D:before{content:'\e85d'}.icon-uniE75E:before{content:'\e85e'}.icon-uniE75F:before{content:'\e85f'}.icon-uniE760:before{content:'\e860'}.icon-uniE763:before{content:'\e861'}.icon-spin5:before{content:'\e862'}.icon-uniE83C-1:before{content:'\e863'}.icon-uni2B05:before{content:'\e864'}.icon-uni2B06:before{content:'\e865'}.icon-uni2B07:before{content:'\e866'}.icon-uniE704:before{content:'\e867'}.icon-uniE70C:before{content:'\e868'}.icon-uniE832-2:before{content:'\e869'}.icon-close:before{content:'\e86a'}.icon-uniE764:before{content:'\e86b'}.icon-uniE834-2:before{content:'\e86c'}.icon-uniE765:before{content:'\e86d'}.icon-uniE766:before{content:'\e86e'}.icon-chart-area:before{content:'\e86f'}.icon-u1F514-2:before{content:'\e870'}.icon-u1F50D-2:before{content:'\e871'}.icon-uni27A6:before{content:'\e872'}.icon-filledbox:before{content:'\e873'}.icon-uni25B6:before{content:'\e874'}.icon-uni2753:before{content:'\e875'}.icon-uni27A1:before{content:'\e876'}.icon-u1F504-2:before{content:'\e877'}.icon-camera:before{content:'\e878'}.icon-uniE700-1:before{content:'\e879'}.icon-uniE716-1:before{content:'\e87a'}.icon-uniE718-1:before{content:'\e87b'}.icon-chat:before{content:'\e87c'}.icon-uniE722-1:before{content:'\e87d'}.icon-uniE729-1:before{content:'\e87e'}.icon-th-large:before{content:'\e87f'}.icon-users:before{content:'\e880'}.icon-u1F4B3-1:before{content:'\e881'}.icon-u1F4CA-2:before{content:'\e882'}.icon-u1F4CB-1:before{content:'\e883'}.icon-u1F4CE-1:before{content:'\e884'}.icon-u1F4DE-1:before{content:'\e885'}.icon-u1F4E4-2:before{content:'\e886'}.icon-uniE761:before{content:'\e887'}.icon-u1F4E5-2:before{content:'\e888'}.icon-ccw:before{content:'\e889'}.icon-uni27F3:before{content:'\e88a'}.icon-reply:before{content:'\e88b'}.icon-level-up:before{content:'\e88c'}.icon-flag:before{content:'\e88d'}.icon-lightbulb:before{content:'\e88e'}.icon-columns:before{content:'\e88f'}.icon-archive:before{content:'\e890'}.icon-chart-line:before{content:'\e891'}.icon-coverflow:before{content:'\e892'}.icon-th-list-1:before{content:'\e893'}.icon-login:before{content:'\e894'}.icon-logout:before{content:'\e895'}.icon-uni2713-1:before{content:'\e896'}.icon-plus:before{content:'\e897'}.icon-gauge:before{content:'\e898'}.icon-forward:before{content:'\e899'}.icon-monitor:before{content:'\e89a'}.icon-reply-outline:before{content:'\e89b'}.icon-forward-outline:before{content:'\e89c'}.icon-reply-1:before{content:'\e89d'}.icon-forward-1:before{content:'\e89e'}.icon-database-1:before{content:'\e89f'}.icon-switch:before{content:'\e8a0'}.icon-home:before{content:'\e8a1'}.icon-uni2389:before{content:'\e8a2'}.icon-th:before{content:'\e8a3'}.icon-uniE767:before{content:'\e8a4'}.icon-uniE800:before{content:'\e8a5'}.icon-u1F554-1:before{content:'\e8a6'}.icon-star-empty:before{content:'\e8a7'}.icon-uni2630-1:before{content:'\e8a8'}.icon-cog-1:before{content:'\e8a9'}.icon-attention:before{content:'\e8aa'}.icon-uni2709-1:before{content:'\e8ab'}.icon-uni270E-1:before{content:'\e8ac'}.icon-uni2715:before{content:'\e8ad'}.icon-ok-circled:before{content:'\e8ae'}.icon-doc-text:before{content:'\e8af'}.icon-users-1:before{content:'\e8b0'}.icon-u1F464-1:before{content:'\e8b1'}.icon-paste:before{content:'\e8b2'}.icon-block:before{content:'\e8b3'}.icon-power:before{content:'\e8b4'}.icon-plug:before{content:'\e8b5'}.icon-angle-circled-down:before{content:'\e8b6'}.icon-search:before{content:'\e8b7'}.icon-contrast:before{content:'\e8b8'}.icon-globe:before{content:'\e8b9'}.icon-database:before{content:'\e8ba'}.icon-emo-devil:before{content:'\e8bb'}.icon-doc-remove:before{content:'\e8bc'}.icon-desktop:before{content:'\e8bd'}.icon-waves:before{content:'\e8be'}.icon-de-dashboard:before{content:'\e8bf'}.icon-wifi:before{content:'\e8c0'}.icon-bell:before{content:'\e8c1'}.icon-bell-alt:before{content:'\e8c2'}.icon-bell-1:before{content:'\e8c3'}.icon-group:before{content:'\e8c4'}.icon-table:before{content:'\e8c5'}.icon-off:before{content:'\e8c6'}.icon-minus-circled:before{content:'\e8c7'}.icon-remove:before{content:'\e8c8'}.icon-attention-circled:before{content:'\e8c9'}.icon-trash:before{content:'\e8ca'}.icon-left-open:before{content:'\e8cb'}.icon-right-open:before{content:'\e8cc'}.icon-angle-left:before{content:'\e8cd'}.icon-angle-right:before{content:'\e8ce'}.icon-right-dir:before{content:'\e8cf'}.icon-left-dir:before{content:'\e8d0'}.icon-up-dir:before{content:'\e8d1'}.icon-down-dir:before{content:'\e8d2'}.icon-angle-down:before{content:'\e8d3'}.icon-angle-up:before{content:'\e8d4'}.icon-down-circled:before{content:'\e8d5'}.icon-search-1:before{content:'\e8d6'}.icon-arrows-cw:before{content:'\e8d7'}.icon-left-big:before{content:'\e8d8'}.icon-list:before{content:'\e8d9'}
/* temp custom fonts ends ----------> */

/* <---------- temp styles starts */
#AlrmEvtTrapInvDev .Options i.addnote:before,#AlrmEvtTrapInvDev .Options i.ping:before,#AlrmEvtTrapInvDev .Options i.traceRoute:before,#AlrmEvtTrapInvDev .Options i.clear:before,#AlrmEvtTrapInvDev .Options i.unacknowledge:before,#AlrmEvtTrapInvDev .Options i.acknowledge:before,#AlrmEvtTrapInvDev .Options i.close:before,#AlrmEvtTrapInvDev .actions i.addnote:before,#AlrmEvtTrapInvDev .actions i.ping:before,#AlrmEvtTrapInvDev .actions i.traceRoute:before,#AlrmEvtTrapInvDev .actions i.clear:before,#AlrmEvtTrapInvDev .actions i.unacknowledge:before,#AlrmEvtTrapInvDev .actions i.acknowledge:before,#AlrmEvtTrapInvDev .actions i.close:before,#PageContent .actions i.addnote:before,#PageContent .actions i.ping:before,#PageContent .actions i.traceRoute:before,#PageContent .actions i.clear:before,#PageContent .actions i.unacknowledge:before,#PageContent .actions i.acknowledge:before,#PageContent .actions i.close:before{content:'' !important}
#AlrmEvtTrapInvDev .Options i.delete:before,#AlrmEvtTrapInvDev .actions i.delete:before{font-size:22px !important}

.ProAccordionContainer .ProDetails article >  h2 > a{width:30px;height:30px;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:0;display:block !important}
/* temp styles ends ----------> */

.sdp-contentContainer{float:left;width:100%;height:100%;padding:40px;margin:0 !important;overflow:auto}
.sdp-contentContainer .settingsContent,.sdp-contentContainer,.sdp-contentContainer .opmFormHolder{float:left;width:100% !important;height:auto !important}
.sdp-contentContainer .opmFormTitle{font:20px LatoRegular;padding:0 0 10px}

.opmDashboard .gridster ul{background:transparent}
.opmDashboard .gridster .gs-w{background:transparent;padding:15px}
.opmDashboard .gridster .gs-w:before{background:#fff;content:'';margin:auto;position:absolute;top:3px;right:3px;bottom:3px;left:3px}
.opmDashboard .gridster .gs-w .dashboardWidget{height:100%;padding:0}
.opmDashboard .gridster .gs-w .dashboardWidget:before{display:none}
.opmDashboard .gridster .ember-view{overflow:hidden}
.opmDashboard .gridster .gs-w .dashboardWidget .content{margin:auto;overflow:auto}
#sampleWidgets .dashboardWidget{width:100%;text-align: center;top: 30%}
#sampleWidgets .widgetsSizeBox{width:100%;padding:0 5px;position:absolute;bottom:20px;left:0;display:table}
#sampleWidgets .widgetsSizeBox > div{display:table-row}
#sampleWidgets .widgetsSizeBox span{text-align:center;word-break:break-all;padding:10px 0;display:table-cell;font-size:65%;}
#sampleWidgets .widgetsSizeBox span.active{background-color: #45bd7f;color:#fff;}
#sampleWidgets .widgetsSizeBox span.selected{background-color: #E0E0E0;}
#sampleWidgets li{background:#f5f5f7;color:#908E8E}
#sampleWidgets li:hover{background:#45bd7f;color:#000}
#sampleWidgets .widgetsSizeBox span:hover{background-color:#45bd7f;color:#fff}

.ut-Grid .right{width:100%;padding:0 50px 0 0 !important;border:0}
.ut-Grid .ut-row{margin:0}

.radiusAdjust {left:20px;max-width: 660px !important;}

.workFlowPage .settingsCnt{top:0}
.opmCommonStyle{background:#fff;float:left;width:100%;height:100%;padding:30px;overflow:auto}
#zrtooltip1 {z-index:1000 !important}
#zrtooltip1 #tooltipcontent{max-width:100px !important}
.series.gs-w{padding:0 !important;position:static !important}
/*.opm_pie .legendarea{left:70% !important;top:36px !important}*/

.opmWorkFlowIcon{float:left;width:auto;height:auto;padding:0 0 0 30px;position:relative}
.opmWorkFlowIcon span{width:24px;height:18px;margin:auto 5px auto 0;position:absolute;top:0;bottom:0;left:0;display:inline-block}
.opmWorkFlowIcon span.diamond{width:20px;height:20px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.opmDashboard,.opmDashboard > header{float:left;width:100%;height:100%;position:relative;overflow:hidden;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard > header{background:#fff;height:240px;padding:0 50px 0 0;position:relative;z-index:9;overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1)}
.opmDashboard > header:before{background:#191919;width:100%;height:50px;content:'';position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard > header:after{background:#191919;width:auto;height:150px;content:'';position:absolute;top:45px;right:0;left:0;z-index:-1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body.opmDashboardMenuSmall .opmDashboard > header:after,body.opmDashboardMenuTglActive .opmDashboard > header.noMenuLevel2:after{height:0}
.opmDashboardLinks{float:left;width:100%;height:195px;position:relative;overflow:hidden !important}
.opmDashboard > header .links,.opmDashboard > header .links a{float:left;height:195px;overflow:hidden}
.opmDashboard > header .links a{background:#191919;width:165px;height:195px;font:14px RobotoSlabRegular;text-align:left;position:relative;border-right:1px solid #252525;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard > header .links a:before{background:#000;width:1px;height:100%;content:'';position:absolute;top:0;right:0}
.opmDashboard > header .links a:after{width:100%;height:50px;content:'';position:absolute;top:0;left:0;z-index:3}
.opmDashboard > header .links a > div:first-child{width:145px;height:50px;text-align:center;position:absolute;top:-50px;left:0;z-index:0;transition:all .1s ease;-ms-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}
.opmDashboard > header .links a > div:last-child{width:165px;height:195px;position:absolute;bottom:0;left:0;z-index:0;transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-o-transition:all .3s ease .2s}
.opmDashboard > header .links a > div:last-child > div:first-child{float:left;width:100%;height:50px;text-align:left}
.opmDashboard > header .links,.opmDashboard > header .links a > div:nth-child(2) span,.opmDashboard > header .links a .graph{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard > header .links a > div:first-child,.opmDashboard > header .links a > div > div:first-child{height:50px;color:#bfbfbf;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:14px 20px;margin:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard > header .links a > div > div:first-child{position:absolute;top:0;right:100%;left:0;z-index:4}
body.opmDashboardMenuSmall .opmDashboard > header .links a > div > div:first-child,body.opmDashboardMenuTglActive .opmDashboard > header .links a > div > div:first-child{right:0}
.opmDashboard > header .links a > div > div:nth-child(2){width:100%;height:145px;font-family:RobotoSlabLight;color:#929292;padding:20px;position:absolute;bottom:0;z-index:0}
.opmDashboard > header .links a > div > div:nth-child(2):before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.opmDashboard > header .links a:hover,.opmDashboard > header .links a.active{background:#000}
.opmDashboard > header .links a:hover > div:first-child,.opmDashboard > header .links a.active > div:first-child,.opmDashboard > header .links a:hover > div > div:first-child,.opmDashboard > header .links a.active > div > div:first-child{color:#49bd80}
.opmDashboard > header .links a:hover:not(.opmOPUTILS):not(.opmFireWall) > div > div:nth-child(2),.opmDashboard > header .links a.active:not(.opmOPUTILS):not(.opmFireWall) > div > div:nth-child(2){color:#fff}
.opmDashboard > header .links a.opmNCM:hover > div > div:nth-child(2) .info,.opmDashboard > header .links a.opmNCM.active > div:nth-child(2) .info{color:#fff}
.opmDashboard > header .links a.opmNFA:hover > div > div:nth-child(2),.opmDashboard > header .links a.opmNFA.active > div:nth-child(2),.opmDashboard > header .links a.opmNCM:hover > div > div:nth-child(2),.opmDashboard > header .links a.opmNCM.active > div:nth-child(2),.opmDashboard > header .links a.opmOPUTILS:hover > div > div:nth-child(2),.opmDashboard > header .links a.opmOPUTILS.active > div:nth-child(2){color:rgba(255,255,255,.4) !important}
.opmDashboard > header .links a .info{float:left;width:auto}
.opmDashboard > header .links a .info > div > span{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.opmDashboard > header .links a .info > div > span:first-child{font-size:18px}
.opmDashboard > header .links a .graph{padding:0 10px;position:absolute;right:0;bottom:20px/*;opacity:.4;filter:alpha(opacity=40)*/}
.opmDashboard > header .links a .graph > div{height:100%;position:relative}
.opmDashboard > header .links a .graph > div *{position:absolute;bottom:0;left:0}
/*.opmDashboard > header .links a:hover .graph,.opmDashboard > header .links a.active .graph{opacity:1;filter:alpha(opacity=100)}*/
.opmDashboard > header .links a .opmDashType-1 .info{width:100%}
.opmDashboard > header .links a .opmDashType-1 .info > div{float:left;width:48%;margin:0 4% 10px 0}
.opmDashboard > header .links a .opmDashType-1 .info > div:last-child{margin:0}
.opmDashboard > header .links a .opmDashType-1 .info > div > span{width:100%}
.opmDashboard > header .links a .opmDashType-1 .graph{width:100%;height:50px}
.opmDashboard > header .links a .opmDashType-1 .graph > div{float:left;width:50% !important;padding:0 20px}
.opmDashboard > header .links a .opmDashType-2 .info,.opmDashboard > header .links a .opmDashType-2 .graph,.opmDashboard > header .links a .opmDashType-3 .info,.opmDashboard > header .links a .opmDashType-3 .count{float:left;width:48%;height:100%}
.opmDashboard > header .links a .opmDashType-2 .graph{padding:20px;bottom:0}
.opmDashboard > header .links a .opmDashType-2 .graph > div{position:relative;top:10px}
.opmDashboard > header .links a .opmDashType-2 .count{display:none}
.opmDashboard > header .links a .opmDashType-2 .info > div,.opmDashboard > header .links a .opmDashType-3 .info > div{margin:0 0 22px}
.opmDashboard > header .links a .opmDashType-4 .count,.opmDashboard > header .links a .opmDashType-4 .info{float:left;width:100%;height:50%}
.opmDashboard > header .links a .opmDashType-4 .count{font-size:36px;text-align:center}
.opmDashboard > header .links a .opmDashType-3 .count:after,.opmDashboard > header .links a .opmDashType-4 .count:after{border-color:transparent transparent rgba(255,255,255,.4) transparent;border-style:solid;border-width:0 10px 9px 10px;position:relative;top:-30px;left:5px}
.opmDashboard > header .links a .opmDashType-3 .count:after,.opmDashboard > header .links a .opmDashType-4 .count:after{border-color:transparent transparent rgba(255,255,255,.4) transparent}
.opmDashboard > header .links a:hover .opmDashType-3 .count:after,.opmDashboard > header .links a.active .opmDashType-3 .count:after,.opmDashboard > header .links a:hover .opmDashType-4 .count:after,.opmDashboard > header .links a.active .opmDashType-4 .count:after{border-color:transparent transparent #46bb7d transparent}
/*.opmDashboard > header .links a:hover .opmDashType-3 .count.upStatus,.opmDashboard > header .links a.active .opmDashType-3 .count.upStatus,.opmDashboard > header .links a:hover .opmDashType-4 .count.upStatus,.opmDashboard > header .links a.active .opmDashType-4 .count.upStatus{color:#46bb7d !important}*/
.opmDashboard > header .links a .opmDashType-3 .count.upStatus,.opmDashboard > header .links a .opmDashType-4 .count.upStatus{color:#46bb7d !important}
.opmDashboard > header .links a .opmDashType-4 .count.upStatus + .info span:first-child{padding:10px 0 0}
/*.opmDashboard > header .links a:hover .opmDashType-3 .count.downStatus,.opmDashboard > header .links a.active .opmDashType-3 .count.downStatus,.opmDashboard > header .links a:hover .opmDashType-4 .count.downStatus,.opmDashboard > header .links a.active .opmDashType-4 .count.downStatus{color:#ff6362 !important}*/
.opmDashboard > header .links a .opmDashType-3 .count.downStatus,.opmDashboard > header .links a .opmDashType-4 .count.downStatus{color:#ff6362 !important}
.opmDashboard > header .links a .opmDashType-3 .count.downStatus:after,.opmDashboard > header .links a .opmDashType-4 .count.downStatus:after{border-color:rgba(255,255,255,.4) transparent transparent transparent;border-style:solid;border-width:9px 10px 0 10px;top:30px}
.opmDashboard > header .links a:hover .opmDashType-3 .count.downStatus:after,.opmDashboard > header .links a.active .opmDashType-3 .count.downStatus:after,.opmDashboard > header .links a:hover .opmDashType-4 .count.downStatus:after,.opmDashboard > header .links a.active .opmDashType-4 .count.downStatus:after{border-color:#ff6362 transparent transparent transparent}
.opmDashboard > header .links a .opmDashType-4 .info{float:left;width:100%;height:50%}
.opmDashboard > header .links a .opmDashType-4 .info div{float:left;width:100%;height:100%;text-align:center}
.opmDashboard > header .links a .opmDashType-4 .info div:last-child span:first-child{font-size:25px}
.opmDashboard > header .links a.opmOPUTILS .info > div:first-child span:last-child,.opmDashboard > header .links a.opmFireWall .info > div:last-child span:last-child{width:100px}
/*.opmDashboard > header .links a.opmOPUTILS:hover .info > div:first-child,.opmDashboard > header .links a.opmOPUTILS.active .info > div:first-child,.opmDashboard > header .links a.opmFireWall:hover .info > div:first-child,.opmDashboard > header .links a.opmFireWall.active .info > div:first-child,.opmDashboard > header .links a .graph{color:#46bb7d}*/
.opmDashboard > header .links a.opmOPUTILS .info > div:first-child,.opmDashboard > header .links a.opmFireWall .info > div:first-child{color:#46bb7d}
/*.opmDashboard > header .links a.opmOPUTILS:hover .info > div:last-child,.opmDashboard > header .links a.opmOPUTILS.active .info > div:last-child,.opmDashboard > header .links a.opmFireWall:hover .info > div:last-child,.opmDashboard > header .links a.opmFireWall.active .info > div:last-child{color:#1f5c96}*/
.opmDashboard > header .links a.opmOPUTILS .info > div:last-child,.opmDashboard > header .links a.opmFireWall .info > div:last-child{color:#1f5c96}
.opmDashboard > header .links a.opmNFA .info div{width:50%}
.opmDashboard > header .links a.opmNetwork .graph > div:first-child,.opmDashboard > header .links a.opmServer .graph > div:first-child{position:relative;top:10px}
.opmDashboard > header .links a.opmServer .graph > div:last-child,.opmDashboard > header .links a.opmVirtual .graph > div:last-child{position:relative;top:-156px !important;left:-11px !important}
.opmDashboard > header .links a.opmOverview .opmDashType-1 .graph > div:first-child .container{width:130% !important;position:relative;bottom:20px}
.opmDashboard > header .links a.opmOverview .opmDashType-1 .graph > div:first-child text{display:none}
.opmDashboard > header .links a .opmDashType-3 .count{float:right;height:50%;padding:0 0 0 20px;margin:50px 0 0;position:relative}
.opmDashboard > header .links a .opmDashType-3 .info{float:left}
.opmDashboard > header .links a:hover .opmDashType-3 .info,.opmDashboard > header .links a.active .opmDashType-3 .info{color:#fff}
.opmDashboard > header .links a .opmDashType-3 .graph{display:none}
.opmDashboard > header .links a .opmDashType-3 .count span{float:left;width:100%}
.opmDashboard > header .links a .opmDashType-3 .count span:first-child{font-size:16px;text-align:center;position: absolute;bottom: -5px;}
.opmDashboard > header .links a .opmDashType-3 .count span i{font-size:12px}
.opmDashboard > header .links a .opmDashType-3 .count:after{position:absolute;top:-10px !important;right:10px;left:auto}
.noArrow:after{display:none}
.opmDashboard > header .links a.opmNCM .info > div:last-child span:last-child,.opmDashboard > header .links a .opmDashType-2 .info > div > span{width:90px}
.opmDashboard > header .links a .opmDashType-3 .info > div > span{width:100px}

.opmDashboard > header .links a.opmNetwork .graph > div:last-child{position:absolute !important;top:-71px !important;right:6px !important;left:auto !important}

body.opmDashboardMenuSmall .opmDashboard > header,body.opmDashboardMenuTglActive .opmDashboard > header{height:95px}
body.opmDashboardMenuSmall .opmDashboard > header .opmDashboardLinks,body.opmDashboardMenuSmall .opmDashboard > header .links,body.opmDashboardMenuSmall .opmDashboard > header .links a,body.opmDashboardMenuTglActive .opmDashboard > header .opmDashboardLinks,body.opmDashboardMenuTglActive .opmDashboard > header .links,body.opmDashboardMenuTglActive .opmDashboard > header .links a,body.opmDashboardMenuTglActive .opmDashboard > header.noMenuLevel2,body.opmDashboardMenuTglActive .opmDashboard > header:after,body.opmDashboardMenuSmall  .opmDashboard > header.noMenuLevel2{height:50px}
body.opmDashboardMenuSmall .opmDashboard > header:before,body.opmDashboardMenuSmall .opmDashboard > header .links a,body.opmDashboardMenuSmall .opmDashboard > header .links a > div > div:first-child{background:#000}
body.opmDashboardMenuSmall .opmDashboard > header .links a,body.opmDashboardMenuTglActive .opmDashboard > header .links a{width:145px;text-align:center;border-color:transparent}
body.opmDashboardMenuSmall .opmDashboard > header .links a:before,body.opmDashboardMenuTglActive .opmDashboard > header .links a:before{background:transparent}
body.opmDashboardMenuSmall .opmDashboard > header .links a > div:first-child,body.opmDashboardMenuTglActive .opmDashboard > header .links a > div:first-child{top:0;transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-o-transition:all .3s ease .2s}
body.opmDashboardMenuSmall .opmDashboard > header .links a > div:last-child,body.opmDashboardMenuTglActive .opmDashboard > header .links a > div:last-child{bottom:195px;transition:all .1s ease;-ms-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}
body.opmDashboardMenuSmall .opmDashboard > section,body.opmDashboardMenuTglActive .opmDashboard > section{top:95px}

html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div{max-height: calc(100vh - 200px); overflow-y:auto;}

.opmDashboard > header .opmDashboardMenuTgl{width:45px;height:45px;position:absolute;top:0;right:0;cursor:pointer}
.opmDashboard > header .opmDashboardMenuTgl:before{width:10px;height:10px;content:'';border:1px solid #fff;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body.opmDashboardMenuTglActive .opmDashboard > header .opmDashboardMenuTgl:before{transform:rotate(225deg);-ms-transform:rotate(225deg);-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg)}

.opmDashboard > header .opmDashboardAddBtn{background:#49bd80;width:50px;height:45px;position:absolute;right:0;bottom:0;cursor:pointer}
.opmDashboard > header .opmDashboardAddBtn:before,.opmDashboard > header .opmDashboardAddBtn:after{background:#fff !important}
.deviceslideActionBtn:before,.deviceslideActionBtn:after{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.opmDashboard > header .opmDashboardAddBtn:before,.deviceslideActionBtn:before,.opmMapBVTabNav .ncmAction.more:before{width:20px;height:11px;border:1px solid #fff;border-right:0;border-left:0}
.opmDashboard > header .opmDashboardAddBtn:after,.deviceslideActionBtn:after{background:#fff;width:20px;height:1px}

.opmDashboard > section{background:#f5f5f7;position:absolute;top:240px;right:0;bottom:0;left:0;overflow:auto;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboard.dashBackground > section{background:#e5e5e5 !important}
.gridster{float:left;width:100%;height:auto;padding:10px 0 10px 10px;position:relative}

.opmContent{background:#fbfbfb;float:left;width:100%;height:100%;word-wrap:break-word;padding:30px;overflow:auto}

#ProductDetails a.opmBtn2,.opmBtn2{background:#45bd7f;float:right;min-width:120px;width:auto;height:auto;color:#fff;text-align:center;padding:7px 20px !important;margin:3px;display:inline-block;cursor:pointer}

.opmBtnHld2{margin:20px 0 0}

.opmPd0{padding:0 !important}

.widgetsContainer .opmDashboardAddWidgetsList article span.search-highlight {background: #ffebae;border-radius: 4px;}

.opmDashboard > header.noMenuLevel2{height:195px}
.opmDashboard > header.noMenuLevel2:after{height:145px}
.opmDashboard > header.noMenuLevel2 + section{top:195px}
body.opmDashboardMenuSmall  .opmDashboard > header.noMenuLevel2 + section,body.opmDashboardMenuTglActive .opmDashboard > header.noMenuLevel2 + section,body.opmDashboardMenuSmall .opmDashboard:before,body.opmDashboardMenuSmall .dashboardSlideContent,body.opmDashboardMenuTglActive .dashboardSlideContent{top:50px}

body.opmDashboardMenuSmall .opmDashboardMenuTgl,body .opmDashboard > header.noMenuLevel2 .opmDashboardSubLinks,body .opmDashboard > header.noMenuLevel2 .opmDashboardAddBtn{display:none}
.opmOverview .graph > div{height:50%}
.opmOverview .graph > div:first-child{float:right !important;top:20px;left:-20px}
.opmOverview .graph > div:last-child{top:15px;left:-2px !important}

.gridster .jstree-children .jstree-node.gs-w{position:relative;padding: 0}

.chkRoundBtn{position:relative}
.chkRoundBtn.nfaGridStatus{width:42px}
.chkRoundBtn input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1;cursor:pointer}
.chkRoundBtn label{background:#fff;width:42px;height:22px;border:1px solid #EAEAEA;border-radius:15px;display:block;position:relative}
.chkRoundBtn label:before{background:#fff;width:18px;height:18px;content:'';border:1px solid #EAEAEA;border-radius:50%;position:absolute;top:0;left:0;display:block;box-shadow:0 0 3px rgba(0,0,0,.4);-ms-box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);-o-box-shadow:0 0 3px rgba(0,0,0,.4);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.chkRoundBtn input:disabled {cursor: auto;}
.chkRoundBtn input:disabled + label {opacity: 0.3;background: #d4d4d4;}
.chkRoundBtn input:checked + label{background:#45bd7f;border-color:transparent}
.chkRoundBtn input:checked + label:before{left:20px}
.chkRoundBtn.chkRoundBtnLabel.top-0 {padding: 6px;}
.chkRoundBtn.chkRoundBtnLabel.top-0 label::before {top: -4px;}
.chkRoundBtn.chkRoundBtnLabel.top-0 label::after {top: -6px;}

.deviceSlideContent, .slideContent, .dashboardSlideContent, .ipslaSlide {display: none;}
.dashboardSlideContent{width:100%;margin:0;position:absolute;top:195px;right:0;bottom:0;left:100%;z-index:100;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dashboardSlideContainer{background:#fff;float:right;width:100%;max-width:360px;height:100%;box-shadow:-4px 3px 8px rgba(0,0,0,.3);-ms-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-webkit-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-o-box-shadow:-4px 3px 8px rgba(0,0,0,.3);position:relative;overflow:hidden}
.dashboardSlideContent .dashboardInnerSlide{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dashboardSlideContent header {float: left;width: 100%;height: auto;font: 20px LatoRegular;padding: 30px;position: relative}
.dashboardSlideContent header i.icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}
.dashboardSlideContent header i.icon-remove:hover{color:#000}
.dashboardSlideContainer section{margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.dashboardSlideContainer section .slideContHolder{float:left;width:100%;height:auto;margin:0 0 30px}
.dashboardSlideContainer section .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.dashboardSlideContainer section .slideContHolder .opmForm{padding:0 30px}

.opmDashboard:before{content:'';margin:auto;position:absolute;top:195px;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:-9}
body.opmDashboardMenuTglActive .opmDashboard:before{top:50px}

body.dashboardSlideDivIn-1 .opmDashboard:before,body.dashboardSlideDivIn-2 .opmDashboard:before,body.dashboardSlideDivIn-3 .opmDashboard:before,body.dashboardSlideDivIn-4 .opmDashboard:before,body.dashboardSlideDivIn-5 .opmDashboard:before,body.dashboardSlideDivIn-6 .opmDashboard:before{background:rgba(0, 0, 0, 0.3);z-index:100}
body.dashboardSlideDivIn-1 .dashboardSlideContent-1,body.dashboardSlideDivIn-2 .dashboardSlideContent-2,body.dashboardSlideDivIn-3 .dashboardSlideContent-3,body.dashboardSlideDivIn-4 .dashboardSlideContent-4,body.dashboardSlideDivIn-5 .dashboardSlideContent-5,body.dashboardSlideDivIn-6 .dashboardSlideContent-6{left:0}
.dashboardSlideContent-6 .dashboardSlideContainer{max-width:480px}
.dashboardSlideContent-6.dashboardSlideContent header{font:22px RobotoSlabRegular}
.dashboardSlideContent-6 p{color:#000 !important;margin:0 0 20px}
.dashboardSlideContent-6 h3{font-family:LatoBold}
.dashboardSlideContent-6 .opmBtn{width:100%;padding:12px 20px;margin:40px 0 0 !important}
.dashboardSlideContent .helpTxtBv{padding:0 480px 0 0;opacity:.5;filter:alpha(opacity=50);z-index:0}
.dashboardSlideContent .helpTxtBv:hover{opacity:1;filter:alpha(opacity=100)}
.dashboardSlideContent .helpTxtBv i{min-width:420px;font:50px RobotoSlabThin;padding:12px 20px;border-radius:10px;cursor:default}
.dashboardSlideContent.noConfigSlide .helpTxtBv{padding:0}
.dashboardSlideContent.noConfigSlide .dashboardSlideContainer{display:none}

.opmHeatMapSize{float:left;width:auto;height:auto;transform:rotateX(180deg)}
.opmHeatMapSize i{float:left;width:50px;height:50px;margin:0 10px 0 0;display:inline-block;position:relative}
.opmHeatMapSize i:nth-child(1){width:10px;height:10px}
.opmHeatMapSize i:nth-child(2){width:20px;height:20px}
.opmHeatMapSize i:nth-child(3){width:30px;height:30px}
.opmHeatMapSize i:nth-child(4){width:40px;height:40px}
.opmHeatMapSize i:nth-child(5){width:50px;height:50px}
.opmHeatMapSize input{width:100% !important;height:100% !important;position:absolute;top:0;left:0;display:block;z-index:9;cursor:pointer}
.opmHeatMapSize label:before,.opmHeatMapSize label:after{width:100%;height:100%;content:'';position:absolute;bottom:0;left:0;display:inline-block}
.opmHeatMapSize label:before{background:#f0f0f0}
.opmHeatMapSize input:checked + label:after{background:#42be7f}

.icon-remove,#ProductDetails .PDTContainer > header .icon-remove{width:25px;height:25px;display:inline-block}
.icon-remove:before,.icon-remove:after,#filterDataBy .icon-remove:before,#filterDataBy .icon-remove:after,#ProductDetails .PDTContainer > header .icon-remove:after,#ProductDetails .PDTContainer > header .icon-remove:before{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:50%;transform:rotate(45deg) translateX(-50%)}
.icon-remove:after,#filterDataBy .icon-remove:after,#ProductDetails .PDTContainer > header .icon-remove:after{transform:rotate(135deg)}
.icon-remove:hover:before,.icon-remove:hover:after,#filterDataBy .icon-remove:hover:before,#filterDataBy .icon-remove:hover:after{background:#000}

#container.globalSearchActive #globalSearch{width:40px;position:relative}
#container.globalSearchActive #globalSearch:before,#container.globalSearchActive #globalSearch:after{background:#fff;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:10px;right:0;bottom:0;left:20px;transform:rotate(45deg)}
#container.globalSearchActive #globalSearch:after{transform:rotate(135deg)}

.icon-remove.closeNotifications:before,.icon-remove.closeNotifications:after{top:6px;left:27px}
.icon-remove.closeNotifications:hover:before,.icon-remove.closeNotifications:hover:after{background:#fff}

.timeFilterList .icon-remove{width:15px;height:15px}
.FilterByList .icon-remove:before,.FilterByList .icon-remove:after,.AETIDFilDropDownList .icon-remove:before,.AETIDFilDropDownList .icon-remove:after,.timeFilterList .icon-remove:before,.timeFilterList .icon-remove:after{width:1px;height:15px;left:7px}
.AETIDFilDropDownList .icon-remove{width:20px;height:20px}
.AETIDFilDropDownList .icon-remove:before,.AETIDFilDropDownList .icon-remove:after,#filterDataBy .icon-remove:before,#filterDataBy .icon-remove:after{left:10px}
#filterDataBy .icon-remove:before,#filterDataBy .icon-remove:after{width:1px !important;height:15px;top:6px;left:12px}

/* Device snapshot related changes added by lakshmikanth*/
.Device-Info:before{content:'';margin:auto;position:absolute;top:44px;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:-9}
.deviceSlideContent{width:100%;position:absolute;top:40px;right:20px;bottom:0;left:101%;z-index:100;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.DeviceDetails.PageContent .deviceSlideContent{top:0px}
.deviceSlideContainer1{background:#fff;float:right;width:100%;max-width:1500px !important;height:100%;box-shadow:-4px 3px 8px rgba(0,0,0,.3);-ms-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-webkit-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-o-box-shadow:-4px 3px 8px rgba(0,0,0,.3);position:relative;overflow:hidden}
.deviceSlideContainer{background:#fff;float:right;width:100%;max-width:700px;height:100%;box-shadow:-4px 3px 8px rgba(0,0,0,.3);-ms-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-webkit-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-o-box-shadow:-4px 3px 8px rgba(0,0,0,.3);position:relative;overflow:hidden}
.deviceSlideContainer section{width:100%;margin:0;position:absolute;top:20px;right:0;bottom:0;left:0;overflow:auto;;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.deviceSlideContainer section .opmTab{height:90px;padding:0 50px 0 20px}
.deviceSlideContainer section .opmTab > ul > li{width:160px}
.deviceSlideContainer section .opmTab > ul > li:first-child{border-bottom-color:transparent}
.deviceSlideContainer section .opmTab > ul > li:last-child{border-right:1px solid #ccc}
.deviceSlideContainer section .opmTab a:hover{text-decoration:none}
.deviceSlideContainer section .opmTab .opmMoreList{background:#fafafa}
.deviceSlideContainer section .opmTab .opmMoreList .list ul{height:100%}
.deviceSlideContainer section .opmTab .opmMoreList .list li a,.deviceSlideContainer section .opmTab .opmMoreList .list li a:hover,.deviceSlideContainer section .opmTab .opmMoreList .list li a.active{border:0}
.deviceSlideContainer section .opmTab .opmMoreList .list li:hover,.deviceSlideContainer section .opmTab .opmMoreList .list li.active{background:#f2f2f2}
.deviceSlideContainer section .opmTab .opmMoreList .more > a{background:#fff;padding:5px 24px 5px 15px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #ececec;position:relative;top:35px}
.deviceSlideContainer section .opmTab .opmMoreList .more > a:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:2px;right:9px;bottom:0}
.deviceSlideContainer section .opmTab .opmMoreList .more ul{top:58px}
.deviceSlideContainer section .opmTab .opmMoreList .more ul li{text-align:left}
.deviceSlideContainer section .opmTab .deviceSlideClose{font-size:20px;color:#8a8e91;position:absolute;top:15px;right:15px;cursor:pointer}
.deviceSlideContainer section .opmTabCont{padding:45px 20px 20px;border-top:1px solid #efefef;top:90px}
.deviceSlideContainer section.deviceInnerSlide-2,.deviceSlideContainer section.deviceInnerSlide-3{top:0;left:100%}
.deviceSlideContainer section.deviceInnerSlide-1  header,.deviceSlideContainer section.deviceInnerSlide-2 header,.deviceSlideContainer section.deviceInnerSlide-3 header{float:left;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative},.deviceSlideContainer section.deviceInnerSlide-6 header{float:left;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.deviceSlideContainer section.deviceInnerSlide-2  .opmTabCont,.deviceSlideContainer section.deviceInnerSlide-3  .opmTabCont{top:85px}
.deviceSlideContainer section.deviceInnerSlide-2 .deviceInnerSlide2Btn{padding:0 10px;margin-left:-10px;cursor:pointer}
.deviceSlideContainer.slideHdrSec section[class*=' deviceInnerSlide-'],.deviceSlideContainer.slideHdrSec section[class^='deviceInnerSlide-']{top:0}
.deviceSlideContainer.slideHdrSec section[class*=' deviceInnerSlide-'] i.icon-remove,.deviceSlideContainer.slideHdrSec section[class^='deviceInnerSlide-'] i.icon-remove{font-size:20px;color:#8a8e91;position:absolute;top:30px;right:15px;cursor:pointer}
.deviceSlideContainer.slideHdrSec section.deviceInnerSlide-1 .opmForm,.deviceSlideContainer.slideHdrSec section.deviceInnerSlide-2 .opmForm,deviceSlideContainer.slideHdrSec section.deviceInnerSlide-3 .opmForm{padding:0 20px}
.deviceSlideContainer section .opmTabCont .opmFormType6 .content .opmFormRow div:nth-last-child(2){margin:0;position:relative;z-index:1}
.deviceSlideContainer section .opmTabCont .opmBtnHldrTop{top:5px}
.deviceSlideContainer.hdrSec{background:#fff;float:right;width:100%;max-width:700px;height:100%;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);position:relative}
.deviceSlideContent.slideSmall .deviceSlideContainer.hdrSec{max-width:360px}
.deviceSlideContainer.hdrSec header{float:right;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.deviceSlideContainer.hdrSec header i.icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}
.deviceSlideContainer.hdrSec header i.icon-remove:hover{color:#000}
.deviceSlideContainer.hdrSec section{margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.deviceSlideContainer.hdrSec section .slideContHolder{float:left;width:100%;height:auto;margin:0 0 30px}
.deviceSlideContainer.hdrSec section .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.deviceSlideContainer.hdrSec section .slideContHolder .opmForm{padding:0 30px}
.deviceSlideContent.deviceSlideDivIn-7 .deviceSlideContainer{box-shadow:0 8px 8px rgba(0,0,0,.3);-ms-box-shadow:0 8px 8px rgba(0,0,0,.3);-moz-box-shadow:0 8px 8px rgba(0,0,0,.3);-webkit-box-shadow: 0 8px 8px rgba(0,0,0,.3);-o-box-shadow:0 8px 8px rgba(0,0,0,.3)}
.deviceSlideContainer2 .deviceContent{padding:0 30px;position:absolute;top:0;right:0;bottom:108px;left:0;overflow:auto}
.deviceSlideContainer2 .deviceBtn{width:100%;height:158px;padding:0 30px;position:absolute;bottom:0;left:0}
/*.deviceSlideContainer2 .deviceBtn{width:100%;height:108px;padding:0 30px;position:absolute;bottom:0;left:0}*/
.deviceSlideContainer2 .deviceBtn{width:100%;height:100px;padding:0 30px;position:absolute;bottom:0px;left:0}
.deviceBtn .opmFormHrLine{background:#efefef;float:left;width:100%;height:1px;margin:40px 0 15px;border:0}
.deviceBtn .opmFormRow{width: 100%;margin: 0 0 10px}

.deviceSlideContainer section.prMonitorSection{bottom: 100px;position:absolute}
.deviceSlideContainer div.prMonitorDiv{bottom:0;position:absolute;width: 640px}
.deviceSlideContainer section input.prMonitorTextThreshold{width:80px;align:center}
.deviceSlideContainer section input.prMonitorTextConsecutiveTimes{width:80px}
.deviceSlideContainer section div textarea.prMonitorTextArea{resize:vertical}


.deviceSlideContainer2 .deviceContent.noBtn{bottom:0}
.deviceSlideContainer2 .deviceContent section{top:0}
.deviceSlideContent.deviceHistory .deviceSlideContainer{max-width:570px}
.deviceSlideContent.deviceHistory .deviceSlideContainer:before{background:#7d7d7d;width:1px;content:'';position:absolute;top:70px;bottom:0;left:170px}
.deviceSlideContent.deviceHistory .deviceSlideContainer > header{height:70px;padding:15px 30px}
.deviceSlideContent.deviceHistory .deviceSlideContainer > header > div{font:18px LatoBold;white-space:nowrap;text-overflow:ellipsis;padding:0 10px 0 0;overflow:hidden}
.deviceSlideContent.deviceHistory .deviceSlideContainer > header > div + span{float:left;font:14px LatoRegular;color:#7f7f7f;position:relative;top:5px}
.deviceSlideContent.deviceHistory .deviceSlideContainer > header i.icon-remove{top:22px}
.deviceSlideContent.deviceHistory .deviceSlideContainer > section{border-top:1px solid #7d7d7d;top:70px}
.deviceSlideContent.deviceHistory .deviceSlideContainer > section:before{width:170px;height:100%;content:'';position:absolute;top:0;left:0}
.deviceSlideContent.deviceHistory .deviceSlideContainer > section:after{background:#f6f6f6;width:399px;height:100%;content:'';position:absolute;top:0;right:0}
.deviceSlideContent.deviceHistory .deviceSlideContainer > section .slideContHolder{height:100%;margin:0;overflow:auto}
.deviceHistoryList,.deviceHistorySingle{float:left;width:100%;min-height:100%;height:auto;position:relative;z-index:1}
.deviceHistorySingle div{float:left;height:auto;padding:20px 25px;position:relative}
.deviceHistorySingle .left{width:170px;text-align:right}
.deviceHistorySingle .left:before{width:15px;height:15px;content:'';border-radius:50%;position:absolute;top:21px;right:-8px}
.deviceHistorySingle .left b:first-line,.deviceHistorySingle div b{font:14px LatoBold;color:#000;display:block}
.deviceHistorySingle .left b,.deviceHistorySingle div span{font:12px LatoRegular;color:#7f7f7f}
.deviceHistorySingle .right b{font-family:LatoRegular;color:#3f3f3f}
.deviceHistorySingle .right span{color:#949494}
.deviceHistorySingle .right{width:380px}
.deviceHistorySingle.level-1 .left:before{background:#fa5b5a}
.deviceHistorySingle.level-2 .left:before{background:#faad5a}
.deviceHistorySingle.level-3 .left:before{background:#46bb7d}
.deviceHistory .dateInfo{float:left;width:auto;white-space:normal !important;margin:0;position:relative;top:4px;left:auto;display:block !important;overflow:visible !important}
.deviceHistory .dateInfo i.icon-time{float:left;margin:0 10px 0 0}
.deviceHistory .dateInfo .timeFrameDateInfo{float:left;max-width:430px;font:11px LatoRegular;color:#8a8e91;margin:10px 0 0 5px;display:inline-block}
.deviceHistory .dateInfo .timeFrameTitle{float:left;width:auto;margin:1px 0 0;position:relative;top:0 !important;left:0 !important}
.deviceHistoryListNoData{background:#fff;text-align:center;padding:20px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}

body.deviceSlideDivIn-1 .Device-Info:before,body.deviceSlideDivIn-2 .Device-Info:before,body.deviceSlideDivIn-3 .Device-Info:before,body.deviceSlideDivIn-4 .Device-Info:before,body.deviceSlideDivIn-6 .Device-Info:before,body.deviceSlideDivIn-3 .Device-Info:before,body.deviceSlideDivIn-4 .Device-Info:before,body.deviceSlideDivIn-6 .Device-Info:before,body.deviceSlideDivIn-5 .Device-Info:before,body.deviceSlideDivIn-8 .Device-Info:before,body.deviceSlideDivIn-9 .Device-Info:before,body.deviceSlideDivIn-10 .Device-Info:before,body.deviceSlideDivIn-11 .Device-Info:before,body.deviceSlideDivIn-12 .Device-Info:before,body.deviceSlideDivIn-13 .Device-Info:before,body.deviceSlideDivIn-66 .Device-Info:before,body.deviceSlideDivIn-67 .Device-Info:before{background:rgba(0,0,0,0.3);z-index:100}
body.deviceSlideDivIn-1 .deviceSlideContent.deviceSlideDivIn-1,body.deviceSlideDivIn-2 .deviceSlideContent.deviceSlideDivIn-2,body.deviceSlideDivIn-3 .deviceSlideContent.deviceSlideDivIn-3,body.deviceSlideDivIn-4 .deviceSlideContent.deviceSlideDivIn-4,body.deviceSlideDivIn-5 .deviceSlideContent.deviceSlideDivIn-5,body.deviceSlideDivIn-6 .deviceSlideContent.deviceSlideDivIn-6,body.deviceSlideDivIn-7 .deviceSlideContent.deviceSlideDivIn-7,body.deviceSlideDivIn-8 .deviceSlideContent.deviceSlideDivIn-8,body.deviceSlideDivIn-9 .deviceSlideContent.deviceSlideDivIn-9,body.deviceSlideDivIn-10 .deviceSlideContent.deviceSlideDivIn-10,body.deviceSlideDivIn-11 .deviceSlideContent.deviceSlideDivIn-11,body.deviceSlideDivIn-12 .deviceSlideContent.deviceSlideDivIn-12,body.deviceSlideDivIn-13 .deviceSlideContent.deviceSlideDivIn-13,body.deviceSlideDivIn-66 .deviceSlideContent.deviceSlideDivIn-66,body.deviceSlideDivIn-67 .deviceSlideContent.deviceSlideDivIn-67{left:0}
body.deviceSlideDivIn-67 .opmInventoryHolder:before{display:none}
.opmMoreList{background:#f3f3f5;float:left;width:100%;height:100%;position:relative;z-index:9}
.opmMoreList .list{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.opmMoreList .list li{background:transparent;float:left;width:160px;height:100%;font-size:14px;border-right:1px solid #ececec;display:table}
.opmMoreList .list li a{width:100%;height:100%;color:#000;text-align:center;vertical-align:middle;padding:10px 20px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-bottom:3px solid transparent;display:table-cell}
.opmMoreList .list li a:hover,.opmMoreList .list li a.active{background:#f2f2f2;border-color:#43be7f;text-decoration:none}
.opmMoreList .more{width:100px;height:100%;font-size:14px;text-align:center;position:absolute;top:0;right:0}
.opmMoreList .more a:hover{text-decoration:none}
.opmMoreList .more > a{color:#000;padding:5px 24px 5px 15px;position:relative;top:14px}
.opmMoreList .more > a:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:2px;right:9px;bottom:0}
.opmMoreList .more ul{background:#fff;min-width:150px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:40px;right:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.opmMoreList .more ul li{float:left;width:100%;height:auto;border-right:0;border-bottom:1px solid #ececec;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMoreList .more ul li:last-child{border:0}
.opmMoreList .more ul li:hover{border-bottom-color:#ececec}
.opmMoreList .more ul li a{width:100%;height:auto;white-space:nowrap;color:#000;padding:5px 10px;display:block}
.opmMoreList .more ul li:hover{background:#fafafa}
.opmMoreList:hover ul{display:block}
.deviceSlideContainer section .opmTabCont .opmMoreList{top:-30px}
.AETIDHeader .Options .icon-remove{width:42px}
.AETIDHeader .Options .icon-remove:before,.AETIDHeader .Options .icon-remove:after{height:20px;top:13px;left:20px}

.OpMAlertMsg .icon-remove{width:15px;height:15px;position:absolute;top:8px;right:5px}
.OpMAlertMsg .icon-remove:before,.OpMAlertMsg .icon-remove:after{width:1px;height:15px;top:0;left:7px}

.ReportTimePeriod {font-size: 14px;font-family: 'LatoRegular';border: 1px solid #dcdcdc;padding: 7px 8px;justify-content: center;display: flex;align-items: center;gap: 8px;float: left;margin-right: 10px;}
.reportGraph{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}
.reportsAside{background:#f9f9fb;width:220px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 0 8px rgba(0,0,0,.1);-ms-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-o-box-shadow:inset 0 0 8px rgba(0,0,0,.1)}
.reportsAside .pageTitle{background:#e9e9eb;float:left;width:100%;height:55px;max-height:66px;font:16px LatoBold;padding:10px 20px;display:table}
.reportsAside .pageTitle > div{display:table-cell;vertical-align:middle}
.reportsAside ul{position:absolute;top:55px;right:0;bottom:0;left:0;overflow:auto}
.reportsAside ul li{float:left;width:100%;height:auto;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
.reportsAside ul li a{color:#3c3c3c;word-wrap:break-word;padding:10px 30px 10px 20px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.reportsAside ul li a:hover,.reportsAside ul li a.active{background:#f1f1f3;font-family:LatoRegular;color:#000;cursor:default}
.reportsAside ul li a:hover{cursor:pointer}
.reportsAside ul li a.active{cursor:default !important}
.reportsAside ul li i{padding:5px;position:absolute;top:4px;right:6px}
.reportGraph > header{background:#f8f9fb;height:55px;padding:0 50px 0 30px;border-bottom:1px solid rgba(232,232,232,.8);position:absolute;top:0;right:0;left:220px}
.reportGraph > header .backBtn{color:#8a8e91;padding:10px;position:absolute;top:9px;left:15px;cursor:pointer}
.reportGraph > header .backBtn:hover{color:#000}
.reportGraph > header h2{float:left;width:auto;color:#757575}
.reportGraph > header h2 span{padding:18px 10px;border-bottom:2px solid transparent;display:inline-block;cursor:pointer}
.reportGraph > header h2 span:hover,.reportGraph header h2 span.active{font-weight:bold;color:#000;border-bottom-color:#45bd7f}
.reportGraph > header h2 span.active{cursor:default}
.reportGraph > header h2 .icon-configedit{text-indent:5px}
.reportGraph > header h2 .icon-configedit:before{position:relative;top:1px;left:-5px}
.reportGraph > header .opmBtnHldrTop{float:right;position:relative;top:9px;right:auto}
.reportGraph > header .opmBtnHldrTop .opmBtn{min-width:90px}
.reportGraph > header .opmBtnHldrTop .icon-sort{background:url(../../img/samples/icons/icon-sort.png) no-repeat;float:right;width:14px;height:16px;margin:0 20px 0 0;display:inline-block;position:relative;top:12px;cursor:pointer}
.reportGraph > header .icon-remove{width:25px;height:25px;display:inline-block;position:absolute;top:15px;right:13px;cursor:pointer}
.reportGraph > header .icon-remove:before,.reportGraph header .icon-remove:after{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:12px;transform:rotate(45deg)}
.reportGraph > header .icon-remove:after{transform:rotate(135deg)}
.reportGraph > header .icon-remove:hover:before,.reportGraph header .icon-remove:hover:after{background:#000}
.reportGraph > section{padding:40px 0 0;position:absolute;top:55px;right:0;bottom:0;left:220px;overflow:auto}
.reportGraph .timeInfo{float:right;width:auto;margin:10px 15px 0 0}
.reportGraph .reportGraphContainer{padding:0 40px 40px;position:absolute;top:50px;right:0;bottom:0;left:0;overflow:auto}
.reportGraph .reportGraphSingle{float:left;width:100%;height:auto;margin:0 0 30px;}
.reportGraph .reportGraphSingle > header{background:#fbfbfb;float:left;width:100%;height:50px;padding:7px 10px 10px 10px}
.reportGraph .reportGraphContainer.reportGraphElement{position:absolute;top:50px;left:0;bottom:0;overflow:auto;width: 100%;padding-right: 10px;}

.opmReportGraph .reportGraph .reportGraphSingle > header .title{float:left;width:auto;font:14px LatoRegular;position:relative;top:0;left:0;border:0;font-weight: bold;}
.reportGraph .reportGraphSingle > header .title{float:left;width:auto;font:14px LatoRegular;position:relative;top:0;left:0;border:0;}

.reportGraph .reportGraphSingle > header .title span{padding:8px 0 0;display:inline-block}
.reportGraph .reportGraphSingle > header .viewIcon{float:right;width:auto;margin:5px 0 0}
.veiwGraphType{background:#fff;float:right;width:auto;height:30px !important;padding:0 3px;margin:5px 5px 0;border:1px solid #dbdbdb;border-radius:5px;position:relative}
.veiwGraphTypeDisabled{opacity:.5;filter:alpha(opacity=50)}
.veiwGraphTypeDisabled:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.veiwGraphType i{position:relative;top:-1px}
.reportGraph .viewIcon i,.viewIcon.veiwGraphType i{background:url(../../img/opm-sprites.png) no-repeat 0 0 !important;float:left;width:22px;height:20px;margin:5px;display:inline-block;cursor:pointer}
.reportGraph .viewIcon i.icon-area,.viewIcon.veiwGraphType i.icon-area{background-position:-208px -47px !important}
.reportGraph .viewIcon i.icon-bar,.viewIcon.veiwGraphType i.icon-bar{background-position:-230px -47px !important}
.reportGraph .viewIcon i.icon-lines,.viewIcon.veiwGraphType i.icon-lines{background-position:-251px -47px !important}
.reportGraph .viewIcon i.icon-addwidget,.viewIcon.veiwGraphType i.icon-addwidget{background-position:-71px -47px !important}
.reportGraph .reportGraphSingle > section{float:left;width:100%;height:auto;padding:10px 0px}
.opmReportGraph .reportGraph .reportGraphSingle > section .svgarea{height:300px !important;width:100% !important}
.reportGraph .reportGraphSingle > section .svgarea{width:100% !important}
.opmReportGraph .reportGraph .reportGraphSingle > section .legendarea{width:20% !important;right:0;left:auto !important}
.opmReportGraph .reportGraph .reportGraphSingle .legseries .legendlabel{font:13px LatoRegular !important;}
.reportGraph .reportGraphSingle .legseries .legendlabel{font:16px LatoRegular !important;}
.reportGraph.newReportGenerate .reportsAside{display:none}
.reportGraph.newReportGenerate > header,.reportGraph.newReportGenerate > section,.reportGraph.netflowReportGraph > header,.reportGraph.netflowReportGraph > section{left:0}
.reportGraph .reportGraphSingle .contentLeft{width:460px}
.reportGraph .reportGraphSingle .contentRight{padding:20px 10px 20px 460px !important}
.snapShotWidgetSubTitle{bottom:4px !important}
.snapShotWidgetSubTitle + .headerTitleSpan{position:relative;top:-8px}
.opmReportGraph .reportGraph .reportGraphSingle .legendarea > div,.opmReportGraph .reportGraph .reportGraphSingle .legendarea .legendgroup,.opmReportGraph .reportGraph .reportGraphSingle .legendarea .legendgroup .legseries{width:400px !important;max-width:400px !important}
.pdfReportGraph .reportGraphContainer .reportGraphSingle .legendarea > div,.pdfReportGraph .reportGraphContainer .reportGraphSingle .legendarea .legendgroup,.pdfReportGraph .reportGraphContainer .reportGraphSingle .legendarea .legendgroup .legseries{width:300px !important;max-width:300px !important}

.opmReportGraph .reportGraph .reportGraphContainer.legendBottom .reportGraphSingle .legendarea > div, .opmReportGraph .reportGraph .reportGraphContainer.legendBottom .reportGraphSingle .legendarea .legendgroup, .opmReportGraph .reportGraph .reportGraphContainer.legendBottom .reportGraphSingle .legendarea .legendgroup .legseries{max-width:100% !important;width:auto !important}

/*  ReportBuilder Individual Graph Styles Start     */
.pdfReportGraph .opmRamUsageInfoHolder.ml-none {margin-left: 0px !important }
#graphdivelement .opmRamUsageInfoContainer.legendType2 {max-height: 160px;overflow-y: auto;}
#graphdivelement .opmRamUsageInfoContainer.legendType2 .opmDivTableFormate:first-child {position: sticky;top: 0;}
/*  ReportBuilder Individual Graph Styles END     */

/* <---------- report graph pdf styles starts */
.pdfReportGraph,.pdfReportGraph > div{float:Left;width:100%;height:auto;padding:20px;overflow:auto}
.pdfReportGraph > div{padding:0;border:1px solid rgba(232,232,232,.8)}
.pdfReportGraph > div > header{background:#f8f9fb;float:left;width:100%;height:55px;font:normal 14px/20px LatoRegular !important;padding:0 30px;border-bottom:1px solid rgba(232,232,232,.8);position:relative}
.pdfReportGraph > div > header h2{float:left;width:auto;display:inline-block;font:normal 20px LatoRegular;}
.pdfReportGraph > div > header h2 span{font:normal 14px/20px LatoRegular;color:#757575;padding:0 0 0 20px;position:relative}
.pdfReportGraph > div > header h2 span:before{content:'|';position:absolute;top:0;left:10px;top:-2px}
.pdfReportGraph > div > header .opmBtnHldrTop{float:right;position:relative;top:9px;right:auto}
.pdfReportGraph > div > header .opmBtnHldrTop .timeInfo{margin-right:0 !important}
.pdfReportGraph .reportGraphSingle > section .svgarea{width:100% !important;}
.pdfReportGraph .reportGraphContainer{float:left;width:100%;height:auto;padding:30px;position:relative;top:0;left:0;overflow-x: hidden;}
.pdfReportGraph .legendarea .legseries{height:auto !important;max-height:none !important;text-align:center;overflow:visible !important}
.pdfReportGraph .reportGraphSingle .legseries{max-width: 100% !important;}
.pdfReportGraph #perfGraph .svgarea{width:1000px !important}
.pdfReportGraph .opmPerformanceMonitor{width:50%;}
.pdfReportGraph #perfGraph .canvas-component,.pdfReportGraph #perfGraph .canvas-component .svgarea{height:500px !important}
.pdfReportGraph .opmRamUsageInfoHolder{margin-left: 200px !important;text-align:left !important;}
/*.pdfReportGraph #perfGraph .x-axis .axislabel{display: none !important}*/
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer{border:1px solid #C6C6C6}
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer .opmRamUsageInfo span{padding-left: 10px;}
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer .opmRamUsageInfo .ramheader{font:14px LatoBold;}
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer .opmRamUsageInfo{width:100%;line-height:1.5;padding-right:15px}
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer > div:nth-of-type(odd){background:#f1f1f3;}
.pdfReportGraph #perfGraph .opmRamUsageInfoContainer > div:nth-of-type(even){background:#f9f9fb;}
.pdfReportGraph .reportGraphSingle{float:none;display:inline-block;width:100%;height:auto}
.pdfReportGraph .reportGraphSingle:after {
    content: '';
    display:block;
    height:0px;
    visibility: hidden;
}
/* <---------- report graph pdf styles ends */


.genReport,.scheduleReport{width:40px;height:100%;display:block}
/*.genReport:before,.scheduleReport:before{background:url(../../img/opm-sprites.png) no-repeat -340px 0;width:18px;height:19px;content:'';display:block;position:relative;top:2px}*/
#ReportSubTabs section.fullWidth{left:0}

.viewReportsBtn,.viewReportsBtn2,.genReport,.scheduleReport{background:#49bd80;float:left;width:auto;height:auto !important;font:14px LatoRegular !important;color:#fbfbfb !important;padding:7px 20px 7px 20px !important;border-radius:20px;position:relative;top:-9px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
/*.viewReportsBtn:before,.viewReportsBtn2:before,.genReport:before,.scheduleReport:before{background:url(../../img/opm-sprites.png) no-repeat -340px 0;width:18px;height:19px;content:'';display:block;position:absolute !important;top:10px !important;left:20px}*/
.viewReportsBtn2:before{background:url(../../img/opm-sprites.png) no-repeat -340px 0;width:18px;height:19px;content:'';display:block;position:absolute !important;top:10px !important;left:20px}
/*.viewReportsBtn:hover,.genReport:hover,.scheduleReport:hover{background:#ededf0;color:#000 !important}*/
.viewReportsBtn2:before{position:relative !important;top:auto !important;left:auto}
.viewReportsBtn2{background:none;padding:0 !important;position:relative;top:3px}
.genReport,.scheduleReport{top:3px}
.scheduleReport:before{background-position:0 -241px;width:22px;height:22px;transform:scale(.8)}

.monitorSearch{top:0;left:0;display:block;height:33px}
.monitorSearch input{background:#fbfbfb !important;width:100%;border:0;font-size:14px;font-family:LatoRegular;height:33px;padding-left:30px;}

.reportGraph .tableViewOption{float:left;width:auto;margin:-20px 0 0 40px}
.reportGridUI{float:left;width:100%;height:auto;margin:10px 0 20px}
.reportGridUI h2{/*background:#f5f6f8;*/font:16px LatoBold;text-align:left;padding:5px 0px;margin:0;position:relative}
.spmswitchContainer{float:left;width:100%;height:auto;text-align:center;position:relative;overflow:auto;display:block;max-height:330px;}
.spmswitchHolder{float:none;width:auto;height:auto;margin:auto;display:inline-block;}
.spmswitchRow{background:#dbd9df;float:left;max-height:70px;margin:40px 5px;border:1px solid #ccc}
.spmswitchColumn{float:left;width:auto;height:70px}
.spmswitchportstatus{background:#bbc1c4;clear:both;float:left;width:25px;height:25px;margin:5px;position:relative;cursor:pointer;}
.spmswitchportstatus:before,.spmswitchportstatus:after{background:#7f8281;content:'';margin:auto;position:absolute;right:0;left:0}
.spmswitchportstatus:before{width:20px;height:12px;top:10px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.3)}
.spmswitchportstatus:after{width:12px;height:8px;top:3px;box-shadow:inset 0 3px 3px rgba(0,0,0,.3)}
.spmswitchportstatus.up:before,.spmswitchportstatus.up:after{background:#2df22e}
.spmswitchportstatus.down:before,.spmswitchportstatus.down:after{background:#fa5b5a}
.spmswitchportstatus:last-child:before{width:12px;height:8px;top:14px}
.spmswitchportstatus:last-child:after{width:20px;height:12px}
.spmswitchportstatus i{width:30px;height:20px;font-size:12px;font-style:normal;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:auto;position:absolute;top:-30px;right:0;left:0;display:block;overflow:hidden}
.spmswitchportstatus span{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.spmswitchportstatus:last-child i{top:auto;bottom:-30px}
.spmswitchRow.titleName{margin:80px 35px}
.spmswitchRow.titleName .spmswitchportstatus i{width:70px;font-size:10px;text-align:left;transform:rotate(-50deg);top:-45px;right:0;left:0}
.spmswitchRow.titleName .spmswitchportstatus:nth-child(2) i{text-align:right;top:75px !important;left:-35px}


.opmDashboard .opmDashboardLinks.mCustomScrollbar{overflow:visible !important}
.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools[style*="block"]{width:45px;height:145px;position:absolute;top:45px;right:-45px;bottom:auto;left:auto}
.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{background:none;float:left;width:100%;height:50%;position:relative;cursor:pointer}
.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{width:10px;height:10px;content:'';margin:auto;border:1px solid #fff;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:5px;display:block;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}
.opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{display:none}

.dashboardWidget .content > div:first-child{z-index:9}

/* Embed view css starts */
.dashboardWidget.embedView{padding:20px;position:absolute;top:0;right:0;bottom:0;left:0}
.dashboardWidget.embedView:before{top:10px;right:10px;bottom:10px;left:10px}
.dashboardWidget.embedView:after{background:#f5f5f7;content:'';z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}
.dashboardWidget.embedView .content{width:auto;height:auto;position:absolute;top:70px;right:10px;bottom:10px;left:10px;overflow:auto}
/* Embed view css ends*/

#snapIcon{color: #808488;float:right;width:50px;height:50px;padding:10px 15px;position:absolute;top:-50px;right:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
*/#snapIcon:before{position: relative;top: 1px;left: -5px;/* color: #fff; */font-size: 28px;}
#snapIcon{background: #45bd7d;position: inherit;margin-top: -8px;height: 45px;padding-top: 5px;margin-right: 15px;float: inherit;}
/*.leftSideRack {background-image:url(../../img/rack/RackLeftSide.png);width:29px;height:21px;background-repeat:no-repeat;text-align:center;color:#ffffff;}
  .centerColRack{background-image:url(../../img/rack/RackCenterFiller.png);width:240px;height:21px;background-repeat:no-repeat;text-align:center;color:#ffffff;font-size:12px;}
  .rightSideRack {background-image:url(../../img/rack/RackRightSide.png);width:29px;height:21px;background-repeat:no-repeat;text-align:center;color:#ffffff;}
*/  .clearRightSideRack {background-color:#00ff00;width:30px;height:21px;background-repeat:no-repeat;text-align:center;color:#ffffff;}
  .NotClearRightSideRack {background-color:#ff0000;width:30px;height:21px;background-repeat:no-repeat;text-align:center;color:#ffffff;}
  .rackDevicesList, .floorRacksList{width:200px;height:35px;cursor:pointer;}

  .units1Black{background-color:#3C3C3C;background-image:url(../../img/rack/1u_black_front.png);background-repeat:no-repeat; width:240px;height:21px;cursor:pointer;}
  .units2Black{background-color:#3C3C3C;background-image:url(../../img/rack/2u_black_front.png);background-repeat:no-repeat; width:240px;height:42px;cursor:pointer;}
  .units4Black{background-color:#3C3C3C;background-image:url(../../img/rack/4u_black_front.png);background-repeat:no-repeat; width:240px;height:84px;cursor:pointer;}
  .units8Black{background-color:#3C3C3C;background-image:url(../../img/rack/8u_black_front.png);background-repeat:no-repeat; width:240px;height:168px;cursor:pointer;}
  .unitsX0Black{background-color:#3C3C3C;background-image:url(../../img/rack/10u_black_front.png);background-repeat:no-repeat; width:240px;height:210px;cursor:pointer;}
  .unitsX2Black{background-color:#3C3C3C;background-image:url(../../img/rack/12u_black_front.png);background-repeat:no-repeat; width:240px;height:252px;cursor:pointer;}
  .unitsX4Black{background-color:#3C3C3C;background-image:url(../../img/rack/14u_black_front.png);background-repeat:no-repeat; width:240px;height:294px;cursor:pointer;}
  .unitsX6Black{background-color:#3C3C3C;background-image:url(../../img/rack/16u_black_front.png);background-repeat:no-repeat; width:240px;height:336px;cursor:pointer;}

  .units1White{background-color:#3C3C3C;background-image:url(../../img/rack/1u_white_front.png);background-repeat:no-repeat; width:240px;height:21px;cursor:pointer;}
  .units2White{background-color:#3C3C3C;background-image:url(../../img/rack/2u_white_front.png);background-repeat:no-repeat; width:240px;height:42px;cursor:pointer;}
  .units4White{background-color:#3C3C3C;background-image:url(../../img/rack/4u_white_front.png);background-repeat:no-repeat; width:240px;height:84px;cursor:pointer;}
  .units8White{background-color:#3C3C3C;background-image:url(../../img/rack/8u_white_front.png);background-repeat:no-repeat; width:240px;height:168px;cursor:pointer;}
  .unitsX0White{background-color:#3C3C3C;background-image:url(../../img/rack/10u_white_front.png);background-repeat:no-repeat; width:240px;height:210px;cursor:pointer;}
  .unitsX2White{background-color:#3C3C3C;background-image:url(../../img/rack/12u_white_front.png);background-repeat:no-repeat; width:240px;height:252px;cursor:pointer;}
  .unitsX4White{background-color:#3C3C3C;background-image:url(../../img/rack/14u_white_front.png);background-repeat:no-repeat; width:240px;height:294px;cursor:pointer;}
  .unitsX6White{background-color:#3C3C3C;background-image:url(../../img/rack/16u_white_front.png);background-repeat:no-repeat; width:240px;height:336px;cursor:pointer;}

  .units1BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/1u_black_back.png);background-repeat:no-repeat; width:240px;height:21px;cursor:pointer;}
  .units2BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/2u_black_back.png);background-repeat:no-repeat; width:240px;height:42px;cursor:pointer;}
  .units4BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/4u_black_back.png);background-repeat:no-repeat; width:240px;height:84px;cursor:pointer;}
  .units8BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/8u_black_back.png);background-repeat:no-repeat; width:240px;height:168px;cursor:pointer;}
  .unitsX0BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/10u_black_back.png);background-repeat:no-repeat; width:240px;height:210px;cursor:pointer;}
  .unitsX2BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/12u_black_back.png);background-repeat:no-repeat; width:240px;height:252px;cursor:pointer;}
  .unitsX4BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/14u_black_back.png);background-repeat:no-repeat; width:240px;height:294px;cursor:pointer;}
  .unitsX6BlackRear{background-color:#3C3C3C;background-image:url(../../img/rack/16u_black_back.png);background-repeat:no-repeat; width:240px;height:336px;cursor:pointer;}

  .units1WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/1u_white_back.png);background-repeat:no-repeat; width:240px;height:21px;cursor:pointer;}
  .units2WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/2u_white_back.png);background-repeat:no-repeat; width:240px;height:42px;cursor:pointer;}
  .units4WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/4u_white_back.png);background-repeat:no-repeat; width:240px;height:84px;cursor:pointer;}
  .units8WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/8u_white_back.png);background-repeat:no-repeat; width:240px;height:168px;cursor:pointer;}
  .unitsX0WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/10u_white_back.png);background-repeat:no-repeat; width:240px;height:210px;cursor:pointer;}
  .unitsX2WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/12u_white_back.png);background-repeat:no-repeat; width:240px;height:252px;cursor:pointer;}
  .unitsX4WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/14u_white_back.png);background-repeat:no-repeat; width:240px;height:294px;cursor:pointer;}
  .unitsX6WhiteRear{background-color:#3C3C3C;background-image:url(../../img/rack/16u_white_back.png);background-repeat:no-repeat; width:240px;height:336px;cursor:pointer;}

  .floorCellBG{background-color:#3C3C3C;width:48px;height:48px;font-size:12px;border:1px solid #ffffff;}
  .rackPrototype{background-color:#ff0000;width:48px;height:48px;cursor:pointer;color:#3C3C3C;}
  .pathPrototype{background-color:#ffff00;width:48px;height:48px;cursor:pointer;color:#3C3C3C;border:1px solid #ffffff;}
  .aislePrototype{background-image:url(../../img/rack/ColdAisle.png);width:48px;height:48px;cursor:pointer;color:#3C3C3C;border:1px solid #ffffff;}
  .hwallPrototype{background-color:#A52A2A;width:48px;height:4px;cursor:pointer;color:#3C3C3C;}
  .vwallPrototype{background-color:#A52A2A;width:4px;height:48px;cursor:pointer;color:#3C3C3C;}
  .rackTd{border-bottom:1px solid #CCCCCC;width:200px;height:30px;cursor:pointer;}
  .rackClass{cursor:pointer;color:#3C3C3C;font-size:12px;word-wrap: break-word;width:48px;}
  .divClass{position:relative;top:0;left:120%;cursor:pointer;}
  .floorToolTip{position: absolute; z-index: 10; visibility: visible; font-family: 'Open Sans'; font-size: 12px; font-weight: bold; color:#000000;; border-radius: 5px; padding: 5px 5px 0px 5px; border: 1px solid rgb(204, 204, 204); width: auto;  margin-left: 50px;margin-top:0px; cursor: pointer; background-color: rgb(255, 255, 255);}
  .dropClass{background:#55d532;}
  .hoverClass{background:#339bfb;color:#ffffff;opacity:0.6;filter:alpha(opacity=60);}
  .droppable { width:240px;height:21px;}
  #rackTable td,#rackTable_rear td{vertical-align: bottom;position:relative;}
  .floordroppable { width:48px;height:48px;}
  .hwalldroppable{width:48px;height:4px;background-color:#CECECE;}
  .vwalldroppable{width:4px;height:48px;background-color:#CECECE;}
  .rackdraggable{background-color:#F3F3F3;background-repeat:no-repeat; width:200px;height:35px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;padding-top:5px;padding-left:4px;}
  .devdraggable{background-color:#F3F3F3;background-repeat:no-repeat; width:200px;height:35px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;padding-top:5px;padding-left:4px;}
  .rackTableHeader{border: 1px solid #cccccc;width:230px;}
  .rackTdHeader{text-align:center;font-size:14px;font-weight:bold;height:20px;padding:10px;border-bottom:1px solid #CCCCCC;background-color:#CECECE;}
  .pathdraggable{background-color:#ffff00;background-repeat:no-repeat; width:30px;height:30px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;}
  .pathClass{width:48px;height:48px;border-style:none;margin:0px;padding:0px;}
  .aisledraggable{background-image:url(../../img/rack/ColdAisle.png);background-repeat:no-repeat; width:30px;height:30px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;color:#FF0000;background-size: cover;}
  .aisleClass{width:48px;height:48px;border-style:none;margin:0px;padding:0px;}
  .walldraggable{background-image:url(../../img/rack/Wall.png);background-repeat:no-repeat; width:30px;height:30px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;color:#000000;background-size: cover;}
  .hwallPrototype .walldraggable{padding:0px;margin:0px;background-image:none;width:48px;height:4px;cursor:move;border:none;}
  .vwallPrototype .walldraggable{padding:0px;margin:0px;background-image:none;width:4px;height:48px;cursor:move;border:none;}
  .menuClass{position: absolute;width: 120px;z-index: 1000;border: solid 1px #CCC;background: #EEE;padding: 0px;margin: 0px;display: none;border-radius:5px;}
  .menuClass li {list-style: none;padding: 0px;margin: 0px;cursor: pointer;}
  .menuClass li:hover {color: #FFF;background-color: #3399FF;}
  .menuClass li.separator {border-top: solid 1px #CCC;}
  .rotateIcon{position:absolute;top:0px;left:35px;width:11px;height:11px;background-image:url(../../img/rack/rotate.jpg); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;z-index:999;}
  .rotateDivRack0{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  .rotateDivRack90{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
  .rotateDivRack180{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
  .rotateDivRack270{-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}
  .bvDevLabel{margin-top: 10px;}

/*._jsPlumb_hover, ._jsPlumb_source_hover, ._jsPlumb_target_hover {
    background-color:#1e8151;
    color:white;
}*/
.ep {
    position:absolute;
    top:-20px;
    text-align: center;
    right: -20px;
    margin:auto;
    width:27px;
    height:27px;
    background:url("../../img/bv/link_default.png") no-repeat center white;
    cursor:pointer;
    display:none;
    border-radius:50%;
}
.w:hover .ep{display:block}
.dragHover { border:2px solid orange; }

.linkLinesBg{
    width:185px;height:22px;background:url("../../img/bv/dialog_lines_bg.png") no-repeat;
}
.w-15px {
  width: 15px !important;
}
#linkInterfaceList option {padding:0.5em}



.w {
    position:absolute;
    cursor:move;
    background-color:none;
    /*min-width:100px; */
    z-index:4;
    border:2px solid transparent;

}

/*._jsPlumb_hover, ._jsPlumb_source_hover, ._jsPlumb_target_hover {
    background-color:#1e8151;
    color:white;
}*/

.ep:hover {
    /*box-shadow: 0px 0px 6px black;*/
}
.BVCanvasDiv ._jsPlumb_endpoint {
    z-index:3;
    background-color: #fff;
}
.w:hover { border:2px solid orange; }
.w.selectedDev { border:2px solid orange; }

.dragHover { border:2px solid orange;z-index:1; }

em:not(.svgIcon) path, svg:not(.svgIcon) path { cursor:pointer; }

.bvHeaderBg{

    height: 40px;
    width: 100%;
    background-color: #3E3E3E;

}
.bvMenuBg
{

    height: 35px;
    width: 100%;
    background-color: #EAE8E9;
}
.bvAddDeviceIcon{
    width:24px;
    height:21px;
    background:url("../../img/bv/addDevice_default.png") no-repeat;
    padding: 0 0px 0 5px;
}
.bvAddShortcutIcon{
    width:12px;
    height:14px;
    background:url("../../img/bv/shortcut_default.png") no-repeat;
    padding: 0 0px 0 5px;
}
.bvDelIcon{
    width:14px;
    height:15px;
    background:url("../../img/bv/delete_default.png") no-repeat;
    padding: 0 0px 0 5px;
}
.bvBGImgIcon{
    /*width:12px;
    height:16px;
    //background:url("../images/bv/bvBgIcon.png") no-repeat;
    padding: 0px 0px 0 5px;*/
}
.bvBGImgIcon:hover{color:orange;}
.bvPropsIcon{
    width:16px;
    height:16px;
    background:url("../../img/bv/bvPropsIcon.png") no-repeat;
    padding: 0px 0px 0 5px;
}
.inputDisabled {
    background:transparent;
    border:0;
    color: #fff;
    font-size: 10pt;
    cursor: pointer;
}
.inputEnable {
    border:1;
    font-size: 10pt;
}
  .bvDevicesList{height:35px;cursor:pointer;}
  .bvdevdraggable{background-repeat:no-repeat; width:195px;cursor:move;border-style:dashed;border-color:#CECECE;border-width:1px;padding:5px;padding-left:4px;}

 .bvTableHeader{border: 1px solid #cccccc;}
  .bvTdHeader{text-align:center;font-size:14px;font-weight:bold;height:20px;padding:10px;border-bottom:1px solid #CCCCCC;background-color:#CECECE;}
  .bvdevdraggable:hover{border-color:orange;}
 .sampleDevIcon{background-image:url(../../img/bv/device_status_0.png);background-repeat:no-repeat;width: 50px;height: 50px; cursor:pointer;}
.bvSaveButton{
    background: -moz-linear-gradient(top,#4c627b 0%,#4c627b 50%,#4c627b 17%,#4c627b);
    background: -webkit-gradient(linear, left top, left bottom,from(#4c627b),color-stop(0.50, #4c627b),color-stop(0.17, #4c627b),to(#4c627b));
    border: 1px solid #4c627b;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(181, 181, 181, 0.6);
    color: #FFFFFF;
    font-size: 12px;
    min-width: 62px;
    cursor:pointer;
    }

.BoldBg{
padding: 0;
width: 20px;
height: 20px;
margin-left: 5px;
-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;
}
#Blabel span{padding: 0;}
#Ilabel span{padding: 0;}
.marginBtm20{margin-bottom:20px;}
.bvBgColorIcon{
    width:50px;
    height:21px;
    padding: 0 0px 0 0px;
    float:left;
    margin: 6px 13px 0 0px;
}

.radio-toolbar input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    background-color:#FAFAFA;
    padding:1px 5px;
    font-size:14px;
    border: 1px dotted #DDD;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#E6E6E6;
    border-radius:5px;
}


.file_input_textbox
{
    float: left
}

.file_input_div
{
    position: relative;
    width: 80px;
    height: 33px;
    overflow: hidden;
}

.file_input_button
{
    width: 60px;
    position: absolute;
    top: 0px;
    background-color: #E6E6E6;
    color: #2E2E2E;
    border: 1px solid #c5c5c5;
    border-radius:5px;
}

.file_input_hidden
{
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 10;

    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.Submitbt
{
    font-size: 11pt;
    font-weight: 300;
    color: #2E2E2E;
    border: 1px solid #c5c5c5;
    border-radius:5px;
    padding: 2px 10px;
    text-align: center;
    background-color: #E6E6E6;
}
.importdataHeading
{
    margin: 20px 20px 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14pt;
    line-height: 20pt;
/*  color: #a6a6a6; */
    color: #312e2e;
    font-weight: 600;
}

/* NCM STYLES */

.NCMJqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){width:3px;height:36px;padding:0;position:absolute;top:4px;left:50px}
.NCMJqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3) i{width:100%;height:100%;display:block}

.backup_SUCCESS,.backup_SUCCESS:before{background:#46bb7d !important}
.backup_FAILURE,.backup_FAILURE:before{background:#fa5b5b !important}
.backup_NOTSTARTED,.backup_NOTSTARTED:before{background:#faad5a !important}

/* NCM STYLES OVER */
/******** NCM Breadcrmps starts *******/

.breadcrumbs1 ul{float:left}
.breadcrumbs1 li{float:left; margin:0 10px; color:000; position:relative; line-height:40px}
.breadcrumbs1 li a:after{position:absolute; right:-10px; top:18px; content:""; width:5px; height:5px;border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg)}
.breadcrumbs1 li a{line-height: 40px; color:#009df5; text-decoration:none}

/******** NCM Breadcrmps ends *******/
/*********NCM DT Starts **********/

/* <---------- select2 starts */
/* <---------- select2 starts */


.selBox{position:relative}
.selBox select{width:100%;height:33px}
.selBox > div,.selBox > div .select2-container,.selBox > div .select2-container .selection,.selBox > div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{float:left;width:100% !important;height:33px}
.selBox > div .select2-container,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{background:#f0f0f0;text-align:left;padding:0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.selBox > div .select2-container:hover,.selBox > div .select2-container.select2-container--focus,.selBox > div .select2-container.select2-container--open,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container:hover,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container.select2-container--focus,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container.select2-container--open{background:#fbfbfb}
.selBox > div .select2-container .selection,.selBox > div .select2-container .selection .select2-selection,.selBox > div .select2-container .selection .select2-selection .select2-selection__rendered,.selBox > div .select2-container .selection .select2-selection .select2-selection__arrow,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__rendered,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__arrow{background:none;padding:0;border:0}
.selBox > div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection{padding:5px 30px 5px 8px;border-radius:0;position;relative}
.selBox > div .select2-container .selection .select2-selection .select2-selection__rendered,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__rendered{width:100%;height:100%;font:14px LatoRegular;display:block}
.selBox > div .select2-container .selection .select2-selection .select2-selection__arrow,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__arrow{width:30px;height:32px;border-left:1px solid #dcdcdc;top:-1px;right:0}
.selBox > div .select2-container .dropdown-wrapper,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .dropdown-wrapper{display:none}
.select2-container .select2-dropdown{background:#fbfbfb;min-width:200px !important;font:14px LatoRegular;border-color:#dcdcdc;border-radius:0}
.select2-container--default .select2-results__group{font-weight:bold;background-color:#E7E8E8}
.select2-container--default .select2-selection--single .select2-selection__placeholder{background:none;width:100%;font:14px/20px LatoRegular;white-space:nowrap;text-overflow:ellipsis;border:0;overflow:hidden;display:block}
/* select2 ends ----------> */

.customColumn3 .opmForm {max-width: 1400px;min-width: 1400px}
.customColumn3 .opmFormRow {max-width: 1400px;}
.customColumn3 .opmFormTitle {max-width: 1400px;}
.customColumn3 .opmFormRow.column3 .opmFormCol {width: 24%;}
/*.customColumn3 .opmFormRow.column3 .opmFormCol {width: 37.6%;}*/

/*THIRD PARTY INTEGRATION CSS STARTS*/
/* Old CSS file
.thirdPartyAddon {margin:0;padding:0;}
.thirdPartyAddon li{list-style:none;float:left;width:266px;min-height: 220px;text-align:center;background-image: linear-gradient(160deg, rgba(255,255,255) 60%, rgba(103,255,185,.2)83%, rgba(0,196,255,.2)90%);margin-right: 25px;margin-bottom: 45px;border:1px solid #dbdbdb;border-radius:8px;transition:.5s;}
.thirdPartyAddon li:hover{transition:.5s;box-shadow:0px 2px 15px rgba(0, 0, 0, 0.2);transform:scale(1.03);background:#fff;cursor:pointer;border:1px solid #fff}
.thirdPartyAddon li .addOn__section{padding:15px 20px;}
.thirdPartyAddon li .addOn__section .chip{background:#f0f0f0;color:#212121;font: 10px LatoBold;padding:4px 12px;border-radius:10px;float: left;}
.thirdPartyAddon li .addOn__section .chkRoundBtn{float:right;top:2px;}
.thirdPartyAddon li .addOn__section .chkRoundBtn label{height:15px;width:32px;background:#ccc;border:none;}
.thirdPartyAddon li .addOn__section .chkRoundBtn label:before{background:#fff;width: 11px;height: 11px;content:'';border:none;left: 3px;top: 2px;}
.thirdPartyAddon li .addOn__section .chkRoundBtn input:checked + label{background:#45bd7f;border-color:transparent}
.thirdPartyAddon li .addOn__section .chkRoundBtn input:checked + label:before{left:19px;}
.thirdPartyAddon li .addOn__section .addOn__heading{font-size:20px;font-family:latoBold;padding:6px 0 0 30px;position:relative;margin:45px 0px 30px 0px;}
.thirdPartyAddon li .addOn__section .addOn__heading .logoImg{width:40px;height:40px;position:absolute;left:0;top:0;}
.thirdPartyAddon li .addOn__section .addOn__heading .logoImg img{height:40px;}
.thirdPartyAddon li .addOn__section p{text-align:left;line-height: 22px;font-size: 13px;}
.thirdPartyAddon li .configure__addOn{border-top:1px solid #dbdbdb;text-align: left;padding: 10px 20px;}
.thirdPartyAddon li .configure__addOn svg{fill:#464646;margin-right: 7px;}
.thirdPartyAddon li .configure__addOn span{font:13px LatoRegular;color:#464646;position:relative;bottom:3px;}
.thirdPartyAddon li:hover .configure__addOn svg{fill:#006A43;}
.thirdPartyAddon li:hover .configure__addOn span{color:#006A43;}
*/
.addOn__form .serviceDeskPlus2 .selBoxInput2{float:left;width:100%;height:auto}
.addOn__form .serviceDeskPlus2 .selBoxInput2 > div{float:left;width:68%}
.addOn__form .serviceDeskPlus2 .selBoxInput2 > div:first-child{width:16%}
.addOn__form .serviceDeskPlus2 .selBoxInput2 > div:last-child{width:16%;padding-left:10px;position:relative}
.addOn__form .serviceDeskPlus2 .selBoxInput2 > div:last-child:before{background:#f0f0f0;width:6px;height:31px;content:':';line-height:28px;color:#989898;padding-left:4px;border:1px solid #dcdcdc;border-right:0;border-left:0;position:absolute;top:0;left:0}
.addOn__form .addOn__icon img{height:50px;margin-right:30px;margin-left: 30px;}
.addOn__form .addOn__icon img{height:50px;margin-right:30px;}
.addOn__form .opmForm{display: flex;}
.addOn__form .serviceDeskPlus2 .opmFormCol.w-100{width:100% !important}
.addOn__form .opmFormRow.rightBtn2{padding-right: 140px;position: relative;}
.addOn__form .opmFormRow .btnRight2 {position:absolute;top:20px;right:0px}
.addOn__form .opmFormRow .daysInput input{background:#f0f0f0 !important;width:50px;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;margin: 0px 5px;}
.addOn__form .credentialMessage label{position: relative;top: 10px;}
.addOn__form .credentialMessage .success svg{fill: #00C17A;margin-right:5px;position:relative;top:3px;}
.addOn__form .credentialMessage .failure svg{fill: #E31F1F;margin-right:5px;position:relative;top:3px;}
.pageBack{background-color:#f2f2f2;border-radius:3px;font-size:10px;font-weight:400;font-family:LatoRegular;padding:6px 8px 6px 24px;position:relative;margin-right:16px;line-height:1;float:left;cursor:pointer}
.pageBack::before{content:'';display:inline-block;width:5px;height:5px;border-radius:0;background-color:#2220;position:absolute;top:8px;left:12px;border:1px solid #222;border-right-width:0;border-top-width:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.pageBack:hover{background-color:#eaeaea}
.jiraBlur {pointer-events: none;opacity: 0.6;}
/*THIRD PARTY INTEGRATION CSS ENDS*/

/* FILE INEGRITY CSS BEGINS*/
.fileIntegrity__ApplyBtn{display: flex}
.fileIntegrity__ApplyBtn > .selBox{width: 200px}
.fileIntegrity__ApplyBtn > .opmBtn{margin: 0;margin-left: 10px}
.fileIntegrity{display:flex}
.fileIntegrity__header{display:flex;margin-bottom:20px}
.fileIntegrity__description{display:flex;flex:auto;padding-top:10px;flex-direction:column;padding-right:50px}
.fileIntegrity__topBtns{flex-direction:row-reverse;flex:auto;padding-right:20px;z-index:2}
.fileIntegrity__topBtns > .opmBtn{border-radius:5px;margin:0 !important;margin-left:10px !important}
.fileIntegrity__actionDropDown{margin:0;margin-top:15px}
.fileIntegrity__heading{padding:0;margin:0;margin-bottom:5px;font-size:16px;font-family:latoBold}
.fileIntegrity__desc{margin:0;padding-right:50px}
.fileIntegrity__greyBox{background:#f9f9f9;border:1px solid #eeeeee;padding:50px;display:flex;margin-right:20px;flex-direction:column;margin-bottom:30px}
.fileIntegrity__boxInfo{font-size:18px;font-family:latoBold;text-align:center;flex:auto;position:relative}
.fileIntegrity__scanSucessMsg{width:32px;height:32px;background:#45bd7f;border-radius:40px;position:relative;margin:0 auto;display:flex;margin-bottom:10px}
.fileIntegrity__scanSucessMsg:before{width:6px;height:12px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);content:"";margin-top:-2px}
.fileIntegrity__infoMsg{width:32px;height:32px;border-radius:40px;position:relative;margin:0 auto;display:flex;margin-bottom:10px;border:2px solid #959595}
.fileIntegrity__infoMsg:before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"i";font-size:20px;color:#959595}
.fileIntegrity__lastScanned{display:flex}
.fileIntegrity__lastScanned .opmBtn{margin:0;margin-left:10px;margin-top:-8px;border:1px solid #45bd7f;background:none;color:#45bd7f}
.fileIntegrity__dateTime{color:#7d7d7d;position:relative;padding-left:20px}
.fileIntegrity__dateTime:before{position:absolute;top:2px;left:0;background:url("../../img/opm-sprites-v2.svg") no-repeat -215px -15px;;width:14px;height:14px;content:""}
.fileIntegrity__scanNowBtn {border-radius: 5px;margin: 10px auto 0 auto;float: none !important;max-width: 120px;background: #44bd7f;line-height: 30px;color: #fff;text-align: center;cursor: pointer}
.fileIntegrity__timeDropDown{display:flex}
.fileIntegrity__timeDropDown .opmFormCol{width:46%}
.fileIntegrity__timeDropDown .opmFormCol:last-child{margin-left:8%}
.fileIntegrity__timeDropDown .opmFormCol span{border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}
.fileIntegrity__helpCardInfo{width:220px !important}
#FileIntegrityPopUpWhitelisted{text-align:center}
#FileIntegrityPopUpWhitelisted .opmBtn{margin-top:10px;min-width:80px}
#FileIntegrityPopUpBlackListed{text-align:center}
#FileIntegrityPopUpBlackListed .opmBtn{margin-top:10px;min-width:80px}
#FileIntegrityPopUpExcluded{text-align:center}
#FileIntegrityPopUpExcluded .opmBtn{margin-top:10px;min-width:80px}
.fileIntegrity__scaningIcon{width:32px;height:32px;position:relative;margin:0 auto;display:flex;margin-bottom:10px;border:2px solid #000;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
.fileIntegrity__scaningIcon:before{width:12px;height:40px;position:absolute;top:-4px;left:50%;content:"";background:#f9f9f9;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.fileIntegrity__scaningIcon:after{width:40px;height:12px;position:absolute;top:50%;left:-4px;content:"";background:#f9f9f9;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.fileIntegrity__scaningLine{width:18px;height:2px;background:#000;position:absolute;top:20%;left:5px;animation-name:scaning;-webkit-animation-name:scaning;-moz-animation-name:scaning;-o-animation-name:scaning;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;z-index:1}
@keyframes scaning{0%{top:10%}30%{top:80%}50%{top:80%}80%{top:10%}100%{top:10%}}
@-webkit-keyframes scaning{0%{top:10%}30%{top:80%}50%{top:80%}80%{top:10%}100%{top:10%}}
@-moz-keyframes scaning{0%{top:10%}30%{top:80%}50%{top:80%}80%{top:10%}100%{top:10%}}
@-o-keyframes scaning{0%{top:10%}30%{top:80%}50%{top:80%}80%{top:10%}100%{top:10%}}
.FileIntegrityPrivacyInfoMsgUserDetails{border: 1px solid #F7E298 !important;background: #FFFCF1 !important;display: flex !important;}
.FileIntegrityPrivacyInfoMsgUserDetails .opmCheckBox.compact{ width: 40px; margin: 0; }
.FileIntegrityPrivacyInfoMsgUserDetails.userActionInfoMsg p{ margin:0 !important }

body.slideDivIn-10 .slideContent.leftFull{left:-220px !important}
.slideContent.leftFull{width:calc(100% + 220px); margin-top:-35px; height:calc(100% + 35px)}
.FileIntegrityReport{display:flex; flex-direction:row-reverse; align-items:flex-start}
.FileIntegrityReport__topDD{display:flex; margin-right:20px}
.FileIntegrityReport__topDD .selBox{width:170px}
.FileIntegrityReport__topDD .selBox .select2-container{border-radius:3px}
.FileIntegrityReport__topDD .selBox .select2-container.select2-container--open{border-radius:3px 3px 0 0}
.FileIntegrityReport__topDD .selBox .select2-container .select2-selection{padding-left:35px !important; position:relative}
.FileIntegrityReport__topDD .selBox .select2-container .select2-selection .select2-selection__rendered{line-height:21px !important}
.FileIntegrityReport__topDD .selBox .select2-container .select2-selection__arrow{border:0}
.FileIntegrityReport__topDD .selBox.dateTimeDD .select2-selection:before{position:absolute; top:8px; left:10px; background:url("../../img/opm-sprites-v2.svg") no-repeat 0 -19px; width:17px; height:16px; content:""}
.FileIntegrityReport__topDD .selBox.filterDD .select2-selection:before{position:absolute; top:8px; left:10px; background:url("../../img/opm-sprites-v2.svg") no-repeat -248px -15px; width:16px; height:16px; content:""}
.FileIntegrityReport__topDD .actionDropDown{height:33px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; z-index: 3}
.FileIntegrityReport__topDD .actionDropDown:hover:after{height:31px}
.FileIntegrityReport__topDD .actionDropDown:after{height:33px}
.FileIntegrityReport__topDD .actionDropDown__list{top:30px}
.FileIntegrityReport__exportPDF{background:#f0f0f0; border:1px solid #d4d4d4; padding:0 20px 0 40px; line-height:31px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; position:relative; cursor:pointer}
.FileIntegrityReport__exportPDF:before{position:absolute; top:8px; left:10px; background:url("../../img/opm-sprites-v2.svg") no-repeat -230px -15px; width:16px; height:16px; content:""}

.enableDisableWithText { position: relative; padding-left: 50px; }
.enableDisableWithText .chkRoundBtn { position: absolute; top: 0; left: 0; }
#productFilesNonEmpty.opm_jqGridUI.jqTableMultiSpan,#externalFilesNonEmpty.opm_jqGridUI.jqTableMultiSpan{border:0 !important}
body.ie .opmFormRow.fileIntegrity__timeDropDown .selBox-2{display:inline-block !important;width:46% !important;}
body.tableSearchDialogPosFix .ui-jqdialog{-webkit-transform:translateX(-50px) translateY(-50px)!important;-ms-transform:translateX(-50px) translateY(-50px)!important;transform:translateX(-50px) translateY(-50px)!important;top:50%!important;left:50%!important}
/* FILE INTEGRITY CSS ENDS */

.customColumn3 .w-15 {width: 15% !important;}
.deviceDropDown {display:inline-block;position:relative;cursor:pointer;right:0;top:10px;width:20px;height:20px}
.deviceDropDown span {font-size:18px;padding: 20px}
.deviceDropDown:hover .ddList, .titleDropDown.active .ddList {display:block}
.deviceDropDown .ddList {position:absolute;top:150%;left:10px;background:#fff;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);width:200px;height:140px;display:none;border-radius:3px}
.deviceDropDown .ddList:before {width: 20px;height: 20px;border: 1px solid #eeeeee;transform:rotate(45deg);position:absolute;left:7px;border-bottom:0;border-right:0;top:-4px;background:#fff;content:""}
.deviceDropDown .ddList > div {width:100%;height:100%;overflow: auto}
.deviceDropDown .ddList ul li {font-size:14px;font-family:latoRegular;padding:0 20px;border:none;line-height:35px;cursor:pointer;transition:.5s;background:no-repeat;width:100%}
.deviceDropDown .ddList ul li:hover {background:#f4f5f6;transition:.5s;color:#000}
.deviceDropDown .ddList ul li:hover .deviceDropDown .ddList:before {background:#31A5F0;transition:.5s}
.deviceDropDown .ddList ul li.active {background:#31A5F0;color:#fff;transition:.5s}
.deviceDropDown .ddList ul li.active::before {background:transparent}

.deviceDropDown .ddList {position:absolute;top:150%;left:10px;background:#fff;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);width:200px;height: auto;display:none;border-radius:3px;overflow-y: scroll;max-height: 170px;}

.opmFormTitle{font-family:LatoBold !important;margin:10px 0}
.formTilte h6{max-width:350px;height:22px;line-height:23px;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;}
.titleInput {display:none;height:23px;font-size:14px;width:250px}
.formTilte >div {display: inline-block;}
.formTilte >div.active h6{display:none}
.titleInput {display:none;font-size:14px;width:250px;background: #f0f0f0 !important;float: left;font: 14px LatoRegular;padding: 5px 8px;border: 1px solid #dcdcdc;height: 33px;}
.formTilte >div.active .titleInput {display:block}
.formTilte >div.active .opmEditIcon {display:none}
.opmFormRow .btnRight2 {position:absolute;bottom:0;right:0px}
.opmFormRow .btnRight2 .r-45{right:45px}
.opmFormRow .btnClose {float:right;position:relative;background:#f4f5f6;color:#000;width:35px;min-width:35px;padding:0;height:35px;border-radius:50%;text-align:center;cursor:pointer;margin-left:10px}
.opmFormRow .btnClose:after {content: "+";font-size:20px;left:12px;top:5px;position:absolute;transform:rotate(45deg)}
.icon-cancel:after{content: "+";font-size:20px;right:5px;top:0px;position:absolute;transform:rotate(45deg);display: none}
.addDeviceTemplate li{position:relative}
.addDeviceTemplate li:hover .icon-cancel:after{display: block}
.opmEditIcon {background: url(../../img/opm-sprites.png) no-repeat -335px -1529px;width: 18px;height: 17px;content: '';display: inline-block;cursor: pointer;transform: scale(1.0);position: absolute;top: 5px;}

.opmSaveIcon {background: url(../../img/opm-sprites.png) no-repeat -131px -1283px;width: 18px;height: 19px;content: '';display: inline-block;cursor: pointer;transform: scale(1.0);position: absolute;top: 5px;}
.formTilte .icon-trash{width:16px;height:18px;margin-left: 35px;font-size: 22px;cursor: pointer;position: absolute;top: 1px;}
/********* NCM DT End ***************/
.opmAsideSection,.opmAsideSection aside .accordionDropDown{top:0}
.opmAsideSection aside .accordionDropDown > li.active a{cursor:pointer}
.opmAsideSection aside .accordionDropDown > li > ul{position:relative;top:auto;right:auto;bottom:auto;left:auto}
.opmAsideSection aside .accordionDropDown > li > ul li{float:left;width:100%;height:auto}
.opmAsideSection aside .accordionDropDown > li > ul li a{float:left;width:100%;height:auto;color:#3c3c3c;padding:10px 20px 10px 30px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer !important}
.opmAsideSection aside .accordionDropDown > li > ul li a:before{display:none}
.opmAsideSection aside .accordionDropDown > li.active > a,.opmAsideSection aside .accordionDropDown > li > ul li a:hover{background:#f1f1f3;font-family:LatoRegular;color:#000}

.dialcounter {display: inline-block;text-align:center;height: 100% !important;margin: 9px;position:relative;top:-21px}
.dialcounter div{padding-bottom: 65px;}
.dialcounter b{font-size: 51px !important}
.dialcounter i{font-size: 16px;}

#inventoryGridStyle,#inventoryGridStyle .gridster,#inventoryGridStyle .gridster > ul{float:left;width:100% !important;height:auto;padding:0;margin:0;position:relative}
#inventoryGridStyle{background:#fff}
#inventoryGridStyle .DI-Grid .DIG-Graph{position:relative}
#inventoryGridStyle .DI-Grid .DIG-List{height: 100%; overflow: auto;}
#inventoryGridStyle .DI-Grid .DIGG-DialsTop{position: absolute; left: 220px; top: 0px;}
#inventoryGridStyle .DI-Grid .DIGG-Charts{bottom: 0px;}
#inventoryGridStyle .gridster .gs-w{padding:5px 25px;overflow:hidden;}
#inventoryGridStyle .gridster .dashboardWidget{width:100%;height:100%;padding:0}
#inventoryGridStyle .gridster > ul > li:first-child .dashboardWidget{padding:0 0 25px}
#inventoryGridStyle .gridster .noheader .content{padding:0 !important}
#inventoryGridStyle .opm_widget_title{background:#f5f6f8;width:100%;height:40px;font:16px LatoBold;position:absolute;top:0;left:0;z-index: 2;padding:10px 20px;}
#inventoryGridStyle .opm_widget_title.oputilsSnap{background:#ffffff;width:100%;height:40px;font:16px LatoBold;position:absolute;top:0;left:0;z-index:2;padding:10px 20px}
#inventoryGridStyle .opm_widget_title:before{background:#fff;width:100%;height:0px;content:'';position:absolute;bottom:-20px;left:0}
#inventoryGridStyle .content{height:100%;padding:43px 20px 20px;overflow:auto}
#inventoryGridStyle .contentRight .ui-jqgrid-bdiv{min-height:25px;max-height:400px;overflow:auto}
#inventoryGridStyle .DI-Grid{height: 100% !important;}
.DI-Grid .DIGG-Time .SpeedoMeter b{font-size: 32px;}
body.nfaTabSubMenuWidget #inventoryGridStyle .opm_widget_title{z-index:1}

#inventoryGridStyle .opm_widget_title .opmRadioBtn{float:left;font:15px LatoRegular;top:2px}
#inventoryGridStyle .opm_widget_title .opmRadioBtn span{position: relative; float: left; padding: 0 0 0 40px;}
#inventoryGridStyle .opm_widget_title label{position: static;}
#inventoryGridStyle .ondemandWidget{background:#d4d9e7 !important}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i{background:#f5f6f8}
#inventoryGridStyle .ondemandWidget i{background:#d4d9e7 !important}
/*#inventoryGridStyle .grid-stack-item .DIG-List.DIGmCustomScroll > .mCustomScrollbar,#inventoryGridStyle .grid-stack-item .DI-Grid > .ember-view{height:100% !important}*/
.contentLeft {position: relative; float: left; width:540px; height: auto; z-index: 9}
.contentLeftOputils {position: relative; float: left; width:100%; height: auto; z-index: 9}
.contentRight {position: relative; width:100%; height: 100%; padding:20px 10px 20px 540px !important;}

.opmRadioBtn3{float:left;width:100%;height:auto}
.opmRadioBtn3 div{float:left;width:125px;height:35px;margin:4px 2px;display:inline-block;position:relative;overflow:hidden}
.opmRadioBtn3 input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:2}
.opmRadioBtn3 label{background:#eaeaea;float:left;width:100%;height:100%;font:normal 12px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;position:relative;overflow:hidden;z-index:1}
.opmRadioBtn3 input:checked + label{background:#40bc7d;color:#fff}
.opmRadioBtn3 input:checked{cursor:default}
.opmRadioBtn + label.opmgrpCriLabel {margin-top: 7px;display: inline-block;margin-left: -5px;}
.opmRadioBtn + label.helpInfo a {margin:0}

.opmMapPage .ui-widget-content.ui-corner-all,.opmMapPage .ui-jqgrid-view{float:left;width:100%;height:100%;position:relative}
.opmMapPage .opm_jqGridUI{width:100%;height:100%;position:absolute;top:0;left:0}
.opmMapPage .ui-jqgrid-view{padding:40px 0 0}
.opmMapPage .ui-jqgrid-view .ui-jqgrid-titlebar{width:100%;height:40px;font:20px BitterRegular;padding:5px 20px;border-bottom:1px solid #efefef;position:absolute;top:0;left:0;z-index:1}
.opmMapPage .ui-jqgrid-view .ui-jqgrid-hdiv{position:absolute;top:0;left:0;z-index:1}
.opmMapPage .ui-jqgrid-view .ui-jqgrid-bdiv{float:left;width:100%;height:100% !important;overflow:auto !important}
.opmMapPage .opm_jqGridUI .ui-jqgrid-pager{position:absolute;bottom:0;left:0;z-index:1}
.opmMapPage #opm_bv_devicePager{bottom:-29px !important}


/*Layer2 import device page css */
.opmMapPage #l2Device .ui-widget-content.ui-corner-all,.opmMapPage #l2Device .ui-jqgrid-view{float:none !important;height: auto !important;}
.opmMapPage #l2Device .ui-jqgrid-view .ui-jqgrid-bdiv{float:none !important;}
.opmMapPage #l2Device .opm_jqGridUI .ui-jqgrid-pager{position:relative !important;}


.opmConfigBtn{padding:14px;cursor:pointer;position:absolute;top:0;right:100%}
.actions .opmSpritesImg:before{background:url(../../img/opm-sprites.png) no-repeat 0 0;content:'';position:relative}
.actions .icon-alarm:before{background-position:-27px -25px;width:27px;height:21px;top:1px}
.actions .icon-workflow:before{background-position:-54px -24px;width:27px;height:23px;transform:scale(.85);top:.5px}
.actions .icon-notification:before{background-position:-81px -24px;width:28px;height:22px;transform:scale(.95)}
.actions .icon-ping:before{background-position:-111px -24px;width:28px;height:15px}
.actions .icon-traceroute:before{background-position:-140px -24px;width:26px;height:14px}
.actions .icon-map:before{background-position:-165px -24px;width:18px;height:21px}
.actions .icon-link:before{background-position:-183px -24px;width:18px;height:21px}
.actions .icon-browse:before{background-position:-202px -24px;width:17px;height:17px;top:2px}
.actions .icon-terminal:before{background-position:-220px -24px;width:21px;height:16px;top:1px}
.actions .icon-remotedesktop:before{background-position:-242px -24px;width:21px;height:16px}
.actions .icon-more:before{background-position:-263px -24px;width:22px;height:6px}
.actions .icon-monitor:before{background-position:-97px -160px;width:25px;height:20px;content:'';top:2px}
.actions .icon-chart-area:before{background-position:-97px -143px;width:25px;height:17px;content:'';top:2px}
.actions .icon-ssh:before{background-position:-307px -117px;width:25px;height:19px;top:3px}
.actions .icon-remoteDesktop:before{background-position:-298px -644px;width:28px;height:23px;top:2px}

ul.opmDeviceMoreList,.ncmAction ul{background:#fbfbfb;width:290px;height:auto;border:1px solid #d6d7d8;position:absolute;top:2px;right: 66px;z-index:5;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
ul.opmDeviceMoreList:before,.ncmAction ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
ul.opmDeviceMoreList li.header,.ncmAction ul li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 15px;margin:0;cursor:default;position:relative}
ul.opmDeviceMoreList li.header:after,.ncmAction ul li.header:after{background:none}
ul.opmDeviceMoreList li.header i,.ncmAction ul li.header i{width:15px;height: 15px!important;text-align:center;display:block;position:absolute !important;top:11px;right:10px;cursor:pointer}
ul.opmDeviceMoreList li.header i:before,ul.opmDeviceMoreList li.header i:after,.ncmAction ul li.header i:before,.ncmAction ul li.header i:after{background:#8a8e91;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
ul.opmDeviceMoreList li.header i:before,.ncmAction ul li.header i:before{width:1px;height:15px;transform:rotate(-45deg)}
ul.opmDeviceMoreList li.header i:after,.ncmAction ul li.header i:after{width:15px;height:1px;transform:rotate(135deg)}
ul.opmDeviceMoreList li,.ncmAction ul li{float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px 10px 35px;margin:0;position:relative;cursor:pointer}
ul.opmDeviceMoreList li.active:before,.ncmAction ul li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
ul.opmDeviceMoreList li:after,.ncmAction li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
ul.opmDeviceMoreList li.disabled,.ncmAction li.disabled{color:#afafaf}

ul.opmDeviceBrowseList{background:#fbfbfb;width:150px;height:auto;border:1px solid #d6d7d8;position:absolute;top:2px;right: 194px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
ul.opmDeviceBrowseList:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
ul.opmDeviceBrowseList li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 15px;margin:0;cursor:default;position:relative}
ul.opmDeviceBrowseList li.header:after{background:none}
ul.opmDeviceBrowseList li.header i{width:15px;height: 15px!important;text-align:center;display:block;position:absolute !important;top:11px;right:10px;cursor:pointer}
ul.opmDeviceBrowseList li.header i:before,ul.opmDeviceBrowseList li.header i:after{background:#8a8e91;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
ul.opmDeviceBrowseList li.header i:before{width:1px;height:15px;transform:rotate(-45deg)}
ul.opmDeviceBrowseList li.header i:after{width:15px;height:1px;transform:rotate(135deg)}
ul.opmDeviceBrowseList li{float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px 10px 35px;margin:0;position:relative;cursor:pointer}
ul.opmDeviceBrowseList li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
ul.opmDeviceBrowseList li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
ul#opmDeviceBrowseList:before{right:50%}


ul.opmDeviceTerminalList{background:#fbfbfb;width:150px;height:auto;border:1px solid #d6d7d8;position:absolute;top:2px;right: 152px;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
ul.opmDeviceTerminalList:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
ul.opmDeviceTerminalList li.header{background:#f5f5f5;width:100%;font-family:LatoBold;text-align:left;padding:10px 15px;margin:0;cursor:default;position:relative}
ul.opmDeviceTerminalList li.header:after{background:none}
ul.opmDeviceTerminalList li.header i{width:15px;height: 15px!important;text-align:center;display:block;position:absolute !important;top:11px;right:10px;cursor:pointer}
ul.opmDeviceTerminalList li.header i:before,ul.opmDeviceTerminalList li.header i:after{background:#8a8e91;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
ul.opmDeviceTerminalList li.header i:before{width:1px;height:15px;transform:rotate(-45deg)}
ul.opmDeviceTerminalList li.header i:after{width:15px;height:1px;transform:rotate(135deg)}
ul.opmDeviceTerminalList li{float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px 10px 35px;margin:0;position:relative;cursor:pointer}
ul.opmDeviceTerminalList li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
ul.opmDeviceTerminalList li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}

.opmThumbsUp{background: url(../../img/opm-sprites.png) no-repeat -297px -49px;width:23px;height:21px;display:inline-block;position:relative;top:3px}
.opmThumbsDown,.opmInventoryHolder .Options i.icon-thumbs-down.icon-thumbs-down2:before,.DI-Options.actions i.icon-thumbs-down.icon-thumbs-down2:before{background: url(../../img/opm-sprites.png) no-repeat -306px -24px !important;width:20px;height:18px;display:inline-block;position:relative;top:5px}
.opmInventoryHolder .Options i.icon-thumbs-down.icon-thumbs-down2:before{margin:7px 0 0;transform:scale(.92)}
.DI-Options.actions i.icon-thumbs-down.icon-thumbs-down2:before{transform:scale(.92)}
.dataStatus{position:relative}
.dataStatus:before{background:#F9F9F9;content:'';position:absolute;top:0;right:50px;bottom:0;left:0;z-index:-1}
.dataStatus div.ut-row{position:static !important}
.dataStatus div.ut-row span{right:0 !important}
.dataStatus-1{background:#97d7ff}
.dataStatus-2{background:#f1de78}
.dataStatus-3{background:#e9d260}
.dataStatus-4{background:#eaa56e}
.dataStatus-5{background:#d17d65}

.opm_widget_title .opmBtn{top:-8px}
#configSummaryTable{padding: 56px 20px 20px !important;}
#configSummaryTable .ui-jqgrid-hdiv{display: none;}

.responseInfo{background:#fffbe5;float:left;width:100%;height:auto}
.responseInfo > secsection{float:left;width:100%;color:#454545;padding: 10px 10px 16px 10px;}
.responseInfo > secsection div{margin:0;word-wrap:break-word}
.testServiceMonitorbtn {margin-top:25px !important;float:left !important;}
.scanDuringDiscovery{ position: relative; left: 0px; top: 7px; }

.dwcontainer,.dwcontainer .dwcenter{float:left;width:100%;height:auto;position:relative}
.dwcontainer{background:#fdfdfd}
.dwcontainer:nth-child(2n){background:#fbfbfb}
.dwcontainer .dwleft,.dwcontainer .dwright{position:absolute;}
.dwcontainer .dwleft{width:125px;font:17px LatoBold;top:25px;left:20px}
.dwcontainer .dwleft span{float:left;width:100%;font:13px LatoRegular;color:#939393}
.dwcontainer .dwcenter{padding:10px 80px 10px 160px}
.dwcontainer .dwcenter .canvas-property{background:transparent !important}
.dwcontainer .dwright{width:43px;right:20px;top:14px}
.dwcontainer .dwSuccess,.dwcontainer .dwFailure, .dwcontainer .dwAlert{background:url(../../img/opm-sprites.png) no-repeat 0 0;display:inline-block;transform:scale(.6)}
.dwcontainer .dwSuccess{background-position:-122px -66px;width:42px;height:42px}
.dwcontainer .dwFailure{background-position:-163px -66px;width:42px;height:42px}
.dwcontainer .dwAlert{background-position:-204px -66px;width:42px;height:42px}

.opm_jqGridUIBorder .ui-jqgrid-btable td:not(:last-child){border-right:1px solid #e3e3e3 !important}
.minMaxWidget .title{font:14px LatoBold;margin:0 0 20px}
.minMaxWidget .left{width:40%}
.minMaxWidget .middle{float:left;width:30%}
.minMaxWidget .middle > div{float:left;width:50%;padding:15px 10px 0}
.minMaxWidget .middle > div div{float:left;width:100%;height:15px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 15px;overflow:hidden}
.minMaxWidget .middle > .volume{width:100%}
.minMaxWidget .right{width:30%}
.minMaxWidget .right .title{position:static}
.minMaxWidget .right .title:before{background:#fff;width:100%;height:40px;content:'';position:absolute;top:0;left:-1px;z-index:-1}
.minMaxWidget .grid-container .grid-row:not(:first-child) .grid-col>div{line-break: anywhere;}

.opmTimeLine .latencyTxt{font-size:10px;color:#999999;}
.opmTimeLine .gradHolder{position:absolute;z-index:99;width:100%;height:12px;border:1px solid #B9B9B9;background-color:#B8B8B8;_margin-left:-210px;}
.opmTimeLine .grad1{background:url(../../img/plugins/images/compGreen.gif) repeat-x left bottom;float:left;height:12px;}
.opmTimeLine .gradations{position:absolute;z-index:100;width:100%;height:12px;margin-top:1px;_margin-left:-209px;}
.opmTimeLine .gradTitleWBrdr{float:left;height:12px;background:url(../../img/plugins/images/gradLine.gif) no-repeat right bottom;}
.opmTimeLine .gradations1{width:100%;height:12px;margin-top:1px;margin-left:1px;border-bottom:1px solid #AAA;background:url(../../img/plugins/images/gradLine2.gif) no-repeat left bottom;}
.opmTimeLine .timeLineDiv{float:left;font-size:10px;}
.opmTimeLine .defaultTable td{font:13px/150% LatoRegular !important;padding:10px}
.opmTimeLine .gradTitleWBrdr1{float: left;height: 12px;background: url(../../img/plugins/images/gradLine2.gif) no-repeat right bottom;}
.opmTimeLine .defaultTable tr:first-child{background:rgba(251,251,251,1);background:-moz-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(251,251,251,1)),color-stop(50%,rgba(251,251,251,1)),color-stop(51%,rgba(249,249,249,1)),color-stop(100%,rgba(252,252,252,1)));background:-webkit-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-o-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:-ms-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);background:linear-gradient(to bottom,rgba(251,251,251,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(252,252,252,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#fcfcfc',GradientType=0 );
height:40px;border-bottom:1px solid #b2b2b2}
.opmTimeLine .defaultTable tr:first-child th{padding:10px}
.opmTimeLine .defaultTable tr{border-bottom:1px solid #e3e3e3}
.opmTimeLine .defaultTable tr:last-child{border-bottom:1px solid #b2b2b2}
.no-border{border:none!important}
.opmTimeLine .grad0 {background: url(../../img/plugins/images/compWhite.gif) repeat-x left top;float: left;height: 12px;}
.opmTimeLine .grad2 { background:url(../../img/plugins/images/compYellow.gif) repeat-x left top; float: left; height: 12px;}
.opmTimeLine .grad3 { background:url(../../img/plugins/images/compRed.gif) repeat-x left top; float: left; height: 12px;}


.opmDashboardAddedWidgetsList{float:left;width:100%;height:auto;max-height:180px;margin:0 0 20px;border-top:1px solid #efefef;position:relative;overflow:auto}
.opmDashboardAddedWidgetsList article{background:#fff;;float:left;width:100%;padding:7px 10px;display:table;border-collapse:separate;border-bottom: 1px solid #ddd;}
.opmDashboardAddedWidgetsList article > div:first-child{width:100%;max-width:100px;text-overflow:ellipsis;display:table-cell;overflow:hidden}
.opmDashboardAddedWidgetsList article:nth-child(2n){background:#fff}
.opmDashboardAddedWidgetsList article > div:first-child div{float:left;width:33.333%}
.opmDashboardAddedWidgetsList article > div:last-child{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;position:relative;display:table-cell}
.opmDashboardAddedWidgetsList article > div:last-child *{font-size:14px}
.opmDashboardAddedWidgetsList article > div:last-child label{margin:0 6px;position:relative;display:inline-block;overflow:hidden}
.opmDashboardAddedWidgetsList article > div:last-child label.opmFav input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.opmDashboardAddedWidgetsList article > div:last-child i{color:#9f9f9f;position:relative;cursor:pointer;z-index:1}
.opmDashboardAddedWidgetsList article > div:last-child label:hover i{color:#000}
.opmDashboardAddedWidgetsList article > div:last-child label.opmFav:hover i,.opmDashboardAddedWidgetsList article > div:last-child label.opmFav input:checked + i{color:#46bb7d}

.opmDashboardAddWidgetsList{float:left;width:100%;height:auto;max-height:180px;position:relative;overflow:auto}
.opmDashboardAddWidgetsList article{background:#fff;float:left;width:100%;padding:7px 10px;position:relative;overflow:hidden}
.opmDashboardAddWidgetsList article:hover:before{background:#efefef;width:1px;height:100%;content:'';position:absolute;top:0;right:40px;display:block}
.opmDashboardAddWidgetsList article:nth-child(2n){background:#fbfbfb}
.addwidgetEven{background:#fbfbfb !important}
.addwidgetOdd{background:#fff !important}
.opmDashboardAddWidgetsList article input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.opmDashboardAddWidgetsList article div{float:left;width:100%;height:auto;padding:0 40px 0 0;text-overflow:ellipsis;display:table-cell;overflow:hidden}
.opmDashboardAddWidgetsList article:hover div:before,.opmDashboardAddWidgetsList article:hover div:after{background:#7c7c7d;content:'';margin:0;position:absolute;z-index:1;display:block}
.opmDashboardAddWidgetsList article div:before{width:1px;height:15px;top:8px;right:20px}
.opmDashboardAddWidgetsList article div:after{width:15px;height:1px;top:15px;right:13px}
.opmDashboardAddWidgetsList article input:checked + div:after{background:transparent;width:20px;height:10px;font:20px fontello;content:'\e8ae';color:#fff;position:absolute;top:4px;right:8px}
.opmDashboardAddWidgetsList article input:checked + div:before{background:#46bb7d;width:15px;height:15px;content:'';border-radius:50%;display:block;position:absolute;top:8px;right:12px}
.opmDashboardAddWidgetsList article:nth-child(2n) input:checked + div:after{color:#fbfbfb}
.opmDashboardAddWidgetsList article:nth-child(2n) input:checked + div:before{background:#46bb7d}

.opmAddWidgets{padding:7px 20px 7px 30px !important;border-radius:5px;position:absolute;bottom:-40px;right:-100px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer !important}
.opmAddWidgets:before,.opmAddWidgets:after{background:#fff;content:'';margin:auto;position:absolute;top:0;bottom:0;left:0;display:block}
.opmAddWidgets:before{width:1px;height:15px;left:15px}
.opmAddWidgets:after{width:15px;height:1px;left:8px}
.opmAddWidgets:hover{right:0}

svg.svgarea{overflow:visible}
svg.svgarea .zmbtn{transform:translate(0,-40px)}



.opmPopUpContainer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto;display:none;z-index: 4;}
.opmPopUpFormHolder{background:#fff;width: 100% !important;max-width:470px;height:auto;margin:auto;position:absolute;top:100px;right:0;left:0}
.opmPopUpFormHdr{float:left;width:100%;height:auto;font:20px BitterRegular;padding:10px;border-bottom:1px solid #45bd7f}
.opmPopUpForm,.opmPopUpForm tr{float:left;width:100%;height:auto;padding:20px;position:relative}
.opmPopUpForm strong{font-weight:bold}
.opmPopUpForm tr{padding:0 0 10px}
.opmPopUpForm td:nth-child(1){width:170px;vertical-align:top;line-height:35px}
.opmPopUpForm input[type='text'],.opmPopUpForm input[type='password'],.opmPopUpForm textarea{background:#f0f0f0 !important;float:left;width:220px;font:14px LatoRegular;padding:5px 8px;margin:0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmPopUpForm input[type='text'],.opmPopUpForm input[type='password']{height:33px}
.opmPopUpForm input:hover,.opmPopUpForm input:focus,.opmPopUpForm textarea:hover,.opmPopUpForm textarea:focus{background:#fbfbfb !important}
.opmPopUpForm select{float:left;width:220px;font:14px LatoRegular;padding:0;margin:0}
.opmPopUpForm textarea{min-height:80px;resize:none}
.subeginfo{float: left;height:20px}
.opmPopUpActionBtn{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #D0CFCF}
.opmPopUpForm .opmPopUpForm2Col input[type='text'],.opmPopUpForm .opmPopUpForm2Col input[type='password'],.opmPopUpForm .opmPopUpForm2Col select,.opmPopUpForm .opmPopUpForm2Col textarea{width:200px !important;margin:0 20px 0 0 !important}
.wfGridUI{float:left;width:100%;height:auto;margin:10px 0 20px}
.wfGridUI h2{font:16px LatoBold;text-align:left;padding:5px 10px;margin:0;position:relative}
.opmPopUpForm .selBox div{width:220px !important}
.opmPopUpForm .selBox input + div{width:95px !important}
.opmPopUpForm .opmPopUpForm2Col .selBox div{width:200px !important;margin:0 20px 0 0}
.selBox > div .select2-container .selection .select2-selection{padding:5px 28px 5px 8px}
.opmPopUpForm .pointer{position:absolute;top:0;right:15px}

.accordionDropDown > li a,.accordionDropDown > li a:hover{background:#f9f9fb !important}
.accordionDropDown > li ul a{background:#fff !important}
.accordionDropDown > li ul li:hover a,.accordionDropDown > li ul li.active a{background:#383838 !important;color:#fff !important}
.accordionDropDown > li:nth-child(2n) a,.accordionDropDown > li:nth-child(2n) a:hover{background:#f1f1f3 !important}

.mapAddEditPageHdr{height:60px;padding:10px 30px;position:absolute;top:50px;right:0;left:220px}
.mapAddEditPageHdr:before{background:#efefef;height:1px;content:'';position:absolute;right:30px;bottom:0;left:30px;z-index:1}
.mapAddEditPageActions,.mapAddEditPageActionsInfo .opmBtnHldrTop,.mapAddEditPageActionsInfo .info{float:left;width:auto;height:auto}
.mapAddEditPageActionsInfo .opmBtnHldrTop{margin:0;position:relative;top:-2px;right:0}
.mapAddEditPageActionsInfo .opmBtnHldrTop .opmBtn{min-width:80px;margin:3px 0 3px 3px}
.mapAddEditPageActionsInfo{float:right;width:auto;height:auto}
.mapAddEditPageActionsInfo .info{position:relative;top:5px}
.mapAddEditPageActionsInfo .info span{font-size:18px;margin:0 5px 0 0}
.mapAddEditContainer{margin:0;position:absolute;top:90px;right:0;bottom:0;left:0}
.mapAddEditContainer #leftSideContainer{background:#f9f9fb;width:220px;height:auto;position:absolute;top:-40px;bottom:0;left:0}
.mapAddEditContainer #canvasContain{width:auto !important;height:auto !important;position:absolute !important;top:20px;right:0;bottom:0;left:220px}
.mapAddEditContainer .selBox{float:left;width:100%;height:33px;margin:0 0 10px}
.mapAddEditContainer .selBox > div .select2-container{background:#383838 !important}
.mapAddEditContainer .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{width:100%;height:100%;font:14px LatoRegular;color:#fff;display:block}
.mapAddEditContainer .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{border:0}
.mapAddEditContainer .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent transparent}
.mapAddEditContainer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff transparent}

/*.opmAddEditDeviceList{margin:0;position:absolute;top:35px;right:0;bottom:0;left:0}
.opmAddEditDeviceListhdr{width:100%;font:14px LatoBold;padding:15px 10px;position:absolute;top:0;left:0;cursor:default}
.opmAddEditDeviceListContent{position:absolute;top:94px;right:0;bottom:0;left:0;overflow:auto}
.opmAddEditDeviceListContent #dragMenuDiv,.opmAddEditDeviceListContent #remainingListBv{float:left;width:100% !important;min-height:initial !important;height:100% !important;overflow:auto}
.opmAddEditDeviceListContent #deviceTable,.opmAddEditDeviceListContent #rbDeviceTable,.opmAddEditDeviceListContent #deviceTable tbody,.opmAddEditDeviceListContent #deviceTable tr,.opmAddEditDeviceListContent #deviceTable td,.opmAddEditDeviceListContent #rbDeviceTable td,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable,.opmAddEditDeviceListContent #rackTable .rackdraggable{float:left;width:100% !important;display:block}
.opmAddEditDeviceListContent #deviceTable .bvDevicesList,.opmAddEditDeviceListContent #deviceTable .rackDevicesList,.opmAddEditDeviceListContent #rbDeviceTable .rackDevicesList,.opmAddEditDeviceListContent #rackTable .floorRacksList{height:auto;padding:0}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable,.opmAddEditDeviceListContent #rackTable .rackdraggable{background:#fff;width:100%;height:auto !important;font:13px LatoRegular !important;white-space:nowrap;text-overflow:ellipsis;padding:5px 15px;margin:0;border:1px solid #efefef;position:relative;overflow:hidden}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:before,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:after,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:before,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:after,.opmAddEditDeviceListContent #rackTable .rackdraggable:before,.opmAddEditDeviceListContent #rackTable .rackdraggable:after{width:1px;content:'';border:2px dotted #E6E6E6;border-top:0;border-left:0;border-bottom:0;position:absolute;top:6px;bottom:6px;display:block;z-index:1}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:before,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:before,.opmAddEditDeviceListContent #rackTable .rackdraggable:before{left:5px}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:after,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:after,.opmAddEditDeviceListContent #rackTable .rackdraggable:after{right:5px}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:hover:before,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:hover:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:hover:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:hover:after,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:hover:before,.opmAddEditDeviceListContent #rbDeviceTable .devdraggable:hover:after,.opmAddEditDeviceListContent #rackTable .rackdraggable:hover:before,.opmAddEditDeviceListContent #rackTable .rackdraggable:hover:after{border-color:red}

    */

#addDevBvBtn{background:#f9f9fb;width:100%;height:40px;padding:0 10px;position:absolute;top:90px;left:0;z-index: 1;}
#addDevBvBtn .opmBtn{min-width:80px;width:100%;font:13px LatoBold !important;border-radius:5px}
#addDevBvBtn .opmBtn span{padding:0;margin:0}
.opmAddEditDeviceListContent #remainingListBv{background:transparent;width:100% !important;border:0;padding:40px 1px 0}
.opmAddEditDeviceListContent #remainingListBv option{background:#f9f9fb !important;width:100%;font:13px LatoRegular !important;white-space:nowrap;text-overflow:ellipsis;padding: 5px 15px !important;margin:0;border:1px solid #efefef;position:relative;overflow:hidden}
.opmAddEditDeviceListContent #remainingListBv option:hover{background:#fff !important}
.opmAddEditDeviceListContent #remainingListBv option:before,.opmAddEditDeviceListContent #remainingListBv option:after{width:1px;content:'';border:2.8px dotted #E6E6E6;border-top:0;border-left:0;border-bottom:0;position:absolute;top:5px;bottom:4px;display:block;z-index:1}
.opmAddEditDeviceListContent #remainingListBv option:before{left:5px}
.opmAddEditDeviceListContent #remainingListBv option:after{right:5px}
.opmAddEditDeviceListContent #remainingListBv option:hover:before,.opmAddEditDeviceListContent #remainingListBv option:hover:after,.opmAddEditDeviceListContent #remainingListBv option:checked:before,.opmAddEditDeviceListContent #remainingListBv option:checked:after{border-color:red}
.opmAddEditDeviceListContent #remainingListBv option:checked{background:#5bb7f3 !important}
.oputilsPromotion-btn {border-radius: 4px;margin: 7px 0px 0px !important;padding: 5px 15px !important;}
.wrap_div_network {position: absolute;display: flex;align-items: center;right: 15px;top:  0px;}
.opmInventoryHolder .AETIDHeader .wrap_div_network .AETIDFilter .opuAddBtn {position: relative;top: -4px;right: unset;}
.opmInventoryHolder .AETIDHeader .wrap_div_network .opm_deviceView {position: relative;right: unset !important;top: 4px !important;display: flex;align-items: center;}
.wrap_div_network .viewType > i.devsearchicon{padding: 0px 11px !important;}
.opmInventoryHolder .AETIDHeader .wrap_div_network .AETIDFilter {position: relative;top: 7px !important;right: unset;}
.oputils_promotion_ui{width:calc(100% - 20px);float:left;border-radius:4px;background-color:#FAFFFC;margin:10px;border:2px solid #68BA84;text-align: left;}
.oputils_promotion_ui .oputils_promotionContent{display:flex;max-width:800px;padding:30px 0;margin:0 auto}
.oputils_promotion_ui .oputils_promotionIcon em{width:60px;height:60px}
.oputils_promotion_ui .oputils_promotionIcon{margin-right:25px}
.oputils_promotion_ui .oputils_promotionText h4{font-size:20px;font-weight:700;line-height:28px;margin-bottom:10px}
.oputils_promotion_ui .oputils_btnAction{margin-top:25px}
.oputils_promotion_ui .oputils_btnAction button{float:none;clear:both;border-radius:4px}
.oputils_promotion_ui .oputils_btnAction button:first-child{margin-left:0}
.ipManagementParent.AETIDRowChecked .opm_deviceView {display: none !important;}
.ipManagementParent.AETIDRowChecked .oputilsPromotion-btn {display: none !important;}
.ipManagementParent.AETIDRowChecked .opuAddBtn {display: none !important;}
.portsSampledata .sampleDataOverlay{height: 100%;position: absolute;bottom: 10px;top: 80px;float: none;cursor: pointer}
.portsSampledata  .grid-stack-item:nth-child(1), .portsSampledata  .grid-stack-item:nth-child(2) .spmswitchContainer{opacity:0.8;}
.portsSampledata .opuSampleDataText{position:absolute;z-index:9}
.portsSampledata #inventoryGridStyle{padding-top:80px}


.ui-dialog-content .fullCol,#MapsSection .fullCol{width:100% !important}
.ui-dialog-content .opmFormRow{margin:0 0 20px !important}

.opmDashboard > header .opmDashboardListBtn{background:#fff;width:45px;height:45px;font-size:18px;padding:12px;position:absolute;right:45px;bottom:0;cursor:pointer}
.opmSysInfo{float:left;width:auto;height:auto;padding:15px 0 0;cursor: pointer;}
.opmSysInfo div{clear:both;float:left;width:auto;height:auto}
.opmSysInfo div i{float:left;width:7px;height:7px;margin:0 5px 0 0;border-radius:50%;display:block}
.opmSysInfo div:last-child{font-size:10px;color:#A5A5A5;margin:1px 0 0}

.opmToolTipDescBar{background:rgba(0,0,0,.7);width:auto;max-width:580px;height:auto;font:normal 12px LatoRegular;color:#fff;position:fixed;z-index:99;opacity:0;filter:alpha(opacity=0);box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmToolTipDescBar .content{height:auto;max-height:500px;font-size:13.5px;line-height:18px;margin:5px;overflow:auto;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}

body.fitToScreenPage {padding:0 0 0 0px}
body.fitToScreenPage #header{top:-60px}
body.fitToScreenPage #nav{width:0px}
body.fitToScreenPage #MapsAside{width:0px;}
body.fitToScreenPage #MapsSection{left:0;}

body.expandScreenPage #MapsAside{width:0;}
body.expandScreenPage #MapsSection{left:0;}


body.widgetExpandView_temp .dashboardCol-2{z-index:99}
.dashboardWidgetExpandView{background:#fff !important;width:auto !important;max-width:none !important;height:100% !important;margin:0 !important;padding:20px !important;position:fixed !important;top:50px !important;right:0 !important;left:50px !important;z-index:98 !important;transition:all 0s ease 0s !important;-ms-transition:all 0s ease 0s !important;-moz-transition:all 0s ease 0s !important;-webkit-transition:all 0s ease 0s !important;-o-transition:all 0s ease 0s !important}
.dashboardWidgetExpandView .icon-down-dir:before{top:-2px !important;left:2px !important}
.dashboardWidgetExpandView .icon-down-dir:after{top:18px !important;left:7px !important}
.dashboardWidgetExpandView.dashboardAlarmsDials .content{height:100%;padding:20px 20px 40px}
.dashboardWidgetExpandView.dashboardAlarmsDials .content .opm_jqGridUI{float:left;width:100%;height:60%;overflow:auto}
.dashboardWidget.dashboardWidgetExpandView .content{height:90%;overflow:auto}

.ipamAvailSumChart .info{float:left;width:auto}
.ipamAvailSumChart .info > div{padding: 10px 0}
.ipamAvailSumChart .info > div:nth-child(2){margin:6px 0}
.ipamAvailSumChart .info > div > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.ipamAvailSumChart .info > div > span:first-child{font-size:40px; font-family: RobotoSlabLight !important;}

.latestActivity{background-color:white; height:100%; width:100%; color:white}
.latestActivity .updownicon {position:absolute;right:30px;top:30px;cursor:pointer;border: 1px white solid;width: 35px;height: 35px;border-radius: 50%;padding-top: 32px;line-height: 19px;text-align: center;}
.latestActivity .updownicon div{position: absolute;font-size: 12px;bottom: -21px;left: -8px;}
.latestActivity .updownicon:after,.latestActivity .updownicon:before {width: 5px;height: 5px;content: '';border: 1px solid #fff;border-right: transparent;border-bottom: transparent;margin: auto;position: absolute;top: 0px;right: 0;bottom: 0;top:2px;left: 12px;display: block;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.latestActivity .updownicon:before { left:-12px; top:-2px;transform: rotate(225deg);-ms-transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);}
.latestActivity .topLayer{height:45%; background-color: #1F2729}
.latestActivity .bottomLayer{height:55%;color:black}
.latestActivity .bottomLayer .bottomProfiles{position: absolute;bottom: 0px;left:50px;width:87%;}
.latestActivity .bottomLayer .bottomProfiles ul{display:table;white-space: nowrap;overflow:auto; height:70px;width:auto;}
.latestActivity .bottomLayer .bottomProfiles ul > li{cursor:pointer;min-width:60px; display:table-cell; clear:none; text-align: center; padding-left: 10px;padding-right: 10px;}
.latestActivity .bottomLayer .bottomProfiles ul > li img{width:60px;height:60px;clear:both;border-radius: 50%;}
.latestActivity .bottomLayer .seeMore{font-size: 18px; bottom:60px; right:35px; position:absolute; cursor:pointer}
.latestActivity .topLayer header{margin-left: auto;margin-right: auto; width:100%; text-align: center; padding-top:55px; font-size:45px}
.latestActivity .activityList{width:100%; margin-top:60px; text-align: center; color:black; font-size: 20px;margin-left: auto; margin-right: auto}
.latestActivity .activityList ul{display: inline-block;}
.latestActivity .activityList ul > li{width:250px;clear:none;float:left;cursor:pointer;margin-right:25px;margin-left:25px;text-align: center}
.latestActivity .activityList ul > li img{width:235px;height:235px;clear:both;border-radius: 50%;}
.latestActivity .activityList ul > li .activityContent{margin-top:20px; font-size:22px;}
.latestActivity .activityList ul > li .activityContent .name{white-space: nowrap;text-overflow: ellipsis;}
.latestActivity .activityList ul > li .activityContent .time,#endUserTrail.latestActivity .midLayer ul li .time{margin-top:20px;color:#6d6d6d;}
.latestActivity .activityList ul > li .activityContent .underline, #endUserTrail.latestActivity .midLayer ul li .underline{margin-top:10px; border-bottom: 2px #49bd80 solid; width:35px; margin-left:auto; margin-right: auto;}

#endUserTrail.latestActivity .topLayer header{padding-top:20px;font-size:35px}
#endUserTrail.latestActivity .activityList ul > li img{width:100px;height:100px; border: 1px white solid}
#endUserTrail.latestActivity .activityList{color:white;margin-top:20px;}
#endUserTrail.latestActivity .midLayer{width:80%;margin-left: 10%;margin-right: 10%; text-align: center; position:absolute; top:45%; color:black;overflow:auto;margin-top:-40px;}
#endUserTrail.latestActivity .midLayer ul{display:table;white-space: nowrap;overflow:auto; height:60px;width:auto;}
#endUserTrail.latestActivity .midLayer ul li{min-width:230px; display:table-cell; clear:none; text-align: center}
#endUserTrail.latestActivity .midLayer ul li .time{font-size: 18px;}
#endUserTrail.latestActivity .midLayer ul li .trailText{font-size: 18px; margin-top: 90px;width: 94%;margin-left:3%;white-space: nowrap;text-overflow: ellipsis;}
#endUserTrail.latestActivity .midLayer ul li .activeIcon{position:absolute;width:50px;height:50px;background-color: #49bd80; border-radius: 50%; border:1px white solid; margin-left:90px;margin-top:15px;}
#endUserTrail.latestActivity .bottomLayer .seeMore{bottom:25px;}

.endUsersMapView {height:100%;width:100%;color:white;}
.endUsersMapView .topLayer{background-color: #272D36;height:100%;width:100%;padding-bottom: 75px;}
.endUsersMapView .bottomLayer{height:75px;position:absolute;bottom:0;width:100%;}
.endUsersMapView .bottomLayer .type1,.endUsersMapView .bottomLayer .type2, .endUsersMapView .bottomLayer .type3{clear:none;float:left;border-left:3px solid #5CBAD5; width:17%;height:100%;padding-left:15px;}
.endUsersMapView .bottomLayer .type2{width:58%;font-size: 13px;}
.endUsersMapView .bottomLayer .type3{width:23%;}
.endUsersMapView .bottomLayer .type1 .header,.endUsersMapView .bottomLayer .type2 .header{text-transform: uppercase; font-size: 14px;}
.endUsersMapView .bottomLayer .type2 .totalResult{color:#5CBAD5; font-size: 37px; margin-top: 5px;}
.endUsersMapView .bottomLayer .type1 .ssidResults,.endUsersMapView .bottomLayer .type1 .accessPointResults{color:#5CBAD5; margin-top:3px;}
.endUsersMapView .bottomLayer .type1 .ssidResults .icon{width:10px;height:10px;border-radius: 50%; clear: none;float: left;margin-right: 8px;margin-top: 4px;}
.endUsersMapView .bottomLayer .type1 .ssidResults .userLoad-cyan .icon{background-color: #57AFC8;}
.endUsersMapView .bottomLayer .type1 .ssidResults .userLoad-orange .icon{background-color: #FE5915;}
.endUsersMapView .bottomLayer .type1 .ssidResults .userLoad-green .icon{background-color: #45bd7d;}
.endUsersMapView .bottomLayer .type3 .imageResults{float:left;clear:none;}
.endUsersMapView .bottomLayer .type3 .imageResults img{width:45px;height:45px;border-radius:50%;margin-right: 15px;cursor:pointer; clear:none;float:left;margin-top: 5px; }
.endUsersMapView .bottomLayer .type3 .seeMore{color:#57AFC8;clear:none;float:left;margin-left: 10px; font-size: 17px;margin-top:15px;}
.endUsersMapView .topLayer .userLoad img{position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid white}
.endUsersMapView .topLayer .userLoad .text,.endUsersMapView .topLayer .userLoad .ap{
    z-index:2;
    position: absolute;
    bottom: -21px;
    color: white;
    text-align: center;
    width: 100%;}
.endUsersMapView .topLayer .userLoad .ap{
   bottom: -35px;
    white-space: nowrap;
    font-size: 13px;
}
.endUsersMapView .topLayer .userLoad {
  width: 100px;
  height: 100px;
  opacity:0;
  position:absolute;
  border-radius: 100px;
  z-index: 100;
  animation: pulse 3500ms linear 1;
  -webkit-animation: pulse 3500ms linear 1;
  -moz-animation: pulse 3500ms linear 1;
}
.endUsersMapView .topLayer .userLoad-cyan, .endUsersMapView .topLayer .userLoad-cyan:after, .endUsersMapView .topLayer .userLoad-cyan:before{
  background-color: #57AFC8;
}
.endUsersMapView .topLayer .userLoad-orange, .endUsersMapView .topLayer .userLoad-orange:after, .endUsersMapView .topLayer .userLoad-orange:before{
  background-color: #FE5915;
}
.endUsersMapView .topLayer .userLoad-green, .endUsersMapView .topLayer .userLoad-green:after, .endUsersMapView .topLayer .userLoad-green:before{
  background-color: #45bd7d;
}
.endUsersMapView .topLayer .userLoad-red, .endUsersMapView .topLayer .userLoad-red:after, .endUsersMapView .topLayer .userLoad-red:before{
  background-color: #FF0000;
}
.endUsersMapView .topLayer .userLoad i{
  position:absolute;
  top:28px;
  left:24%;
  color:white;
  text-shadow:-1px -1px #333;
}

.endUsersMapView .topLayer .userLoad:after,
.endUsersMapView .topLayer .userLoad:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 100px;
 /* background-color: #57AFC8;*/
}
#gmapsView.endUsersMapView .topLayer .userLoad:after,
#gmapsView.endUsersMapView .topLayer .userLoad:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 45px;
 /* background-color: #57AFC8;*/
}

.endUsersMapView .topLayer .userLoad:after {
  z-index: -100;
  -webkit-animation: outer-ripple 2000ms linear 1;
  -moz-animation: outer-ripple 2000ms linear 1;
  animation: outer-ripple 2000ms linear 1;
}

.endUsersMapView .topLayer .userLoad:before {
  z-index: -200;
  -webkit-animation: inner-ripple 2000ms linear 1;
  -moz-animation: inner-ripple 2000ms linear 1;
  animation: inner-ripple 2000ms linear 1;
}

.mapNormal img{
    border-radius: 50%;
    z-index: 100;
}

.mapLabel{
    position:absolute;
    padding-left: 55px;
    color:black;
    z-index: 150;
}

.mapFixed{
    position:absolute;
    border:1px solid white;
    border-radius:50%;
    background-color: #57AFC8;
    z-index: 50;
}
.mapMini{
    position:absolute;
    border:1px solid white;
    border-radius:50%;
    background-color: #57AFC8;
    z-index: 50;
}
.mapWay{
    position:absolute;
    z-index: 140;
}
.mapInnerMarkers{
    position:absolute;
    border:1px solid white;
    width:8px;
    height:8px;
    border-radius: 50%;
    background-color: #57AFC8;
    z-index: 150;
}
/* outer ripple */


@keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

@-moz-keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

@-webkit-keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}


@keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(10.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
/* inner ripple */

@keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

.ipamDial .legseries li{float:left;width:100%}
.ipamDial .legseries .legendfilterbox,.opm_legend2Col .legseries .legendfilterbox{position:relative;top:1px}
.ipamDial .legseries .legendlabel,.opm_legend2Col .legseries .legendlabel{font:13px LatoRegular !important;padding:0 0 0 10px !important}
.opm_legend2Col li{float:left;width:50%;padding:5px;margin:0 !important}
.fullWidthWidget li{float:left;width:100% !important;padding:5px;margin:0 !important}
.fullWidthWidget ul{max-height: 300px !important;}
.opm_legend2Col li:only-child {width:100%}
.opm_legend2Col .legendarea{width:100%;left:0 !important}
.opm_legend2Col .legseries{float:left;width:100% !important;max-width:100% !important;height:auto !important;max-height:none !important}
.dashboardWidgetExpandView .dashboardInventory.heatmapZChart .HeatMap.widgetHeatmap{height:600px !important;}
.dashboardWidgetExpandView .fullWidthWidget{height:500px !important;}
.dashboardWidgetExpandView .fullWidthWidget .legseries{max-height:700px !important;}


.opmDialLegendInfo,.opmDialLegendInfo ul,.opmDialLegendInfo ul li,.opmDialLegendInfo ul li span:last-child{float:left;width:100%;height:auto}
.opmDialLegendInfo ul li{font:13px LatoRegular;padding:5px 40px 5px 27px;position:relative}
.opmDialLegendInfo ul li:after{content:attr(data-percentage)'%';display:block;border-radius:50%;position:absolute;top:5px;right:0}
.opmDialLegendInfo ul li.value:after {content:none;}
.opmDialLegendInfo ul li span:first-child{width:15px;height:15px;border-radius:50%;display:block;position:absolute;top:6px;left:0}
.FilterChart.ipamDialIcon .donutTextDiv:after{background: transparent;content: '\e804';font-family: fontello;}

.nutanixLegend{width:300px;margin:0 auto;}
.nutanixLegend .opmDialLegendInfo ul li:after{content:attr(data-percentage);}


.opmToolTipDescBarList,.opmToolTipDescBarList div{clear:both;float:left;width:auto;height:auto}
.opmToolTipDescBarList div i{float:left;text-align:left;padding:5px 10px 5px 130px;margin:auto;position:relative;overflow:hidden}
.opmToolTipDescBarList div i:before{width:120px;content:attr(data-name);font-family:LatoBold;text-overflow:ellipsis;white-space:nowrap;display:inline-block;position:absolute;top:5px;left:10px;overflow:hidden}
.opmToolTipDescBarList div i:after{content:':';position:absolute;top:4px;left:120px;display:block}

.opmInventoryList,.opmInventoryList div{float:left;width:100%;height:60px;position:relative;overflow:hidden}
.opmInventoryList{background:#fff;border-bottom:1px solid #c0c0c0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:9}
.opmInventoryList.active,.opmInventoryList:hover,.opmInventoryList div:hover:not(:first-child){background:#fdffd1}
.opmInventoryList:not(.active) div{background:none !important}
.opmInventoryList:before,.opmInventoryList:after{content:'';margin:auto;position:absolute;left:30px;display:block}
.opmInventoryList:before{width:20px;height:10px;border:2px solid #000;border-right:0;border-left:0;top:22px}
.opmInventoryList:after{background:#000;width:20px;height:2px;top:28px}
.opmInventoryList div{font:18px LatoLight;padding:18px 40px 10px 60px;cursor:pointer}
.opmInventoryList div:not(:first-child){background:#fff}
.opmInventoryList:not(.active) div:not(.active){height:0;padding:0 40px 0 60px;opacity:0;filter:alpha(opacity=0)}

.AETIDHeader:before{background:#e9e9ea;width:1px;height:40px;content:'';display:block;position:absolute;top:0;left:43px}
.AETIDHeader .Options{height:60px}
.AETIDHeader .Options i:not(.icon-remove):before{position:relative;top:6px !important}
.AETIDHeader .Options i.genReport:before{top:10px !important}
.AETIDHeader .Options i.icon-remove:before,.AETIDHeader .Options i.icon-remove:after{top:20px !important}

.opmGroupInventory{width:auto;height:40px;position:absolute;right:270px;bottom:0;left:54px;z-index:2}
.opmGroupInventory .list{float:left;width:100%;height:100%;overflow:hidden}
.opmGroupInventory .list li{float:left;width:145px;height:100%;font:14px LatoRegular;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#606060;padding:10px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-right:1px solid #e9e9ea;position:relative;overflow:hidden}
.opmGroupInventory .list li:hover,.opmGroupInventory .list li.active{background:#fafafa;color:#000;font-family:LatoBold}
.opmGroupInventory .list li.active:before{background:#49bd80;width:100%;height:1px;content:'';position:absolute;bottom:0;left:0}
.opmGroupInventory .list li:after{width:auto;height:auto;content:' ('attr(data-count)')';color:#828284}
.opmGroupInventory .list li[data-count='']:after{display:none}
.opmGroupInventory .list li.noCount:after{width:auto;height:auto;content:'';color:#828284}
.opmGroupInventory .more{float:left;width:40px;height:100%;position:absolute;top:0;right:0}
.opmGroupInventory .more > a{float:right;font:27px/25px LatoBold;text-align:center;letter-spacing:3px;color:#abafb7;padding:0;position:relative;top:0}
.opmGroupInventory .more ul{background:#fff;min-width:120px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:40px;right:0;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.opmGroupInventory .more ul li{float:left;width:100%;height:auto;font:14px LatoRegular;white-space:nowrap;color:#000;padding:5px 10px;display:block;border-bottom:1px solid #ececec;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmGroupInventory .more ul li:last-child{border:0}
.opmGroupInventory .more ul li:hover{background:#fafafa}
.opmGroupInventory .more ul li:after{width:auto;height:auto;content:' ('attr(data-count)')';color:#828284}
.opmGroupInventory .more ul li.noCount:after{width:auto;height:auto;content:'';color:#828284}
.opmGroupInventory.hovered:hover ul{display:block}
/*Need to confirm with UI Team*/
.deviceShortSummaryActive .opmGroupInventory .list li:not(.active),.AETIDRowChecked:not(.ncmAETIDRowChecked) .opmGroupInventory .list li:not(.active){width:0;padding:10px 0;border:0;opacity:0;filter:alpha(opacity=0);display: none;}
.deviceShortSummaryActive .opmGroupInventory .more,.AETIDRowChecked:not(.ncmAETIDRowChecked) .opmGroupInventory .more{display:none !important}


#PageSideBar.opmInventory{height:auto;z-index:9}
.reportheaderclass{background:#f9f9fb;margin:0 0 10px;border-bottom:1px solid #E5E5E5}
.tableCellPad td{padding:2px 10px}
.opmFormRow.opmMultiCol{max-width:100%;margin:0 !important}
.opmMultiCol .opmFormCol{float:left;width:33%;margin:0 !important}
.opmMultiCol .opmFormCol div{float:left;width:55%;font:13px LatoRegular;padding:10px;position:relative}
.opmMultiCol .opmFormCol div:first-child{width:45%;font-family:LatoBold}
.opmMultiCol .opmFormCol div:last-child:before{content:':';position:absolute;top:8px;left:3px;display:block}
.opmMultiCol + .opmFormRow{margin:0 0 10px}
.opmMultiCol + .opmFormRow .opmBtn{font-size:13px;border-radius:5px}

.deviceShortSummaryActive .opmGroupInventory, .AETIDRowChecked .opmGroupInventory{right:auto}

#opm_DevicePager {position: absolute; bottom: 0;}
#opm_devListHolder .ui-jqgrid{width: 100% !important; height: 100% !important;}
#opm_devListHolder.nfa .ui-jqgrid .ui-jqgrid{width:calc(100% - 20px) !important}
#opm_devListHolder.nfa.multiSelectSubGridArrowPosition .ui-jqgrid .ui-jqgrid{width:100% !important}
.opmFloor > tbody > tr > td{position:relative}
.opmFloor > tbody > tr > td > table{position:absolute}
/* three d maps */
.bottommenubar
{
    position: absolute;
    z-index: 10000;
    background-color: #000000;
    opacity: 0.8;
    height: 25px;
    bottom:0;
    width: 100%;
    color: #FFFFFF;
    padding-top: 5px;
    font-weight: bold;
    font-family: 'Open Sans', Arial, Sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.bottommenu
{
    display: inline-block;
    float: left;
    padding-left: 20px;
    cursor: hand;
    border: 0px solid #00FF00;
    position: relative;
}
.bottommenu input
{
    border: 1px solid #FFFFFF;
    font-size: 10px;
    width: 50px;
}
.submenu
{
    position: absolute;
    z-index: 10001;
    background-color: #000000;
    opacity: 1.0;
    bottom: 20;
    left: 10px;
    padding: 10px;
    line-height: 180%;
    border: 0px solid #FF0000;
    display: none;
    width:100px;
}
.submenu a:hover, .submenu a:link, .submenu a:active, .submenu a:visited, .submenu td
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Open Sans', Arial, Sans-serif;
    font-size: 12px;
    text-decoration: none;
}
.bottommenuright
{
    float: right;
    padding-right: 20px;
    border: 0px solid #FF00FF;
}
.bottommenuright, .bottommenuright a:hover, .bottommenuright a:link, .bottommenuright a:active, .bottommenuright a:visited, .bottommenu a:hover, .bottommenu a:link, .bottommenu a:active, .bottommenu a:visited
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Open Sans', Arial, Sans-serif;
    font-size: 12px;
    text-decoration: none;
}
/* .three D maps */


.deviceslideActionBtn,.opmMapBVTabNav .ncmAction.more{background:#49bd80;width:50px;height:45px;cursor:pointer}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:hover{background:#fbfbfb}
.zoom
{
    background-clip: padding-box;
    height: 64px;
    width: 29px;
    position: relative;
    outline: none;
    cursor: pointer;
    background-color:#F3F3F3;
    border: 1px solid #BDB4B4;
}


.mapSymbolGroup:hover
{
    border-radius:10px;
    box-shadow: #334;
    background:#e5d1c7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity:1;
        font-size:10px;
    font-family: 'Open Sans';
    font-weight:bold;
    color:red;
    z-index:10;
}

.mapSymbolGroup
{
    margin:0px;
    cursor: pointer;
    position: absolute;
    padding: 0px 0px;
    border: 0px solid #80a7cd;
    font-size:10px;
    font-family: 'Open Sans';
}
/* check duplicate starts here */
.opmInventoryHolder{float:left;width:100%;height:100%;position:relative}

/* line 749 */
.opmInventoryHolder i.icon-sort.AETIDFilSort:before, .opmInventoryHolder i.icon-filter.AETIDFilDropDown:before, .opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column div span:before, .opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before, .opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child:before, .opmInventoryHolder .Options span i:before{content:''}

/* line 774 */
.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i{background:#fff;width:24px;height:24px;border:1px solid #b9b9b9;border-radius:50%;display:inline-block;opacity:1;filter:alpha(opacity=100)}

/* line  779 */
.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column  input + span:before,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:12px;left:5px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}

/* line 780 */
.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column input:checked + span:before,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child input:checked + i:before{border-color:#3f3f3f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

.opmInventoryHolder .AETIDFilter,.opmInventoryHolder.bvIconLists .AETIDFilter{display:block}
.opmInventoryHolder i.icon-sort.AETIDFilSort:before,.opmInventoryHolder i.icon-filter.AETIDFilDropDown:before,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels th.ui-th-column div span:before,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child i:before,.opmInventoryHolder .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:first-child:before,.opmInventoryHolder  .Options span i:before,#PageSideBar .FilterByList i.icon-filter:before{content:''}
.opmInventoryHolder i.icon-sort.AETIDFilSort{background:url(../../img/samples/icons/icon-sort.png) no-repeat;width:14px;height:16px;display:inline-block;position:relative;top:3px}
.opmInventoryHolder i.icon-filter.AETIDFilDropDown{background:url(../../img/samples/icons/icon-filter.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px}
.opmInventoryHolder .Options i{float:left;height:60px;font-size:20px;color:#909090;padding:11px 10px 8px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmInventoryHolder .Options i.addnote:before,.opmInventoryHolder .Options i.ping:before,.opmInventoryHolder .Options i.traceRoute:before,.opmInventoryHolder .Options i.clear:before,.opmInventoryHolder .Options i.unacknowledge:before,.opmInventoryHolder .Options i.acknowledge:before,.opmInventoryHolder .Options i.close:before,.opmInventoryHolder .actions i.addnote:before,.opmInventoryHolder .actions i.ping:before,.opmInventoryHolder .actions i.traceRoute:before,.opmInventoryHolder .actions i.clear:before,.opmInventoryHolder .actions i.unacknowledge:before,.opmInventoryHolder .actions i.acknowledge:before,.opmInventoryHolder .actions i.close:before,#PageContent .actions i.addnote:before,#PageContent .actions i.ping:before,#PageContent .actions i.traceRoute:before,#PageContent .actions i.clear:before,#PageContent .actions i.unacknowledge:before,#PageContent .actions i.acknowledge:before,#PageContent .actions i.close:before{content:'' !important}
.opmInventoryHolder .Options i.delete:before,.opmInventoryHolder .actions i.delete:before{font-size:22px !important}
.opmInventoryHolder i.icon-sort.AETIDFilSort:before,.opmInventoryHolder i.icon-filter.AETIDFilDropDown:before,.opmInventoryHolder .Options span i:before{content:''}
.opmInventoryHolder i.icon-sort.AETIDFilSort{background:url(../../img/samples/icons/icon-sort.png) no-repeat;width:14px;height:16px;display:inline-block;position:relative;top:3px}
.opmInventoryHolder i.icon-filter.AETIDFilDropDown{background:url(../../img/samples/icons/icon-sort.png) no-repeat;width:18px;height:18px;display:inline-block;position:relative;top:2px}
.opmInventoryHolder .Options i{display:inline-block;position:relative}
.opmInventoryHolder .Options i.addnote:before{background:url(../../img/samples/icons/icon-plus.png) no-repeat center/15px auto;width:19px;height:18px}
.opmInventoryHolder .Options i.ping:before{background:url(../../img/samples/icons/icon-refresh.png) no-repeat center/28px auto;width:34px;height:18px}
.opmInventoryHolder .Options i.traceRoute:before{background:url(../../img/samples/icons/icon-nodes.png) no-repeat center/25px auto;width:32px;height:18px}
.opmInventoryHolder .Options i.clear:before{background:url(../../img/samples/icons/icon-clear.png) no-repeat center/16px auto;width:19px;height:17px}
.opmInventoryHolder .Options i.unacknowledge:before,.JqGridCustomDesign .ui-jqgrid-bdiv tr .Options i.acknowledge:before{background:url(../../img/samples/icons/icon-thumbsup.png) no-repeat center/18px auto !important;width:24px;height:22px;position:relative;top:-1px}
.opmInventoryHolder .Options i.acknowledge:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto;width:24px;height:22px;position:relative;top:-1px}
.opmInventoryHolder .Options i.acknowledge.active:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto}
.opmInventoryHolder.alarmShortSummaryActive .Options,.opmInventoryHolder.deviceShortSummaryActive .Options{top:0}
.opmInventoryHolder.AETIDRowChecked.AETIDFilter,.opmInventoryHolder.AETIDRowChecked .viewType,.opmInventoryHolder.alarmShortSummaryActive .viewType,.opmInventoryHolder.deviceShortSummaryActive .viewType{top:-60px}
.opmInventoryHolder.alarmShortSummaryActive .AETIDFilter,.opmInventoryHolder.deviceShortSummaryActive .AETIDFilter{right:auto;left:345px}
.opmInventoryHolder .Options i.close{margin-right:-40px}
.opmInventoryHolder.alarmShortSummaryActive .Options i.close, .opmInventoryHolder.deviceShortSummaryActive .Options i.close{margin-right:0}
/* check duplicate ends here */

.opmDialLegendInfo{max-height:520px;overflow:auto}

#AlrmEvtTrapInvDev.List .JqGridCustomDesign i[class^='icon-'],#AlrmEvtTrapInvDev.List .JqGridCustomDesign i[class*=' icon-']{top:unset}
.FilterChart.networkIcon .donutTextDiv:after{background: transparent;content: '\e832';font-family: fontello;}

.opmInventoryHolder .AETIDHeader{border-bottom-color:#ddd;}
.opmInventoryHolder .Options i.icon-thumbs-down:before{background:url(../../img/samples/icons/icon-thumbsup.png) no-repeat center/18px auto !important;width:24px;height:22px;content:'';position:relative;top:-1px}
.opmInventoryHolder .Options i.icon-thumbs-up:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto;width:24px;height:22px;content:'';position:relative;top:-1px}
#opm_DeviceList.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(2):before{content:'' !important}

body .opmCCTVContent{background:#fbfbfb;position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:1;overflow: hidden;}
.apmPlugins{right:30px !important}
.iFrameApmPlugins,.iFrameApmPluginsImg,.iFrameApmPluginsImgHolder{float:left;width:100%;height:100%}
.iFrameApmPluginsImg{height:auto}
.apmDownloadLink{background:#fff8a3;padding:10px;border:1px solid #c5c5c5;position:absolute;top:0;right:0;left:0}
.apmDownloadLink span{position:relative;top:-7px}
.apmDownloadLink a:last-child img{position:relative;top:-2px}
.iFrameApmPluginsImgHolder{width:auto;height:auto;position:absolute;top:50px;right:0;bottom:0;left:0;overflow:auto}

body.slideDivIn-2 #AlrmEvtTrapInvDev:before{width:auto;height:100%;content:'';position:absolute;top:0;left:-300px;z-index:9}
.subnetsView > .BarHolder .SingleBar{width: 220px;margin: 5px;background: #EAEAEA;height: 42px;border:none;}
#opm_devListHolder{background: #fbfbfb;}

.opmSubnets #opm_devListHolder,.opmSubnets .subnetsCount{display:none !important}
.opmSubnets .BarHolder{padding:5px}
.opmSubnets .BarHolder:before{background:none}
.opmSubnets .BarHolder .SingleBar{float:left;width:270px;height:auto;padding:10px 20px;margin:5px}
.subnetsBack{float:right;width:100%;height:auto;color:#828284;text-align:right;padding:0px 0 10px;border-bottom:1px solid #e8e9eb;display:block;position:relative;cursor:pointer}
.subnetsBack:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:6px 7px 6px 0;border-right-color:#828284;position:absolute;bottom:12px;right:34px}
.subnetsBack:hover{color:#000}
.subnetsBack:hover:before{border-right-color:#000}

.bvIconHolder div.icon_holder:before{border-color:#c5cace}
.bvIconHolder div.icon_holder,.bvIconHolder div.icon_holder{width:120px;margin:15px;opacity:.5;filter:alpha(opacity=50);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.bvIconHolder div.icon_holder:hover,.bvIconHolder div.icon_holder.active,.bvIconLists .bvIconHolder div.icon_holder{opacity:1;filter:alpha(opacity=100)}.bvIconHolder div.icon_holder.active:before,.bvIconHolder div.icon_holder:hover:before{width:100px;height:100px;border-radius:50%}
.bvIconHolder div.icon_holder .icon .icon_layer1{left:0}
.bvIconHolder div.icon_holder .icon i{width:12px;height:12px;margin:auto;border-radius:50% !important;top:-2px;right:0;left:1.5px}
.bvIconHolder div.icon_holder .icon i:before{display:none}
.bvIconHolder .info span + span:before{content: '/' !important}
.bvIconLists #opm_devListHolder,.bvIconLists .subnetsCount{display:none !important}
.AETIDHeader:after{width:16px;height:16px;content:'';border:1px solid rgba(185,185,185,.39);border-radius:4px;position:absolute;top:13px;left:14px;display:block}
#AlrmEvtTrapInvDev #AlarmList .AETIDHeader:after{top:11px}
.opmSubnets .AETIDContent,.bvIconLists .AETIDContent{border-left:0 !important}

body.opmDashboardMenuSmall #UserLog{display:none}
#cctvFooterDiv{width:100%;height:auto;text-align:center;padding:10px;position:fixed;bottom:0;left:0;z-index:9}
.opmCcTvPager{background:#BFBFBF;width:12px;height:12px;margin:5px 0;border-radius:50%;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmSubnets .AETIDFilter,.bvIconLists .AETIDFilter,.opmInventoryHolder.bvIconLists .AETIDFilter .icon-filter.AETIDFilDropDown{display: none;}
.opmSubnets .opm_deviceView i,.bvIconLists .opm_deviceView i{display: none !important}
#DeviceList .showAddDevice{display:block !important}
.bvIconLists #opm_devListHolder,.bvIconLists .subnetsCount{display:none !important}
.opmGroups .opm_deviceView.viewType > i{display: none !important}
/*.opmSubnets .opm_deviceView i.devsearchicon,.bvIconLists .opm_deviceView i.devsearchicon{display: block !important}
*/
.deviceShortSummaryActive .actions i.close{display: block !important;}

.timeCustomOpt{background:#fff;width:100%;height:auto;padding:20px;position:absolute;top:0;left:-100%;z-index:99;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.timeCustomOpt .opmFormCol{width:100%}
.FilterAccordionContainer.timeCustomOptIn .timeCustomOpt{left:0}
.FilterAccordionContainer.timeCustomOptIn:before{background:rgba(0,0,0,.3);width:100%;height:26px;content:'';position:absolute;bottom:0;left:0;z-index:9}
.FilterAccordionContainer.timeCustomOptIn .FilterChart:before{background:rgba(0,0,0,.3);width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:9}

.opmInventoryHolder .AETIDHeader,#DeviceList .AETIDHeader{background:#fff;height:40px;padding:8px 15px}
.opmInventoryHolder .AETIDHeader:before,#DeviceList .AETIDHeader:before{background:#e9e9ea;width:1px;height:40px;content:'';display:block;position:absolute;top:0;left:53px}
.opmInventoryHolder .AETIDHeader .Options,#DeviceList .AETIDHeader .Options{height:40px}
.opmInventoryHolder .AETIDHeader .Options i:not(.icon-remove):before,#DeviceList .AETIDHeader .Options i:not(.icon-remove):before{position:relative;top:-4px !important}
.opmInventoryHolder .AETIDHeader .Options i.genReport:before,#DeviceList .AETIDHeader .Options i.genReport:before{top:7px !important}
.opmInventoryHolder .AETIDHeader .viewType,.opmInventoryHolder .AETIDHeader .AETIDFilter,#DeviceList .AETIDHeader .AETIDFilter,#DeviceList .AETIDHeader .viewType{top:8px !important}
.opmInventoryHolder .AETIDContent,#DeviceList .AETIDContent{margin:40px 0 0;}
.opmInventoryHolder.AETIDRowChecked .AETIDFilter,.opmInventoryHolder.AETIDRowChecked .viewType,.opmInventoryHolder.alarmShortSummaryActive .viewType,.opmInventoryHolder.deviceShortSummaryActive .viewType,#DeviceList.AETIDRowChecked .AETIDFilter,#DeviceList.AETIDRowChecked .viewType,#DeviceList.alarmShortSummaryActive .viewType,#DeviceList.deviceShortSummaryActive .viewType{top:-60px !important}
.opmInventoryList.active > div:first-child,#DeviceList.active > div:first-child{padding:18px 40px 10px 60px}
.opmInventoryList.active > div,#DeviceList.active > div{height:auto;padding:10px 40px 10px 60px}
.opmInventoryList:not(.active) > div:after,#DeviceList:not(.active) > div:after{width:7px;height:11px;font:12px fontello;content:'\e8d2';margin:auto;position:absolute;top:0;right:24px;bottom:0}
.opmInventoryHolder .Options .icon-remove:before,.opmInventoryHolder .Options .icon-remove:after{top:19px}

.opmMapPage .accordionDropDown > li,.opmMapPage .accordionDropDown > li > ul li{position:relative}
.opmMapPage .accordionDropDown > li a:before{display:none}
.opmMapPage .accordionDropDown > li .mapAddBV{background:#5ace91;width:220px;height:50px;font:14px LatoRegular;text-align:center;color:#fff;padding:14px 20px;position:absolute;top:0;right:0;z-index:1;cursor:pointer}
.opmMapPage .accordionDropDown > li .mapAddBV i{width:15px;height:15px;margin:0 0 0 20px;display:inline-block;position:relative;top:3px}
.opmMapPage .accordionDropDown > li .mapAddBV i:before,.opmMapPage .accordionDropDown > li .mapAddBV i:after{background:#fff;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}
.opmMapPage .accordionDropDown > li .mapAddBV i:before{width:1px;height:15px}
.opmMapPage .accordionDropDown > li .mapAddBV i:after{width:15px;height:1px}
.opmMapPage .accordionDropDown > li > ul li a{padding:10px 20px 10px 30px !important}
.opmMapPage .accordionDropDown > li > ul li .mapDeleteBV{position:absolute;top:9px;right:10px;z-index:1;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMapPage .accordionDropDown > li > ul li:hover .mapDeleteBV,.opmMapPage .accordionDropDown > li > ul li.active .mapDeleteBV{color:#fff}

.opmSettingsDropDown{float:right;width:40px;height:50px;font:25px LatoRegular;color:#808488;padding:12px 9px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0;cursor:pointer}
.opmSettingsDropDown:hover,.opmSettingsDropDown.active{background:#45bd7d;color:#fff;padding-bottom:9px}
/* .opmSettingsDropDown:before{background:url(../../img/opm-sprites.png) no-repeat -180px -240px;width:21px;height:21px;content:'';margin:auto;position:absolute;top:-1px;right:0;bottom:0;left:0}
.opmSettingsDropDown:hover:before{background-position:-201px -240px} */
.opmDeviceConfigList{background:#fbfbfb;width:290px;height:auto;border:1px solid #d6d7d8;position:absolute;top:30px;right:0;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmDeviceConfigList:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
.opmDeviceConfigList li{background:#fbfbfb;float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;margin:0;position:relative;cursor:pointer}
.opmDeviceConfigList li:hover{background:#f5f5f5}
.opmDeviceConfigList li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
.opmDeviceConfigList li a{float:left;width:100%;color:#808488;padding:10px 15px 10px 35px;display:block}
.opmDeviceConfigList li a:hover{text-decoration:none}

/*.opmMapPage #bvNameViewHeader{margin:0 10px 0 0;font-size: 16px;}*/
.opmMapPage .title.bvViewPage .ui-jqgrid-title{display: flex;flex-direction: column;justify-content: center;height:50px;}
.opmMapPage .title.bvViewPage span:not(.ui-jqgrid-title),.opmMapPage .title.bvViewPage .icon-trash{padding:3px;margin:0 0 0 2px}

#MapsAside,#MapsSection,.opmMapBVViewSingle .contentHolder,.opmMapBVViewSingle .content ul li,.opmMapBVViewSingle .opmMapBVViewBtn{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;overflow:hidden}
#MapsAside ul{width:220px}
.opmMapBV .title,.opmMapPage .title{top:20px !important}
.opmMapBV .opmMapHdr.opmMapHdr2 .title,.opmMapPage .opmMapHdr.opmMapHdr2 .title{top:0 !important}
.opmMapNav{position:absolute;top:25px;right:30px;z-index:7}
.opmMapNav i{padding:0 2px;margin:-4px 4px 0;cursor:pointer}
/*.opmMapNav i.opmMapQRCode{margin:0 4px}*/
.opmMapNav i.icon-configedit,.mapAddEditPageActionsInfo .opmBtnHldrTop .icon-remove{font-size:0;text-indent:-99;color:#000}
.opmMapNav i.icon-configedit:before{font-size:14px}
.opmMapNav i.icon-trash:before{font-size:15px}
.opmMapNav .icon-remove{width:15px;height:15px;position:relative}
.opmMapNav .icon-remove:before,.opmMapNav .icon-remove:after{height:20px;left:7px}
.opmMapNav i.icon-right-open,.opmMapNav i.icon-left-open{width:10px;height:20px;margin:-4px 3px 0;display:inline-block;top:4px}
.opmMapNav i.icon-right-open:before,.opmMapNav i.icon-left-open:before{top:-2px;left:3px}
.opmMapNav i.icon-right-open:before{left:-5px}
.mapAddEditPageActions .selBox{float:left;width:120px;margin:0 10px 0 0}
.mapAddEditPageActions .selBox + .selBox{width:80px}
.mapAddEditPageActionsInfo .opmBtnHldrTop .icon-remove{position:absolute;top:-50px;right:-18px;cursor:pointer}
.opmMapPage .bvdevdraggable,.opmMapPage .devdraggable{background:#f9f9fb !important}
.opmMapPage .bvdevdraggable:hover,.opmMapPage .devdraggable:hover{background:#fff !important}
#PageContent.opmMapPage .opmMapHdr{padding:15px !important}
#PageContent.opmMapPage .opmMapHdr .title{font-size:20px !important}
.bvdevdraggable{z-index:1}

.opmMapBVView{float:left;width:100%;height:100%;position:relative;overflow:auto}
.opmMapBVViewRow{float:left;width:100%;height:auto;padding:0 20px;margin:30px 0}
.opmMapBVViewSingle{float:left;width:25%;max-width:302px;height:379px;padding:0 20px;position:relative}
.opmMapBVViewSingle .opmMapBVTitle{float:left;width:100%;height:auto;font:15px RobotoSlabLight;text-align:center}
.opmMapBVViewSingle .contentHolder{background:#fff;border:1px solid #d7d7d7;position:absolute;top:25px;right:20px;bottom:0;left:20px}
.opmMapBVViewSingle:hover .contentHolder{background:#f9f9f9}
.opmMapBVViewSingle .header{float:left;width:100%;height:78px;text-align:center;padding:15px;border-bottom:1px solid #d7d7d7;position:relative;z-index:1}
.opmMapBVViewSingle .header > div{width:60px;height:40px;margin:0 15px;display:inline-block}
.opmMapBVViewSingle .CountInfo span{float:left;width:100%;font-size:12px}
.opmMapBVViewSingle .CountInfo span:first-child{font-size:24px}
.opmMapBVViewSingle .graph{position:relative}
.opmMapBVViewSingle .graph .container{width:100%;height:100%;position:absolute;top:-9px;left:0}
.opmMapBVViewSingle .graph img{width:100%;height:auto}
.opmMapBVViewSingle .content{position:absolute;top:78px;right:0;bottom:36px;left:0;overflow:hidden}
.opmMapBVViewSingle .content ul{float:left;width:100%;height:100%;position:relative;overflow:auto}
.opmMapBVViewSingle .content ul li{background:#fff !important;float:left;width:100%;height:auto;font-size:13px;color:#312e2e;padding:5px 10px 5px 20px;border-bottom:1px solid #e3e3e3;position:relative;cursor:pointer}
.opmMapBVViewSingle:hover .content ul li{background:#f9f9f9 !important}
.opmMapBVViewSingle .content ul li:hover{background:#fff !important}
.opmMapBVViewSingle .content ul li:before{width:8px;height:8px;content:'';margin:auto;border-radius:50%;display:inline-block;position:absolute;top:0;bottom:0;left:10px}
.opmMapBVViewSingle .content ul li span{float:left;width:65%;height:17px;text-overflow:ellipsis;overflow:hidden;padding:0 5px;white-space:nowrap}
.opmMapBVViewSingle .content ul li span:last-child{width:35%;text-align:right}
.opmMapBVViewSingle.box_bv .content ul li span i:first-child{color:#312e2e}
.opmMapBVViewSingle .content ul li span i:first-child{color:#46bb7d}
.opmMapBVViewSingle .content ul li span i:nth-child(2):before{content:'/'}
.opmMapBVViewSingle .content ul li span i.icon-trash{padding:2px 4px;margin:0 0 0 5px;opacity:0;filter:alpha(opacity=0);position:relative;right:-10px;transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.opmMapBVViewSingle .content ul li:hover span i.icon-trash{opacity:1;filter:alpha(opacity=100);right:0}
.opmMapBVViewSingle .opmMapBVViewBtn{width:100%;height:auto;font-size:12px;text-align:center;padding:10px;border-top:1px solid #d7d7d7;position:absolute;bottom:0;left:0;cursor:pointer}
.opmMapBVViewSingle:hover .opmMapBVViewBtn{background:#46bb7d}
.opmMapBVViewSingle .opmMapBVViewBtn span{padding:0 0 0 15px;margin:auto;display:inline-block;position:relative}
.opmMapBVViewSingle .opmMapBVViewBtn span:before{content:'+';color:#000;position:absolute;top:0;bottom:0;left:4px;z-index:1;display:block}
.opmMapBVViewSingle:hover .opmMapBVViewBtn span,.opmMapBVViewSingle:hover .opmMapBVViewBtn span:before{color:#fff}
.opmMapBVViewSingle.mapImg .content{bottom:0}
.opmMapBVViewSingle.mapImg .content img{width:auto;height:100%}
.opmMapBVTabNav{float:left;width:100%;max-width:1248px;height:auto;padding:1px 41px;margin:20px 0;position:relative}
.opmMapBVTabNav:before{content:'';border:1px solid #d7d7d7;position:absolute;top:0;right:40px;bottom:0;left:40px}
.opmMapBVTabNav header,.opmMapBVTabNav section{float:left;width:100%;height:auto;position:relative}
.opmMapBVTabNav header > div,.opmMapBVTabNav header > div > i,.opmMapBVTabNav header > div > i:before,.opmMapBVTabNav header > div > i:after{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMapBVTabNav header > div{background:#fff;float:left;width:25%;height:40px;font:15px RobotoSlabLight;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#585858;padding:8px 20px;border:1px solid #d7d7d7;border-top:0;border-left:0;cursor:pointer;position:relative;overflow:hidden}
.opmMapBVTabNav header > div:last-child{border-right:0}
.opmMapBVTabNav header > div > i{width:40px;height:100%;position:absolute;top:0;right:0}
.opmMapBVTabNav header > div > i:before,.opmMapBVTabNav header > div > i:after{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.opmMapBVTabNav header > div > i:before{width:1px;height:20px}
.opmMapBVTabNav header > div > i:after{width:20px;height:1px}
.opmMapBVTabNav header > div:hover i:before,.opmMapBVTabNav header > div:hover i:after,.opmMapBVTabNav header > div.active i{background:#46bb7d}
.opmMapBVTabNav header > div.active{background:#f1f1f3;font-weight:bold;color:#000}
.opmMapBVTabNav header > div.active i:before,.opmMapBVTabNav header > div.active i:after{background:#fff}
.opmMapBVTabNav section{height:300px}
.opmMapBVTabNav .opm_jqGridUI .ui-jqgrid,.opmMapBVTabNav .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
.opmMapBVTabNav .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background:#eee}
.opmMapBVTabNav .opm_jqGridUI .ui-jqgrid-pager{display:none}
.mapCountinfo{position:absolute;top:13px;right:75px;}
.mapCountinfo.edit{top:22px;right:250px}
.mapCountinfo span{margin:0 10px 0 0}
.opmMapPage .mapAddEditPageHdr{padding:13px 30px !important}
.opmMapPage .mapAddEditPageActions .selBox{position:relative;top:5px}
.opmMapPage .mapAddEditPageHdr .selBox > div,.opmMapPage .mapAddEditPageHdr .selBox > div .select2-container,.opmMapPage .mapAddEditPageHdr .selBox > div .select2-container .selection,.opmMapPage .mapAddEditPageHdr .selBox > div .select2-container .selection .select2-selection,.opmMapPage .mapAddEditPageHdr .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:23px}
.opmMapPage .mapAddEditPageHdr .selBox > div .select2-container .selection .select2-selection{padding:2px 8px}
#MapsAside .accordionDropDown .slideNav{background:#e9e9eb !important;float:left;width:100%;height:50px;max-height:50px;font:18px LatoBold !important;padding:18px 20px !important}
#MapsAside .accordionDropDown > li{height:100%}
#MapsAside .accordionDropDown > li > ul{position:absolute;top:50px;bottom:0;left:0;overflow:auto}
#MapsAside .accordionDropDown > li > ul li a{background:#f9f9fb !important;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;word-spacing: normal}
#MapsAside .accordionDropDown > li > ul li:hover a,#MapsAside .accordionDropDown > li > ul li.active a{background:#f1f1f3 !important;color:#000 !important}
.ui-widget-overlay{z-index:999}
.ui-dialog{z-index:9999}
/*#MapsSection .bottommenubar{background:none;height:60px;padding:23px 30px !important;position:absolute;top:60px;right:0;left:220px;z-index:1}
#MapsSection .bottommenubar:before{background:#efefef;height:1px;content:'';position:absolute;right:30px;bottom:0;left:30px;z-index:1}
#MapsSection .bottommenu{float:none}
#MapsSection .bottommenubar *,#floorColor{color:#000 !important}
*/#MapsSection #cameraRotationsubmenu *{color:#fff !important}
.bvBgColorIcon{float:left;width:50px;height:21px;padding:0 0px 0 0px;margin:6px 13px 0 0px}
#MapsSection .bottommenubar #myColor,#MapsSection .bottommenubar #myColor1{padding:2px;border:1px solid #ccc}
.mapRackClose{width:15px;height:15px;position:relative}
#floorDiv{position:absolute;top:50px;right:30px;bottom:0px;left:30px;overflow:hidden;z-index:0}

.opmDropDownLi{float:right;width:auto;height:50px;font:25px LatoRegular;color:#808488;padding:9px 15px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0;cursor:pointer}
.opmDropDownLi:hover,.opmDropDownLi.active{background:#45bd7d;color:#fff;padding-bottom:9px}
.opmDropDownLi ul{background:#fbfbfb;width:290px;height:auto;border:1px solid #d6d7d8;position:absolute;top:30px;right:0;z-index:1;opacity:0;filter:alpha(opacity=0);display:none;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1)}
.opmDropDownLi ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;top:-7px;right:20px;z-index:-1}
.opmDropDownLi ul li{background:#fbfbfb;float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;margin:0;position:relative;cursor:pointer}
.opmDropDownLi ul li:hover{background:#f5f5f5}
.opmDropDownLi ul li.active{cursor:default}
.opmDropDownLi ul li.active:before{font-family:fontello;content:'\e896';position:absolute;top:12px;left:15px}
.opmDropDownLi ul li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 30px;position:absolute;right:0;bottom:0;left:0}
.opmDropDownLi ul li a{float:left;width:100%;color:#808488;padding:10px 15px 10px 35px;display:block}
/*.opmMapQRCode,.opmMapQRCode:hover,.opmMapQRCode.active{background:none;float:left;width:auto;height:auto}
.opmMapQRCode{font-size:14px}
.opmMapQRCode:hover,.opmMapQRCode.active{color:#000}
.opmMapQRCode:before{font-size:12px}
.opmMapQRCode ul{top:0;right:-17px}
*/.opmDropDownLi ul li{background:none !important;border:0 !important;cursor:default !important}
/*.opmMapQRCode .opmFormHolder{padding:10px 15px 20px !important;position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important}
.opmMapQRCode .opmFormHolder{background:#fbfbfb}
.opmMapQRCode .opmFormHolder .opmFormTitle{font-size:16px}
.opmMapQRCode .opmFormHolder .opmFormRow{margin:0 !important}
.opmMapQRCode .opmFormHolder .opmFormCol{width:29.78%;margin:0}
.opmMapQRCode .opmFormHolder .opmFormCol:nth-child(2){margin:0 5.33%}
.opmMapQRCode .opmFormHolder .opmBtnHldr{width:100%;text-align:center}
.opmMapQRCode .opmFormHolder .opmFormHrLine{margin:20px 0 !important}
.opmMapQRCode .opmFormHolder .opmBtnHldr .opmBtn{float:none;margin:0 3px}
*/.mapAddEditPageHdr .opmRackDragable{float:left;margin:0 0 0 50px}
.mapAddEditPageHdr .opmRackDragable span{color:#000;position:relative;right:10px;top:5px}
.opmLayer2DeviceOptions .icon-remove{width:20px;height:20px;position:relative;top:-2px}
.opmLayer2DeviceOptions .icon-remove:before,.opmLayer2DeviceOptions .icon-remove:after{height:20px}
.opmLayer2DeviceOptions .opmLayer2Device{background:none;width:auto;height:auto;font-size:20px;padding:0 2px;margin:-4px 10px 0 15px}
.opmLayer2DeviceOptions .opmLayer2Device:hover,.opmLayer2DeviceOptions .opmLayer2Device.active{color:#000}
.opmLayer2DeviceOptions .opmLayer2Device ul{right:-15px}
.opmDropDownLi.opmLayer2Device li{background:#fbfbfb !important}
.opmDropDownLi.opmLayer2Device li:hover{background:#f5f5f5 !important}
.signOutIcon:before{transform:rotate(-90deg);font-size: 23px;}
.DIG-Graph > .DIGG-Time:first-child{z-index:99}
.netFlowDIGrid .DIG-Graph > .DIGG-Time:first-child{z-index:98}
.DIG-Graph.groupingDistribution > .DIGG-Time:first-child{z-index:96}
.DI-Grid .DIGGT-Row{z-index:9}
.AttacksSummary .DIG-Graph > .DIGG-Time:first-child {z-index:7;}

[class^='deviceInnerSlide-'] .icon-remove,[class*=' deviceInnerSlide-'] .icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}

.icon-downloadArrow{width:30px;height:30px;border-radius:50%;position:relative;clear:none;float:left;}
.icon-downloadArrow:before{background:#45bd7f;width:8px;height:13px;content:'';margin:auto;position:absolute;top:-6px;right:0;bottom:0;left:0}
.icon-downloadArrow:after{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:8px 8px 0 8px;border-top-color:#45bd7f;position:absolute;right:0;bottom:5px;left:0}
.icon-upArrow{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.icon-upArrow:before{background: #fa5b5a}
.icon-upArrow:after{border-top-color: #fa5b5a}
.internet-info .speed-info{text-align: center; cursor:pointer;}
.internet-info .speed-info h4{height:30px}
.internet-info .speed-info.speed-info-left h4{height:18px}
.internet-info .speed-info .volumeText{clear:none;float:left;padding-top: 4px;}
.internet-info .speed-info .volumeText.downText{color:#45bd7f; border-right:1px solid black; height:14px;font-size: 13px;padding-right: 5px;padding-top: 0px;}
.internet-info .speed-info .volumeText.upText{color:#fa5b5a;height:15px;font-size: 13px;margin-left: 7px;padding-top: 0px;}
.header_userProfileListHolderLatest.active div{border-bottom: 2px solid #45bd7f; height:38px;}
.opmDashboardSubLinks .title{cursor:pointer;}

.user-profile-single.disabled .disabledBox{display:visible;background-color: #FFFFFF;height: 430px;width: 100%;position: absolute;margin-top: 79px;opacity: 0.9;padding-top: 15%;text-align: center;font-size:20px;font-weight: bold;z-index: 2}

#inventoryGridStyle .gridster .gs-w[data-sizex='5']{padding:5px 10px 5px 25px}
#inventoryGridStyle .gridster .gs-w[data-sizex='5'] + .gs-w[data-sizex="5"]{padding:5px 10px}
#inventoryGridStyle .gridster .gs-w[data-col='1']{padding:5px 10px 5px 25px !important}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons{width:auto;height:100% !important;opacity:1;filter:alpha(opacity=100);position:absolute !important;top:0 !important;right:0}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons div{float:left;width:auto;height:100%}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i{float:left;padding:10px 8px}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i.widget_expand{padding:15px 8px;top:-5px !important}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i.widget_expand.oputils{display: none!important}

#inventoryGridStyle .dashboardWidgetExpandView{height:auto !important;top:95px !important;bottom:0}
#inventoryGridStyle .dashboardWidgetExpandView .dashboardWidget{padding:0 !important}
#inventoryGridStyle .dashboardWidgetExpandView .dashboardWidget > div{float:left;width:100%;position:relative}
#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI{float:left;width:100%;height:100%;padding:70px 0 0;overflow:auto}

.DI-Header .opm_statusbar{height:30px;margin:7px 10px 0}

.opm_jqGridUI.jqGridUIWordWrap .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{white-space:nowrap;text-overflow:ellipsis;overflow: hidden}
#gmapsView.endUsersMapView .topLayer{background-color: white;}

.timeFrameTitle{color:#8a8e91;font:14px LatoRegular;position:absolute;top:0;left:100px;width:150px}

.reportGraphContainer.reportWaasWidget{padding:0 30px 40px}
.reportGraphContainer.reportWaasWidget .reportGraphSingle{float:left;width:50%;padding:0 15px 0 0}
.reportGraphContainer.reportWaasWidget .reportGraphSingle:nth-child(2n){padding:0 0 0 15px}

/* .legendarea .legseries{width:100% !important;height:auto !important;max-height:none !important;text-align:center;overflow:visible !important} */
.opmSnapshotMonitor{float:left;width:50%;height:auto;padding:5px 25px 5px 10px}
.opmSnapshotMonitor:nth-child(2n){padding:5px 25px 5px 25px !important}
.opmSnapshotMonitor:nth-child(2n) .opm_widget_title{width:auto !important;right:15px;left:5px !important}

.DIGmCustomScroll{height:360px;padding:40px 0 !important;margin:0 !important;overflow:hidden !important}
.DIGmCustomScroll:before{height:auto !important;top:30px !important;bottom:30px !important}
.DIGmCustomScroll > div{float:left;width:100%;height:100%;overflow:auto}
#deviceShortSummary .DIGmCustomScroll > div{height:auto !important}

.DIGmCustomScroll1{margin:0 !important;overflow:hidden !important}
.DIGmCustomScroll1:before{height:auto !important;top:30px !important}
.DIGmCustomScroll1 > div{float:left;width:100%;height:100%;min-height:454px;overflow:auto}
/*#subnetSummary > div{overflow:hidden !important;}*/
.DIGmCustomScroll .mCSB_scrollTools,.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp,.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown{width:100% !important;display:block !important}
.DIGmCustomScroll .mCSB_scrollTools{position:static}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp,.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown{height:20px !important;position:absolute;overflow: visible;}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp{top:-30px}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown{bottom:-30px}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp:before,.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown:before{font:20px fontello;color:#d0d0d2;position:absolute;top:0;left:34%}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp:before{content:'\e8d1'}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown:before{content:'\e8d2'}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp:hover:before,.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown:hover:before{color:#000}
.DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerContainer{width:0}
.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:before,.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:before,.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:after,.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:after{width:100%;height:20px;content:'';display:block;position:absolute;top:-30px;z-index:9}
.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:after,.DIGmCustomScroll .mCSB_scrollTools[style="display: none;"]:after{top:auto;bottom:-30px}

.speedoMeterWidget{padding-top:50px !important}

#opm_dashboardExpandContainer .gs_w.gs-w.dashboardWidgetExpandView{padding:25px !important}

.nfaSemiDonut{width:190px;height:auto;display:inline-block}
.nfaSemiDonut > div{width:235px;position:relative;left:-5px}
.slideContHolder .DI-Grid .DIG-Graph{padding:20px 0 20px}
.singleUserProfile .sideDiv{background:#efefef;width:50px;height:100%;position:absolute;top:0px;right:0;opacity:0;filter:alpha(opacity=0);transition:all .2s ease .3s;-ms-transition:all .2s ease .3s;-moz-transition:all .2s ease .3s;-webkit-transition:all .2s ease .3s;-o-transition:all .2s ease .3s}
.singleUserProfile:hover .sideDiv,.singleUserProfile.selected .sideDiv{opacity:1;filter:alpha(opacity=100)}
.singleUserProfile .sideDiv i{width:100%;font-size:20px;text-align:center;color:#f00;margin: 18px 0 0}
.singleUserProfile .sideDiv .opmCheckBox{float:left;margin:15px 0 0 8px}
.singleUserProfile .opmCheckBox label:before{background:#fefefe}
#userProfileListHolder .profileListMessage{width: 100%;text-align: center;margin-top: 200px;font-size: 25px;color:#777777;}
#blipView .profileListMessage{position:absolute;width: 100%;text-align: center;margin-top: 200px;font-size: 25px;color:white;}
#userProfileListHolder .icon-downloadArrow{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(-45deg);position: absolute;top: 6px;right: 6px;animation-duration: 0.4s;animation-name: arrowMove; animation-iteration-count: infinite; animation-direction: alternate;}
.userProfileList .userProfileBtn{position:absolute;right:5px;bottom:0;z-index:1;display:none}
.userProfileList .opmBtn-red{background:#f00}
.userProfileList.userProfileBtnActive .userProfileBtn{display:block}
.singleUserProfile.selected{border-color:#bcdffd !important}
@keyframes arrowMove {
  0% {
    top:12px;
  }
  30% {
    top:10px;
  }
  60% {
    top:8px;
  }
  100% {
    top:6px;
  }
}

#inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border: 0;border-collapse: collapse;}
#inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:not(.jqgfirstrow) td:not(input[type="checkbox"]){padding-left: 10px !important;}
#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:not(.jqgfirstrow) td{padding-left: 20px !important;}

#MainNav .mCSB_scrollTools a:before{width:6px;height:6px;content:'';margin:auto;border:2px solid #ccc;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:0}
#MainNav .mCSB_scrollTools a.mCSB_buttonUp:before{border-right:0;border-bottom:0}
#MainNav .mCSB_scrollTools a.mCSB_buttonDown:before{border-top:0;border-left:0}
#MainNav .mCSB_scrollTools a.mCSB_buttonUp:hover:before,#MainNav .mCSB_scrollTools a.mCSB_buttonDown:hover:before{border-color:#fff}

#inventoryGridStyle .dashboardWidget .content .opm_jqGridUI{word-break:break-all;padding:20px 0 0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content{width:auto;height:auto;margin:auto;position:absolute;top:40px;right:0;bottom:0;left:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI{padding:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI .ui-corner-all,#inventoryGridStyle .dashboardWidget .content .opm_jqGridUI .ui-jqgrid-view{float:left;width:100%;height:100%}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv{position:absolute;top:0;left:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{margin:0;position:absolute;top:50px;right:0;bottom:30px;left:0;overflow:auto}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI .ui-jqgrid-pager{height:25px;position:absolute;bottom:0;left:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .opm_jqGridUI .ui-jqgrid-pager *{float:none}
#inventoryGridStyle .dashboardWidget .graphWidget{padding:60px 0 0 !important}
#inventoryGridStyle .dashboardWidget .graphWidget .contentRight{padding:0 10px 20px 540px !important}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv{overflow:visible}

.deviceSnapshotMonitors .title{height:85px !important}
.deviceSnapshotMonitors .deviceSlideClose{position:absolute;top:10px;right:10px;z-index:9}
.deviceSnapshotMonitors .opmMoreList .more > a{background:#e0dede;padding:5px 24px 5px 15px;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;top:60px}
.deviceSnapshotMonitors .opmMoreList .more ul{top:80px}

.deviceSnapshotMonitors .opmBtnHldrTop{top:85px;right:15px}
.deviceSnapshotMonitors .opmFormHolder{width:100%;height:auto;position:absolute;top:120px;bottom:0;overflow:auto}

.deviceSlideContainer.deviceSlideContainer1 section{top:0}
.deviceSlideContainer.deviceSlideContainer1 .deviceInnerSlide-2{background:rgba(0, 0, 0, 0.3);z-index:9}
.deviceSlideContainer.deviceSlideContainer1 .deviceInnerSlide-2 .slideContHolder{background:#fff;width:100%;max-width:80%;height:100%;position:absolute;top:0;right:0;box-shadow:-4px 3px 8px rgba(0,0,0,.3);-ms-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-webkit-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-o-box-shadow:-4px 3px 8px rgba(0,0,0,.3)}
.deviceSlideContainer.deviceSlideContainer1 .deviceInnerSlide-2.active{left:0}

#inventoryGridStyle .dashboardWidget .DIGG-Time{text-align:center}
.dispNoneImp{ display:none !important;}

.accesBelow{max-width:700px;left:auto !important;right:-710px}
body.deviceSlideDivIn-5 .accesBelow{right:0}
.deviceSlideContent .opmForm{height:100%;padding:0 30px;overflow:auto}

#peopleDashboard.opmDashboard > header{height:50px}
#peopleDashboard.opmDashboard > header:after{content:inherit;position:relative}
#peopleDashboard.opmDashboard > header:before{height:50px}
#peopleDashboard.opmDashboard > header .links a{width:145px}
#peopleDashboard.opmDashboard > header .links a > div:first-child{top:0}
#peopleDashboard.opmDashboard > header .links a > div:last-child{display:none}
#peopleDashboard.opmDashboard .opmDashboardLinks{height:50px}
#peopleDashboard.opmDashboard .dashboardSlideContent{top:50px}
#peopleDashboard.opmDashboard > section{top:50px}
#peopleDashboard.opmDashboard .peopleSearchBox{width:350px;height:35px;position:absolute;right:55px;top:8px}
#peopleDashboard.opmDashboard .peopleSearchBox input{background:none;width:100%;height:100%;font:14px/100% LatoRegular;color:#b2b2b2;padding:2px 10px 2px 40px;border:1px solid #efeff1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition: all .3s ease}
#peopleDashboard.opmDashboard .opmDashboardAddBtn{height:50px}
#peopleDashboard:before{top:0}
body[class^='slideDivIn-'] #peopleDashboard:before,body[class*=' slideDivIn-'] #peopleDashboard:before{background:rgba(0, 0, 0, 0.3);z-index:9}
#peopleDashboard.opmDashboard .peopleSearchBox,#peopleDashboard.opmDashboard .opmDashboardAddBtn{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition: all .3s ease}
body.opmDashboardMenuSmall #peopleDashboard.opmDashboard .peopleSearchBox{right:157px}
body.opmDashboardMenuSmall #peopleDashboard.opmDashboard .opmDashboardAddBtn{right:102px}
#peopleDashboard .slideContent-1 .slideContentContainer,#peopleDashboard .opmForm,#peopleDashboard .opmFormRow,#peopleDashboard .opmFormTitle{max-width:900px}

.viewIconTrend i{background:url(../../img/opm-sprites.png) no-repeat 0 0;float:left;width:22px;height:20px;margin:5px;display:inline-block;cursor:pointer}
.viewIconTrend i.icon-area{background-position:-208px -47px}
.viewIconTrend i.icon-bar{background-position:-230px -47px}
.viewIconTrend i.icon-lines{background-position:-251px -47px}
.viewIconTrend i.icon-addwidget{background-position:-71px -47px}


.triggerSlideNoHeader .triggerContent-2{top:0 !important}
.triggerSlideNoHeader .opmFormHolder{margin:0;position:absolute !important;top: 90px !important;bottom:0 !important;left:0 !important;overflow:auto}
.DeviceDetails .DI-Header .timeFilterList{float:left;width:auto;margin:0 0 0 10px;position:relative;top:11px;left:auto}
.DeviceDetails .DI-Header .timeFilterList .icon-time{float:left}
.DeviceDetails .DI-Header .timeFilterList .timeFrameTitle{float:left;width:auto;position:relative;top:2px;left:5px}

#inventoryGridStyle .dashboardWidget .DIGG-Time{text-align:center}
#inventoryGridStyle .opmSnapshotMonitor{height: 495px !important}

.diffdetailsWidget{padding-bottom:0 !important}
.diffdetailsWidget .diffdetails{float:left;width:33.33%;height:auto;font:14px LatoRegular;text-align:center;padding:110px 10px 0;position:relative;cursor:pointer}
.diffdetailsWidget .diffdetails:before{width:75px;height:75px;font:22px/73px LatoRegular;content:'';margin:auto;border-radius:50%;position:absolute;top:-10px;right:0;bottom:0;left:0}
.diffdetailsWidget .addedlines:before{background:#c5eeaf;content:attr(data-count)}
.diffdetailsWidget .modifiedlines:before{background:#bac1ff;content:attr(data-count)}
.diffdetailsWidget .deletedlines:before{background:#fac1c1;content:attr(data-count)}

.opm_jqGridUI.nodata{padding: 0 !important}

#inventoryGridStyle .content .opmForm{max-width:inherit !important;padding:25px 0;}
#inventoryGridStyle .content .opmForm .configcontent{font:11px Verdana, Arial, Helvetica, sans-serif !important}

.configVersion .diffdetailsWidget{text-align:center;position:absolute !important}
#ContentHolder .configVersion .diffdetailsWidget{position:relative !important}
.configVersion .diffdetailsWidget.summary{padding:0 0 0 540px;}
.configVersion .diffdetailsWidget > div{width:360px;margin:13px 120px;display:inline-block}
.configVersion .diffdetailsWidget > div .opm_widget_title{background:none !important;float:left;width:100% !important;height:auto !important;padding:0 !important;position:relative !important}#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-hdiv{overflow:visible}

.opm_deviceView .invenAddIcon{font-size: 22px;color:#9f9f9f;padding:0 3px}
.opm_deviceView .invenAddIcon:hover{color:#000;}

.opmInventoryList.active > div{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmInventoryList.active > div.active:before{width:4px;height:9px;content:'';margin:auto;border:2px solid #3f3f3f;border-bottom:0;border-left:0;position:absolute;top:0;right:25px;bottom:0;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg)}

body[class^='deviceSlideDivIn-'] .DI-Header:before,body[class*=' deviceSlideDivIn-'] .DI-Header:before,.DI-Header.disabled:before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:99999}

.opmInventoryHolder .AETIDFilter{right:50px}
.opmInventoryHolder .invenAddIcon,.BarHolder .invenAddIcon{width:50px;height:40px;margin:0;position:absolute;top:-8px;right:-50px !important;left:auto !important;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmInventoryHolder .invenAddIcon:before,.opmInventoryHolder .invenAddIcon:after,.BarHolder .invenAddIcon:before,.BarHolder .invenAddIcon:after,.opmDashboard > header .opmDashboardAddBtn:before,.opmDashboard > header .opmDashboardAddBtn:after{background:#9f9f9f;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmInventoryHolder .invenAddIcon:before,.BarHolder .invenAddIcon:before,.opmDashboard > header .opmDashboardAddBtn:before{width:1px;height:20px}
.opmInventoryHolder .invenAddIcon:after,.BarHolder .invenAddIcon:after,.opmDashboard > header .opmDashboardAddBtn:after{width:20px;height:1px}
.opmInventoryHolder .invenAddIcon:hover,.BarHolder .invenAddIcon:hover{background:#49bd80}
.opmInventoryHolder .invenAddIcon:hover:before,.opmInventoryHolder .invenAddIcon:hover:after,.BarHolder .invenAddIcon:hover:before,.BarHolder .invenAddIcon:hover:after{background:#fff}
.opmInventoryHolder .AETIDHeader .viewType{right:76px}

#AlrmEvtTrapInvDev .Options{height:40px}
#AlrmEvtTrapInvDev .Options i:before{top:0 !important}
#AlrmEvtTrapInvDev .Options i.icon-remove:before,#AlrmEvtTrapInvDev .Options i.icon-remove:after{top:11px !important;left:20px !important}

.dashboardWidgetIcons .widgetchkRoundBtn{float:left;width:auto !important;margin:0 5px 0 0}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn input{position:absolute !important;top:0;right:0;bottom:0;left:0;z-index:9}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label{background:none;width:auto;height:auto;font:15px LatoRegular;padding:5px 50px 5px 5px;border:0}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label:before{background:#fff;top:2px;right:22px;left:auto;z-index:1}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label:after{background:#fff;width:42px;height:22px;content:'';border:1px solid #EAEAEA;border-radius:15px;display:block;position:absolute;top:0;right:0}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn input:checked + label:before{right:1px}
.dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn input:checked + label:after{background:#45bd7f}
.dashboardWidgetIcons .selBox{float:left;min-width:130px !important;padding:8px 0;margin:0 10px}
.dashboardWidgetIcons .selBox > div,.dashboardWidgetIcons .selBox > div .select2-container,.dashboardWidgetIcons .selBox > div .select2-container .selection,.dashboardWidgetIcons .selBox > div .select2-container .selection .select2-selection,.dashboardWidgetIcons .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:23px}
.dashboardWidgetIcons .selBox > div .select2-container .selection .select2-selection{padding:2px 35px 2px 8px;width:auto;height:auto}
.dashboardWidget .opm_widget_title .dashboardWidgetIcons div{width:auto;height:25px}
/*IPMI Widget popup menu fix*/
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons{height:25px;overflow: visible;}

.netFlowDeviceSummary,.netFlowDeviceSummary .graph,.netFlowDeviceSummary .list{float:left;width:100%;height:auto;position:relative}
.netFlowDeviceSummary .graph .single{float:left;width:25%;height:auto;text-align:center;position:relative}
.netFlowDeviceSummary .graph .single .tick{width:12px;height:0;margin:auto;position:absolute;top:0;right:0;left:0}
.netFlowDeviceSummary .graph .single .tick:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:6px;left:0;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.netFlowDeviceSummary .graph .single.active .tick:before{border-color:#000;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.netFlowDeviceSummary .graph .single .info{margin:20px 0 30px}
.netFlowDeviceSummary .graph .single .info i{width:100%;height:auto;font:14px RobotoSlabRegular;display:block}
.netFlowDeviceSummary .graph .single .info i:first-child{font-size:27px}
.netFlowDeviceSummary .graph .single .bar{background:#f5f5f6;width:40px;height:140px;margin:auto;position:relative;display:inline-block}
.netFlowDeviceSummary .graph .single .bar i{background:#509bed;width:100%;height:0;position:absolute;bottom:0;left:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
/*.netFlowDeviceSummary .list{}*/

.opmSettingsContainer{background:#fff;width:0;height:100%;font:14px LatoRegular;color:#000;opacity:0;filter:alpha(opacity=0);position:fixed;top:0;left:40px;z-index:9;cursor:default;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);overflow:hidden}
.opmSettingsDropDown.active .opmSettingsContainer{opacity:1;filter:alpha(opacity=100)}
.opmSettingsContainer .content.btn{width:490px;height:100%;position:absolute;top:0;left:0;overflow:auto;padding:0;}
.opmSettingsContainer .content header{background:#45b87b;float:left;width:100%;height:50px;font:20px LatoRegular;color:#fff;padding:12px 30px;position:relative}
.opmSettingsContainer .content header i.icon-remove{position:absolute;top:12px;right:10px;cursor:pointer}
.opmSettingsContainer .content header i.icon-remove:before,.opmSettingsContainer .content header i.icon-remove:after{background:#efefef}
.opmSettingsContainer .content header i.icon-remove:hover:before,.opmSettingsContainer .content header i.icon-remove:hover:after{background:#fff}
.opmSettingsContainer .content section{background:#f6f6f6;width:180px;margin:0;position:absolute;top:50px;right:0;bottom:0;left:0;overflow:auto}
.opmSettingsContainer .content.btn ul,.opmSettingsContainer .content.btn .opmSettingsDropDownMenu,#customLinksDiv ul,#customLinksDiv .customLinksSubMenu{float:left;width:100%;height:auto}
.opmSettingsContainer .content.btn li,#customLinksDiv li{float:left;width:100%}
.opmSettingsContainer .content.btn li a,#customLinksDiv li a{float:left;width:100%;font:14px LatoRegular;text-align:left;word-wrap:break-word;color:#000;padding:10px 20px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmSettingsContainer .content.btn li a > i{font-size:10px;color:#747576;display:inline-block}
.opmSettingsContainer .content.btn section > ul > li:hover > a:not(.opmSignOut),.opmSettingsContainer .content.btn section > ul > li > ul > li:hover > a,.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu b:hover{background:#ededed}
.opmSettingsContainer .content.btn li a.active,#customLinksDiv li a.active{background:#ededed;cursor:default}
.opmSettingsContainer .content.btn li a.opmSignOut{background:#fa5b5a;color:#fff;text-align:center}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu,#customLinksDiv li.customLinksSubMenu{padding:0}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu b,#customLinksDiv li.customLinksSubMenu b{float:left;width:100%;height:auto;padding:8px 20px;position:relative;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu b:before{content:'+';position:absolute;top:8px;right:10px}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu b.down:before{content:'-'}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu ul,#customLinksDiv li.customLinksSubMenu ul{width:100%;height:auto;max-height:232px;overflow:auto}
.opmSettingsContainer .content.btn li.opmSettingsDropDownMenu a{padding:8px 20px 8px 30px}
.opmSettingsContainer .content.details{width:310px;margin:0 0 0 180px;position:absolute;top:50px;right:0;bottom:0;left:0;overflow:auto}
.opmSettingsContainer .content.details section{background:#fff;width:100%;top:0}
.opmSettingsContainer .content.details .content,.opmSettingsContainer .content.details .opmFormHolder,.opmSettingsContainer .content.details .opmForm,.opmSettingsContainer .content.details .opmForm > div{position:absolute;top:0;right:0;bottom:0;left:0}
.opmSettingsContainer .content.details .opmForm > div{padding:30px;overflow:auto}
.opmSettingsContainer .content .opmForm .opmFormCol{width:100%}
.opmSettingsContainer .content .opmForm .opmFormCol input,.opmSettingsContainer .content .opmForm .opmFormHrLine{filter:alpha(opacity=30)}
.opmSettingsContainer .content .opmForm .opmFormCol input:hover,.opmSettingsContainer .content .opmForm .opmFormCol input:focus{opacity:1;filter:alpha(opacity=100)}
.opmSettingsContainer .settingsInfoMssg {top:50px;width:100%;position:absolute;padding:10px 8px; background:#f6f6f6;border-bottom:1px solid #d4d4d4;}
.opmSettingsContainer .settingsInfoMssg + .content.btn>section, .opmSettingsContainer .settingsInfoMssg + .content + .content.details {top:130px}
#customLinksDiv li a{width:auto;max-width:100%;color:#006cff}
#customLinksDiv li a:hover{text-decoration:underline}
#customLinksDiv li.customLinksSubMenu a{padding:8px 20px 8px 40px}
#customLinksDiv li.customLinksSubMenu b{font-family:LatoBold;cursor:default}
.menuOption,.snapshotOption{float:left;width:100%;height:auto;position:relative}
.menuOption .opmRadioBtn,.snapshotOption .opmRadioBtn{clear:both;margin:0 !important}
#menuView,#menuViewImg{background-repeat:no-repeat;background-position:center;width:91px;height:316px;position:absolute;top:70px;right:0}
#menuViewImg{transform:scale(.8);right:-10px}
#menuView.iconOnly,#menuViewImg.iconOnly{background-image:url(../../img/settings/icon-only.jpg)}
#menuView.iconWithLabel,#menuViewImg.iconWithLabel{background-image:url(../../img/settings/icon-with-label.jpg)}
#menuHorizontalView{width:100%;height:50px;position:absolute;top:50px;left:0;overflow:hidden}
.menuOption .opmRadioBtn input:disabled + label{color:#909090}

#autoRefreshDiv .menuOption{text-align:center}
#autoRefreshDiv .opmFormCol > label{float:none;width:auto;display:inline}
#autoRefreshDiv .chkRoundBtn{margin:0 0 0 10px;display:inline-block;position:relative;top:6px}
#autoRefreshDiv .opmFormCol label > input{float:none;width:50px;margin:0 5px 0 0;opacity:1;text-align:center;filter:alpha(opacity=100)}
#autoRefreshDiv .refreshInfo{color:#8b8b8b;position:absolute;right:0;bottom:-40px;left:0;font-size: 13px}
#autoRefreshDiv .opmFormHrLine{margin:25px 0 30px}

.fieldDisabled{color:#ccc;opacity:.7;filter:alpha(opacity=70)}
#searchSettingsDiv .chkRoundBtn{margin:0 5 0 0px;display:inline-block;position:relative;top:6px}
#searchSettingsDiv .opmFormCol > label{float:none;width:auto;margin:0 0 0 5px;display:inline;}
/*#searchSettingsDiv .opmFormCol label > input{float:none;width:50px;margin:0 0 0 10px;opacity:1;filter:alpha(opacity=100)}*/
#snapshotPageView{background-repeat:no-repeat;background-position:center;clear:both;width:384px;height:319px;background-size:100%}
#snapshotPageView.singlePage{background-image:url(../../img/settings/snapshot-single-page.jpg)}
#snapshotPageView.multiTabPage{background-image:url(../../img/settings/snapshot-Tab-page.jpg)}

#changePasswordDiv{padding:30px}

#languageDiv .opmFormRow{margin:0 0 5px}

.netFlowDeviceSummary .list{margin:30px 0 0}
.netFlowDeviceSummary .list .ui-widget-content{margin:0 0 10px;border:0}
.netFlowDeviceSummary .list .ui-jqgrid-btable tr:first-child,.netFlowDeviceSummary .list .ui-jqgrid-hdiv,.netFlowDeviceSummary .list .ui-jqgrid-btable td:first-child:before,.netFlowDeviceSummary .list .ui-jqgrid-btable td:nth-child(2):before,.netFlowDeviceSummary .list .ui-jqgrid-btable td:last-child:before{display:none}
.netFlowDeviceSummary .list .ui-jqgrid-btable tr{background:none !important;float:left;padding:0 !important;margin:0 0 10px !important;border:0 !important;display:block;width:100%;}
.netFlowDeviceSummary .list .ui-jqgrid-btable td{float:left;font: 13px LatoRegular;color:#555555;padding:0 8px 0;margin:0 0 2px;border:0 !important;display:block !important;position:relative !important}
.netFlowDeviceSummary .list .ui-jqgrid-btable td:before{width:1px;height:15px;content:'';border-right:1px solid #dbdbdb;position:absolute;top:0;right:0}
.netFlowDeviceSummary .list .ui-jqgrid-btable td:first-child{padding:0 0 0 8px}
.netFlowDeviceSummary .list .ui-jqgrid-btable td:nth-child(2){font-family:LatoBold}
.netFlowDeviceSummary .list .ui-jqgrid-btable td:nth-child(3){clear:both;float:left}
.netFlowDeviceSummary .list .ui-pg-selbox{margin:0}

.dashboardInventory .dialHolder{float:left;margin:0}
.noDialIcon .donutTextDiv{top:95px}
.noDialIcon .donutTextDiv:after{display:none}
.noDialIcon .donutTextDiv:before{-54px}


.shortSummary .StatusColor{margin:0}
.shortSummary .DIGmCustomScroll{padding:15px !important}
#deviceShortSummary.shortSummary .DIG-List{margin:0 0 20px !important}
#deviceShortSummary.shortSummary .DIG-List:before{top:15px !important;bottom:15px !important}
#deviceShortSummary.shortSummary .DIGmCustomScroll .DIGL-Row > div:first-child{font-weight:bold;color:#000}
#deviceShortSummary.shortSummary .DIGmCustomScroll .DIGL-Row > div{text-align:left;color:#615F5F}
#deviceShortSummary.shortSummary .DIGmCustomScroll .DIGL-Row > div:last-child i{float:left;left;width:auto !important;padding:5px 5px 5px 1px;position:relative;top:-7px}
.DIGmCustomScroll .DIGL-Row > div [class^='icon-'] + span,.DIGmCustomScroll .DIGL-Row > div [class*=' icon-'] + span{float:left;margin:0 5px 0 0}
.shortSummary .contentRight{float:left !important;padding:0 !important}
.shortSummary .contentLeft{width:100% !important}
.popoutImg{background:url(../../img/opm-sprites.png) no-repeat -238px -135px;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;display:block}

#peopleDashboard.opmDashboard .recentUsersList ul{width:100%;height:auto;display:flex;flex-direction:column-reverse;cursor:pointer;}
#peopleDashboard.opmDashboard .recentUsersList ul li{margin-left: 15px;margin-right: 15px;border-bottom: 1px solid #EEEEEE;height: 92px;position: relative;}
#peopleDashboard.opmDashboard .recentUsersList ul li > div{position: absolute;top: 0;left: 0px;}
#peopleDashboard.opmDashboard .recentUsersList ul li .usersText{padding-top: 5px; height:80px;width: 100%;padding-left: 75px;}
#peopleDashboard.opmDashboard .recentUsersList ul li .usersText > div{margin-bottom: 1px;}
#peopleDashboard.opmDashboard .recentUsersList ul li .usersText .title{font-size: 17px;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 3px;overflow:hidden}
#peopleDashboard.opmDashboard .recentUsersList ul li .usersText .cTime,#peopleDashboard.opmDashboard .recentUsersList ul li .usersText .apName,#peopleDashboard.opmDashboard .recentUsersList ul li .usersText .mail{color:gray;font-size: 13px;}
#peopleDashboard.opmDashboard .recentUsersList ul li img{border-radius: 50%; height:60px; width:60px;margin-top: 15px;}
#peopleDashboard.opmDashboard .slideContent, #peopleDashboard.opmDashboard .dashboardSlideContent{z-index:100; }

.dial-info .maxLimit{position: absolute;bottom: 0;right: 10px;text-align: right;color: #bbc9d2;}

.vmAction{float:left}
.vmAction >  i{float:left;margin-right:5px;}
.vmAction >  span{float:left;}
.icon-stop{width:20px;height:20px;border:1px;display: block; solid #efefef;position:relative}
.icon-stop:before{background:#f00;width:9px;height:9px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.icon-start{width:20px;height:20px;border:1px solid #efefef;display:block;position:relative}
.icon-start:before{width:20px;height:20px;font:18px fontello;content:'\e8cf';color:#49bd80;padding:0;margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.DeviceDetails .DI-Options i.icon-thumbs-down:before{background:url(../../img/samples/icons/icon-thumbsup.png) no-repeat center/18px auto !important;width:24px;height:22px;content:'';position:relative;top:-1px}
.DeviceDetails .DI-Options i.icon-thumbs-up:before{background:url(../../img/samples/icons/icon-thumbsup-2.png) no-repeat center/18px auto;width:24px;height:22px;content:'';position:relative;top:-1px}

#AlrmEvtTrapInvDev #EventList .AETIDHeader:after{top:10px}
#AlrmEvtTrapInvDev.Colored .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top:0}

.infrasnapWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{cursor: pointer !important;}

#filterDataBy .icon-remove{top:5px !important}

.icon-left-open,.icon-right-open{width:33px;position:relative}
.icon-left-open:before,.icon-right-open:before{width:12px;height:12px;content:'';margin:auto;border:1px solid #ccc;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:0}
.icon-left-open:before{border-top:0;border-right:0;left:10px}
.icon-right-open:before{border-bottom:0;border-left:0;right:10px}
.icon-left-open:hover:before,.icon-right-open:hover:before,.icon-left-open.active:before,.icon-right-open.active:before{border-color:#000}

.gridNoData .FilterAccordionContainer:before{background:#fbfbfb;width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:9}
.gridNoData .ui-corner-all{border:0 !important}
.gridNoData .ui-jqgrid-hdiv{top:68px !important}

.DI-Header .timeFilterList i.icon-time{width:18px;height:18px;top:2px}
.opmDashboard .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable,#ccTvContent .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0;border-collapse:collapse;}

#inventoryGridStyle .dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label{padding:9px 50px 5px 5px}
#inventoryGridStyle .dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label:before{top:9px}
#inventoryGridStyle .dashboardWidgetIcons .widgetchkRoundBtn .chkRoundBtn label:after{top:7px}

.opmInventoryList.OpUtils:before,.opmInventoryList.OpUtils:after{display:none}
.opmInventoryList.OpUtils > div{text-align:center;padding:18px 20px;cursor:default}
.opmInventoryHolder .AETIDHeader .timeFilterList{float:left;width:auto;height:100%;padding:9px 0px 11px;position:relative;top:auto;left:auto;display:inline-block}
.opmInventoryHolder .AETIDHeader .timeFilterList .icon-time{width:20px;height:20px !important;position:relative}
.opmInventoryHolder .AETIDHeader .Options.multipleDevices .timeFilterList .icon-time:before{top:-16px !important;left:-1px}
.oputilspingtimeint ul li{background:#eaeaea;width:120px;height:auto;font:normal 12px LatoRegular;padding:10px 12px;margin:10px 13px;cursor:pointer;display:inline-block;text-align:center;}
.oputilspingtimeint ul li.active{background:#40bc7d;color:#fff;cursor:default}
.emptyWid, .deviceNotSupport{ text-align:center; padding:10px; display:none; }
.emptyWid p, .deviceNotSupport p{ margin-bottom:20px;}
.addWidBtn{ background-color:#7ea23f; border-radius:4px; color:#FFF !important; padding:8px 15px; font-size:16px; font-weight:100; float:left; }
.compWelContInner{ width:80%; margin:auto;}
.compWelCont{ background-color:#ededed; height:210px;  width:92%; margin:0px auto 20px; display:inline-block;}
.compWelImg{ float:left; width:200px; width: 120px; margin-left: 40px; }
.compWelTitle{ float:left; text-align:left;}
.compWelTitle h2{ font-size:20px; font-weight:100; margin:0; margin-top:30px;}
.compWelTitle p{ margin:0px; color:#878787; }
.complianceWelDiv{ height: 130px; width: 88%; margin: 30px auto 0px;}
.compWelAct{ border-right:1px solid #DDD; height:80px; width:40%; margin-top:30px; height: 150px; padding: 4px 60px; float:left;}
.compWelAct p{ text-align:left; clear: left; margin-top:20px; float: left;}
.welcontDesc{ text-align:left; float:left; margin-top:30px;}
.welcontDesc ol li{ line-height:24px !important; list-style-type: decimal;}
.icon-arrow-rt-round{background:#f0f0f0;width:22px;height:22px;border:1px solid #dcdcdc;border-radius:50%;display:inline-block;position:absolute;top:6px;left:6px;z-index:9}
.icon-arrow-rt-round:before,.icon-arrow-rt-round:after{margin:auto;content:'';position:absolute;top:0;bottom:0}
.icon-arrow-rt-round:before{height:0;border:1px solid transparent;border-width:6px 0 5px 5px;border-left-color:#000;top:-1px;right:3px}
.icon-arrow-rt-round:after{background:#000;width:8px;height:6px;right:7px}
.ui-subgrid .opm_jqGridUI{padding:0 !important}

#peopleDashboard .icon-filter{background: url(../../img/samples/icons/icon-filter.png) no-repeat;width: 18px;height: 18px;display: inline-block;position: absolute;top: 15px;right:65px;cursor:pointer;}
.apList{width:100%;}
.apList .searchBox{width:100%;}
.apList .searchBox .searchProfile{margin: 1px 20px 0!important;width: 320px!important;}
.apTable #apTableList{padding-top: 45px;padding-left: 20px;}
.apTable #apTableList li{margin-top: 15px;margin-bottom: 15px;height: 35px;width: 320px;background-color: #F8F8F8;padding-top: 8px;padding-left: 15px;cursor:pointer;border-left: 2px solid #838487}
.apTable #apTableList li:hover, .apTable #apTableList li.checked{border-left: 2px solid #49bd80}
.apTable #apTableList li .checkIcon{position: relative;float: right;background-color: #D7D7D7;height: 35px;top: -8px;width: 35px;}
.apTable #apTableList li .checkIcon i{position: absolute;top: 6px;right: 11px;font-size: 19px;color:white;}
.apTable #apTableList li:hover .checkIcon, .apTable #apTableList li.checked .checkIcon{background-color:#49bd80;}
.apTable #apTableList li.checked:hover .checkIcon{background-color: #FF5252}
.apTable #apTableList li.checked:hover .checkIcon i.icon-uni2713{display:none;}
.apTable #apTableList li.checked:hover .checkIcon i.icon-uni2715{display:block!important;}

.FilterAccordionContainer .AttacksFilter{width:22px;height:22px;position:absolute;top:10px;left:20px;z-index:99;}
.AttacksFilter i.icon-filter{width:25px;height:25px;display:inline-block;position:relative;top:1px;cursor:pointer;}

.configDiff,.configDiff .diffdetailsWidget,.configDiff .opmForm .opmFormCol{float:left;width:100%;height:auto;font: 13px LatoRegular;}
.configDiff .opmForm{padding:15px 20px 0}
.configDiff .opmForm .title{clear:both;float:left;width:100%;max-width:700px;height:auto;font-family:LatoBold;margin:10px 0;position:relative}
.configDiff aside{background:rgba(242,242,242,.7);width:310px;height:auto;position:absolute;top:41px;bottom:0;left:0;overflow:auto}
.configDiff aside .opmRadioBtn div{padding:0 0 0 35px}
.configDiff aside .opmRadioBtn + .opmRadioBtn{margin:0 0 0 5px}
.configDiff section{width:auto;padding:15px;border-left:1px solid rgba(232,232,232,.8);position:absolute;top:41px !important;right:0;bottom:0;left:310px;overflow:hidden}
.configDiff .DI-DiffListHdr{float:left;width:100%;height:auto;position:relative}
.configDiff .DI-DiffListHdr div{float:left;width:50%;height:auto;font:13px LatoBold;padding:5px 20px}
.configDiff .diffdetailsWidget{background:#f5f6f8;margin:0 0 20px;border-bottom:1px solid #e1e1e1;position:relative;top:auto !important;right:auto;bottom:auto;left:auto}
.configDiff .diffdetailsWidget > div.title{float:left;font:16px LatoBold;padding:10px 20px}
.configDiff .diffdetailsWidget > div{float:right}
.configDiff .diffdetailsWidget > div:last-child{width:auto;margin:13px 30px 0;display:inline-block}
.configDiff .diffdetailsWidget .diffdetails{width:auto;text-align:left;padding:0 10px 0 30px;cursor:pointer}
.configDiff .diffdetailsWidget .diffdetails:before{width:20px;height:20px;margin:0;border-radius:0;top:-3px;right:auto;bottom:auto;left:0}
.configDiff .diffdetailsWidget .diffdetails:after{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:8px;left:4px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.configDiff .diffdetailsWidget .diffdetails.active:after{border-color:#000;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.configDiff .diffdetailsWidget .diffdetails i:before{content:'('}
.configDiff .diffdetailsWidget .diffdetails i:after{content:')'}
.configDiff .enableDisableBtn{width:210px;height:30px;margin:0;position:relative;top:5px;display:inline-block}
.configDiff .enableDisableBtn label:before{background:#5ace91}
.configDiff .enableDisableBtn i{padding:6px 20px}
.configDiff .configDiffActions{float:right;width:auto;height:40px;display:inline-block;position:relative;top:3px;cursor:pointer}
.configDiff .configDiffActions i{height:100%;display:inline-block}
.configDiff .opmFormRow{margin:0 0 12px !important}
.configDiff .icon-left-open:before,.configDiff .icon-right-open:before{top:-7px}
.configDiff .icon-remove{margin:0 15px 0 -5px;position:relative;top:4px;right:auto}
.configDiff .DI-Diff{width:auto;height:auto !important;position:absolute;top:65px;right:15px;bottom:0;left:15px;overflow:auto}
.searchConfigResult .DI-Diff:before{background:none !important}
.searchConfigResult .DI-Diff{top:0}
.configDiff .DI-DiffList{float:left;width:100%;height:100%;padding:0;overflow:auto}
.configDiff .DI-DiffRow{float:left;width:100%;min-height:23px;height:auto;font:11px LatoRegular;padding:0 0 0 40px;position:relative;display:block}
.configDiff .DI-DiffRow:before{width:40px;height:auto;line-height:23px;content:attr(data-lineno);position:absolute;top:0;left:0}
.configDiff .DI-DiffRow > div{width:100%;min-height:23px;height:auto;display:table}
.configDiff .DI-DiffRow > div > div{width:50%;min-height:23px;height:auto;padding:5px 10px;display:table-cell}
.configDiff .DI-DiffRow > div > div pre{white-space:pre-wrap;word-break:break-all}
.configDiff .DI-DiffRow .diffModifiedLine:last-child,.configDiff .DI-DiffRow .diffDeletedLine:last-child,.configDiff .DI-DiffRow .diffNewLine:last-child,.configDiff .DI-DiffRow .diffNormalLine:last-child{border-left:1px solid #e1e1e1}
.configDiff .DI-DiffRow .diffModifiedLine{background:#bac1ff;word-break:break-all}
.configDiff .DI-DiffRow .diffDeletedLine{background:#fac1c1;word-break:break-all}
.configDiff .DI-DiffRow .diffNewLine{background:#c5eeaf;word-break:break-all}
.configDiff .DI-DiffRow .diffNormalLine{background:#fff;word-break:break-all}
.tl-timemarker .tl-timemarker-content-container{border:none!important;border-radius: 0px!important;color:black;border-left: 1px solid black!important;border-right: 1px solid black!important}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content{background-color: #49bd80}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container{border-radius:0px!important;border:none;}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-text h2.tl-headline{color:white!important;}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-text h2.tl-headline{color:black;}
.tl-timenav{background-color: #F5F6F8}


.ipslaSlide{width:100%;height:100%;position:absolute;top:0;left:100%;z-index:10;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.ipslaSlideContainer{background:#fff;float:right;width:100%;max-width:100%	;height:100%;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);position:relative}
.ipslaSlideContainer > header{float:left;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.ipslaSlideContainer > header i.icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}
.ipslaSlideContainer > header i.icon-remove:hover{color:#000}
.ipslaSlideContainer > section{margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.ipslaSlideContainer > section .slideContHolder{float:left;width:100%;height:auto;margin:0 0 30px}
.ipslaSlideContainer > section .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.ipslaSlideContainer > section .slideContHolder .opmForm{padding:0 30px}
.ipslaSlideContainer section .fixedFooter.fixed-bottom {width:calc(100% - 350px) !important;}
body.ipslaSlideIn .ipslaSlide{left:0}
.DIGLtitle{float:left;width:100%;height:auto;font:14px LatoBold;margin:20px 0}

.opmAddDevice{float:right;width:50px;height:60px;margin:0 0 0 -10px !important;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:-20px;right:-15px}
.opmAddDevice:before,.opmAddDevice:after{background:#9f9f9f;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmAddDevice:before{width:2px;height:20px}
.opmAddDevice:after{width:20px;height:2px}
.opmAddDevice:hover{background:#49bd80 !important}
.opmAddDevice:hover:before,.opmAddDevice:hover:after{background:#fff}
.SpeedoMeter svg{overflow:hidden}
.opmInventoryHolder .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove):before, #DeviceList .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove):before {position: absolute !important;margin-top:13px;}
.opmInventoryHolder .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove):after, #DeviceList .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove):after {margin-top:18px;}
.opmInventoryHolder .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove), #DeviceList .AETIDHeader .Options i.icon-plus.no-relative:not(.icon-remove){top : 2px;}

.DIGG-Dials.DIGG-Time .dialcounter > div{padding:25px 0}
.posiBottom30 { bottom: 30px !important; }


.dashboardWidget .opm_widget_title .selBox > label{float:left;width:auto;margin:2px 5px 0 0;display:inline-block}
.dashboardWidget .opm_widget_title .selBox{min-width:initial !important}
.dashboardWidget .opm_widget_title .selBox > div{width:auto !important}
.dashboardWidgetExpandView .contentRight{position:absolute !important}
.dashboardWidgetExpandView .contentRight.gridPdf{padding:20px 40px 20px 540px !important}
#inventoryGridStyle .dashboardWidgetExpandView .content{padding:20px}
#inventoryGridStyle .noBackground{background:none !important}
#inventoryGridStyle .noBackground .dashboardWidgetIcons i{background:none}

.nfaDevEdit:before{margin-top:3px;}
.opmBtnTrashIcon:before{left:11px!important;}
/* Iframe Css */
body.tpwover{padding-top: 0px;}
body.tpwover .topWhiteBorder{margin-top: 0px;width:100%;}

#cctvCreatePg .criteriaOptionsHolder{width:100%;height:200px;overflow:auto;overflow-x:hidden;position:relative}
#cctvCreatePg .criteriaOptionsHolder .opmAccHdr{padding:5px 35px 5px 45px}
#cctvCreatePg .criteriaOptionsHolder .opmAccHdr:after{right:12px}
#cctvCreatePg .criteriaOptionsHolder .opmAccHdr .opmCheckBox input{left:-9px}
#cctvCreatePg .criteriaOptionsHolder .opmAccHdr .opmCheckBox label:before{left:0}
#cctvCreatePg .criteriaOptionsHolder .opmAccHdr .opmCheckBox label:after{left:3px}
#cctvCreatePg .criteriaOptionsHolder .opmCheckBox div{padding:0 0 0 35px}
#cctvCreatePg .criteriaOptionsHolder li{padding:5px 15px 5px 35px}
#cctvCreatePg .criteriaOptionsHolder li input{width:35px;left:-14px}
#cctvCreatePg .criteriaOptionsHolder li label{padding:0}
/*#cctvCreatePg .criteriaOptionsHolder li label:before{left:0 !important}
#cctvCreatePg .criteriaOptionsHolder li label:after{left:8px} */
#cctvCreatePg .criteriaOptionsHolder li .opmCheckBox i{top:-5px;bottom:-4px}

.opmVmWareMap{margin:auto;position:absolute;top:70px;right:30px;bottom:0;left:30px}
.opmVmWareMap #resizeDiv{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}

.SearchClose{width:auto;height:100%;position:absolute;top:0;right:0}
.SearchClose a{float:left;width:auto;height:100%;padding:17px 15px;position:relative;display:inline-block;cursor:pointer}
.SearchClose a,.SearchClose a:before,.SearchClose a:after{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.SearchClose a.icon-search-1:before{font:22px fontello;content:'\e8d6';color:#808488}
.SearchClose a:hover{background:#45bd7d;color:#fff}
.SearchClose a:hover:before{color:#fff}
.SearchClose a.icon-remove{width:50px}
.SearchClose a.icon-remove:before,.SearchClose a.icon-remove:after{margin:auto;left:0}
.SearchClose a.icon-remove:hover:before,.SearchClose a.icon-remove:hover:after{background:#fff}
.SearchClose a.icon-search-1{width:50px}
.SearchClose a.icon-search-1:before{background:url(../../img/opm-sprites.png) no-repeat -257px -240px;width:21px;height:22px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.SearchClose a.icon-search-1:hover:before{background-position:-278px -240px}


.DI-Header h2 .selBox{float:left;width:200px;margin:5px 10px 0}
.DI-Header h2 .selBox .select2-container,.DI-Header h2 .selBox .select2-container .selection,.DI-Header h2 .selBox .select2-container .select2-selection,.DI-Header h2 .selBox .select2-container .select2-selection .select2-selection__rendered{width:100% !important;max-width:100% !important}
.DI-Header h2 .selBox span{width:100%;margin:0}

.opmInventoryHolder.listIcons.hideSortFilter .AETIDHeader .viewType{right:55px}
.opmInventoryHolder.hideSortFilter .AETIDFilter{right:0}
.opmInventoryHolder.hideSortFilter .AETIDFilter > i:not(.icon-plus){display:none}
.opmInventoryHolder.hideSortFilter .AETIDFilter .invenAddIcon{top:-20px;left:-50px !important}

.Options i.ping.disabled{opacity:0.1}
.Options i.traceRoute.disabled{opacity:0.1}
.DIGmCustomScroll .opm_widget_title{z-index:0 !important}


#hardwareDetails > section{float:left;width:100%;height:500px;margin:0 0 20px;position:relative}
#hardwareDetails > section .DIG-List{position:absolute;top:0;left:0;z-index:1}
#hardwareDetails > section .DIG-Graph{float:left;width:100%;height:100%;padding:20px 30px 0 560px !important}
#hardwareDetails .opm_jqGridUI{float:left;width:100%;height:auto;padding:0 30px}
#hardwareDetails .opm_widget_title{width:100%;height: 40px;font:16px LatoBold;text-align:left;padding:10px 20px}
#hardwareDetails .dashboardWidgetIcons{width:auto;height:100% !important;opacity:1;position:absolute !important;top:0 !important;right:0}
.BarHolder.AddCategory{text-align:left;padding:0 20px}

.BarHolder.AddCategory > div{float:left;width:100%;height:auto;padding:10px 20px;border-bottom:1px solid #e8e9eb;position:relative;cursor:pointer;font-weight: bold;}
.BarHolder.AddCategory > div:hover i:before,.BarHolder.ProductCustomScroll.active.AddCategory > div:hover i:after{background:#49bd80}
.BarHolder.AddCategory i{width:50px;height:100% !important;top:0 !important;right:0 !important;left:auto !important}
.BarHolder.AddCategory i:before,.BarHolder.AddCategory i:after,.BarHolder.AddCategory > div:hover i{background:#49bd80}
.BarHolder.AddCategory > div:hover i:before,.BarHolder.AddCategory > div:hover i:after{background:#fff !important;padding-top:0}
.BarHolder.AddCategory + .BarHolder{padding-top:0}
.jqSearchIcon{width: 20px;height: 20px !important;}
.jqSearchIcon i{margin-left:7px;}
.shortSummary .DIGL-Row .status_icon{top:-5px !important;}
#opm_dashboardContainer .DIGL-Row .status_icon{top:0px !important;}
#logicalGroupingForm>div{float:left;width:100%}

.opmInventoryHolder.hideAddIcon .viewType{right:44px}
.opmInventoryHolder.hideAddIcon .AETIDFilter{right:15px}
.opmInventoryHolder.hideAddIcon .AETIDFilter .icon-plus.invenAddIcon{display:none !important}
.opmInventoryHolder.hideAddIcon.hideSortFilter .viewType{right:15px}
.BarHolder.AddCategory .hideAddIcon{display:none !important;}
.noDataFnd{margin:20px;display:inline-block}
.deviceMonitorSnaps{padding:0 30px}
.deviceMonitorSnaps,.deviceSnapshotTimeLine,.deviceSnapshotTimeLine .DI-Grid,.deviceSnapshotTimeLine .DI-Grid .DIG-Graph,.deviceMonitorSnaps .DI-Grid,#serviceGraph{float:left;width:100%;height:auto;border:0;position:relative !important;padding-top:20px}
.deviceSnapshotTimeLine .DI-Grid,.deviceSnapshotTimeLine .DI-Grid .DIG-Graph{min-height:initial;top:auto;right:auto;bottom:auto;left:auto}
.deviceSnapshotTimeLine{z-index:9999}
.deviceMonitorSnaps .DI-Grid,.deviceMonitorSnaps .DI-Grid .DIG-List{min-height:initial;top:0 !important}
.AttacksFilter i.icon-filter{background:url(../../img/samples/icons/icon-filter.png) no-repeat !important}
/*.appsGrid .ui-search-toolbar th:first-child{display:block !important}*/

.DeviceDetails.PageContent #resizeDiv{height:auto;width:auto !important;position:absolute;top:30px;right:30px;bottom:0;left:30px}
.DeviceDetails.PageContent .zoom{top:30px;left:30px}
.DeviceDetails.PageContent .opmVcenter{top:18px;right:50px}
.opmVcenter{width:200px;height:auto;position:absolute;top:0;right:0;z-index:1}
.opmVcenter tr td:first-child{position:relative;top:6px;left:-10px}
.opmVcenter tr td:first-child img{position:absolute;top:-5px;right:5px}
.opmVcenter tr td:first-child img#mapIcon{top:-10px}

.selBoxType3{float:left;width:auto !important}
.selBoxType3 label{float:left;width:auto;margin:7px 0 0}
.selBox.selBoxType3 > div{width:200px !important;margin:0 0 0 10px}
.opmVcenter{width:200px;height:auto;position:absolute;top:0;right:0;z-index:1}
.opmVcenter tr td:first-child{position:relative;top:6px;left:-10px}
.opmVcenter tr td:first-child img{position:absolute;top:-5px;right:5px}
.opmVcenter tr td:first-child img#mapIcon{top:-10px}
.opmVcenter .menuCss{float:left;width:180px;border:1px solid #d6d7d8}
.opmVcenter .menuCss > li{background:#f5f5f5 !important;width:100%;height:auto;font-family:LatoBold;padding:0;margin:0;cursor:default;position:relative}
.opmVcenter .menuCss > li > span{width:100%;padding:8px 15px;display:inline-block}
.opmVcenter .menuCss > li:hover ul{display:block}
.opmVcenter .menuCss ul,.opmVcenter .menuCss li{float:left;width:100%;height:auto;font:normal 13px LatoRegular ;text-align:left;border:0}
.opmVcenter .menuCss ul{width:100%;margin:0;border-top:1px solid #d6d7d8;display:none}
.opmVcenter .menuCss ul li{background:#fbfbfb !important;float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;position:relative;cursor:pointer}
.opmVcenter .menuCss ul li:not(:last-child):after{background:#eaeaea;height:1px;content:'';margin:auto;position:absolute;right:0;bottom:0;left:0}
.opmVcenter .menuCss ul li .opmCheckBox{float:left;width:100%;padding:5px}
.opmVcenter .menuCss ul li .opmCheckBox div{min-height:35px;height:auto}
.opmVcenter .menuCss ul li .opmCheckBox div label{line-height:normal;padding:8px 0 0;display:inline-block}
.opmVcenter .menuCss ul li button{background:#45bd7f;float:none;min-width:80px;width:auto;height:auto;color:#fff;text-align:center;padding:7px 20px;margin:5px 3px;display:inline-block;cursor:pointer}
.opmInventoryHolder.opmSubnets .sortByInfo, .opmInventoryHolder.bvIconLists .sortByInfo{display: none;}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child > div{overflow: visible !important;left: -3px;}
body.firefox .opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child > div{overflow: visible !important;left: -6px;}

.elaNotifyDiv{ height: 62px; padding:10px; position:fixed; top:128px; right: 3px; color:#FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); display:none; border-radius:3px; z-index:100;}
.nIconDiv{width: 30px; float: left; margin: 18px 10px;}
.nMsgDiv{float: left; text-align: left; margin:0px;  }
.nMsgTitle{ display: block; font-size: 14px;}
.notifyCls{ position: absolute; top: 3px; right: 10px; font-size: 12px; color: #F9F9F9; cursor:pointer; }
.elaNotifyDiv.nerrorDiv{ background-color:#cf6d68;}
.elaNotifyDiv.nsuccessDiv{ background-color:#60b25e;}
.nWarning{ width:28px; height:26px; background-position:-77px -4px;}
.nSuccess{ width:24px; height:24px; background-position:-113px -7px;}
.statusLabel, #statusLabel{width:100px; padding:2px 10px; background:yellow; top:0px; left:47%; position:fixed; z-index:2000; text-align:center; -khtml-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; display:none;}
.cusWait{ cursor:wait;}
.cctvSlides{position: absolute!important;}
.networkErrorMsg{ position: absolute; left: 16%; bottom: -32px; text-align: center; background-color: #FFC600; color:#000; padding: 7px 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 70%; margin: auto; display:none;}
.ntwTxt{ display: table; float: left; width: 93%;}
.ntwCls{ float: left; display: table; margin-left: 10px; font-size: 12px; cursor:pointer;}

.warningInfoMsgDiv{background:#fff;width:100%;height:100%;text-align:center;color:#f00;padding:50px;position:absolute;top:0;left:0}
.warningInfoMsgDiv-black{color:#000 !important}
.warningInfoMsgDiv-red{color:#fa5b5a !important}
.warningInfoMsgDiv-green{color:#49bd80 !important}

.deviceMenuSlide{width:100%;position:absolute;top:40px;bottom:0;right:-100%;z-index:99;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.deviceMenuSlide > section{float:right;width:360px;height:100%;position:relative;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3)}
.deviceMenuSlide > section > div.deviceMenuAccr .deviceBtn{background:#fff;float:left;width:100%;padding:10px;}
.opmBtn3{background:#45bd7f;float:left;width:46.3%;height:auto;font:12px LatoLight;color:#fff;text-align:center;padding:7px;margin:5px;border:0;display:inline-block;cursor:pointer}
.deviceBtn .opmBtn3{background:#45bd7f;float:left;width:49%;height:35px;font:12px LatoLight;color:#fff;text-align:center;padding:0 7px;margin:0 0 9px;border:0;display:table;cursor:pointer}
body.Windows.ie .deviceBtn .opmBtn3{width:49%}
.deviceBtn .opmBtn3:nth-child(2n){float:right}
.deviceBtn .opmBtn3 span{display:table-cell;vertical-align:middle}
.deviceBtn .opmBtn3 span i{max-height:31px;word-break:break-all;display:block;position:relative;overflow:hidden}
.btn-red{background:#fa5b5a !important}
.deviceMenuSlide > section > div.deviceMenuAccr{background:#fbfbfb;width:100%;height:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.deviceMenuAccr{float:left;width:100%;height:100%;overflow:auto}
.deviceMenuAccr .deviceMenuAccrSingle{float:left;width:100%;height:36px;position:relative;overflow:hidden;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.deviceMenuAccr .deviceMenuAccrSingle header{background:#f5f5f5;width:100%;height:36px;font-family:LatoBold;text-align:left;padding:10px 30px 10px 15px;margin:0;border-top:1px solid #d6d6d6;position:relative;cursor:default}
.deviceMenuAccr .deviceMenuAccrSingle ul{width:100%;height:auto;position:absolute;top:36px;left:0;overflow:auto}
/*.deviceMenuAccr .deviceMenuAccrSingle ul li{float:left;width:100%;height:auto;font:13px LatoRegular;padding:10px 35px;margin:0;position:relative;cursor:pointer}*/
.deviceMenuAccr .deviceMenuAccrSingle ul li{float:left;width:100%;height:auto;font:13px LatoRegular;padding: 0 35px;margin:0;position:relative;cursor:pointer;line-height: 36px;}

.deviceMenuAccr .deviceMenuAccrSingle ul li:after{background:#eaeaea;height:1px;content:'';margin:0 15px 0 35px;position:absolute;right:0;bottom:0;left:0}
body.deviceMenuSlideIn .DI-Header:before{content:'';position:absolute;top:0;right:50px;bottom:0;left:0;z-index:1}
.deviceslideActionBtn:before,.deviceslideActionBtn:after{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body.deviceMenuSlideIn .deviceslideActionBtn:before{background:#fff;width:20px;height:1px;border:0;transform:rotate(135deg)}
body.deviceMenuSlideIn .deviceslideActionBtn:after{transform:rotate(45deg)}
body.deviceMenuSlideIn .deviceMenuSlide{right:0}

.deviceSlideDivIn-full,deviceMonitorSlideDivIn-full{left:0px;display:none}

.inventoryBarChart .barHolder #barInfoReset{display:none}
.inventoryBarChart .barHolder svg + #barInfoReset{display:block}

.opmBtn.opmBtnDropDown{padding:7px 40px 7px 20px;position:relative}
.opmBtnDropDown span.icon-plus{float:right;width:40px;height:100%;border-radius:0 5px 5px 0;position:absolute;top:0;right:0}
.opmBtnDropDown span.icon-plus:before,.opmBtnDropDown span.icon-plus:after{background:#fff;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmBtnDropDown span.icon-plus:before{width:1px;height:20px}
.opmBtnDropDown span.icon-plus:after{width:20px;height:1px}
.opmBtnDropDown span.icon-plus ul{width:auto;opacity:1;filter:alpha(opacity=100);position:absolute;top:30px;right:0;display:none}
.opmBtnDropDown span.icon-plus ul li{background:#fbfbfb;text-align:right;white-space:nowrap;color:#000;padding:5px 10px}
.opmBtnDropDown span.icon-plus ul li:after{margin:0}
.opmBtnDropDown span.icon-plus ul li:hover{background:#fafafa}
.opmBtnDropDown:hover span.icon-plus ul{display:block}

.deviceActionsHide:before{content:'';position:absolute;top:0;right:50px;bottom:0;left:0;z-index:1}
.deviceActionsHide .DI-Options.actions{display:none}
.deviceSlideDivIn-full{top:0 !important}
.deviceSlideDivIn-full .deviceSlideContainer{background:none}
.deviceSlideDivIn-full header{height:0 !important;padding:0 !important}
.deviceSlideDivIn-full header .icon-remove{width:50px;height:45px;top:0;right:0}
.deviceSlideDivIn-full header .icon-remove:before,.deviceSlideDivIn-full header .icon-remove:after{background:#8a8e91;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.deviceSlideDivIn-full header .icon-remove:hover:before,.deviceSlideDivIn-full header .icon-remove:hover:after{background:#000}
.deviceSlideDivIn-full .deviceSlidecontent{background:#fff;padding:0 30px;position:absolute;top:45px;right:0;bottom:0;left:0;overflow:auto}
.deviceSlideDivIn-full .graph-divs-small-blkgrad{float:left;width:33.33%;height:260px;padding:20px}
.deviceSlideDivIn-full .graphHeaderFullView{z-index:9}
.deviceSlideDivIn-full .graphHeaderFullView > span{background:#fff;float:left;width:100%;padding:30px;position:relative;top:45px}
.deviceSlideDivIn-full .graphHeaderFullView + .deviceSlidecontent{top:129px}
.deviceSlideDivIn-full .graphHeaderFullView + .deviceSlidecontent .opmFormHolder,.deviceSlideDivIn-full #perfGraph{float:left;width:100%;height:auto}
.deviceSlideDivIn-full .graphHeaderFullView + .deviceSlidecontent .opmFormHolder.w-99vw{width: 99vw !important}
/*.deviceSlideDivIn-full .graphHeaderFullView + .deviceSlidecontent .consolidatedDataContainer .consolidatedDataTable{max-height:240px;margin:0 auto 30px;display:block;float:none;width:50%;overflow-y:auto;overflow-x:hidden;border-bottom:1px solid #e1e1e1}*/
.deviceSlideDivIn-full #perfGraph{padding:0 30px}
.deviceSlideDivIn-full #perfGraph > .container{width:100% !important}
.deviceSlideDivIn-full .deviceInnerSlide-2{left:0}
.deviceSlideDivIn-full .deviceInnerSlide-2 .slideContHolder{max-width:100%}

.discoveryWizardStepsType2 .slideContHolder{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.discoveryWizardStepsType2 .discoveryWizardSteps > div{width:25%}
.discoveryWizardStepsType2  #nProfileTitle{font:20px BitterRegular;padding:0 0 10px;position:absolute;top:90px;right:30px;left:30px;z-index:1}
.discoveryWizardStepsType2  #notificationProfileForm{width:auto;max-width:none;height:auto;position:absolute;top:140px;right:0;bottom:0;left:0}
.discoveryWizardStepsType2  #notificationProfileForm .opmNotifyProfile{float:left;width:100% !important;margin:0 0 20px}
.discoveryWizardStepsType2  #notificationProfileForm .opmFormHrLine{clear:both;max-width:700px}
.discoveryWizardStepsType2  #notificationProfileForm .nfProfilePage > div:not(.addProfile):not(.webPro){clear:both;float:left;width:100%;max-width:700px}
.discoveryWizardStepsType2  #monitorHeader .icon-remove{right:30px}
.discoveryWizardStepsType2  #monitorHeader + section{top:85px}
.discoveryWizardStepsType2 #criteriaDesc{border-bottom:1px solid #efefef;position:absolute;top:110px;right:30px;left:30px;z-index:1}

.deviceSnapshotSlide{top:0 !important;transition:all 0s ease;-ms-transition:all 0s ease;-moz-transition:all 0s ease;-webkit-transition:all 0s ease;-o-transition:all 0s ease}
.monitorSnapshotSlideIn .deviceSnapshotSlide .deviceSlideContainer{background:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title{width:100%;position:absolute;top:44px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title .opmMoreList{border-top:1px solid #e1e1e1}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title .opmMoreList .more > a{top:30px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .title .opmMoreList .more ul{top:53px;right:-12px;}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .icon-remove{width:50px;height:45px;top:0;right:0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .icon-remove:before,.monitorSnapshotSlideIn .deviceSnapshotMonitors .icon-remove:after{background:#8a8e91;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .icon-remove:hover:before,.monitorSnapshotSlideIn .deviceSnapshotMonitors .icon-remove:hover:after{background:#000}
.monitorSnapshotSlideIn .deviceSnapshotMonitors #monitorActions{top:0;right:50px;z-index:9}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .opmFormHolder{background:#fff;padding:0 30px;top:129px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .opmFormHolder #monitorDiv{margin:20px 0 0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .selBox{margin:5px 10px 0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn{background:#49bd80;float:right;width:117px !important;height:45px;position:relative;cursor:pointer}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn:before,.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn:after{background:#fff;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn:before{width:1px;height:20px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn:after{width:20px;height:1px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn ul{width:auto;opacity:1;filter:alpha(opacity=100);position:absolute;top:44px;right:0;display:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn ul li{background:#fbfbfb;text-align:right;white-space:nowrap;color:#000;padding:10px 15px}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn ul li:after{margin:0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn ul li:hover{background:#44bd7f;color:white;}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .monitorsPlusBtn:hover ul{display:block}
.addMonitorsBtn .monitorsPlusBtn{background:none !important;width:auto !important;height:auto !important;position:absolute !important;top:18px;right:8px;bottom:18px;left:8px}
.addMonitorsBtn .monitorsPlusBtn:before,.addMonitorsBtn .monitorsPlusBtn:after{display:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .slideFixedFields .inputFieldBtn{padding:4px 0 0;margin:0 10px 0 0}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .slideFixedFields .inputFieldBtn input{float:none !important;width:45px !important;text-align:center;margin:4px 5px 0}
.addMonitorsBtn .monitorsPlusBtn ul{top:32px !important}
.opm_jqGridUI .icon-configedit{margin:0 10px !important}
.dashboardWidgetExpandView .dashboardInventory{height: 100% !important}

.singleColList .opmCloseHldr .opmBtnAddIcon{width:27px;height:27px;background-color: #fa5b5a}
.singleColList .opmCloseHldr{display:none;top:0; position:relative; margin: 0; margin-top:0px;left:0px;}
.singleColList .opmCloseHldr .opmBtn:before{top: 8px;left: 8px;font-size: 24px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.AdExMssqlMonitors .icon-plus{background:#49bd80;height:45px;top:-84px;right:50px;z-index:1;cursor:pointer}
.AdExMssqlMonitors .icon-plus:before,.AdExMssqlMonitors .icon-plus:after{background:#fff}
.AdExMssqlMonitors .icon-configedit{background:#49bd80;width:50px;height:45px;text-align:center;color:#fff;padding:10px 15px;position:absolute;top:0;right:50px;z-index:1}
.AdExMssqlMonitors header > span{background:#fff;float:left;width:100%;padding:30px;position:relative;top:45px;z-index:1}
.AdExMssqlMonitors .deviceSlidecontent{top:129px}
.AdExMssqlMonitors .selBox{width:300px;height:auto;position:absolute;top:60px;right:20px;z-index:1}
.AdExMssqlMonitors .selBox label{font:14px LatoRegular;margin:0 0 5px}
.AdExMssqlMonitors .AdExMssqlMonitorsGridList{float:left;width:100%;height:auto}
.AdExMssqlMonitors .AdExMssqlMonitors{float:left;width:100%;height:auto;padding:0 20px 20px}
.AdExMssqlMonitors .opm_widget_title{background:#f5f6f8;float:left;width:100%;height:40px;font:16px LatoBold;padding:10px 20px}
.AdExMssqlMonitors .content{float:left;width:100%;height:auto;overflow:auto}
body[class^='deviceSlideDivIn-'] .deviceSlideDivIn-full header:before,body[class*=' deviceSlideDivIn-'] .deviceSlideDivIn-full header:before{width:100%;height:45px;content:'';position:absolute;top:0;left:0;z-index:9}

.licenceDetails{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0}
.licenceDetails header{background:rgba(242,242,242,.7);width:100%;height:50px;font:22px RobotoSlabLight;color:#252525;padding:8px 100px;border-bottom:1px solid rgba(220,220,220,.7)}
.licenceDetails section{position:absolute;top:50px;right:0;bottom:0;left:0}
.licenceDetails .title{font:20px BitterRegular;padding:0 0 10px;border-bottom:1px solid #efefef;position:absolute;top:30px;right:30px;left:30px;z-index:1}
.licenceDetails .opmFormHolder{padding:10px 0 30px;position:absolute;top:66px;left:225px;bottom:0;right:0;overflow:auto}
.licenceDetails .deviceExceedInfo{background:#78d384;width:110px;height:auto;text-align:center;color:#fff;padding:30px 20px 15px;position:absolute;top:0;left:100px;z-index:1;}
.licenceDetails .deviceExceedInfo:before{width:0;height:0;content:'';border:1px solid transparent;border-width:15px 55px 0 55px;border-top-color:#78d384;position:absolute;right:0;bottom:-15px}
.licenceDetails .deviceExceedInfo i{font-size:35px}
.licenceDetails .fileUpload{border:0}
.licenceDetails .fileUpload span.info{background: #78d384 !important;padding:0 20px;border: 0 !important;}
.licenceDetails .fileUpload span.info label{color:#fff !important}
.licenceDetails .fileUpload .fileUploadTxt{border:1px solid #dcdcdc;border-left:0}
.licenceDetails .registerBtn{background:#78d384;height:35px;padding:8px 20px;margin:22px 0 0 -20px !important}
.licenceDetails .opmChckListType2 .opmFormCol{width:48%}
.licenceDetails .opmChckListType2 .list{min-height:250px}
.licenceDetails .opmChckListType2 .opmCheckBox label:before{transform:scale(.85)}
.licenceDetails .opmChckListType2 .opmCheckBox label:after{border-width:1.9px}
.licenceDetails .opmChckListType2 .opmBtn{background:#fb5b5b;width:100%;margin:10px 0 0}
.licenceDetails .fileUpload span.info.LicenceDetailsFileUpload label{color:#000 !important;}
.licenceDetails .fileUpload span.info.LicenceDetailsFileUpload{border:1px solid #ddd !important;}
.opmChckListType3 .opmFormCol{width:50% !important}
.opmChckListType3 .opmFormCol .opmChckList .list{height:250px}

.opmFormTitle4{background:#f6f6f6;float:left;width:100%;padding:14px 20px 16px;border-collapse:separate;box-shadow:0 0 1px rgba(0,0,0,.2);-ms-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-o-box-shadow:0 0 1px rgba(0,0,0,.2);overflow:hidden}

#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI{float:left;width:100% !important;margin:0 !important}
#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-widget-content,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-hdiv,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-hdiv > div,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-hdiv > div table,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-bdiv,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-bdiv > div,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-bdiv > div table{width:100% !important}
#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-hdiv > div,#AlrmEvtTrapInvDev .deviceShortSummaryActive .graphWidget .opm_jqGridUI .ui-jqgrid-bdiv > div{padding:0 !important}

#AlrmEvtTrapInvDev.List .opmCusGrid.noChckListView .ui-jqgrid-htable th:first-child{display:none !important}
#AlrmEvtTrapInvDev.List .opmCusGrid.noChckListView .ui-jqgrid-htable th:not(:first-child){left:8px !important}

#inventoryGridStyle .dialcounter{height: auto !important}
#inventoryGridStyle .dialcounter i{max-width:180px;height:25px;font-size: 16px;white-space:nowrap;text-overflow:ellipsis;margin:auto;display:inline-block;overflow:hidden}
.ondemandNote{background:#d4d9e7;margin:12px 5px 0 25px !important;width:20px !important;height:20px !important}

body.Windows.ie .opmBtn3{width:46%}
body.Windows.ie .opmBtn3:nth-child(2n){float:right}

.oidCriteriaList li{margin-bottom: 15px;background-color: #F0F0F0;height: 30px;padding-top: 6px;padding-left: 10px;}
.oidEditCriteriaList li div {line-height: 18px !important; font: 13px LatoRegular;word-break: break-word;}
.oidEditCriteriaList li {display: flex;justify-content:space-between;height: auto;padding: 8px 12px;gap: 12px;}

#TabHolder #NFAAlertApp.opm_jqGridUI .ui-jqgrid .ui-jqgrid-pager{top:-50px}

.selBoxInput > div[style="display: none;"] + div{width:100% !important}

#AlrmEvtTrapInvDev.Icon #bvTreeView.iconViewHolder{float:left;width:auto;margin:0;position:relative;top:0;right:0;bottom:0;left:0}

.opmSelect_InputDiv[style="display:none;"] + div{display:none !important}
.opmTab.opmTabFileFolder.opmFileMonitorsTab li{width:20% !important}
.tl-message-full .tl-message-content strong{display:none;}
#devMonitorTab{max-width: 950px}
#devMonitorTab ul li{width:23%!important}

.opmInventoryHolder.List .opmAddDevice{right:-45px !important}
.dashboardWidget .dashboardWidgetIcons i.icon-configedit:before{font-size:14px;position:relative;top:1px}
.dashboardWidget .dashboardWidgetIcons i.icon-configuration-file:before{font-size:11px;position:relative;top:-1px}

.settingsCnt > section .settingsContent .opm_gmap .title{background:#efefef;height:60px;padding:15px 30px;top:0 !important;right:0;left:0}
.settingsCnt > section .settingsContent .opm_gmap i.icon-remove{float:left;width:25px;height:25px;font-size:24px;color:#8a8e91;padding:0 15px;cursor:pointer;position:relative;bottom:3px;left:27px}
.settingsCnt > section .settingsContent .opm_gmap i.icon-remove:before,.settingsCnt > section .settingsContent .opm_gmap i.icon-remove:after{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:12px;transform:rotate(45deg)}
.settingsCnt > section .settingsContent .opm_gmap i.icon-remove:after{transform:rotate(135deg)}
.settingsCnt > section .settingsContent .opm_gmap i:hover:before,.settingsCnt > section .settingsContent .opm_gmap i.icon-remove:hover:after{background:#000}

#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI,#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI .ui-jqgrid,#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI .ui-jqgrid-view,#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv,#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{float:left !important;width:100% !important;height:auto !important;position:relative !important}
#inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{top:0 !important}

.nbarConfigDiv{float:left;width:100%;height:auto;position:relative}
.nbarConfigDiv .nBarSelAll{width:120px;height:40px;position:absolute;top:43px;left:59%;z-index:9}
.nbarConfigDiv .nBarSelAll.nBarSelAll-2{left:61%}
.nbarConfigDiv .opmCheckBox.nBarSelAll label{width:60px;height:40px;display:inline-block}
.nbarConfigDiv .opmCheckBox.nBarSelAll label:before{top:8px}
.nbarConfigDiv .opmCheckBox.nBarSelAll label:after{top:19px}
.nBarconfigGrid .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child,.nBarconfigGrid.nBarconfigGrid-2 .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:nth-last-child(2){padding:10px 10px 10px 40px}
.nBarconfigGrid.nBarconfigGrid-2 .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child{padding:10px}

#inventoryGridStyle .dashboardWidgetExpandView .dashboardWidget .speedoMeterWidget{width:100% !important}

#settingSubTabs .adminMonitors.deviceSnapshotMonitors{float:left;width:100%;height:100%}
#settingSubTabs .adminMonitors.deviceSnapshotMonitors .opmDashboard{overflow:auto}

.searchInfo,.searchNoData{width:400px;font:14px LatoRegular;color:#C1C1C1;padding:20px 0 0;margin:60px auto 0}
.searchNoData{text-align:center;margin:auto;position:absolute;top:0;right:0;left:0}
.searchMenuScroll{float:left;width:100%;height:70px;position:relative}
.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#f6f6f6;width:50px;height:100%;border:1px solid #e8e8e8;opacity:1;filter:alpha(opacity=100);top:0;right:0;left:auto;z-index:9}
.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{background:none;float:left;width:100%;height:50%;position:relative;cursor:pointer}
.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{width:10px;height:10px;content:'';margin:auto;border:1px solid #000;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:5px;display:block;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}
.searchMenuScroll.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{display:none}
.deviceSlideContent.noSlideEffects{transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.deviceSlideContent.noSlideEffects .deviceSlideContainer section{top:60px !important}

.deviceSlideContent.FWAReportDrillDiv,.deviceSlideContent.FWAReportSecDrillDiv,.deviceSlideContent.FWAReportThirdDrillDiv,.deviceSlideContent.FWAReportMailDiv{top:44px !important}
.deviceSlideContent.FWAReportDrillDiv .deviceSlideContainer{background:#fff;max-width:1000px !important}
.deviceSlideContent.FWAReportDrillDiv .deviceSlideContainer section .opmTab,.deviceSlideContent.FWAReportSecDrillDiv .deviceSlideContainer section .opmTab,.deviceSlideContent.FWAReportThirdDrillDiv .deviceSlideContainer section .opmTab,.deviceSlideContent.FWAReportMailDiv .deviceSlideContainer section .opmTab{padding:0}
.deviceSlideContent.FWAReportDrillDiv .deviceSlideContainer section .opmTab .opmMoreList,.deviceSlideContent.FWAReportSecDrillDiv .deviceSlideContainer section .opmTab .opmMoreList,.deviceSlideContent.FWAReportThirdDrillDiv .deviceSlideContainer section .opmTab .opmMoreList,.deviceSlideContent.FWAReportMailDiv .deviceSlideContainer section .opmTab .opmMoreList{padding:0 50px 0 0}
.deviceSlideContent.FWAReportDrillDiv .icon-remove,.deviceSlideContent.FWAReportSecDrillDiv .icon-remove,.deviceSlideContent.FWAReportThirdDrillDiv .icon-remove,.deviceSlideContent.FWAReportMailDiv .icon-remove,{top:5px !important;z-index:9}
.deviceSlideContent.FWAReportSecDrillDiv .deviceSlideContainer{background:#fff;max-width:970px !important}
.deviceSlideContent.FWAReportThirdDrillDiv .deviceSlideContainer{background:#fff;max-width:940px !important}
.deviceSlideContent.FWAReportMailDiv .deviceSlideContainer{background:#fff;max-width:910px !important}

.slideContent.FWAInvDrillDiv .slideContentContainer{background:#fff;max-width:1000px !important}
.slideContent.FWAInvDrillDiv .slideContentContainer section .opmTab{padding:0}
.slideContent.FWAInvDrillDiv .slideContentContainer section .opmTab .opmMoreList{padding:0 50px 0 0}
.slideContent.FWAInvDrillDiv .icon-remove{z-index:9}


.deviceSlideContent.FWAInvDrillDiv{top:60px !important}
.deviceSlideContent.FWAInvDrillDiv .deviceSlideContainer{background:#fff;max-width:1060px !important}
.deviceSlideContent.FWAInvDrillDiv .deviceSlideContainer section .opmTab{padding:0}
.deviceSlideContent.FWAInvDrillDiv .deviceSlideContainer section .opmTab .opmMoreList{padding:0 50px 0 0}
.deviceSlideContent.FWAInvDrillDiv .icon-remove{top:5px !important;z-index:9}

.alarmDialbg{position:relative}
.alarmDialbg:before{background:#fff;content:'';position:absolute;top:0;right:20px;bottom:0;left:20px}

#nfaDevDonut{padding:0}
#nfaDevDonut .nfaDevBarHolder{margin:0 0 20px;max-height: 450px}
#BarHolderInventNFA{float:left;width:100%;height:auto;overflow:auto;max-height: 430px}
.topCentralProbe{font: 14px RobotoSlabLight;color: #252525;padding-top: 13px;margin-left: -2px;margin-right:15px;float: left; background-image: url('/apiclient/fluidicv2/img/C.jpg'); margin-top: 14px;width:19px;height:19px;}
.topCentralProbe.probe{background-image: url('/apiclient/fluidicv2/img/P.jpg');}
.buildType{background:#bcc3d5;float:left;width:auto;height:auto;font:15px/11px RobotoSlabRegular;text-align:center;color:#fff;padding:5px;margin:14px 15px 0 0;border-radius:4px;cursor:default}
.buildType.type2{background:#e3e3e5;font:12px LatoRegular;color:#525252;padding:2px 9px;border:1px solid #adaeb0;border-radius:10px}
.opmAdvancedSettingsContainer{background:#fff;width:0;height:100%;font:14px LatoRegular;color:#000;opacity:0;filter:alpha(opacity=0);position:fixed;top:0;left:40px;z-index:9;cursor:default;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);overflow:hidden;z-index:999}
.opmAdvancedSettingsContainer header{background:#fff;float:left;width:360px;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.opmAdvancedSettingsContainer header i.icon-remove{position:absolute;top:29px;right:10px;cursor:pointer}
.opmAdvancedSettingsContainer header i.icon-remove:before,.opmAdvancedSettingsContainer header i.icon-remove:after{background:#8a8e91}
.opmAdvancedSettingsContainer header i.icon-remove:hover:before,.opmAdvancedSettingsContainer header i.icon-remove:hover:after{background:#000}
.opmAdvancedSettingsContainer section{width:360px;padding:0 30px;margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.opmAdvancedSettingsContainer section .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative}
.opmAdvancedSettingsContainer section .opmFormCol{width:100%}
body.opmAdvancedSettings #header{z-index:999}
body.opmAdvancedSettings .opmAdvancedSettingsContainer{opacity:1;filter:alpha(opacity=100)}
body.opmAdvancedSettings #nav:before,body.opmAdvancedSettings #header:before,body.opmAdvancedSettings #main:before{background:rgba(0,0,0,.3);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
.opm_widget_header .opm_widget_selectBox{position: absolute;top: 10px;right: 10px;width: 150px;}
#probesAvailableList li{padding-left: 10px;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #F5F5F5;background-color: #FCFCFC;cursor:pointer;}

.widgetListMore,.listMoreBtn{background:#fff;width:90px;font:13px LatoRegular;text-align:center;padding:5px 15px;margin:auto;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #ececec;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:absolute;right:20px;bottom:0;left:0;cursor:pointer}
.widgetListMore:hover,.listMoreBtn:hover{background:#fafafa}
.listMoreBtn{float:right;position:relative;right:auto;bottom:auto;left:auto;cursor:pointer}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content .widgetListMore{display:none !important}

/*.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.ui-sgcollapsed{top:0px}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.ui-sgcollapsed a span{position:relative;top:-8px;left:3px}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid{height:auto !important;padding:0 0 0 50px}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-cell{top:0}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data{float:left;width:100% !important;height:auto !important;padding:0 !important;opacity:1 !important;filter:alpha(opacity=100);position:relative !important;left:0 !important;display:block}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data:after{display:none}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid .ui-jqgrid-view,.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-hdiv,.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-htable,.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv,.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-btable{width:100% !important}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-widget-content td{display:table-cell}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-hbox{padding:0 !important}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .jqgfirstrow{display:none !important}
*/

#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid .ui-jqgrid-btable .jqgrow.ui-row-ltr td:not(:first-child){position:relative !important;left:-12px}
/*#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid .ui-subgrid{float:left !important;width:1100px;height:auto !important;position:relative !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid .ui-subgrid .subgrid-cell{position:absolute !important;top:0;left:0 !important;display:block;z-index:1}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th:not(:first-child){position:relative;left:0 !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv td{width:auto !important;height:auto !important;position:relative !important;top:0 !important;left:0 !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th:first-child div{padding:12px}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th span{position:absolute;right:0}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th:first-child,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv td:first-child{display:none !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid  .ui-jqgrid-htable .ui-jqgrid-labels th:nth-child(2),#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv td:nth-child(2){width:70px !important}
*/
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid .ui-jqgrid-view,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-hdiv,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-htable,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv,#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-btable{width:100% !important;position:relative !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv{top:0 !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.ui-sgcollapsed{background:none;width:24px !important;height:24px;border:0;position:absolute;top:-1px;left:0}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.ui-sgcollapsed span{position:relative;top:0}

.nfaDERoleInfo{float:left;width:auto;height:auto;padding:15px 15px 0px 0px;color:#49bd80}
.nfaDEColComboDiv{float:left;width:170px;padding:10px 0 0 10px}
.nfaDEColCombo{float:right;font:15px LatoRegular;color:#808488;margin-right:10px;cursor:pointer;}
.nfaDEColComboDiv .selBox > div .select2-container,.nfaDEColComboDiv .selBox > div .select2-container:hover,.nfaDEColComboDiv .selBox > div .select2-container.select2-container--focus,.nfaDEColComboDiv .selBox > div .select2-container.select2-container--open{background:#fff;border:1px solid #dcdcdc}
.nfaDEColComboDiv .selBox > div,.nfaDEColComboDiv .selBox > div .select2-container,.nfaDEColComboDiv .selBox > div .select2-container .selection,.nfaDEColComboDiv .selBox > div .select2-container .selection .select2-selection{height:25px}
.nfaDEColComboDiv .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{font:13px/13px LatoRegular}
.nfaDEColComboDiv .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:25px}
.nfaDEColComboDiv.licenseCollector{width:407px;height:33px;padding:0;margin:0 0 10px}
.nfaDEColComboDiv.licenseCollector .selBox > div,.nfaDEColComboDiv.licenseCollector .selBox > div .select2-container,.nfaDEColComboDiv.licenseCollector .selBox > div .select2-container .selection,.nfaDEColComboDiv.licenseCollector .selBox > div .select2-container .selection .select2-selection,.nfaDEColComboDiv.licenseCollector .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:33px}
.nfaDEColComboDiv.licenseCollector .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{line-height:20px}
.nfaDEColComboDiv .select2.select2-container--disabled{opacity:.6;filter:alpha(opacity=60)}

.legendarea ul.legseries li.series.gs-w{margin:0 !important}
body.Windows .legendarea ul.legseries li.series.gs-w span{font-size:10px !important}

.netFlowReport{background:#fbfbfb;position:relative}
.netFlowReportIcons{position:absolute;top:0;right:0}
.netFlowReportIcons .opmRadioBtn{float:left;font:15px LatoRegular;top:2px}
.netFlowReportIcons .opmRadioBtn span{position: relative; float: left; padding: 0 0 0 40px}
.reportGraphSingle .netFlowReportIcons .netFlowReportShowIcons{float:left;margin:3px 10px 0 0}
.reportGraphSingle:hover .netFlowReportIcons .netFlowReportShowIcons{display:block}
.netFlowReportIcons .widgetchkRoundBtn{float:left;margin:5px 0 0 10px}
.netFlowReportIcons .widgetchkRoundBtn .chkRoundBtn input{z-index:2}
.netFlowReportIcons .widgetchkRoundBtn .chkRoundBtn label{background:none;width:auto;border:0;position:relative;padding:3px 0 0 45px}
.netFlowReportIcons .widgetchkRoundBtn .chkRoundBtn label:before{top:2px;z-index:1}
.netFlowReportIcons .widgetchkRoundBtn .chkRoundBtn label:after{backround:#fff;width:42px;height:22px;content:'';border:1px solid #EAEAEA;border-radius:15px;display:block;position:absolute;top:0;left:-3px;z-index:0}
.netFlowReportIcons .widgetchkRoundBtn .chkRoundBtn input:checked + label:after{background:#45bd7f}

body.initialMsg.settingsPage{padding:50px 0 0 50px !important}
body.NavText.initialMsg.settingsPage{padding:50px 0 0 82px !important}
body.initialMsg.settingsPage #header{top:0}
.settingsCnt.initialMsg{width:100%;height:100%;position:relative;top:0;z-index:1}
.settingsCnt.initialMsg .opmFormHolder{right:30px !important}
.settingsCnt.initialMsg .opmForm{max-width:100%}
.settingsCnt.initialMsg #noCollectorMsg{text-align:center}
.settingsCnt.initialMsg #fwadeServerTitle{margin:0 0 0 5px;position:relative;top:-1px}
.settingsCnt.initialMsg #noCollectorMsg p{text-align:left;color:#636363;padding:0 0 30px 20px}
.settingsCnt.initialMsg #noCollectorMsg p b{font-weight:bold;margin:0 0 10px -10px;display:block}

.settingsCnt.initialMsg #noFlowMsg{text-align:center;padding:50px}
.settingsCnt.initialMsg #routerAdd table{width:100%}
.settingsCnt.initialMsg #routerAdd table tr:nth-child(2n){background:#f9f9fb}
.settingsCnt.initialMsg #routerAdd table td{width:100%;font:13px/150% LatoRegular;padding:5px 0}
.fullMsgDiv{display:none}

header.opmCentralServer{background:#0455a6;font-family:RobotoSlabThin;color:#fff}
section.opmCentralServer .opmFormHolder{padding:30px 0 0}
.opmCentralServer .opmBtn{min-width:150px}
.alarmsMenu .mCSB_inside > .mCSB_container{margin:0}

.licenseLogOut{float:right;width:50px;height:50px;font:25px LatoRegular;color:#808488;padding:9px 15px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:-8px;right:-85px;cursor:pointer}
.licenseLogOut:hover{background:#45bd7d;color:#fff;padding-bottom:9px}
/* <---------- get quote starts */
.opmTrialVersion,.opmAMSRenewalBand{float:right;background:rgba(220,220,220,.7);width:auto;height:30px;padding:0 10px;margin:10px;border-radius:30px;cursor:default;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmTrialVersion:hover,.opmAMSRenewalBand{background:#fdb812}
.opmTrialVersion > *:hover{text-decoration:underline}
.opmTrialVersion *,.opmAMSRenewalBand *{float:right;height:100%;padding:7px 5px 7px 20px;font:11px LatoRegular;color:#000;display:inline-block;position:relative}
.opmTrialVersion *:before,.opmAMSRenewalBand *:before{background:url(../../img/opm-sprites.png) no-repeat -178px -145px;width:17px;height:17px;content:'';display:block;position:absolute;top:6px;left:0}
.opmTrialVersion .opm-getquote:before{background-position:-159px -145px}
.opmTrialVersion .opm-whatsapp:before{background-position:-141px -145px}
.opmTrialVersion .opm-phone:before{background-position:-123px -145px}
.opmTrialVersion .opm-skype:before{background-position:-196px -145px}
.opmTrialVersion .opm-license:before{background-position:-257px -136px}
.opmTrialVersion .opm-email:before{background-position:-54px -125px}
.opmTrialVersion .opm-schedule-demo:before{background-position:-23px -125px}
/* get quote ends ----------> */

.DI-Header.disabled:before{background:rgba(0,0,0,.2)}
.probeInstallClose{right: 15px;position: absolute;top: 30px}
.probeInstallClose:before,.probeInstallClose:after{background:white}
#notificationProfileForm .discoveryWizardHolder > ul:after{right: -650px}
#notificationProfileForm .settingsPageHelp{clear:left}
.opmDashboard .gridster_ul .dashboardWidget .content{width:auto !important;height:auto !important;padding:20px 20px 0;position:absolute !important;top:50px;right:0;bottom:0;left:0}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th div{height:30px !important;padding-top: 5px;}
.ui-search-toolbar{height: 25px !important;}

.opm_jqGridUI .ui-jqgrid-bdiv .select2-container .selection .select2-selection{padding:5px 40px 5px 8px !important}

body.deviceMenuSlideIn .DI-Header:before,body[class^='deviceSlideDivIn-'] .DI-Header:before,body[class*=' deviceSlideDivIn-'] .DI-Header:before,.DI-Header.disabled:before{background:rgba(0,0,0,.2)}
body.monitorSnapshotSlideIn #PageContent .DeviceDetails .DI-Header:before,body.deviceMenuSlideIn #PageContent .DeviceDetails .DI-Content:before,.deviceSlideContent.snapshotgraph.deviceSlideDivIn-full:before,.graphDetailsContainer:before,body[class^='deviceSlideDivIn-'] .opmInventoryHolder:before,body[class*=' deviceSlideDivIn-'] .opmInventoryHolder:before,body[class^='slideDivIn-'] .opmInventoryHolder:before,body[class*='slideDivIn-'] .opmInventoryHolder:before,body[class^='deviceSlideDivIn-'] #PageSideBar.opmInventory:before,body[class*=' deviceSlideDivIn-'] #PageSideBar.opmInventory:before,body[class^='slideDivIn-'] #PageSideBar.opmInventory:before,body[class*=' slideDivIn-'] #PageSideBar.opmInventory:before,body[class^='deviceSlideDivIn-'] .inventoryHead:before,body[class*=' deviceSlideDivIn-'] .inventoryHead:before,body[class^='slideDivIn-'] .inventoryHead:before,body[class*=' slideDivIn-'] .inventoryHead:before,body[class^='deviceSlideDivIn-'] .FilterAccordionContainer:before,body[class*=' deviceSlideDivIn-'] .FilterAccordionContainer:before,body[class^='slideDivIn-'] .FilterAccordionContainer:before,body[class*=' slideDivIn-'] .FilterAccordionContainer:before,body[class^='deviceSlideDivIn-'] .opuLeftPanelDD:before,body[class*=' deviceSlideDivIn-'] .opuLeftPanelDD:before,body[class^='slideDivIn-'] .opuLeftPanelDD:before,body[class*=' slideDivIn-'] .opuLeftPanelDD:before{background: rgba(0,0,0,.2);content: '';margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;}
body.deviceMenuSlideIn[class^='deviceSlideDivIn-'] .Device-Info:before,body.deviceMenuSlideIn[class*=' deviceSlideDivIn-'] .Device-Info:before{background:none}
body.monitorSnapshotSlideIn #PageContent .DeviceDetails .DI-Header:before{right:50px}
.deviceSlideContent.snapshotgraph.deviceSlideDivIn-full:before,.graphDetailsContainer:before{height:45px;top:0;bottom:auto;right:50px}
body[class^='deviceSlideDivIn-'] .inventoryHead:before,body[class*=' deviceSlideDivIn-'] .inventoryHead:before,body[class^='slideDivIn-'] .inventoryHead:before,body[class*=' slideDivIn-'] .inventoryHead:before{z-index:99}

body.monitorSnapshotSlideIn.deviceSlideDivIn-3 .Device-Info:before{background:rgba(0,0,0,.2);z-index:999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-7 .Device-Info:before{background:rgba(0,0,0,.2);z-index:999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-7 .Device-Info .deviceSlideDivIn-7{z-index:9999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-7.deviceSlideDivIn-3 .deviceSlideDivIn-3{top:0;z-index:99999 !important}
body.monitorSnapshotSlideIn.deviceSlideDivIn-7.deviceSlideDivIn-3 .deviceSlideDivIn-7:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:999}



.actions2 .close{width:40px}
.actions2 .close:before,.actions2 .close:after{margin:auto;left:0}
.actions2 .opmBtn{float:left;margin:7px 5px 5px !important;border-radius:5px}
.opm_filterBy ul.list.flex-filterBylist {display:flex; width:calc(100% - 8px)}
.opm_filterBy ul.list.flex-filterBylist>li {flex-grow:1}
.wid_subTitle{height:16px;font: 12px/150% LatoRegular;color:#7f7f7f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:absolute;bottom:6px;right:14px;left:14px}
.twoLinesHdr{position:relative;top:-8px}
.wid_subTitle:empty + .twoLinesHdr{top:0}
.wid_subTitle a{color:#7f7f7f !important}
.linkInfoText{float:left;width:100%;height:auto !important;word-break:break-all;margin:0 !important}
.opmCCTVContent .dashboardWidget .content .opm_jqGridUI{float:left;width: 100%}


/* <---------- CCTV styles starts */

#ccTvSelBox{float:left;width:auto;position:relative}
#ccTvSelBox .selBox{float:left;min-width:200px !important;padding:8px 0;margin:0 10px}
#ccTvSelBox .selBox > div,#ccTvSelBox .selBox > div .select2-container,#ccTvSelBox .selBox > div .select2-container .selection,#ccTvSelBox .selBox > div .select2-container .selection .select2-selection,#ccTvSelBox .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:23px}
#ccTvSelBox .selBox > div .select2-container .selection .select2-selection{padding:2px 35px 2px 8px;width:auto;height:auto}


#opmCCTV{background:#eee;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:9}
#cctvTitleDiv{background:#fbfbfb;height:40px;text-align:center;padding:0 20px;position:absolute;top:20px;right:10px;left:10px;display:block;z-index:11;overflow:hidden}
#cctvHeader{float:left;padding:10px 0}
#cctvDashHeader{width:100%;height:40px;font:18px LatoRegular;padding: 8px 10px;margin:auto;display:inline-block;position:absolute;top:0;left:0;z-index:-1}
.ccTvActionsBtn{float:right;width:auto;height:100%;position:relative;overflow:hidden}
.ccTvActionsBtn > *{float:left;width:auto;height:100%;font:18px/18px LatoBold;color:#8f8f8f;padding:10px 5px;margin:0 5px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.ccTvActionsBtn > *:last-child{margin-right:0}
.ccTvActionsBtn > *:hover,#cctvTheme:hover i{color:#000}
.ccTvActionsBtn > #cctvZoomReset:before{font:12px fontello;content:'\e8d7';position:relative;top:-3px}
#refreshTime{color:#8f8f8f !important;cursor:default}
#cctvTheme{position:relative}
#cctvTheme i{background:#8f8f8f;width:12px;height:12px;border:2px solid #F2F2F2;border-radius:50%;display:block;position:relative;top:3px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#cctvTheme i:before,#cctvTheme i:after{width:12px;height:12px;content:'+';font:36px RobotoSlabThin;position:absolute;top:-22px;left:-6px;z-index:-1}
#cctvTheme i:after{font-size:33px;transform:rotate(45deg);top:-17px;left:8.5px}
#cctvTheme:hover i,#cctvSlide:hover:after{background:#000}
#cctvSlide{width:35px;height:100%;position:relative}
#cctvSlide:before,#cctvSlide:after{content:'';margin:auto;position:absolute;top:1px;right:0;bottom:0;left:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#cctvSlide:before{width:20px;height:11px;border:2px solid #8f8f8f;border-right:0;border-left:0}
#cctvSlide:after{background:#8f8f8f;width:20px;height:2px}
#cctvSlide:hover:before{border-color:#000}
#ccTvContent{margin:auto;position:absolute;top:80px;right:5px;bottom:0;left:5px;z-index: 1}
#cctvDivHolder{position:absolute;top:0;right:0;bottom:0;left:0}
#cctvFooterDiv{width:15px;height:100%;text-align:center;padding:10px 0;position:absolute;top:0;right:-5px;bottom:auto;left:auto;z-index:99;display:table}
#cctvFooterDiv > div{vertical-align:middle;display:table-cell}
#opmCCTV .dashboardWidget:before{right:0;bottom:0;left:0}
#opmCCTV .dashboardWidget{width:auto !important;height:auto !important;padding:0 0 25px !important;position:absolute !important;top:0;right:10px;bottom:0;left:10px;overflow:hidden !important}
#opmCCTV .dashboardWidget > .opm_widget_header{width:auto !important;height:50px !important;position:absolute !important;top:25px;right:15px;left:15px}
#opmCCTV .dashboardWidget > .content{width:auto;padding:0 0 0 20px;position:absolute;top:95px;right:15px;bottom:25px;left:15px;overflow:auto;z-index:99}
#opmCCTV .opm_jqGridUI{float:left;width:100%}
#opmCCTV .opm_jqGridUI th,#opmCCTV .opm_jqGridUI td{padding-left:22px !important}
#opmCCTV .opm_jqGridUI .ui-jqgrid-pager td{padding:0 !important}
.opmCcTvPager:hover,.opmCcTvPager.active{background:#45bd7f}
#opmCCTV .dashboardWidget .dashboardWidgetIcons{width:auto !important;height:100% !important}
#opmCCTV .dashboardWidget .dashboardWidgetIcons div{width:auto !important;height:100% !important}
#opmCCTV .dashboardWidget .dashboardWidgetIcons i{background:none}

#opmCCTV .dashboardWidget > .content .mCustomScrollBox{padding:0}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_container{margin:0}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools{width:2px;height:100%;margin:0 !important;position:absolute;right:0 !important;z-index:9999}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger{z-index:2}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,.3)}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.75)}
#opmCCTV .dashboardWidget > .content .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,.15)}
/* body.darkTheme #opmCCTV .dashboardWidget > .content .mCustomScrollBox{padding:0} */
body.darkTheme #opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools{right:0 !important}
body.darkTheme #opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(255,255,255,.3)}
body.darkTheme #opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.75)}
body.darkTheme #opmCCTV .dashboardWidget > .content .mCSB_scrollTools .mCSB_draggerRail{background:rgba(255,255,255,.15)}
body.darkTheme .noDataInfo {color:#fdfefe}

body.darkTheme #opmCCTV{background:#000}
body.darkTheme #opmCCTV #cctvTitleDiv,body.darkTheme #opmCCTV .dashboardWidget:before{background:#1e1e1e;color:#8f8f8f}
body.darkTheme #opmCCTV .dashboardWidget{padding:0 10px 25px}
body.darkTheme #opmCCTV .dashboardWidget .opm_widget_header{background:#1b1b1b;border-bottom:1px solid #000;top:0;right:0;left:0}
.dashboardWidget.embedView.tile-widget .opm_widget_header .dashboardWidgetIcons .icon-ccw{color:#8a8e91 !important}
body.darkTheme #opmCCTV .dashboardWidget .opm_widget_header *{color:#fff}
body.darkTheme #opmCCTV .dashboardWidget .content{padding:0;top:50px;right:0;bottom:0;left:0}
body.darkTheme #opmCCTV .dashboardWidget .content *{color:#b5b5b5}
body.darkTheme #opmCCTV .ccTvActionsBtn > *:hover,body.darkTheme #opmCCTV #cctvTheme:hover i{color:#fff}
body.darkTheme #opmCCTV #cctvTheme i{border-color:#1e1e1e}
body.darkTheme #opmCCTV #cctvTheme:hover i,body.darkTheme #opmCCTV #cctvSlide:hover:after{background:#fff}
body.darkTheme #opmCCTV #cctvTheme:hover i:before,body.darkTheme #opmCCTV #cctvTheme:hover i:after{color:#fff}
body.darkTheme #opmCCTV #cctvSlide:before{border-color:#8f8f8f}
body.darkTheme #opmCCTV #cctvSlide:hover:before{border-color:#fff}
body.darkTheme #opmCCTV .ui-widget-content,body.darkTheme #opmCCTV .SpeedoMeter > i.CutCircle{background:#1e1e1e}
body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr,body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr,body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid{border-color:transparent}
body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead,body.darkTheme #opmCCTV .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:nth-child(2n+1){background:#1b1b1b}
#ccTvContent .dashboardWidget .ut,#opmCCTV .ut{width:100%;overflow:hidden}
body.darkTheme #ccTvContent .dashboardWidget .ut .right .title:before,body.darkTheme #opmCCTV .ut .right .title:before{background:none}
body.darkTheme #opmCCTV .ut .right,body.darkTheme #opmCCTV .ut .right .ut-row{border-color:transparent}
#opmCCTV .ut .left,#opmCCTV .ut .middle > div{padding:0;z-index:9}
.dashboardWidget .ut .right{padding:15px 50px 0 0;border-color:transparent}
#opmCCTV .ut .right{padding:0 50px 0 0}
#ccTvContent .dashboardWidget .ut .title,#opmCCTV .ut .title{background:none;height:40px;padding:10px 0 10px 20px;margin:0}
#ccTvContent .dashboardWidget .ut .right .title,#opmCCTV .ut .right .title{padding-left:0 !important}
#ccTvContent .dashboardWidget .ut .left .ut-row,#ccTvContent .dashboardWidget .ut .middle > div div:not(.title),#opmCCTV .ut .left .ut-row,#opmCCTV .ut .middle > div div:not(.title){height:40px;padding:10px 20px;margin:0}
#ccTvContent .dashboardWidget .ut .right .ut-row,#opmCCTV .ut .right .ut-row{margin:10px 0 15px}
#ccTvContent .dashboardWidget .ut .middle .min_v div,#opmCCTV .ut .middle .min_v div{overflow:visible}
body.darkTheme #opmCCTV .ut:not(.ut-Grid){background:repeating-linear-gradient(#1b1b1b,#1b1b1b 40px,#1e1e1e 30px,#1e1e1e 80px)}
#ccTvContent .dashboardWidget .ut:not(.minMaxWidget) .right .ut-row:after,#opmCCTV .ut:not(.minMaxWidget) .right .ut-row:after{top:29px}
body.darkTheme #opmCCTV .opm_jqGridUI .ut:not(.minMaxWidget) .right .ut-row:after{display:none}
body.darkTheme #opmCCTV .ipamAvailSumChart{padding:0 0 0 20px}
body.darkTheme #opmCCTV .ipamAvailSumChart + div{padding:0 20px 0 0}
body.darkTheme #opmCCTV #map{padding:20px}
body.darkTheme #opmCCTV .inventoryBarChart .barHolder .svgTxt{fill:#b5b5b5}
body.darkTheme #opmCCTV .dashboardInventory .barHolder #barInfoReset,body.darkTheme #opmCCTV .FilterChart .chart:before{background:#1e1e1e}
body.darkTheme #opmCCTV .alarm-row{padding:0}
body.darkTheme #opmCCTV .alarm-row *{color:#767676 !important}
body.darkTheme #opmCCTV .alarm-row h3{color:#b5b5b5 !important}
body.darkTheme #opmCCTV td .alarm-row{padding:0 0 0 15px}
body.darkTheme #opmCCTV .jstree{background:none !important}
body.darkTheme #opmCCTV .jstree .jstree-wholerow.jstree-wholerow-hovered{background:#1b1b1b}
#ccTvContent .dashboardWidget > .content {overflow-x:auto !important;}
#ccTvContent .dashboardWidget:not(.entityCountWidget) > .content>div {min-width:345px !important;}
#dashboardScrollContainer:not(.compactView) .grid-stack-item-content[data-widgettype="EntityCount"]:not(.dashboardWidgetExpandView) .content{width: 250px !important;height:250px !important;top: 45px !important;left: 0px !important;}

#ccTvContent .dashboardWidget.global-bv-map > .content{left:4px;right:4px;top:44px;bottom:4px;}
#ccTvContent .dashboardWidget.bv-widget-scroll-enabled > .content > div{position:relative; !Important;}
#ccTvContent .dashboardWidget.bv-widget-scroll-enabled > .content > div > div{position:unset !Important;overflow: auto !important}
#ccTvContent .dashboardWidget.global-bv-map > .content .screen-resize{right:20px !important;top:4px;}

body.darkTheme #ccTvContent .dashboardWidget.global-bv-map > .content{left: 4px !important; right: 4px !important;top: 54px !important;bottom: 4px !important}
body.darkTheme #ccTvContent .dashboardWidget.global-bv-map > .content > div{position:unset !important;overflow: auto !important;}
body.darkTheme #ccTvContent .dashboardWidget.global-bv-map > .content > div > div{position: relative !important;}
body.darkTheme #ccTvContent .dashboardWidget.global-bv-map > .content .screen-resize{right:20px !important;top:4px;position: absolute !important;overflow: visible !important}


.ccTvSlider{background:#fff;width:360px;height:100%;overflow:hidden;position:absolute;top:0;right:-360px;box-shadow:-4px 3px 8px rgba(0,0,0,.3);-ms-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-webkit-box-shadow:-4px 3px 8px rgba(0,0,0,.3);-o-box-shadow:-4px 3px 8px rgba(0,0,0,.3);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:12}
body.ccTvSliderIn .ccTvSlider{right:0}
.ccTvSlider header{float:left;width:100%;height:85px;font:20px LatoRegular;padding:30px;position:relative}
.ccTvSlider header i.icon-remove{color:#8a8e91;position:absolute;top:29px;right:10px;cursor:pointer}
.ccTvSlider header i.icon-remove:hover{color:#000}
.ccTvSlider section{margin:0;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}
.ccTvSlider section .slideContHolder{float:left;width:100%;height:auto;margin:0 0 30px}
.ccTvSlider section .slideContHolder .opmFormHolder{float:left;width:100%;height:auto;padding:0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.ccTvSlider section .slideContHolder .opmForm{padding:0 30px}

#opmCCTV .grid-stack > .grid-stack-item > .ui-resizable-e,#opmCCTV .grid-stack > .grid-stack-item > .ui-resizable-se,#opmCCTV .grid-stack > .grid-stack-item > .ui-resizable-s,#opmCCTV .grid-stack > .grid-stack-item > .ui-resizable-sw,#opmCCTV .grid-stack > .grid-stack-item > .ui-resizable-w{z-index:999 !important}

.cctvNoDataWidget{float:left;width:100%;text-align:center;padding:20px;display:block}
.forecastNoDataReports{width:100%;text-align:center;padding:20px;display:block}

body.darkTheme .selBox > div .select2-container, .ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{background:#1b1b1b;border-color:rgba(255,255,255,.15)}
body.darkTheme .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered,body.darkTheme #opmCCTV #cctvHeader,body.darkTheme #opmCCTV #cctvDashHeader{color:#fff}
body.darkTheme .select2-container .select2-dropdown{background:#1e1e1e;color:#8f8f8f;border-color:rgba(255,255,255,.15)}
body.darkTheme .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{border-color:rgba(255,255,255,.15)}
body.darkTheme .select2-container--default .select2-results__option[aria-selected=true][aria-selected]{background:#2d2d2d}
body.darkTheme .select2-container--default .select2-results__option--highlighted{background:#000 !important}

#cctvPausePlay{float:left;width:15px;height:100%;position:relative;cursor:pointer}
#cctvPausePlay:before,#cctvPausePlay:after{background:#8F8F8A;width:4px;height:14px;content:'';margin:auto;position:absolute;top:0;bottom:0;left:2px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#cctvPausePlay:after{left:auto;right:2px}
#cctvPausePlay.active:before,#cctvPausePlay.active:after{background:none;width:7px;height:26px;font:25px fontello;content:'\e8cf';color:#8F8F8A;right:0;left:0}
#cctvPausePlay:hover:before,#cctvPausePlay:hover:after{background:#000}
#cctvPausePlay.active:hover:before,#cctvPausePlay.active:hover:after{background:none;color:#000}
body.darkTheme #cctvPausePlay:hover:before,body.darkTheme #cctvPausePlay:hover:after{background:#fff}
body.darkTheme #cctvPausePlay.active:hover:before,body.darkTheme #cctvPausePlay.active:hover:after{background:none;color:#fff}
body.darkTheme #opmCCTV .FilterChart .donutTextDiv:after{background:url(../../img/samples/icons/alarms-3.png) no-repeat center/90%}

.cctvChartAlign .mCSB_container{width:100%;height:100%;position:absolute !important;top:0;left:0;display:table}
.cctvChartAlign .mCSB_container > div{display:table-cell;vertical-align:middle}

body.darkTheme #opmCCTV .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent transparent}
body.darkTheme #opmCCTV .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff transparent}
/* CCTV styles ends ----------> */




.hiddenClose{float: left;left: 0;cursor: pointer;height: 45px;width: 45px;top: 0px}
#AddMonitorsTwo .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered, .ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container .selection .select2-selection .select2-selection__rendered{font:12px LatoRegular!important;}

.SpeedoMeter .edit,.dialcounter .edit{color:#d0d0d2;position:absolute;top:0;right:0;z-index:9;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.SpeedoMeter:hover .edit,.dialcounter:hover .edit{color:#000}
#inventoryGridStyle .dialcounter,#ContentHolder .dialcounter,#ContentHolderNew .dialcounter{height:190px!important;top:-53px}
.dialcounter b{min-width:180px;position:relative;top:5px;display:inline-block}
.dialcounter b i{height:35px !important;font-size:32px !important;position:absolute;right:0;bottom:-57px;left:0}
.dialcounter .edit{top:0;right:0;bottom:auto}
.dialcounter > i:not(.edit){position:relative;top:41px}

.gridInpTxt{float:left;position:relative}
.gridInpTxt input{position:absolute;top:3px;left:0}
.gridInpTxt span{float:left;padding:0 0 0 15px;word-break:break-all}


.widgetHyperLink{font:14px LatoRegular;text-decoration:underline}

.chkRoundBtn.chkRoundBtnLabel{margin:8px 10px 0}
.chkRoundBtn.chkRoundBtnLabel input{z-index:9}
.chkRoundBtn.chkRoundBtnLabel label,.chkRoundBtn.chkRoundBtnLabel input:checked + label{background:none;width:auto;height:auto;font:15px LatoRegular;padding:9px 50px 5px 5px;border:0}
.chkRoundBtn.chkRoundBtnLabel label:before{background:#fff;top:9px;right:22px;left:auto;z-index:1}
.chkRoundBtn.chkRoundBtnLabel label:after{background:#fff;width:42px;height:22px;content:'';border:1px solid #EAEAEA;border-radius:15px;display:block;position:absolute;top:7px;right:0}
.chkRoundBtn.chkRoundBtnLabel input:checked + label:before{right:1px;left:auto}
.chkRoundBtn.chkRoundBtnLabel input:checked + label:after{background:#45bd7f}
.icon-rediscovery{width:31px;height:100%;position:relative}
.icon-rediscovery:before{background:url(../../img/opm-sprites.png) no-repeat -214px -136px;width:23px;height:21px;content:'';margin:auto;transform:scale(.65);position:absolute;top:0;right:0;bottom:0;left:0}

.zChartNoData{position:relative}
.zChartNoData:before{background:#f5f6f8;content:'';position:absolute;top:60px;right:30px;bottom:20px;left:30px}
.zChartNoData .nodata{fill:#b8b7c1 !important;transform:translate(10px,20px)}

.cursorDefault{cursor:default!important;}
.ui-jqgrid td.cursorDefault{cursor:default!important;}
#alarmsPageFilterTime.timeFilterList ul li{display: inline-flex !important;justify-content: center;align-items: center;min-height: 50px;vertical-align: top;}

.deviceContent.deviceContent2{top:40px}
.deviceHeader{width:100%;height:30px;padding:0 30px;position:absolute;top:0;left:0}
.deviceHeader ul{float:left;width:100%;height:100%}
.deviceHeader ul li{float:left;height:100%}
.deviceHeader ul li:nth-child(1){width:215px;padding:0 0 0 35px}
.deviceHeader ul li:nth-child(2){width:60px}
.deviceHeader ul li:nth-child(3){width:295px}
.deviceContent.deviceContent2 .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:nth-child(2){width:600px !important}

body.ie11 #header,body.ie11 #nav,body.ie11 #ProductDetails,body.ie11 #ProductSettings{z-index:auto}
body.ie11 .opmSettingsContainer,body.ie11 .PDTContainer,body.ie11 .settingsQuickLinksHolder{z-index:9999}
body.ie11 #wrapper #container #header{z-index:99;}

.processMonitors .DIG-Graph{padding-left:540px !important}

.helpLinkSpaceFix{font-size: 0px;}
.helpLinkSpaceFix a{font-size: 14px;}

#scriptTestData th{font-weight: bold; border-bottom: 1px #bfbfbf solid;}
#scriptTestData td,#scriptTestData th{width: 150px;padding: 5px 0 5px 5px; text-align: left;}
#scriptTestData td:first-child, #scriptTestData th:first-child{border-right: 1px #bfbfbf solid;}
#scriptTestData {width:95%}

.lastPollded{background:#f3fdfc;float:left;width:100%;height:auto;padding:10px 0;position:relative}
.lastPollded > div{float:left;width:100%;height:auto;padding:10px}
.lastPollded > div.desc{max-height:360px;color:#515253;overflow:auto}
.lastPollded > div.desc > div:after{content:'';position:absolute;top:3px;right:4px;}
.lastPollded > div.desc > div:nth-child(3n):after,.lastPollded > div.desc > div:last-child:after{content:''}
.lastPollded > div.desc > div > span {float: left;max-width: 100%;text-overflow: ellipsis;overflow: hidden;margin-right: 10px;display: inline-block;overflow-wrap: break-word;word-wrap: break-word;hyphens: none;font-weight: bold;font-family: LatoBold;}
.lastPollded > div.desc > div > span:after {content: ':';display: inline;margin-left: 5px;}
.lastPollded > div.desc > div {float: left;width: 240px;height: auto;padding: 5px 13px;position: relative;overflow-wrap: break-word;word-wrap: break-word;hyphens: none;}

.deviceSlideContainer.hdrSec section .FolderMonitor .opmForm{padding-left: 25px;padding-right: 25px;overflow: hidden;}
.showonexpand{display:none !important}
.dashboardWidgetExpandView .showonexpand{display:inline-block !important}
.dashboardWidgetExpandView .hideonexpand{display:none !important}

#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI{margin:0 0 50px}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI,#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-corner-all,#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-jqgrid-view{float:left;width:100%;height:auto !important}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv{position:relative;top:0;left:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{margin:0;position:relative;top:0;right:0;bottom:0;left:0;overflow:auto}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-jqgrid-pager{height:25px;position:relative;bottom:0;left:0}
#inventoryGridStyle .gs_w.gs-w.dashboardWidgetExpandView .content.multipleJqGrid .opm_jqGridUI .ui-jqgrid-pager *{float:none}


.mssqlInstanceStatus{font-size:14px;position:absolute;top:101px;left:30px;z-index:1;cursor: pointer;}
.statusGreen{color:#46bb7d}
.statusRed{color:#fa5b5a}
.mssqlInstanceInfoTxt{font-size: 12px;color:#888888;}
.mssqlInstanceInfoTxt:before{content:' - '}
.mssqlInstanceStatusInfo{font-size: 14px;position:absolute;top: 101px;right:56px;z-index:1;}
.mssqlInstanceStatusInfo > div{float:right;margin: 0 0 0 22px;display:inline-block;}
.mssqlInstanceStatusInfo > div i{float: right;margin: 0 0 0 5px;position:relative;top:-1px}
.mssqlInstanceStatusInfo > div span{font-weight:bold}
.mssqlInstanceStatusInfo > div span:before{content:' - '}

.widgetHyperLink{font:14px LatoRegular;text-decoration:underline}

.opm_jqGridUI.NFGridScroll{width:auto;position:absolute;top:100px;right:30px;bottom:0;left:30px}
.opm_jqGridUI.NFGridScroll .ui-corner-all,.opm_jqGridUI.NFGridScroll .ui-jqgrid-view{float:left;width:100%;height:100%}
.opm_jqGridUI.NFGridScroll .ui-jqgrid-view .ui-jqgrid-hdiv{position:absolute;top:0;left:0}
.opm_jqGridUI.NFGridScroll .ui-jqgrid-view .ui-jqgrid-bdiv{margin:0;position:absolute;top:50px;right:0;bottom:30px;left:0;overflow:auto}
.opm_jqGridUI.NFGridScroll .ui-jqgrid-pager{height:25px;position:absolute;bottom:0;left:0}
.opm_jqGridUI.NFGridScroll .ui-jqgrid-pager *{float:none}

.dashboardWidgetExpandView .widgetTitleIcon{top:2px}
.widgetTitleIcon{margin:0 0 0 10px;position:relative;left:0;display:inline-block}
.widgetTitleIcon i.icon-time{margin:0 !important;top:0;left:0}
.widgetTitleIcon i.icon-time:before{top:-7px !important}
.widgetTitleIcon i.timeFrameTitle{left:20px}

.opm_jqGridCustomPager{background:#fff;height:25px;text-align:center;margin:0;position:absolute;right:20px;bottom:21px;left:45px;top:10px;z-index:9;display:none}
.opm_jqGridCustomPager > div{width:auto;height:100%;margin:auto;padding:2px 0 0;display:inline-block}
.opm_jqGridCustomPager > div > div{float:left;margin:0 2px}
.opm_jqGridCustomPager .icon-next,.opm_jqGridCustomPager .icon-previous{width:20px;height:20px;position:relative;display:block;cursor:pointer}
.opm_jqGridCustomPager .icon-previous:before,.opm_jqGridCustomPager .icon-next:before{width:8px;height:8px;content:'';margin:auto;border:1px solid #ccc;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:0}
.opm_jqGridCustomPager .icon-previous:before{border-top:0;border-right:0;left:5px}
.opm_jqGridCustomPager .icon-next:before{border-bottom:0;border-left:0;right:5px}
.opm_jqGridCustomPager .icon-next:hover:before,.opm_jqGridCustomPager .icon-previous:hover:before{border-color:#000}
.opm_jqGridCustomPager .pageInfo{padding:2px 0 0}
.opm_jqGridCustomPager .selBox{position:relative;top:-3px}
.opm_jqGridCustomPager .selBox > div,.opm_jqGridCustomPager .selBox > div .select2-container,.opm_jqGridCustomPager .selBox > div .select2-container .selection,.opm_jqGridCustomPager .selBox > div .select2-container .selection .select2-selection,.opm_jqGridCustomPager .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:23px}
.opm_jqGridCustomPager .selBox > div .select2-container .selection .select2-selection{padding:2px 35px 2px 8px;width:auto;height:auto}
#inventoryGridStyle .dashboardWidgetExpandView .dashboardWidget .opm_jqGridCustomPager{display:block}
.opm_jqGridCustomPager.jqGridPgFl{float:left;width:100%;position:relative;right:0;left:0}

.opm_jqGridCustomPager .icon-previous.disabled,.opm_jqGridCustomPager .icon-next.disabled{cursor:default}
.opm_jqGridCustomPager .icon-previous.disabled:before,.opm_jqGridCustomPager .icon-next.disabled:before{border-color:rgba(204,204,204,.68)}
.opm_jqGridCustomPager.reportProfile{display:block;position:initial;margin-top:20px;}

.probeLink{background:#9f9f9f;width:auto;max-width: 300px;height:18px;font:13px/100% LatoRegular;text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:2px 10px;border-radius:10px;right:auto;left:0;opacity:1;filter:alpha(opacity=100);overflow:hidden;display:inline-block;cursor:pointer}
.JqGridCustomDesign .ui-jqgrid-btable > tbody > tr.active .probeLink{color:#fff !important;left:10px !important}
#alarmShortSummary .probeLink, #deviceShortSummary .probeLink{float:right;margin:1px 40px 0 0}
.DI-Options .probeLink{float:left;margin:15px 5px 0}
.DI-Options .probeLink .probeDetails {display:inline-block;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;width:auto}

.alarmProbeLast:before{content: ''!important;}
.alarmProbeLastBefore:before{width: auto!important;height: auto!important;content: '|'!important;color: #707070!important;position: absolute!important;top: unset !important;right: 3px!important;}

#alarmShortSummary #TabHolder .opm_jqGridUI,#alarmShortSummary #TabHolder .ui-corner-all,#alarmShortSummary #TabHolder .ui-jqgrid-view,#alarmShortSummary #TabHolder .ui-jqgrid-htable,#alarmShortSummary #TabHolder .ui-jqgrid-hdiv,#alarmShortSummary #TabHolder .ui-jqgrid-btable,#alarmShortSummary #TabHolder .ui-jqgrid-bdiv{width:100% !important}
#alarmShortSummary #TabHolder .ProductCustomScroll .mCSB_scrollTools{margin:0 !important}

#opm_alarmsList.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(7):before{content:'|'}
#opm_alarmsList.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(8):before{content:''}
.lastNoteColumn {left:-7px}

.graph.graph2 .single{width:20%}
.timeFilterList.timeFilterList-2{width:auto;margin:0 20px 0 10px;position:absolute;top:11px;left:auto;right:0}
.timeFilterList.timeFilterList-2 .icon-time{float:left}
.timeFilterList.timeFilterList-2 .timeFrameTitle{float:left;width:auto;position:relative;top:2px;left:5px}
.timeFilterList.timeFilterList-2 ul{right:15px;left:auto}
.timeFilterList.timeFilterList-2 ul:before{right:20px;left:auto}

#AlrmEvtTrapInvDev.opmInventoryHolder.opmSubnets:before{height:60px;top:0;bottom:auto}

#inventoryGridStyle .dashboardWidget .graphWidget.cbqosTriGraph{float:left;width:50% !important;height:auto;padding:60px 10px 10px !important;position:relative !important;top:0 !important}
.cbqosTriGraph{float:left;width:50% !important;height:auto;padding:60px 10px 10px !important;position:relative !important;top:0 !important}
.cbqosTriCenterGraph{float:left;width:100%;height:auto;position:relative;top:0;overflow:hidden;}

#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid.opmTreeViewGridWLC > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid .ui-jqgrid-htable .ui-jqgrid-labels th:nth-child(2),#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid.opmTreeViewGridWLC > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv td:nth-child(2){width:auto !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewGrid.opmTreeViewGridWLC > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid .ui-jqgrid-bdiv{max-height:1000px !important;overflow:auto}

body[class^='slideDivIn-'] #ReportSubTabs section:before,body[class*=' slideDivIn-'] #ReportSubTabs section:before{z-index:99}
body[class^='slideDivIn-'] #ReportSubTabs .slideContent,body[class*=' slideDivIn-'] #ReportSubTabs .slideContent{z-index:999}

.nfaDataStatus{width:3px;height:18px}
.nfaDataStatus-1{background:#04C36B}
.nfaDataStatus-2{background:#3A92E9}
.nfaDataStatus-3{background:#FDC33A}
.nfaDataStatus-4{background:#D65587}
.nfaDataStatus-5{background:#FC7C63}
.nfaDataStatus-6{background:#51A5A9}
.nfaDataStatus-7{background:#BFBFBF}
.nfaDataStatus-8{background:#91CD6A}
.nfaDataStatus-9{background:#BE9B89}
.nfaDataStatus-10{background:#7D8DB0}
.nfaDataStatus-11{background:#B68E2E}

#ReportSubTabs:before,#ReportSubTabs .netflowReportGraph:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;z-index:-9}
body.deviceMenuSlideIn #ReportSubTabs:before,body.deviceMenuSlideIn #ReportSubTabs .netflowReportGraph:before{background:rgba(0, 0, 0, 0.3);z-index:9}
#ReportSubTabs .netflowReportGraph .deviceslideActionBtn{z-index:9}
#ReportSubTabs .netflowReportGraph .deviceMenuSlide{top:55px}

.timeGraphWidget{float:left;width:100%;height:auto;padding:0 0 0 120px;position:relative}
.timeGraphWidget .timeFilterList{background:rgb(244, 244, 246);float:left;width:120px;height:100%;text-align:center;padding:8px 10px;position:absolute;top:0;bottom:0;left:0;}
.timeGraphWidget .icon-time{margin:auto;position:absolute !important;top:0;right:0;bottom:30px;left:0}
.timeGraphWidget .timeFrameTitle{width:100%;height:20px;margin:auto;position:absolute;top:30px;bottom:0;left:0}
.timeGraphWidget .opm_jqGridUI{float:left;width:auto;height:auto;padding:0 !important}
.notimeWidget{padding:0 20px}
.notimeWidget .timeFilterList{display:none}
.trafficTbleMsgDiv{text-align: center;margin: 0 0 20px}
/* NCM Based Styles for Hw Inv report*/
.hardwareInventoryReport,.hrdwrInvRepListRow,.hrdwrInvRepListRow .singleRow,.hrdwrInvRepListRow .row,.hrdwrInvRepInfo{float:left;width:100%;height:auto;font:14px LatoRegular;position:relative}
.hrdwrInvRepInfo{text-align:right;margin:0 0 10px}
.hrdwrInvRepInfo > div > div{text-align:left}
.hrdwrInvRepInfo .devGrp,.hrdwrInvRepInfo .pagerInfo,.hrdwrInvRepInfo .perPageInfo,.currentPageInfo{margin:0 0 0 20px;display:inline-block}
.hrdwrInvRepInfo .devGrp label,.hrdwrInvRepInfo .pagerInfo label,.hrdwrInvRepInfo .perPageInfo label,.selBoxOpmBtnHldrTop label{float:left;margin:0 10px 0 0;display:inline-block;position:relative;top:6px}
.hrdwrInvRepInfo .devGrp .selBox,.selBoxOpmBtnHldrTop .selBox{float:left;min-width:190px}
.selBoxOpmBtnHldrTop{float:left;margin:0 20px;display:inline-block}
.hrdwrInvRepInfo .currentPageInfo{position:relative;top:-12px}
.hrdwrInvRepInfo .pagerInfo .selBox,.hrdwrInvRepInfo .perPageInfo .selBox{float:left;width:80px}
.hrdwrInvRepListRow{margin:0 0 20px;border:1px solid #e8e8e8}
.hrdwrInvRepListRow .singleRow:first-child h4{background:#CFCFCF}
.hrdwrInvRepListRow .singleRow:first-child .col{float:left;width:33.33%}
.hardwareInventoryReport{padding:0 30px 0 0}
.hrdwrInvRepListRow h4{background:#F5F5F5;padding:10px}
.hrdwrInvRepListRow .col{float:left;width:50%}
.hrdwrInvRepListRow .col div{float:left;width:50%;word-wrap:break-word;padding:10px;position:relative}
.hrdwrInvRepListRow .col div:first-child{font:14px LatoBold}
.hrdwrInvRepListRow .col div:first-child:before{content:':';position:absolute;top:9px;right:0}

.dialGraphCounter > div{float:left;height:190px;top:0 !important}
.dialGraphCounter > .dialcounter{top:20px !important}

.opmStorageGridTitle .custDialSpeedoMeter > .singleBlock,.expandViewGraphTable .content .custDialSpeedoMeter > .singleBlock.ember-view{float:left;width:25% !important;height:220px !important;padding:0 10px 10px;position:relative}
.custDialSpeedoMeter > .singleBlock,.expandViewGraphTable .content .custDialSpeedoMeter > .singleBlock.ember-view{float:left;width:50% !important;height:220px !important;padding:0 10px 10px;position:relative}
.custDialSpeedoMeter > .singleBlock > .header{background:#f5f6f8;padding:10px;vertical-align:top;display:table;border-collapse:separate}
.custDialSpeedoMeter > .singleBlock > .header > .title{width:100%;text-align:left;display:table-cell}
.custDialSpeedoMeter > .singleBlock > .header > .icons{width:1%;font-size:0;white-space:nowrap;vertical-align:top;padding:0 8px;display:table-cell}
.custDialSpeedoMeter > .singleBlock > .header > .icons > i{font-size:15px;margin:0 5px 0 0;cursor: pointer;}
.custDialSpeedoMeter > .singleBlock > .header > .icons > i.icon-configedit.edit.processDiagnostics{background:url(../../img/opm-sprites.png) no-repeat -290px -136px;width:20px;height:15px;position:relative;top:1px;display:inline-block}
.custDialSpeedoMeter > .singleBlock > .header > .icons > i.icon-configedit.edit.processDiagnostics:before{display:none}
.custDialSpeedoMeter > .singleBlock > .section {height: 120px;}
.custDialSpeedoMeter > .singleBlock > .section > b > span{display:block;font-size:50px;padding:0 50px 0 0;margin-top:50px}
.custDialSpeedoMeter > .singleBlock > .section > b > i{display:table-cell;font-size:20px;padding-top:40px;text-align:center;}
.custDialSpeedoMeter > .singleBlock > .SpeedoMeter > div.info b{font:20px LatoRegular;text-align:center;font-weight:bold}
.custDialSpeedoMeter > .singleBlock > .SpeedoMeter > div.info i{font:15px LatoRegular;text-align:center;top:0px;}
.custDialCountInfo{padding:35px 0 0}
.custDialCountInfo b{font-size:50px;display:block;Word-Wrap:break-word;}
.custDialCountInfo i{font-size:14px}
.custDialCountInfo.string-Monitor {width: 250px;margin: 0 auto;line-height: 23px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;height: 100%;display: flex;align-items: center;}
.custDialCountInfo.string-Monitor b {font-size: 14px !important;}

.custDialSpeedoMeter > .singleBlock > .section svg{width:auto;height:auto;text-align:center;margin: 9px;display:inline-block;position:relative;overflow:hidden;}
.custDialSpeedoMeter > .singleBlock > .section img{margin:auto;position:absolute;right: 110px;padding-left:0px;padding-top:0px;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;z-index:1;}


.opmFailureReasonInfo{float:left;width:100%;height:auto;padding:0 30px;margin:20px 0 0}
.opmFailureReasonInfo h4{background:#e9e9eb;font:13px LatoBold;padding:10px;margin:0;border:1px solid #e8e8e8;border-bottom:0}
.opmFailureReasonInfo ul{float:left;width:100%;height:auto;border:1px solid #e8e8e8}
.opmFailureReasonInfo li{float:left;width:100%;height:auto;padding:10px}
.opmFailureReasonInfo li:nth-child(2n){background:#f9f9fb}
.opmPerformanceMonitor,.opmIpslaMonitor{float:left;width:33%;padding:0 10px 0;margin:0 0 20px}
.opmPerformanceMonitor .ui-jqgrid .ui-jqgrid-titlebar{background:#f6f6f6;float:left;width:100%;font:16px LatoBold;padding:10px;box-sizing: border-box;height:44px;border: 1px solid #dcdcdc;border-bottom: 0}
.opm_jqGridUI .opmIpslaMonitor .ui-jqgrid-view .ui-jqgrid-bdiv,.opm_jqGridUI .opmIpslaMonitor .ui-jqgrid-pager{position:relative !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}

#monitorsPageFilterTime i.icon-time:before{top:-8px}
body.quickLinksOverlay #header{z-index:999}
body.quickLinksOverlay #header:before,body.quickLinksOverlay #main .opmDashboard > header:before,body.quickLinksOverlay #main:before,body.quickLinksOverlay #PageSideBar:before{background:rgba(0,0,0,.3);width:auto;height:auto;content:'';position:absolute;top:0;right:0;bottom:-1px;left:0;z-index:9}
body.quickLinksOverlay #PageSideBar:before{z-index:99}
body.Windows.quickLinksOverlay #main,body.Windows.quickLinksOverlay #PageSideBar{z-index:-1}
#PageSideBar.opmInventory:before{bottom:0 !important;transition:none}
body#v2BodyHolder > .select2-container{z-index:99999}

body.deviceMenuSlideIn .Device-Info:before,body.deviceMenuSlideIn .DI-Header:before,body[class^='deviceSlideDivIn-'] .DI-Header:before,body[class*=' deviceSlideDivIn-'] .DI-Header:before,body.deviceMenuSlideIn #PageSideBar:before,body.deviceMenuSlideIn #PageContent .PageContent:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
body.deviceMenuSlideIn #PageSideBar:before{z-index:99}
body.deviceMenuSlideIn .DI-Header:before,body.deviceMenuSlideIn #PageContent .PageContent:before{right:50px}
body.deviceMenuSlideIn #AlarmList:after{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.deviceslideActionBtn{left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
body.deviceMenuSlideIn #AlarmList .deviceslideActionBtn{left:42px;z-index:9}
#AlarmList.AETIDRowChecked .deviceslideActionBtn{left:2px !important;z-index:9}



body.deviceMenuSlideIn .DI-Header:before,body[class^='deviceSlideDivIn-'] .DI-Header:before, body[class*=' deviceSlideDivIn-'] .DI-Header:before, .DI-Header.disabled:before{background:rgba(0,0,0,.2)}
body.monitorSnapshotSlideIn #PageContent .DeviceDetails .DI-Header:before,body.deviceMenuSlideIn #PageContent .DeviceDetails .DI-Content:before,.deviceSlideContent.snapshotgraph.deviceSlideDivIn-full:before{background:rgba(0,0,0,.2);content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}
body.deviceMenuSlideIn[class^='deviceSlideDivIn-'] .Device-Info:before,body.deviceMenuSlideIn[class*=' deviceSlideDivIn-'] .Device-Info:before{background:none}
body.monitorSnapshotSlideIn:not(.hideAddIcon2) #PageContent .DeviceDetails .DI-Header:before{right:50px}
.deviceSlideContent.snapshotgraph.deviceSlideDivIn-full:before{height:45px;top:0;bottom:auto;right:50px}

#AlrmEvtTrapInvDev #AlarmList .Options i.deviceslideActionBtn:before{top:8px !important}
body.deviceMenuSlideIn #AlrmEvtTrapInvDev #AlarmList .Options i.deviceslideActionBtn:before{top:13px !important}


.AtaGlanceRep{float:left;width:50%;padding:20px;margin:0 0 30px}
.AtaGlanceRep > header{background:#fbfbfb;float:left !important;width:100% !important;height:50px !important;font:16px/33px LatoRegular !important;padding:7px 10px 10px 10px !important}
.AtaGlanceRep > div{float:left !important;width:100% !important;padding:0 !important}
body.deviceMenuSlideIn.deviceSlideDivIn-3 .GlanceGraphSpace:before,body.deviceMenuSlideIn.deviceSlideDivIn-3 .IntfBWOutageGraphSpace:before{background:rgba(0,0,0,.3);width:100%;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}

.hasHelpCard{background:#f2f2f2;float:right;width:16px;height:16px;border:1px solid #dcdcdc;border-radius:50%;outline:none;position:relative;overflow:hidden}
.hasHelpCard:hover,.hasHelpCard:focus{background:#1a1d23;overflow:visible}
.hasHelpCard:hover:before,.hasHelpCard:focus:before{color:#fff}
.hasHelpCard:before{content:'?';line-height:10px;font-size:10px;color:#000000;text-align:center;position:absolute;top: 50%;right:0;left:1px;z-index:0;}
.hasHelpCard:not(.ncmCredPromptCard):before{transform: translateY(-50%);}
.hasHelpCard.type2:before{content:'!';}
.title .hasHelpCard:before,.opmFormTitle .hasHelpCard:before{line-height:14px}
.hasHelpCard > i{width:15px;height:15px;display:block;position:absolute;top:0;left:100%;z-index:1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.helpCard{background:#1a1d23;float:right;width:0;height:0;position:relative;display:none}
.helpCardInfo{width:322px;max-width:322px;height:auto;font:normal 12px LatoRegular;position:absolute;top:65px;right:0px;z-index:2}
.helpCardInfo:before{background:#1a1d23;width:12px;height:14px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-7px;right:0;left:5px}
.helpCardInfo,.helpCardInfo:before{box-shadow:0 0 8px rgba(0,0,0,.2);-ms-box-shadow:0 0 8px rgba(0,0,0,.2);-moz-box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);-o-box-shadow:0 0 8px rgba(0,0,0,.2)}
.helpCard.smallWidCenter .helpCardInfo {width: 216px;left: -100px}
.helpCard.smallWidCenter .helpCardInfo:before{left:87px}
.helpCard.top .helpCardInfo{top:auto;bottom:10px}
.helpCard.top .helpCardInfo:before{top:auto;bottom:-7px;right:5px;left:0}
.helpCardTitle{background:#1a1d23;float:left;width:100%;font-size:16px;color:#fff;padding:13px 20px;position:relative;display:none}
.helpCardTitle:before{background:#fff;width:100%;height:1px;content:'';position:absolute;bottom:0;left:0}
.helpCardContent{background:#1a1d23;float:left;width:100%;height:auto;border-radius:3px;padding:10px;position:relative;z-index:1}
.helpCardContent > div{float:left;width:100%;height:auto;max-height:130px;font-size:12px;line-height:18px;overflow:auto}
.hasHelpCard:hover > i{left:0}
.hasHelpCard:focus .helpCard,.hasHelpCard.active .helpCard{display:block !important}
.helpCardContent h4{color:#fff}
.helpCardContent p{color:#e4e4e4 !important;margin:0 0 5px;white-space: initial;word-break:break-word}
.helpCardContent b{color:#fff}
.helpCardContent i{color:#44bd7f !important}
.helpCardContent table{color:#B9B9B9;}
.helpCardContent table, .helpCardContent th, .helpCardContent td{border: 1px solid #B9B9B9; border-collapse: collapse;}
.helpCardContent th, .helpCardContent td{padding-left:5px; padding-right:5px;}
.hasHelpCard.passwordHelpInfo{background:none;width:0;height:0;cursor:default}
.hasHelpCard.passwordHelpInfo:before{display:none}
.hasHelpCard.passwordHelpInfo.active{overflow:visible}
.hasHelpCard.passwordHelpInfo.active .helpCard{display:block !important}
.hasHelpCard.passwordHelpInfo{color:#fff}
.hasHelpCard.passwordHelpInfo ul{float:left;width:100%;height:auto;padding:0 0 0 20px}
.hasHelpCard.passwordHelpInfo li{float:left;width:100%;height:auto;margin:0 0 2px;position:relative}
.hasHelpCard.passwordHelpInfo li:after{background:#fff;width:6px;height:6px;content:'';border-radius:50%;position:absolute;top:5px;left:-15px}
.hasHelpCard.passwordHelpInfo li.done:after{background:none;width:4px;height:10px;border:2px solid #45bd7f;border-bottom:0;border-left:0;border-radius:0;position:absolute;top:9px;left:-18px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.hasHelpCard.hasHelpCard-red:before{color:#fff;content: '!';}
.showHelpCard.active .helpCard{display: block !important;}
.hasHelpCard.hasHelpCard-red{background:#f34848;border-color:#f34848}
.hasHelpCard.hasHelpCard-red:hover{background:#f01818;border-color:#f01818}
.hasHelpCard-red .helpCardContent p.red{color:#fe5c5a !important}
.PDTContainer .hasHelpCard.passwordHelpInfo{float:left;width:100%;height:0 !important;padding:0 !important;position:relative;overflow:visible}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCard{background:#efefef;float:right;width:100%;height:0 !important;position:relative}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCardInfo{width:280px !important;height:auto !important;font:normal 12px LatoRegular !important;position:absolute !important;top:45px !important;right:0px !important;z-index:2}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCardInfo:before{background:#efefef;content:'' !important;top:-7px !important;bottom:auto;right:0 !important;left:0 !important;display:block}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCard.top .helpCardInfo{top:auto !important;bottom:-11px !important}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCard.top .helpCardInfo:before{top:auto !important;bottom:4px;right:5px;left:0}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCardContent{background:#fefefe !important;float:left;width:100% !important;height:auto !important;border-radius:3px;padding:10px;position:relative;z-index:1}
.PDTContainer .hasHelpCard.passwordHelpInfo .helpCardContent > div{float:left;width:100% !important;height:auto !important;max-height:130px !important;font-size:12px;line-height:18px;color:#000 !important;padding:0 !important;margin:0 !important;overflow:auto}
.PDTContainer .hasHelpCard.passwordHelpInfo *{font:normal 12px/15px LatoRegular !important}
.PDTContainer .hasHelpCard.passwordHelpInfo p{color:#000 !important;padding:0 !important;margin:0 0 8px !important}
.PDTContainer .hasHelpCard.passwordHelpInfo li:after{background:#000}
.PDTContainer .hasHelpCard.passwordHelpInfo li.done:after{background:none}
.hasHelpCard3{overflow:visible !important}
.hasHelpCard4{float:none;margin:0 0 0 5px;display:inline-block;position:relative;top:3px}
.hasHelpCard4 .helpCardInfo{top:30px;right:auto;left:-40px}
.hasHelpCard4 .helpCardInfo:before{right:auto;left:29px}
.hasHelpCard4 .helpCard.top .helpCardInfo:before{right:auto;left:24px}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}
.hasHelpCard.hasHelpCardHover:hover > .helpCard{display:block !important}
.hasHelpCard.info:before{content: 'i';}
.checkboxWithTooltip>span {margin: 7px 0 0 0px !important;display: inline-block}
.checkboxWithTooltip>span .helpCardInfo {top:48px}

.helpCardInfoSchRep{width:322px;max-width:322px;height:auto;font:normal 12px LatoRegular;position:absolute;top:30px;right:0px;z-index:2}
.helpCardInfoSchRep:before{background:#1a1d23;width:12px;height:20px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-7px;right:0;left:5px}
.helpCardInfoSchRep,.helpCardInfoSchRep:before{box-shadow:0 0 8px rgba(0,0,0,.2);-ms-box-shadow:0 0 8px rgba(0,0,0,.2);-moz-box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);-o-box-shadow:0 0 8px rgba(0,0,0,.2)}
.helpCard.top .helpCardInfoSchRep{top:auto;bottom:10px}
.helpCard.top .helpCardInfoSchRep:before{top:auto;bottom:-7px;right:5px;left:0}

.opm_arrow{padding:0 18px 0 0;position:relative;display:inline-block}
.opm_arrow:before{width:7px;height:7px;content:'';margin:auto;border:1px solid #000;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;right:3px;display:block}
.opm_arrow.up:before{top:7px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.opm_arrow.right:before{top:5px;right:6px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}
.opm_arrow.down:before{top:3px;transform:rotate(225deg);-ms-transform:rotate(225deg);-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg)}
.opm_arrow.left:before{top:5px;right:1px;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg)}

.hasHelpCard.hasHelpCard2{float:none;margin:0 5px -2px;display:inline-block}
.hasHelpCardBar{background:#fff;width:auto;max-width:580px;height:auto;font:normal 12px LatoRegular;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);position:fixed;z-index:999;opacity:1;filter:alpha(opacity=100);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.hasHelpCardBar:before{background:#f9f9f9;width:12px;height:20px;content:'';margin:auto;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-7px;right:0;left:5px}
.hasHelpCardBar .title{background:#f9f9f9;font-size:16px;color:#000;padding:13px 40px 13px 20px;position:relative}
.hasHelpCardBar .title:before{background:#a2ddbd;width:100%;height:1px;content:'';position:absolute;bottom:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.hasHelpCardBar .title i{width:15px;height:20px;color:#a0a0a0;text-align:center;margin:auto;position:absolute;top:0;right:15px;bottom:0;cursor:pointer}
.hasHelpCardBar .title i:hover{color:#000}
.hasHelpCardBar .content{background:#fff;width:100%;height:130px;font-size:13.5px;line-height:18px;padding:20px;position:relative;overflow:auto;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}

.hasHelpCard3{overflow:visible !important}
.hasHelpCard4{float:none;margin:0 0 0 5px;display:inline-block;position:relative;top:3px}
.hasHelpCard4 .helpCardInfo{top:30px;right:auto;left:-40px}
.hasHelpCard4 .helpCardInfo:before{right:auto;left:29px}
.hasHelpCard4 .helpCard.top .helpCardInfo:before{right:auto;left:24px}
.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}
.hasHelpCard.hasHelpCardHover:hover > .helpCard{display:block !important}
.hideTooltip {position: relative;width: auto;display: inline-block;}
.hideTooltip .hasHelpCard {width: 100%;position: absolute;left: 0;margin: 0;opacity: 0;height: 21px;padding: 0;}
#importDevicesDiv .multiSelBox .multiSelBoxBtn:before{background:none;}
/* Bview Props */
.selectionBVPage {
    position: absolute;
    border: 1px solid #89B;
    background: rgb(98, 165, 244);
    background-color: rgb(98, 165, 244);
    border-color: #8B9;
    }
.size2 {
    height: 118px;
    line-height: 118px;
    }
.size3 {
    height: 178px;
    line-height: 178px;
    }
.droppedDevice {
    background-color: #EBC;
    border-color: #B89;
    }
.activeDevice {
    background-color: #CEB;
    border-color: #9B8;
    }
.bvPropsMenu{
    cursor:pointer;
}
/* Bview Props Ends*/

/***For Web alarm list mute icon***/

.JqGridCustomDesign .opmCusGrid.opmWebAlarm > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){width:250px}
.JqGridCustomDesign .opmCusGrid.opmWebAlarm > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3) .time{right:105px}
#AlrmEvtTrapInvDev:not(.List) .opmCusGrid.opmWebAlarm > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div .Options{height:auto !important;position:relative !important;top:0}
#AlrmEvtTrapInvDev:not(.List) .opmCusGrid.opmWebAlarm > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div .Options i{float:left;height:auto !important;padding:0 10px !important}
#AlrmEvtTrapInvDev .alarmShortSummaryActive .opmCusGrid.opmWebAlarm .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){width:200px !important}
i.opmWebAlarmMute:before{background:url(../../img/opm-sprites.png) no-repeat -286px -117px;width:20px;height:18px;content:'';position:relative;display:inline-block}
i.opmWebAlarmUnMute:before{background:url(../../img/opm-sprites.png) no-repeat -269px -117px;width:16px;height:19px;content:'';position:relative;display:inline-block}

.slideActions{float:right;margin:20px 50px 0 0;position:relative}
.slideContentContainer #monitorHeader + .opmFormHolder{padding:0 30px}
.slideContentContainer #monitorHeader + #SnapAvailability{padding:0 30px}

.searchIcon:before{font-size: 18px;font-family: fontello;content: '\e8d6';position: absolute;top: 3px;margin-left: 7px; cursor:pointer;}

.settingsCnt > section .settingsContent.opmMapBV .title{top:60px !important}
.settingsCnt > section .settingsContent.opmMapBV .opmMapNav{top:70px}
.settingsCnt > section .settingsContent.opmMapBV .opmMapNav > .icon-remove{width:25px;height:25px;position:absolute;top:-55px;right:-18px}
.settingsCnt > section .settingsContent.opmMapBV .opmMapNav > .icon-remove:before,.settingsCnt > section .settingsContent.opmMapBV .opmMapNav > .icon-remove:after{height:25px;left:12px}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar{background:#efefef;width:100%;height:50px;position:absolute;top:0;left:0}
/*.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar .opmMapBVSideBarToggle{width:50px;height:50px;position:absolute;left:0;bottom:0;cursor:pointer}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar .opmMapBVSideBarToggle:before,.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar .opmMapBVSideBarToggle:after{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar .opmMapBVSideBarToggle:before{width:20px;height:11px;border:2px solid #000;border-right:0;border-left:0}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar .opmMapBVSideBarToggle:after{background:#000;width:20px;height:2px}
*/.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul{margin:auto;position:absolute;top:0;right:50px;bottom:0;left:50px}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li{float:left;width:180px;height:100%;text-align:center;color:#636363;padding:15px 0;border-right:1px solid #d7d7d7;position:relative;cursor:pointer}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li:first-child{border-left:1px solid #d7d7d7}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li.active{background:#fff;font-family:LatoBold;color:#000;cursor:default}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li.active:before,.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li.active:after{background:#fff;width:1px;height:100%;content:'';position:absolute;top:0;left:-1px}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVNavBar ul li.active:after{right:-1px;left:auto}
.settingsCnt > section .settingsContent.opmMapBV .opmFormHolder{top:115px}
.settingsCnt.opmAsideSection.settingsNoAside > aside{width:0}
.settingsCnt.opmAsideSection.settingsNoAside > section{left:0}
.settingsCnt.opmAsideSection.settingsNoAside .opmMapBV .opmFormHolder{left:0px; top:95px;padding-bottom: 0px;}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVMore{width:25px;height:20px;display:inline-block;position:relative;top:5px;overflow:visible}
.settingsCnt > section .settingsContent.opmMapBV .opmMapBVMore .deviceslideActionBtn{width:55px;height:55px;position:absolute;top:-17px;right:-38px}
.topTitle{top:80px !important};

.opmMapBVMoreActions{width:100%;position:absolute;top:0;bottom:0;right:-100%;z-index:10;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMapBVMoreActions > div{background:#fff;float:right;width:290px;height:100%;position:relative;box-shadow:0 0 8px rgba(0,0,0,.3);-ms-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3)}
.opmMapBVMoreActions > div > header{background:#45b87b;float:left;width:100%;height:58px;font:16px LatoRegular;color:#fff;padding:20px 30px;position:relative}
.opmMapBVMoreActions > div > header i{position:absolute;top:18px !important;right:15px !important;cursor:pointer}
.opmMapBVMoreActions > div > header i:before,.opmMapBVMoreActions > div > header i:after{background:#efefef}
.opmMapBVMoreActions > div > header i:hover:before,.opmMapBVMoreActions > div > header i:hover:after{background:#fff}
.opmMapBVMoreActions > div > section{margin:auto;position:absolute;top:58px;right:0;bottom:0;left:0;overflow:auto}
.opmMapBVMoreActions > div > section ul{float:left;width:100%;height:auto;position:relative}
.opmMapBVMoreActions > div > section ul.disabled{opacity:.6;filter:alpha(opacity=60)}
.opmMapBVMoreActions > div > section ul.disabled:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.opmMapBVMoreActions > div > section ul.disabled li{cursor:default}
.opmMapBVMoreActions > div > section ul li{float:left;width:100%;height:auto;font:13px LatoRegular;padding:10px 30px;margin:0;position:relative;cursor:pointer}
.opmMapBVMoreActions > div > section ul li:after{background:#eaeaea;height:1px;content:'';margin:0 30px;position:absolute;right:0;bottom:0;left:0}
body.opmMapBVMoreActionsIn .opmMapBVMoreActions{right:0}
#MapsAside:before,#MapsSection:before{background:rgba(0,0,0,.2);z-index:2;display:none}
body.opmMapBVMoreActionsIn #MapsAside:before,body.opmMapBVMoreActionsIn #MapsSection:before{display:block}
#BVMapBGImg .dashboardCol-1{padding:0}
#BVMapBGImg .dashboardInnerCol{padding:0 15px 0 0}
#BVMapBGImg .dashboardInnerCol:nth-child(2){padding:0 0 0 15px}
#BVMapBGImg .dashboardWidget{padding:0 0 25px}
#BVMapBGImg .minMaxWidget{float:left;width:100%;padding:0 0 0 20px}
#BVMapBGImg .minMaxWidget .title{font:14px LatoBold !important;padding:0;border:0;position:relative;top:0 !important;right:0;left:0}
#BVMapBGImg .minMaxWidget .title:before{height:45px;top:-15px;left:-1px}

.opmMapNav .timeFilterList i.icon-time{width:16px;height:16px;top:2.5px}
.opmMapNav .timeFilterList i.icon-time:before{font-size:8px;top:-5px}
.opmMapNav .timeFilterList{position:relative;top:-1px;left:auto;display:inline-block}
.opmMapNav .timeFilterList ul{width:232px;left:auto;right:75px}
.opmMapNav .timeFilterList ul:before{right:15px;left:auto}
.opmMapNav .timeFilterList ul li:first-child{margin:0 0 5px}
.opmMapNav .timeFilterList ul li:not(.header){float:left;width:105px;margin:5px}
.settingsCnt > section .settingsContent.opmMapBV .deviceSlideContent{top:0}
.settingsCnt > section .settingsContent.opmMapBV .deviceSlideContent .opmFormHolder{top:0}
.gridEnabled{background-image:linear-gradient(#e7ebf5 2px, transparent 2px),linear-gradient(90deg,#e7ebf5 2px,transparent 2px),linear-gradient(#f0f3f9 1px,transparent 1px),linear-gradient(90deg,#f0f3f9 1px,transparent 1px),linear-gradient(#f0f3f9 1px,transparent 1px),linear-gradient(90deg,#f0f3f9 1px,transparent 1px),linear-gradient(#f0f3f9 1px,transparent 1px),linear-gradient(90deg,#f0f3f9 1px,transparent 1px);background-size:80px 80px,80px 80px,40px 40px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-2px -2px,-1px -1px,-1px -1px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.bvTopInput input:not(:focus){background: none;width: auto;border: 0;}
.bvTopInput input:focus{border:1px solid #f00; border-bottom: 1px solid #f00; border-radius: 3px;}
.icon-mapGrid:before{background:#fff;background-image:linear-gradient(#8a8e91 1.5px,transparent 1.5px),linear-gradient(90deg,#8a8e91 1.5px,transparent 1.5px),linear-gradient(#8a8e91 1.5px,transparent 1.5px),linear-gradient(90deg,#8a8e91 1.5px,transparent 1.5px);background-size:20px 20px,20px 20px,5px 5px,5px 5px;background-position:0 0,0 0,-1px -1px,-1px -1px}
.icon-mapGrid{float:left;width:15px;height:15px;display:inline-block;position:relative;top:10px}
.icon-mapGrid:before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;display:block}
.icon-mapGrid:after{width:100%;height:100%;font-family:fontello;content:'\e8b3';color:#f00;text-align:center;margin:auto;position:absolute;top:1.3px;left:0;font-size: 13px}
.icon-mapGrid.active:after{display:none}
.devHrefLink:hover{text-decoration: underline !important;}

.opmRamUsageInfoHolder{float:left;width:100%;height:auto;text-align:center}
.opmRamUsageInfoContainer{float:none;width:auto;height:auto;margin:0 auto 20px;border:1px solid #000;display:inline-block}
.opmRamUsageInfo{clear:both;float:left;font: 14px LatoRegular;padding:5px 8px 5px 12px;display:inline-block;position:relative}
.opmRamUsageInfo i{width:12px;height:12px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:8px}

.timeIconFix:before{top:-2px!important}

/*Start Business View Tooltip CSS*/
.bvtooltipBoxBdr_1,.bvtooltipBoxBdr_2,.bvtooltipBoxBdr_3,.bvtooltipBoxBdr_4,.bvtooltipBoxBdr_5,.bvtooltipBoxBdr_6,.bvtooltipBoxBdr_7{background:rgba(0,0,0,.7);border:none}
.bvtooltipInnerBoxBdr_1,.bvtooltipInnerBoxBdr_2,.bvtooltipInnerBoxBdr_3,.bvtooltipInnerBoxBdr_4,.bvtooltipInnerBoxBdr_5,.bvtooltipInnerBoxBdr_6,.bvtooltipInnerBoxBdr_7{background:none;width:100%;height:100%;padding:0;border:none}
.bvtooltipGradiant_1,.bvtooltipGradiant_2,.bvtooltipGradiant_3,.bvtooltipGradiant_4,.bvtooltipGradiant_5,.bvtooltipGradiant_6,.bvtooltipGradiant_7{height:20px;font:normal 16px LatoRegular;color:#fff;padding:5px 14px 0}
.bvtooltipGradiant_1:before,.bvtooltipGradiant_2:before,.bvtooltipGradiant_3:before,.bvtooltipGradiant_4:before,.bvtooltipGradiant_5:before,.bvtooltipGradiant_6:before,.bvtooltipGradiant_7:before{width:5px;height:100%;content:'';position:absolute;top:0;left:0}
.bvtooltipGradiant_1:before{background:#ff7867}
.bvtooltipGradiant_2:before{background:#f7a33d}
.bvtooltipGradiant_3:before{background:#ffff26}
.bvtooltipGradiant_4:before{background:#f41bf4}
.bvtooltipGradiant_5:before{background:#74fb3d}
.bvtooltipGradiant_6:before{background:#a5a5a5}
.bvtooltipGradiant_7:before{background:#a5a5a5}
#bvtooltipCnt .bvtoolcnt{width:100%;white-space:pre-wrap;word-wrap:break-word;padding:3px;z-index:30;position:relative}
#bvtooltipCnt .bvtooltipTxt{font:normal 13px LatoRegular;color:#fff;white-space:pre-wrap;word-break:break-all;padding:5px 0}
#bvtooltipCnt .bvtooltipTxt .bvtooltipTxtBrk1{white-space:pre-wrap;word-wrap:break-word;display:inline}
/*End Business View Tooltip CSS*/

.imageRow{margin:40px 0 0}
.imageRow .single{float:left;background:none;width:auto;height:auto;margin:0 20px 20px 0}
.imageRow .single a{background:rgba(255,255,255,.1);float:left;line-height:1em;padding:7px;display:block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.5);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.5);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.5);transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out}
.imageRow .single a img{border:1px solid rgba(0,0,0,.3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.imageRow .single a:hover{background:#8ad459}

.ipslaTblTxtWrap td{padding:2px 5px}
#ipslaExpandDataList,.opmIpslaMonitor .ui-corner-all,ui-jqgrid-view{height:auto !important}
.opmIpslaMonitor .ui-jqgrid-hdiv{position:relative !important}

.wanMonitorStatus{background:url(../../img/opm-sprites.png) no-repeat -174px -181px;width:36px;height:36px;font:14px/34px LatoRegular;margin:0 auto 5px;display:block}
.wanMonitorStatus.green{background-position:1px -181px}
.wanMonitorStatus.yellow{background-position:-34px -181px}
.wanMonitorStatus.orange{background-position:-69px -181px}
.wanMonitorStatus.purple{background-position:-104px -181px}
.wanMonitorStatus.red{background-position:-139px -181px}
.wanMonitorStatus.play{background-position:-174px -181px}
.wanMonitorStatus.stop{background-position:-209px -181px}

.opmDashboard #ccTvContent{top:10px}
#ccTvContent .dashboardWidget:before{right:0;bottom:0;left:0}
#ccTvContent .dashboardWidget{width:auto !important;height:auto !important;padding:0 0 25px !important;position:absolute !important;top:0;right:5px;bottom:10px;left:5px;overflow:hidden !important}
#ccTvContent .dashboardWidgetExpandView .dashboardWidget{bottom:0}
#ccTvContent .dashboardWidget .opm_widget_header{width:auto !important;height:50px !important;position:absolute !important;top:0;right:0;left:0;border-radius:4px 4px 0 0;user-select:none}
#ccTvContent .dashboardWidget > .content{width:auto;padding:0;position:absolute;top:70px;right:10px;bottom:25px;left:10px;overflow:auto;z-index:99}
#ccTvContent .opm_jqGridUI{float:left;width:100%}
#ccTvContent .opm_jqGridUI th,.opmDashboard #ccTvContent .opm_jqGridUI td:not('.ui-sgcollapsed'){padding-left:22px !important}
#ccTvContent .opm_jqGridUI .ui-jqgrid-pager td{padding:0 !important;padding-right:5px !important}
.dashboardWidget .ui-pager-control table.ui-pg-table {margin-left:5px;float:left}

.widgetExpandView_temp #ccTvContent{z-index:99}
.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView{z-index:9999 !important}
.widgetExpandView_temp #ccTvContent .dashboardWidget{right:0;left:0}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.subGridHdr td:nth-child(2){font:14px LatoBold !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td.subgrid-data{padding:10px 10px 10px 20px !important}
.opm_jqGridUI .subgrid-data .ui-corner-all{border:0}
.subgrid-cell span{display:none}
.npMigrate:hover{text-decoration: underline;}

.npAlertMsg{width:auto;margin:0 30px 0 0;z-index: 1 !important;}
.fullWidth-30{max-width: calc(100% - 30px) !important;}
.mapFlashAlertMsg{width:100%;margin:auto;opacity:1;filter:alpha(opacity=100);position:relative;top:60px;display:inline-block;z-index:999}
.DI-Options .icon-rediscovery:before{transform:scale(.8)}
.numberDialUnit{width:180px;left:-61px !important; font-size:25px !important}

.DI-Grid.netFlowDIGrid > .DIG-List{position:absolute}
.DI-Grid.netFlowDIGrid > .DIG-Graph{overflow:hidden}
.DI-Grid.netFlowDIGrid > .DIG-Graph .DIGG-Time:not(.DIGG-Dials) .dialcounter{top:0 !important}
.DI-Grid.netFlowDIGrid > .DIG-Graph .DIGG-Time:not(.DIGG-Dials) .dialcounter div{padding-bottom:0}

#getPriceQuoteDiv input{opacity:1;filter:alpha(opacity=100)}
#getPriceQuoteDiv .opmFormRow{margin:0 0 10px}
#getPriceQuoteDiv .opmFormRow label{width:185px}
#getPriceQuoteDiv .w2,#getPriceQuoteDiv .selBox > div{width:250px !important}

.deviceLegendIndex{padding:2px 8px;border-radius:4px;display:inline-block}
.deviceLegendInfo{float:left;width:100%;padding:20px 10px 0}
.deviceLegendInfo > div{font-size:12px;color:#b2b2b4;margin:0 5px 0 0;display:inline-block}
.deviceLegendInfo > div:before{width:8px;height:8px;content:'';margin:0 5px 0 0;border-radius:50%;display:inline-block}
.deviceLegendInfo .legendGreen:before{background:#89d5a9}
.deviceLegendInfo .legendDarkGreen:before{background:#85d060}
.deviceLegendInfo .legendGrey:before{background:#999}
.deviceLegendInfo .legendPink:before{background:#ffd1d8}
.deviceLegendInfo .legendBrown:before{background:#be8c74}
.devGrouping_NFA{margin-top:30px;display:none;}

/*body.attacksAlarmListSlide #AlrmEvtTrapInvDev:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.attacksAlarmListSlideHdr{float:right;width:290px}
.attacksAlarmListSlideHdr label{float:left;font:16px LatoRegular;margin:0 10px 0 0;position:relative;top:5px;display:inline-block}
.attacksAlarmListSlideHdr > div{float:left;display:inline-block}*/
.nbaEventActions{width:100%}

.opmPerGraphTab{background:#eaeaea !important}
.opmPerGraphTab > div{color:#000 !important}
.opmPerGraphTab.active{background:#45bd7f !important}
.opmPerGraphTab.active > div{color:#fff !important}

/* Oputils DHCP style */

.opmSubnets .opuDHCP {float:left;width:auto;height:auto;padding:10px 20px;margin:5px}
.dhcpServerDetails{float:left;width:100%;height:auto;padding:10px 10px 0}
.dhcpServerDetailsSingle{float:left;width:100%;height:auto;font:13px/150% LatoRegular;text-align:left;margin:0 0 10px;position:relative}
.dhcpServerDetails input{width:30px;height:30px;position:absolute;top:51px;left:8px;z-index:1;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.dhcpServerDetailsSingle > div{background:#fafafa;float:left;width:100%;height:144px;padding:0 0 0 50px;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dhcpServerDetailsSingle > div:before{background:#fff;width:24px;height:24px;content:'';border:1px solid #b9b9b9;border-radius:50%;position:absolute;top:56px;left:13px;display:inline-block;opacity:1;filter:alpha(opacity=100)}
.dhcpServerDetailsSingle > div:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:69.5px;left:20px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.dhcpServerDetailsSingle > div > div{background:#fff;float:left;width:20%;height:100%;padding:15px;border-left:1px solid #e9e9ea;position:relative;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dhcpServerDetailsSingle > div > div *{float:left;width:100%;height:auto;white-space:nowrap;word-break:break-word;text-overflow:ellipsis;overflow:hidden;position:relative}
.dhcpServerDetails input:checked + div{background:rgba(254,254,222,.9)}
.dhcpServerDetails input:checked + div:after{border-color:#3f3f3f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
.dhcpServerDetails input:checked + div > div{background:none}
.dhcpServerDetails h4{color:#606060}
.dhcpServerDetails b{font-family:LatoBold}
.dhcpServerDetails .BarHolder,.gridBarHolder{max-height:90px;display:block;overflow:auto}
.dhcpServerDetails .BarHolder .StatusColor,.gridBarHolder .StatusColor{margin:0 0 10px}
.gridBarHolder{padding:0}
.gridBarHolder > div{margin:0 !important;}
.opmSubnets #AlrmEvtTrapInvDev .deviceShortSummaryActive .ui-widget-content{width:600px !important;overflow:hidden}
.select2.min-wd-80px + .select2-container .selection .select2-selection .select2-selection__rendered {min-width:80px}
.spmGeneralSettings .oputilsSubTitle, .spmGeneralSettings .spm-title {margin-left:30px !important}
.opu-acc-title {background: #f4f5f6;padding: 8px 10px;}
.trafficLoad.subnetColorCode{display:flex;flex-direction:column;gap:4px}
.trafficLoad.subnetColorCode li {list-style: none;width: 100%;padding: 0;background: #fff;border-bottom:none;position: relative;text-align: left;cursor: pointer;display: flex;border-right: 0px;padding-bottom: 4px;}
.trafficLoad.subnetColorCode li >div{display:flex;align-items:center;gap:8px;width:100%;font-family:LatoRegular}
.trafficLoad.subnetColorCode li >div >div {width: 24px;height: 24px;margin: 0px;padding: 0px;margin-right:24px !important;}
.treeFilter .jstree a > i.stacked-icon:before {background: var(--stack-icon-color) !important;width: 8px;height: 8px;border-radius: 50%;right: -2px;left: unset;bottom: 2px;top: unset;}
.trafficLoad.subnetColorCode li >div .prefix-suffix input {width: 80px; height: 24px;text-transform:uppercase;font-size:12px}
.trafficLoad.subnetColorCode li >div .prefix-suffix .span {font-size:12px}
.trafficLoad.subnetColorCode li > div:nth-child(1) > div.colorBox{width:22px;height:22px;margin-right:5px !important;margin-top:0;border-radius:50%}
.trafficLoad.subnetColorCode li > div:nth-child(1) > div.truncate-width{width:400px;}
.trafficLoad.subnetColorCode .colorColumnText{width:152px}
.trafficLoad.subnetColorCode .customValueText{width:width:300px}

.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn {
    top: 6px !important;
    right: 170px !important;
}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn i {
  position:absolute!important;right:0;
}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn i:after{
    background: rgba(0,0,0,.1);
    width: 25px;
    height: 100%;
    content: '';
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    right: 0
}

.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn .arrow{
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  border-top: 5px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn:hover i:after{
  background: #fbfbfb;
  border-radius: 0 4px 0 0;
}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn:hover .arrow{
border-top-color: #000;
}

.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .action_btn{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;background:#49bd80;justify-content:center;padding:7px 30px 7px 10px;border-radius:3px;}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn:hover .manage-dashboard-group__drop-down-main{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius: 0 0 4px 4px;box-shadow: 0 0 3px rgba(0, 0, 0, .3);}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__drop-down-main{display:none;background:#fff;-webkit-box-shadow:0 0 12px rgba(0,0,0,.18);box-shadow:0 0 12px rgba(0,0,0,.18);border-radius:4px;padding:8px;position:absolute;top:100%;right:0}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__drop-down-main ul li a{text-decoration:none;padding:8px 12px;gap:8px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;color:#000}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__drop-down-main ul li a:hover{background:#ededed;text-decoration:none;}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__title{color:#647380;font-family:latoBold;padding:12px;border-bottom: 1px solid #ededed;}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__columns{padding:0 16px;border-right:1px solid #ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:nowrap;}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__columns:first-child{padding-left:0}
.DI-Header .DI-Options .manage-dashboard-group.deviceListPgAddBtn .manage-dashboard-group__columns:last-child{border-right:0;padding-right:0}


/* Oputils DHCP style end.. */

/* Oputils user management tree style starts..*/
.oputreegroupIPAM-title{display:flex;justify-content:space-between;position:relative;margin-bottom:8px;font-family:latoBold}
.oputreegroupIPAM-title > div:last-child{position:absolute;left:634px;}
.jsTreeType2Container{max-height:500px;overflow-y:auto}
.jsTreeType2 .jstree-default .jstree-clicked{background:none;box-shadow:none;border-radius:0}
.jsTreeType2 .jstree-default a.jstree-anchor.jstree-hovered {background: #e2f1ff !important;}
.jsTreeType2{width:750px;padding-left:4px;}
.jsTreeType2 ul{position:relative}
.jsTreeType2 ul li{position:relative}
.jsTreeType2 ul li:after{width:1px;height:100%;position:absolute;top:-20px;left:4px;content:"";border-left:1px dashed #abb6be}
.jsTreeType2 ul li:before{width:24px;height:1px;position:absolute;top:20px;left:4px;content:"";border-top:1px dashed #abb6be}
.jsTreeType2 ul li .jstree-icon:empty{width:12px;background:0 0}
.jsTreeType2 ul li.jstree-closed:before{left:-24px;width:24px}
.jsTreeType2 ul li.jstree-closed:after{left:-24px}
.jsTreeType2 ul li.jstree-closed>.jstree-icon.jstree-ocl{background:#52606b;border-radius:2px;margin-top:12px;position:relative;width:16px;height:16px;margin-left:-4px;z-index:2}
.jsTreeType2 ul li.jstree-closed>.jstree-icon.jstree-ocl:before{width:7px;height:1px;background:#fff;position:absolute;top:7px;left:4px;content:""}
.jsTreeType2 ul li.jstree-closed>.jstree-icon.jstree-ocl:after{width:1px;height:7px;background:#fff;position:absolute;top:4px;left:7px;content:""}
.jsTreeType2 ul li.jstree-closed>.jstree-anchor .jstree-icon.jstree-themeicon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -433px -22px;position:absolute;width:20px;height:20px;top:14px;left:12px;content:"";-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.jsTreeType2 ul li.jstree-closed>.jstree-anchor .jstree-icon.jstree-themeicon.defaultgroup:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -393px -22px}
.jsTreeType2 ul li.jstree-closed>.jstree-anchor .jstree-icon.jstree-themeicon.yourcompany:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -373px -22px}
.jsTreeType2 ul li.jstree-open:last-child::after{height:40px}
.jsTreeType2 ul li.jstree-open:before{left:-24px;width:24px}
.jsTreeType2 ul li.jstree-open:after{left:-24px;height:100%}
.jsTreeType2 ul li.jstree-open>.jstree-icon.jstree-ocl{background:#52606b;border-radius:2px;margin-top:12px;position:relative;width:16px;height:16px;margin-left:-4px;z-index:2}
.jsTreeType2 ul li.jstree-open>.jstree-icon.jstree-ocl:before{width:7px;height:1px;background:#fff;position:absolute;top:7px;left:4px;content:""}
.jsTreeType2 ul li.jstree-open>.jstree-anchor .jstree-icon.jstree-themeicon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -453px -22px;position:absolute;width:18px;height:16px;top:14px;left:12px;content:"";-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.jsTreeType2 ul li.jstree-open>.jstree-anchor .jstree-icon.jstree-themeicon.defaultgroup:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -413px -22px}
.jsTreeType2 ul li.jstree-open>.jstree-anchor .jstree-icon.jstree-themeicon.yourcompany:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -373px -22px}
.jsTreeType2 ul li.jstree-node{margin-left:28px;background:0 0}
.jsTreeType2 ul li.jstree-node.jstree-leaf{margin-left:0}
.jsTreeType2 ul li.jstree-node.jstree-leaf>.jstree-anchor .jstree-icon.jstree-themeicon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -433px -22px;position:absolute;width:18px;height:16px;top:14px;left:12px;content:"";-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.jsTreeType2 ul li.jstree-node.jstree-leaf>.jstree-anchor .jstree-icon.jstree-themeicon.defaultgroup:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -393px -22px}
.jsTreeType2 ul li.jstree-node.jstree-leaf>.jstree-anchor .jstree-icon.jstree-themeicon.yourcompany:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -373px -22px}
.jsTreeType2 ul li .jstree-anchor{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;padding-left:8px;padding-right:200px;width:100%;gap:4px;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.jsTreeType2 ul li .jstree-anchor .selBox{position:absolute;right:8px;top:3px;width:120px}
.jsTreeType2 ul li .jstree-anchor .jstree-icon{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex}
/* Oputils user management tree style ends..*/

/* OpUtils Subnet Import Preview Style */
.opm_jqGridUI.ipPreviewTable .ui-jqgrid{opacity:1 !important;border: 1px solid #eee;}
.opm_jqGridUI.ipPreviewTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top-color: transparent ;}
.opm_jqGridUI.ipPreviewTable .ui-jqgrid .ui-jqgrid-bdiv{background-color: white;}
.opm_jqGridUI.ipPreviewTable .ui-jqgrid .ui-jqgrid-hbox th{background-color: #eee !important;}
.opm_jqGridUI.logicalGrpCriteria.ipPreviewTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div {overflow: hidden}
/* OpUtils Subnet Import Preview Style ends*/

/* text bold in dropdown */
.select2NestedBoldTxt .select2-container--default strong.select2-results__group {
  display: none}
.select2NestedBoldTxt .select2-container--default .select2-results__options--nested li {font-family: LatoBold;padding: 6px !important}
/* text bold in dropdown end */

body #PageSideBar + #PageContent.inventoryNoFilter{padding:0 !important;transition:all .3s ease;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
#PageContent.inventoryNoFilter .AETIDHeader{width:auto;position:absolute;top:0;right:0;bottom:0;left:298px}

.mapAddEditPageHdr.bvAddEditPage{position:absolute !important;top:0;left:0}
#configureIntfList_statuspoll,#jqgh_configureIntfList_statuspoll{overflow:visible !important}
#jqgh_configureIntfList_statuspoll{width:auto;display:inline-block}
#intfConfigStatus{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:-3px;z-index:9}
#intfConfigStatus + .s-ico *{display:none}
#intfConfigStatus + .s-ico{background:#f0f0f0;width:20px;height:20px;content:'';border:1px solid #dcdcdc;position:relative;display:inline-block !important}
#intfConfigStatus + .s-ico:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:10px;left:3px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
#intfConfigStatus:checked + .s-ico:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

#configureIntfList_managed,#jqgh_configureIntfList_managed{overflow:visible !important}
#jqgh_configureIntfList_managed{width:auto;display:inline-block}
#intfConfigManage{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:-3px;z-index:9}
#intfConfigManage{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:-3px;z-index:9}
#intfConfigManage + .s-ico *{display:none}
#intfConfigManage + .s-ico{background:#f0f0f0;width:20px;height:20px;content:'';border:1px solid #dcdcdc;position:relative;display:inline-block !important}
#intfConfigManage + .s-ico:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:10px;left:3px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
#intfConfigManage:checked + .s-ico:after{border-color:#42be7f;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}

.DIGG-Charts.switchStatus{height:60%;overflow:auto}
.DIGG-Charts.switchStatus .spmswitchContainer{max-height:none}

#inventoryGridStyle .dashboardWidgetExpandView .opm_widget_title{margin:20px 0 0}
#inventoryGridStyle .dashboardWidgetExpandView .content{width:auto !important;height:auto;padding:0;position:absolute !important;top:60px;right:20px;bottom:20px;left:20px}
#inventoryGridStyle .dashboardWidgetExpandView .widgetListMore{display:none}
#opm_dashboardExpandContainer .dashboardWidgetExpandView .grid-stack-item-content{width:100%;height:100%;position:relative}
#opm_dashboardExpandContainer .dashboardWidgetExpandView .opm_widget_title{margin:0}
#opm_dashboardExpandContainer .dashboardWidgetExpandView .content{top:40px}
.timeFilterList.dateInfo .timeFrameTitle{top:-5px !important;left:8px !important}
.timeFilterList.dateInfo .timeFrameDateInfo{clear:both;float:left;max-width: 290px;font:12px/10px LatoRegular;color:#8a8e91;margin:-2px 0 0 25px;display:inline-block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.timeFilterList.dateInfo.widgetTitleIcon .timeFrameTitle{top:-8px !important;left:22px !important}
.timeFilterList.dateInfo.widgetTitleIcon .timeFrameDateInfo{width:260px;margin:-9px 0 0 22px}
.deviceListCustomPager .ui-jqgrid-bdiv{bottom:35px !important}
.deviceListCustomPager .opm_jqGridCustomPager{height:35px;padding:6px 0 0;border-top:1px solid #e3e3e3;right:0;bottom:0;top:auto;left:0;display:block}
.deviceListCustomPager .ui-jqgrid-view{padding:0 0 35px !important}
.List .deviceListCustomPager .ui-jqgrid-bdiv{bottom:0 !important}
.iconActiveInactive{opacity:.5;filter:alpha(opacity=50)}
.iconActiveInactive:hover,.iconActiveInactive.active{opacity:1;filter:alpha(opacity=100)}
.selectedFilterList{float:left;width:100%;height:auto;max-height:280px;margin:0 0 20px;overflow:auto}
.selectedFilterList .opmFormRow{max-width:none}
.selectedFilterList .catHdr{width:200px;padding:0 10px 0 0;position:absolute;top:0;bottom:0;left:0;z-index:1}
.selectedFilterList .catHdr:after{content:':';position:absolute;top:5px;right:0}
.selectedFilterList .catList{float:left;width:100%;height:auto;max-height:95px;padding:0 0 0 200px;overflow:auto}
.selectedFilterList i{min-height:26px;height:auto;white-space:pre-wrap;word-break:break-word}
.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-sgcollapsed a{width:100%;height:100%;position:absolute;top:0;left:-10px;display:block}
.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-sgcollapsed a span{top:11px !important;left:0px !important;background:none;width: 25px;}
.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-sgcollapsed a span:before{border-color: #767a78 transparent transparent transparent; border-style: solid; border-width: 7px 5px 0 5px; height: 0; left: 10px; position: absolute; top: 50%; margin-top: -5px; width: 0; content: "";; transition: .5s; }
.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-sgcollapsed a span.ui-icon-triangle-1-e:before{transform: rotate(-90deg) }
.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-sgcollapsed a span.ui-icon-triangle-1-s:before{transform:rotate(0deg);border-color:#48BD80 transparent transparent transparent}

.opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid .ui-subgrid > td:first-child{display:none}
.JqGridCustomDesign .opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){max-width:none}
.JqGridCustomDesign .opmCusGrid.opmTreeViewGridWLC.opmTreeViewSubGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid td{display:table-column}

body > .ui-dialog{background:#f9f9fb !important}
body > .ui-dialog,body > .ui-dialog .ui-dialog-content{padding:0;border:0 !important;}
body > .ui-dialog .ui-dialog-content > div,body > .ui-dialog select{width:100% !important;border:0}
body > .ui-dialog .ui-dialog-content > div{padding:20px}
body > .ui-dialog .ui-dialog-titlebar{background:#f9f9f9;height:45px;padding:10px 40px 13px 20px;border:0;border-bottom:1px solid #dcdcdc}
body > .ui-dialog .ui-dialog-title{font:normal 16px LatoRegular;color:#000}
body > .ui-dialog .ui-dialog-titlebar-close{width:25px;height:25px;color:#a0a0a0;text-align:center;margin:auto;border:0;display:inline-block;position:absolute;top:0;right:10px;bottom:0;cursor:pointer}
body > .ui-dialog .ui-dialog-titlebar-close:before,body > .ui-dialog .ui-dialog-titlebar-close:after{background:#8a8e91;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:0;right:0;bottom:0;left:12px;transform:rotate(45deg)}
body > .ui-dialog .ui-dialog-titlebar-close:after{transform:rotate(135deg)}
body > .ui-dialog .ui-dialog-titlebar-close:hover:before,body > .ui-dialog .ui-dialog-titlebar-close:hover:after{background:#000}
body > .ui-dialog .ui-dialog-titlebar-close span{display:none}
body > .ui-dialog select{background:none;height:100% !important;overflow:auto;}
body > .ui-dialog select option{float:left;width:100%;height:auto;font:14px LatoRegular;padding:5px 20px;border-bottom: 1px solid rgba(0,0,0,0.05);}
/*body > .ui-dialog select option:nth-child(2n){background:#fefefe}*/
body > .ui-dialog .ui-dialog-buttonpane{padding:10px;margin:0;border-top:1px solid #dcdcdc}
body > .ui-dialog .ui-dialog-buttonpane button{background:#45bd7f;float:right;min-width:100px;width:auto;height:auto;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 10px;margin:3px;border:0;display:inline-block;cursor:pointer}
body > .ui-dialog .ui-dialog-buttonpane button span{white-space:normal;word-break:break-word;padding:0;line-height:1}
body > .ui-dialog .ui-dialog-buttonpane button.btn-grey{background:#f3f3f3;color:#000}
.no-close .ui-dialog-titlebar-close {display: none; }

/*!configlet css start */
.title-with-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.title-with-breadcrumb.mb-0{margin-bottom:0}
.title-with-breadcrumb .helpSlider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;font-size:14px;font-family:LatoRegular;margin-right:20px}
.title-with-breadcrumb .helpSlider span{margin-right:7px;width:20px;height:20px;border-radius:50%;border:1px solid #efefef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.title-with-breadcrumb ul li{display:inline-block}
.title-with-breadcrumb ul li a{display:inline-block;position:relative;padding-right:20px;margin-right:20px;color:#222;font-family:LatoBold;font-size:18px}
.title-with-breadcrumb ul li:not(:last-child) a{opacity:.7;cursor:pointer;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
.title-with-breadcrumb ul li:not(:last-child) a::before { content: ""; border: solid #777; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); position: absolute; right: -5px; top: 50% }
.title-with-breadcrumb ul li:not(:last-child) a:hover{opacity:1}
.title-with-breadcrumb ul li:last-child{pointer-events:none}
.containerWidth1280{max-width:1280px}
.opmForm.revert_allStyles_Form_Row_Col{float:none;clear:both;max-width:unset;width:auto;display:block}
.opmFormCol.revert_allStyles_Form_Row_Col{float:none;clear:both;max-width:unset;width:auto;display:block}
.tableFormComponentsMain.mt-50{margin-top:50px}
.tableFormComponentsMain .tableFormComponents table{width:100%;text-align:left;table-layout:fixed}
.tableFormComponentsMain .tableFormComponents table tr th{padding:10px;vertical-align:middle;font-family:LatoBold}
.tableFormComponentsMain .tableFormComponents table tr th.w-50{width:50px}
.tableFormComponentsMain .tableFormComponents table tr th.w-100{width:100px}
.tableFormComponentsMain .tableFormComponents table tr th .opmCheckBox div{padding:0 0 0 35px;min-height:30px}
.tableFormComponentsMain .tableFormComponents table tr td{padding:10px;vertical-align:middle}
.tableFormComponentsMain .tableFormComponents table tr td.w-50{width:50px}
.tableFormComponentsMain .tableFormComponents table tr td.w-100{width:100px}
.tableFormComponentsMain .tableFormComponents table tr td .opmCheckBox div{padding:0 0 0 35px;min-height:30px}
.tableFormComponentsMain .tableFormComponents table tr td a{color:#767676}
.tableFormComponentsMain .tableFormComponents table tr td a .icon-trash{font-size:18px}
.tableFormComponentsMain .tableFormComponents table tr td .icon-trash{font-size:18px}
.tableFormComponentsMain .tableFormComponents table thead{background-color:#f6f6f6;border:1px solid #e2e2e2}
.tableFormComponents-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}
.tableFormComponents-tit h3{font-size:16px}
.tableFormComponents-tit{font-family:LatoBold}
.tableFormComponents-tit .rightSideList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tableFormComponents-tit .rightSideList>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tableFormComponents-tit .rightSideList>div a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222}
.tableFormComponents-tit .rightSideList>div a i{margin-right:5px;font-size:18px}
.tableFormComponents-tit .rightSideList>div:not(:last-child){margin-right:20px}
.tableFormComponents-tit .rightSideList>div em{margin-right:5px}
.searchHoverComponent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.searchHoverComponent input{padding:5px 10px 6px 30px!important;border:1px solid transparent;border-bottom:none;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;background-color:#f0f0f0;border-radius:4px}
.searchHoverComponent input:hover{background-color:#f0f0f0}
.searchHoverComponent input:focus{background-color:#f0f0f0}
.searchHoverComponent em{position:absolute;left:10px;fill:#7d7d7d}
.single-selectionFieldsCustomComponents{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.single-selectionFieldsCustomComponents .inputComponent{position:relative}
.single-selectionFieldsCustomComponents .inputComponent .inputComponent-icon{position:absolute;right:1px;top:1px;width:33px;height:calc(33px - 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f0f0f0;border-left:1px solid #dcdcdc}
.single-selectionFieldsCustomComponents .inputComponent .inputComponent-icon .size10{width:10px;height:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px}
.single-selectionFieldsCustomComponents .inputComponent .selectInputComponent{padding-right:40px!important}
.single-selectionFieldsCustomComponents .singleListComponent{position:absolute;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);left:0;width:100%;z-index:9}
.single-selectionFieldsCustomComponents .singleListComponent.bottom{bottom:unset;top:calc(100% + 2px)}
.single-selectionFieldsCustomComponents .singleListComponent.top{top:unset;bottom:calc(100% + 2px)}
.single-selectionFieldsCustomComponents .singleListComponent ul li{padding:5px 10px;cursor:pointer}
.single-selectionFieldsCustomComponents .singleListComponent ul li:hover{background-color:#f6f6f6}
.single-selectionFieldsCustomComponents .singleListComponent ul li.active{background-color: #f0f0f0}
.single-selectionFieldsCustomComponents .singleListComponent ul li.addValueBtn{background-color:#48bd80;color:#fff;position:relative}
.single-selectionFieldsCustomComponents .singleListComponent ul li.addValueBtn a{color:#fff}
.single-selectionFieldsCustomComponents .singleListComponent.d-none{display:none}
.singleValuesComponent{background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);padding:15px;position:absolute;right:calc(100% + 10px);bottom:0;z-index:9;border-radius:4px}
.singleValuesComponent.top{bottom:unset;top:0}
.singleValuesComponent.left{right:unset;left:calc(100% + 10px)}
.singleValuesComponent.d-none{display:none}
.singleValuesComponent label{color:#222;margin-bottom:5px;display:inline-block}
.singleValuesComponent input{min-width:150px}
.singleValuesComponent .add-input:not(:last-child){margin-right:15px}
.singleValuesComponent .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.singleValuesComponent .flex.end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.singleValuesComponent .flex.mb-15{margin-bottom:15px}
.singleValuesComponent .opmBtn{min-width:auto;margin:0}
.singleValuesComponent .opmBtn:not(:last-child){margin-right:15px}
.multi-selectionFieldsCustomComponents{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.multi-selectionFieldsCustomComponents .inputComponent{position:relative}
.multi-selectionFieldsCustomComponents .inputComponent .inputComponent-icon{position:absolute;right:1px;top:1px;width:33px;height:calc(33px - 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f0f0f0;border-left:1px solid #dcdcdc}
.multi-selectionFieldsCustomComponents .inputComponent .inputComponent-icon .size10{width:10px;height:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px}
.multi-selectionFieldsCustomComponents .inputComponent input{padding-right:40px!important}
.multi-selectionFieldsCustomComponents .multisingleListComponent{background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);position:absolute;right:0;z-index:9;width:500px;border-radius:4px}
.multi-selectionFieldsCustomComponents .multisingleListComponent.bottom{bottom:unset;top:calc(100% + 2px)}
.multi-selectionFieldsCustomComponents .multisingleListComponent.top{top:unset;bottom:calc(100% + 2px)}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading{padding:5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading input{background-color:transparent;border:none}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign .deleteAll{margin-right:15px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign .deleteAll a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign .deleteAll a i{margin-right:5px;font-size:18px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign .close{width:30px;height:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;cursor:pointer;color:#a9a9a9}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading .rightEndAlign .close::before{content:'\000D7';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox { min-height:150px; max-height:150px }
.multi-selectionFieldsCustomComponents .multisingleListComponent .no-data-available { height: 150px; display: flex; justify-content: center; align-items: center; }
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox{padding:10px;max-height:180px;overflow-y:auto}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox ul li{display:inline-block;border:1px solid #efefef;padding:3px 5px;border-radius:4px;margin:0 5px 10px 0;cursor:pointer}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox ul li .added_Fields{margin-right:5px;display:inline-block}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox ul li i{background-color:#efefef;height:calc(100% - 2px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;cursor:pointer}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox .flex .add-input{-webkit-box-flex:1;-ms-flex:1;flex:1}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox .flex .add-input:not(:last-child){margin-right:15px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox .flex .add-input label{margin-bottom:5px;display:inline-block}
.multi-selectionFieldsCustomComponents .multisingleListComponent .selectedFieldsBox .flex .add-input input{margin-bottom:10px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .addSelectionField-box{padding:10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #efefef;position:relative}
.multi-selectionFieldsCustomComponents .multisingleListComponent .addSelectionField-box.end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.multi-selectionFieldsCustomComponents .multisingleListComponent .addSelectionField-box input{margin-right:10px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .addSelectionField-box .opmBtn{min-width:auto;margin:0}
.multi-selectionFieldsCustomComponents .multisingleListComponent .addSelectionField-box .opmBtn:not(:last-child){margin-right:10px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiFielderrorMsg{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiFielderrorMsg p{margin-bottom:15px}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiFielderrorMsg .opmBtn{float:none;clear:both;min-width:auto}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiFielderrorMsg.d-none{display:none}
.multi-selectionFieldsCustomComponents .multisingleListComponent.d-none{display:none}
.multi-selectionFieldsCustomComponents .multisingleListComponent .multiLevelHeading h5 {line-height: 2}

.box-container .box-title.bg-grey input[type=checkbox]+div,.box-container .box-title.greyBg input[type=checkbox]+div{background:#fff}
.box-container{width:100%;border:1px solid #efefef;border-radius:4px}
.box-container .box-title{padding:10px 16px;background-color:#fcfcfc;border-bottom:1px solid #efefef;border-radius:6px;font-size:18px;font-weight:600}
.box-container .box-content{padding:15px}
.box-container .box-title.greyBg {background: #f5f5f5;}
.containerWidth1400 {max-width:1400px}
/*
Need to remove below if any duplicate is found
*/
.noBeforeAfter::before,.noBeforeAfter::after{display:none}
.fixedFooter.fixed-bottom{position:fixed;bottom:0;padding:30px 0;width:calc(100% - 50px);margin:0;max-width:100%;border-top:1px solid #e2e2e2;background-color:#fff}
.settingsCnt>section .settingsContent .opmFormHolder.NFA_scheduleReports{top:0}

.fullWidthBtnContainer{max-width:calc(100% - 60px);margin-left:auto;margin-right:auto}
.helpCardContentSlider li{margin-bottom:15px;line-height:24px}
.helpCardContentSlider li strong{font-family:LatoBold}
.fullSliderMainEle{padding:30px}
.dataContainer_800{max-width:800px}
.data_gridMainEle .data_gridRow{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef}
.data_gridMainEle .data_gridRow .dataGridCol_1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;padding:0 10px}
.data_gridMainEle .data_gridRow .dataGridCol_1 label{padding:4px 0}
.data_gridMainEle .data_gridRow .dataGridCol_2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:40%;padding:0 25px}
.data_gridMainEle .data_gridRow .dataGridCol_3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:40%;padding:0 25px}
.data_gridMainEle .data_gridRow .dataGridCol_full{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:80%;padding:0 25px}
.data_gridMainEle label{display:inline-block}
.data_gridMainEle .enableDisableBtn{height:31px}
.data_gridMainEle .optionFlex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.data_gridMainEle .optionFlex .valueTxt{margin-left:10px}
.data_gridMainEle .addAvailableDeviceIcon{position:absolute;right:40px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;cursor:pointer}
.opmFormRow .opmFormCol .blackTextArea{background-color:#222!important;border-color:#222!important;color:#fff}
.opmFormRow .opmFormCol .blackTextArea:hover{background-color:#222!important;border-color:#222!important;color:#fff}
.opmFormRow .opmFormCol .blackTextArea:focus{background-color:#222!important;border-color:#222!important;color:#fff}
.inputComponent.active .inputComponent-icon svg {transform: rotate(180deg);}

.show-more{position:relative;display:inline-block;padding:0;line-height:1;cursor:pointer}
.show-more .downArrow{width:8px;height:8px;left:auto;right:-24px;top:2px;border-left:none;border-bottom:none;border-right:2px solid #3996dd;border-top:2px solid #3996dd;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute}
.show-more.active .downArrow{border-right:none;border-top:none;border-left:2px solid #3996dd;border-bottom:2px solid #3996dd;top:4px}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
.tab1 .tab1Content{width:100%;float:left;padding:30px 50px;border:1px solid #e2e2e2;margin-top:-1px;display:none;overflow:auto}
.opmRadioBtn.compact>div label{line-height:20px;padding-left:5px}
/*!configlet css end */

.snapShotWidgetBackBtn{width:auto;height:100%;margin:0 10px 0 0 !important;display:inline-block}

.linkTo:hover{text-decoration:underline;color:#5da5da;cursor:pointer}

.icon-nfa{display:inline-block}
.icon-nfa:before{background:url(../../img/opm-sprites.png) no-repeat 0;content:''}
.icon-ethernet:before{background-position:-238px -155px;width:17px;height:13px}
.icon-ifIndex:before{background-position:-269px -155px;width:13px;height:11px}
.icon-ifType15:before{background-position:-255px -154px;width:14px;height:9px}
.icon-ifType23:before{background-position:-283px -155px;width:14px;height:11px}
.icon-ifType37:before{background-position:-299px -155px;width:16px;height:16px}
.icon-ifType63:before{background-position:-317px -155px;width:14px;height:14px}
.icon-ifType94:before{background-position:-219px -164px;width:17px;height:16px}
.icon-ifType96:before{background-position:-269px -166px;width:17px;height:16px}
.icon-ifType150:before{background-position:-237px -169px;width:15px;height:11px}
.icon-serial:before{background-position:-332px -154px;width:13px;height:20px}
.icon-tunnel:before{background-position:-252px -170px;width:17px;height:6px}
.icon-des_net_agg:before{background-position:-280px -202px;width:23px;height:13px}
.icon-destination_agg:before{background-position:-262px -203px;width:18px;height:12px}
.icon-router_agg:before{background-position:-336px -180px;width:23px;height:18px}
.icon-source_agg:before{background-position:-244px -203px;width:17px;height:12px}
.icon-source_net_agg:before{background-position:-337px -202px;width:23px;height:13px}
.icon-traffic-graph{position:relative}
.icon-traffic-graph:before{background-position:-97px -144px;width:25px;height:16px;top:-11px;position:absolute;}

.customFilterField{width:100%;max-width:100%;display:table;position:absolute;z-index:1;display:none;overflow:visible !important}
.customFilterFieldActive .customFilterField{display:block}
.customFilterField *{font:13px/100% LatoRegular;overflow:visible !important}
.customFilterField > div{display:table-row}
.customFilterField > div > div{background:#eee;width:1%;white-space:nowrap;padding:8px 4px 3px 0;display:table-cell}
.customFilterField > div > div:first-child{padding:8px 4px 3px 8px}
.customFilterField > div > div:last-child{padding:8px 8px 3px 0}
.customFilterField > div > div > div{padding:3px 0}
.customFilterField > div > div input{background:#f9f9fb;width:100%;height:33px;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.customFilterField > div > div input:hover,.customFilterField > div > div input:focus{background:#fff}
.customFilterField .multiField{width:100%;display:table;border-collapse:separate}
.customFilterField .multiField > input{width:100%;white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;display:table-cell;overflow:hidden}
.customFilterField .multiField > div{background:#f9f9fb;min-width:30px;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;border:1px solid #dcdcdc;position:relative;display:table-cell;cursor:pointer}
.customFilterField .multiField > div > span{width:100%;text-align:center;padding:8px;display:block}
.customFilterField .multiField > div + input,.customFilterField .multiField > input + div{border-left:0}
.customFilterField .multiField > div ul{background:#fff;min-width:130px;height:auto;border:1px solid #ececec;position:absolute;top:30px;left:0;box-shadow:0 1px 2px rgba(0,0,0,.15);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.15);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.15);-webkit-box-shadow: 1px 3px 3px rgb(0 0 0 / 15%);-o-box-shadow:1px 3px 3px rgba(0,0,0,.15);z-index:9;display:none}
.customFilterField .multiField > div > span.active + ul{display:block}
.customFilterField .multiField > div ul li{float:left;width:100%;height:auto;font:14px LatoRegular;white-space:nowrap;color:#000;display:block;border-bottom:1px solid #ececec;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative}
.customFilterField .multiField > div ul li:last-child{border:0}
.customFilterField .multiField > div ul li:hover{background: #ddd}
.customFilterField .multiField > div ul li input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;cursor:pointer}
.customFilterField .multiField > div ul li div{padding:8px 10px 8px 25px;display:block}
.customFilterField .multiField > div ul li div b{margin-left: 5px}
.customFilterField .multiField > div ul li div:before{width:3px;height:8px;content:'';border:1px solid transparent;border-bottom:0;border-left:0;position:absolute;top:12px;left:8px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.customFilterField .multiField > div ul li input:checked + div:before{border-color:#000}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid.customFilterFieldActive > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{top:89px}
#AlrmEvtTrapInvDev.List .JqGridCustomDesign .opmCusGrid.customFilterFieldActive > .ui-jqgrid >  .ui-jqgrid-view > .ui-jqgrid-bdiv{width:auto !important;height:auto !important;position:absolute;top:69px;right:0;bottom:25px;left:0}
#AlrmEvtTrapInvDev .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv .ui-subgrid > td:after{display:none}
.opm_jqGridUI .customFilterFieldActive .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{overflow:visible !important}

.ignoreEvents,.ignoreEvents > div,.ignoreEvents .header{float:left;width:100%;height:auto}
.ignoreEvents .header{background:#f9f9fa;padding:3px 0 1px;border:0;border-bottom:1px solid #efefef}
.ignoreEvents > div{border:1px solid #efefef}
.ignoreEvents .section{float:left;width:100%;position:relative}
.ignoreEvents .section .boldTxt{font-family:LatoBold}
.ignoreEvents .section.disabled{opacity:.5;filter:alpha(opacity=50)}
.ignoreEvents .section.disabled:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.ignoreEvents .section > div{float:left;width:100%;padding:5px 10px 5px 40px}
.ignoreEvents .section > div .selBox{float:left;min-width:100px;margin:0 8px;display:inline-block}
.ignoreEvents .section > div .selBox .select2-selection{padding:5px 38px 5px 8px !important}
.ignoreEvents .section > div i{float:left;padding:7px 0 0}

.viewIgnored,.viewIgnored > div,.viewIgnored .header,.viewIgnored .section,.viewIgnored .section > ul{float:left;width:100%;height:auto}
.viewIgnored{margin:0 0 20px;border:1px solid #efefef}
.viewIgnored .header{background:#f9f9fa;font:14px LatoBold;padding:10px;border:0;border-bottom:1px solid #efefef}
.viewIgnored .section .boldTxt{font-family:LatoBold}
.viewIgnored .section > div{padding:10px}
.viewIgnored .section > div:first-child{background:#F5F5F5}
.viewIgnored .section > .subHdr{float:left;font:13px LatoBold}
.viewIgnored .section > ul li{float:left;width:100%;height:auto;padding:10px 10px 10px 20px}
.viewIgnored .section > ul li:nth-child(2n){background:#f9f9fb}
.viewIgnored .section > ul li i{margin:0 0 0 5px;display:inline-block;cursor:pointer}
.viewIgnored .opmAccordion.workflowTrigger{position:relative;top:0;right:0;bottom:0;left:0}
.viewIgnored .opmAccordion.workflowTrigger .opmAccHdr{padding:5px 45px}
.viewIgnored .opmAccordion.workflowTrigger .opmAccHdr .opmCheckBox > div{padding:0 0 0 30px}
.viewIgnored .opmAccordion.workflowTrigger .opmAccHdr .opmCheckBox label:before,.viewIgnored .opmAccordion.workflowTrigger .workflowSelList li .opmCheckBox label:before{width:20px;height:20px;top:5px;left:0}
.viewIgnored .opmAccordion.workflowTrigger .opmAccHdr .opmCheckBox label:after{top:17px;left:5px}
.viewIgnored .opmAccordion.workflowTrigger .opmAccHdr .opmCheckBox input{left:-6px}
.viewIgnored .opmAccordion.workflowTrigger .opmAccordionSingle .workflowSelList li{padding:0 30px 0 40px}
.viewIgnored .opmAccordion.workflowTrigger .workflowSelList li .opmCheckBox > div{padding:0 0 0 25px}
.viewIgnored .opmAccordion.workflowTrigger .workflowSelList li .opmCheckBox input{width:35px !important;left:-12px !important}
.viewIgnored .opmAccordion.workflowTrigger .workflowSelList li .opmCheckBox label:after{top:17px;left:0}
.viewIgnored .opmAccordion.workflowTrigger .workflowSelList li .opmCheckBox i{top:0;bottom:1px;left:-40px}
.viewIgnored .opmAccordion.workflowTrigger .opmAccordionSingle:last-child .workflowSelList li:last-child:before{border:0}
.viewIgnored .opmAccordion.workflowTrigger .opmAccordionSingle:last-child{margin:0}

body.whiteListSlide #AlrmEvtTrapInvDev:before{background:rgba(0,0,0,.2);width:100%;height:60px;content:'';position:absolute;top:0;left:0;z-index:9}
body.whiteListSlide .deviceSlideContent{padding:0 0 0 300px}
body.whiteListSlide .deviceSlideContainer{max-width:none;box-shadow:none}
body.whiteListSlide .slideContHolder,.whiteListSlide .opmFormHolder,.whiteListSlide .opmForm{float:left;width:100%;max-width:none;height:100%}
body.whiteListSlide .opmTabCont{padding:0 20px 20px !important}
body.whiteListSlide .opmTabContanotifyDiscoveryiner,.whiteListSlide .opmTabContainer > section,.whiteListSlide .navTabList > section{top:10px !important}
body.whiteListSlide .opmTabContainer .adminMonitors > .title{height:90px}
body.whiteListSlide .opmTabContainer .adminMonitors + .ember-view{width:auto;height:auto;padding:0 30px;position:absolute;top:110px;right:0;bottom:0;left:0;overflow:auto}
body.whiteListSlide.deviceSlideDivIn-2 .deviceSlideContent.deviceSlideDivIn-2{left:-300px;width:calc(100% + 300px);top:0;}
.noMaxWd{max-width:100% !important}
.jiraBlur + .jiraAddOnAct .opmBtn{pointer-events: none;opacity:.5;cursor: not-allowed;}
.jiraBlur + .jiraAddOnAct .opmBtn.enableAlways{pointer-events: all;opacity:1;cursor: pointer;}
.paddingZero{padding: 0 !important}

.opmDeviceDiscovered,.opmDeviceDiscovered > td:last-child,.opmDeviceDiscovered > td:nth-last-child(3){background:#e7fafb !important}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(2){width:140px;height:100%;padding:15px 15px 0 15px;position:absolute;top:0;right:0;z-index:1}
#DeviceList .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3):before{content:'' !important}
/* Common styles */



#ccTvContent .dashboardWidget > .content .ipamAvailSumChart{padding:0 0 0 20px}
#ccTvContent .dashboardWidget > .content .opmDialLegendInfo{padding:0 20px}
#ccTvContent .dashboardWidget > .content .ui-jqgrid-btable .right .ut-row{margin:2px 0}

.opmDashboard #ccTvContent .dashboardWidget .ut .title{padding:10px 0 10px 10px}
.opmDashboard #ccTvContent .dashboardWidget .ut .left .ut-row,.opmDashboard #ccTvContent .dashboardWidget .ut .middle > div div:not(.title){padding:10px}


.forecastGraph:before{background:none}

.alarm_noteIcon.icon-doc-text{float:left;width:14px;height:14px;margin:0 5px 0 0;position:relative;top:0 !important;overflow:hidden;display:inline-block}
.alarm_noteIcon.icon-doc-text:before{background:#e8de65;width:12px;height:12px;content:'';border-radius:0 0 0 7px;position:absolute;top:0;right:1px;z-index:1}
.alarm_noteIcon.icon-doc-text:after{font-family:fontello;content:'\e8af';transform:rotate(180deg);position:absolute;top:0;right:2px;z-index:2}

.SpeedoMeter .icon-configedit.edit:before,.dialcounter .icon-configedit.edit:before{content:''}
.SpeedoMeter .icon-configedit.edit,.dialcounter .icon-configedit.edit{background:url(../../img/opm-sprites.png) no-repeat -274px -136px;width:17px;height:15px !important}
.SpeedoMeter .icon-configedit.edit.processDiagnostics,.dialcounter .icon-configedit.edit.processDiagnostics{background-position:-290px -136px;width:20px}
.sortAscDec:before,.sortAscDec.sortAsc:before{background:rgba(251,251,251,.7);width:50%;height:100%;position:absolute;top:0}
.SortTime .sortAscDec:before,.sortAscDec.sortAsc:before{content:'';left:0}
.sortAscDec.sortDec:before{content:'';right:0;left:auto}
.GMapBox{float:left;width:auto;max-width:500px;height:auto}
.GMapBoxImg{float:left;padding:20px 10px 10px}
.GMapBoxContent{float:left;max-width:195px;padding:20px 0 10px}
.GMapBoxContent > div{float:left;width:100%;word-break:break-all;margin:0 0 3px}
/*This changes only for Recent alarm and notes starts*/
.GMapBoxContent > div i{color:#000 !important;}
.GMapBoxContent > div i:first-child {font:13px LatoBold;}
.GMapBoxContent > div i:nth-child(2) {word-break: break-word}
/*This changes only for Recent alarm and notes ends*/
.GMapBoxTitle{font:13px RobotoSlabRegular;text-decoration:underline;cursor:pointer}
.GMapBoxContent > div > i:first-child:after{content:' : '}
.GMapBoxBtn{background:#45bd7f;float:right !important;width:auto !important;height:auto;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:3px;border:0;cursor:pointer}
.leaflet-popup-content-wrapper{display: table !important}
.GMapBox.addDevice{min-width:270px}

#SeverityLogViewSlide .opmForm{padding:0}
#SeverityLogViewSlide .notifyContent{display:block}
#SeverityLogViewSlide .notifyContent .notifyRow{background:#f9f9fb;height:auto;padding:15px 44px 15px 30px;border-top-color:#cecece;cursor:default}
#SeverityLogViewSlide .notifyContent .notifyRow:hover{background:#fff}
#SeverityLogViewSlide .notifyContent .notifyRow:before{background:#fff}
#SeverityLogViewSlide .notifyContent .notifyRow .icon-trash{width:44px;height:100%;font-size:15px;position:absolute;top: 0;right:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
#SeverityLogViewSlide .notifyContent .notifyRow .icon-trash:before{width:15px;height:15px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
#SeverityLogViewSlide .notifyContent .notifyRow .icon-trash:hover{color:#fa5b5a}
#SeverityLogViewSlide .notifyContent .notifyRow .img{width:50px;height:50px;text-align:center;margin:auto;position:absolute;top:0;bottom:0;left:25px;display:table}
#SeverityLogViewSlide .notifyContent .notifyRow .img i{display:table-cell;vertical-align:middle}
#SeverityLogViewSlide .notifyContent .notifyRow .img img{max-width:40px;max-height:40px}
#SeverityLogViewSlide .notifyContent .notifyRow .content{float:left;width:100%;height:auto;padding:0 0 0 50px}
#SeverityLogViewSlide .notifyContent .notifyRow .title{width:auto;max-width:100%;height:auto;font:14px LatoRegular;color:#000;padding:0;border:0;position:static;display:inline-block;cursor:pointer}
#SeverityLogViewSlide .notifyContent .notifyRow .title:hover{text-decoration:underline}
#SeverityLogViewSlide .notifyContent .notifyRow .info:before{background:#fff}
#SeverityLogViewSlide .notifyContent .notifyRow .info{height:auto}
#SeverityLogViewSlide .notifyContent .notifyRow .info i{word-break:break-all}
#SeverityLogViewSlide .notifyContent .notifyRow .info i:not(:last-child):after{content:' | '}

.expandScreenPage .opmMapPage:before,.expandScreenPage .opmMapPage .slideContent:not(.positionFixed){top:60px !important}
.expandScreenPage.slideDivIn-4 .slideContentContainer{box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}
.expandScreenPage.slideDivIn-4 .slideContentContainer div > header{height:65px;white-space:nowrap;text-overflow:ellipsis;padding:20px 30px;overflow:hidden}
.expandScreenPage.slideDivIn-4 .slideContentContainer div > header i.icon-remove{top:19px}
.expandScreenPage.slideDivIn-4 .slideContentContainer div > section{top:65px}
.expandScreenPage.slideDivIn-4 .opmMapNav .icon-remove{display:none}
.opmMapDeviceFilter{float:right;margin:15px 0 0}
.opmMapDeviceFilter > div{float:left;min-width:30px;height:30px;text-align:center;color:#fff;margin:0 0 0 8px;position:relative;z-index:99;width:auto;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;border-radius: 2px;}
.opmMapDeviceFilter > div:last-child{border:0}
.opmMapDeviceFilter > div:before{width:4px;height:10px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:15px;left:38%;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top}
.opmMapDeviceFilter > div.active:before{border-color:#fff;animation:check .3s;-moz-animation:check .3s;-webkit-animation:check .3s;-o-animation:check .3s}
.opmMapDeviceFilter .count{width:100%;height:100%;font-size:16px;padding:4px 5px;display:block;position:relative;z-index:1;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmMapDeviceFilter .text{display: none;background:#000;min-width:100px; width:auto;font-weight:normal;font-size:12px;letter-spacing:.9px;padding:5px;border-radius:4px;position:absolute;top:60%;left:0;opacity:0;filter:alpha(opacity=0);transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.opmMapDeviceFilter .text:before{background:#000;width:12px;height:10px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:-1px;left:11px;z-index:-1}
.opmMapDeviceFilter .count:hover + .text{top:125%;opacity:1;display: block; filter:alpha(opacity=100)}
.opmMapDeviceFilter .status1{background:var(--severity-critical)}
.opmMapDeviceFilter .status2{background:var(--severity-trouble)}
.opmMapDeviceFilter .status3{background:var(--severity-attention)}
.opmMapDeviceFilter .status4{background:var(--severity-servicedown)}
.opmMapDeviceFilter .status5{background:var(--severity-clear)}
.opmMapDeviceFilter .status6{background:var(--severity-info)}
.opmMapDeviceFilter .status7{background:var(--severity-unmanaged)}
.opmMapDeviceFilter .status8{background:var(--severity-notmonitored)}
.opmMapDeviceFilter .gmapSevCircle.active {padding-left:20px}
.opmMapDeviceFilter .gmapSevCircle.active::before {left:8px}
.opmMapDeviceFilter .gmapSevCircle .count{min-width:30px}
.opmMapDeviceFilter .gmapSevCircle.active .count{min-width:30px}

.opmMapDeviceSelBox{float:right;width:170px;margin:15px 50px 0 20px;border:0;position:relative;z-index:1}
.opmMapDeviceSelBox label{width:100px;font-size:14px;position:absolute;top:4px;right:100%}

/*Gmap icon in device snapshot */
.actions .icon-map2:before{background:url(../../img/opm-sprites.png) no-repeat -165px -22px;width: 18px;height: 24px;content:'';position:relative}


.gMapToggleBtn{float:right;width:240px;height:30px;margin:15px 20px 0 0;border:1px solid #cbcbcb;position:relative;z-index:9}
.gMapToggleBtn input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.gMapToggleBtn label{float:left;width:100%;height:100%;display:block}
.gMapToggleBtn label:before{background:#5ace91;width:50%;height:100%;content:'';position:absolute;top:0;left:50%;z-index:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.gMapToggleBtn i:first-child,.gMapToggleBtn input:checked + label i:last-child{color:#7f7f7f}
.gMapToggleBtn i{float:left;width:50%;height:100%;line-height:normal;text-align:center;color:#fff;padding:5px 0;position:relative;z-index:1}
.gMapToggleBtn input:checked + label i:first-child{color:#fff}
.gMapToggleBtn input:checked + label:before{left:0 !important}

.opmLayer2DeviceOptions > div:first-child > i{float:left;width:20px;height:20px;display:inline-block;position:relative;cursor:pointer}
.opmLayer2DeviceOptions > div > i:not(:last-child){top:-3px}

.helpTxtBvWidget .content > div{float:left;width:100%;height:100%}
.helpTxtBvWidget .content > div:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}
.helpTxtBvWidget .content > div:before,.helpTxtBv{opacity:0;filter:alpha(opacity=0);transition:all .3s ease .3s;-ms-transition:all .3s ease .3s;-moz-transition:all .3s ease .3s;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s}
.helpTxtBvWidget:hover .content > div:before,.helpTxtBvWidget:hover .helpTxtBv{opacity:1;filter:alpha(opacity=100)}
.helpTxtBv{width:100%;height:100%;font:13px LatoRegular;color:#fff;text-align:center;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:table}
.helpTxtBv div{vertical-align:middle;display:table-cell}
.helpTxtBv i{background:#000;padding:5px 15px;margin:0 50px;border-radius:30px;display:inline-block}
#opmCCTV .helpTxtBvWidget .mCSB_container,#opmCCTV .helpTxtBvWidget .mCSB_container > div{height:100%}

.width100{width:100%!important}
.ui-resizable{background:none !important}
.ui-resizable-handle{opacity:0;filter:alpha(opacity=0)}
#ccTvContent .dashboardWidgetExpandView .ui-resizable-handle.ui-resizable-s{left: 0}
.voipStatus1,.voipStatus2,.voipStatus3,.voipStatus0
{
    background: #5CD30A;
    width: 10px;
    height:10px;
    border-radius: 25px;
    padding: 1px;
    margin-right: 5px;
}
.voipStatus0
{
    background: #C9C9C9;
}
.voipStatus2
{
    background: #F6EC12;
}
.voipStatus3
{
    background: #FF0000;
}

.blockSiteAccess{background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}
.blockSiteAccess .content{float:right;background:rgba(0,0,0,.5);width:530px;height:100%;font:16px RobotoSlabThin;color:#fff;padding:70px;margin:auto;overflow:auto}
.blockSiteAccess h2{font-size:36px;margin:0 0 40px}
.blockSiteAccess h2 span{word-wrap:break-word}
.blockSiteAccess h3{font-size:22px;margin:0 0 35px}
.blockSiteAccess b{font-size:36px;display:block}
.blockSiteAccess a{background:#45bd7f;min-width:120px;width:auto;height:auto;font:18px RobotoSlabLight;color:#fff;text-align:center;padding:12px 30px;margin:50px 0 0;border:0;display:inline-block;cursor:pointer}

.AETIDFilter i.icon-search.devsearchicon:first-child{margin:0 5px}
.widthAuto{width:auto!important}
#discoverySummary_dial .legseries{height:auto !important;max-height:none !important;text-align:center;position:relative;top:-4px}
#discoverySummary_dial .legendarea,#discoverySummary_dial .legendgroup,#discoverySummary_dial .legseries{width:100% !important;margin:0 !important;left:0 !important}
#discoverySummary_dial > div {width:320px !important;height:270px !important}
.notifyDiscovery .notifyDiscLevel.noLog_Data{height:440px !important}

.alarmNoteCount{float:left;background:#fff14d;width:20px;height:20px;line-height:21px;text-align:center;margin:0 5px 0 0;border: 1px solid rgba(200, 200, 200, 0.85);position:relative;top:-4px}
.opm_jqGridUI .alarmNoteCount{top:0}
.notes_inlist:hover{text-decoration:underline}


.GMapBox.addDevice .GMapBoxContent{max-width:270px;padding:0 0 10px}
.GMapBoxContent .selBox{margin:0 0 20px}
.GMapBoxBtn + .GMapBoxBtn{margin-right:10px}
.GMapBoxContent > .selBox > div > label{float:left;margin:10px 5px 0 0}

/*.rackWidget{text-align:center}
.rackWidget table{text-align:left;display:inline-block}
*/

#alarmShortSummary #TabHolder > header,#alarmShortSummary #TabHolder > header > ul{width:auto}
#alarmShortSummary #TabHolder > header:before{display:none}
#alarmShortSummary #TabHolder > section:before{height:1px;content:'';border-bottom:1px solid #b2b2b2;position:absolute;top:37px;right:0;left:30px}
#alarmShortSummary #Discuss{max-width:none}
#alarmShortSummary #opm_AlarmEventsPager{width:390px !important}
#alarmShortSummary #opm_AlarmEventsPager_center{width:auto !important}
#alarmShortSummary #opm_AlarmEventsPager > div > .ui-pg-table{position:relative;right:-44px}
.heightAuto{height:auto!important}
#alarmShortSummary #opm_AlarmEventsPager_left{width:60px !important}
#alarmShortSummary #opm_AlarmEventsPager_right > div{z-index:-1}
.bvDeviceSrch,.bvDeviceSrch input{float:left;width:100%;height:30px;position:relative}
.bvDeviceSrch input{padding:5px;top:5px}
#EventList .opmCusGrid{background:#fbfbfb}

.fullWidthContainer{max-width:100%}
.clearField_Addwidget{font:14px LatoRegular;color:#808080;position:absolute;top:32px;right:70px;z-index:2;cursor:pointer;display:none}
.clearField_Addwidget:hover{color:#000;display:block}
.addWidgetsSlide > header i{width:30px;height:40px;top:23px !important;right:30px !important;z-index:2}
.addWidgetsSlide > header i:before,.addWidgetsSlide > header i:after{top:7px;left:15px}
.addWidgetsSlide .slideContHolder,.addWidgetsSlide .opmFormHolder,.addWidgetsSlide .opmForm,.addWidgetsSlide .widgetsContainer section{width:100%;max-width:100%;height:100% !important;margin:0 !important;position:relative;top:auto;right:auto;bottom:auto;left:auto}
.addWidgetsSlide .widgetsContainer{padding:0 10px;position:absolute;top:0;right:0;bottom:80px;left:0;overflow:auto}
.addWidgetsSlide .widgetsContainer header{background:#f9f9fa;height:auto;font: 18px RobotoSlabRegular;padding:10px;border:1px solid #efefef}
.overflowHidden{overflow:hidden!important}
#addWidgetsListDiv.autoHeight .opmDashboardAddWidgetsList section{height:auto !important}
.addWidgetsSlide .opmBtnHldr{width:auto;height:80px;padding:15px 0 30px;border-top:1px solid #efefef;position:absolute;right:30px;bottom:0;left:30px}
.addWidgetsSlide .flexContainer{column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:0;-webkit-column-gap:0;-moz-column-gap:0}
.addWidgetsSlide .widgetsCol{max-width:100%;padding:0 20px 20px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;display:inline-block}
.addWidgetsSlide .opmDashboardAddWidgetsList{max-height:none}

.myDashboardActions-1 .slideContHolder,.myDashboardActions-1 .opmFormHolder,.myDashboardActions-1 .opmForm,#cctvCreatePg .slideContHolder,#cctvCreatePg .opmFormHolder,#cctvCreatePg .opmForm,#cctvListviewPg .slideContHolder,#cctvListviewPg .opmFormHolder,#cctvListviewPg .opmForm{width:100%;max-width:none;height:100% !important;margin:0 !important}
.snapshotconfig .checkIcon{position: relative;float: left;background-color: #D7D7D7;height: 35px;top: -8px;width: 35px; cursor:pointer;}
.myDashboardActions-1 .opmDashboardAddedWidgetsList,#cctvCreatePg .ccTvCreatePgField,#cctvListviewPg .opmDashboardAddedWidgetsList{max-height:none;padding:0 30px;margin:0;border:0;position:absolute;top:0;right:0;bottom:77px;left:0;overflow:auto}
.myDashboardActions-1 .opmBtnHldr,#cctvCreatePg .opmBtnHldr,#cctvListviewPg .opmBtnHldr{width:100%;height:77px;padding:20px 30px;position:absolute;bottom:0;left:0}
.myDashboardActions-1 .opmBtnHldr:before,.myDashboardActions-1 header:before,#cctvCreatePg .opmBtnHldr:before,#cctvCreatePg header:before,#cctvListviewPg .opmBtnHldr:before,#cctvListviewPg header:before{background:#efefef;height:1px;content:'';position:absolute;top:0;right:30px;left:30px}
.myDashboardActions-1 header:before,#cctvCreatePg header:before,#cctvListviewPg header:before{top:auto;bottom:0}
#cctvCreatePg .ccTvCreatePgField{padding:20px 0}
#cctvCreatePg .ccTvCreatePgField > .opmFormRow{margin:0 0 20px 30px}
#cctvCreatePg .criteriaOptionsHolder{height:auto;padding:0 10px}
#cctvCreatePg .opmAccordion{position:relative;top:auto;right:auto;left:auto;column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:0;-webkit-column-gap:0;-moz-column-gap:0;column-fill:auto}
#cctvCreatePg .opmAccordionSingle{float:none;padding:0 20px 20px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;display:inline-block}
#cctvCreatePg .opmAccHdr:after{display:none}
#cctvCreatePg .opmAccCont{height:auto !important;display:block !important}
#cctvCreatePg .criteriaOptionsHolder li .opmCheckBox i{right:-15px;left:-35px}
.snapshotconfig .checkIcon i{position: absolute;top: 6px;right: 11px;font-size: 19px;color:white;}
/*#cctvCreatePg .opmCheckBox input:checked + label:after{background:url(../../img/opm-sprites.png) no-repeat -127px -39px;background-size:280px;width:14px;height:13px;border:0;transform:none;top:12px;left:7px;animation:none}*/
#cctvCreatePg .opmFormCol .opmFormRow{margin:0 0 20px}
.snapshotconfig .checkIcon.enabled{background-color: #49bd80;}
#cctvCreatePg .opmFormCol .opmFormRow .opmFormCol{width:100%}
#cctvCreatePg #cctvDescription{height:108px}

.inventoryWidget .inventoryWidgetIcons{padding-right: 8px;padding-left: 8px;}
.inventoryWidget .inventoryWidgetIcons *{font-size:14px;}
#ccTvContent .opmRamUsageInfoHolder{margin-top: 70px;}
.noheader .opm_widget_title{display:none}
.inventoryWidget .inventoryWidgetIcons [class^='icon-']:before,[class*=' icon-']:before{font-family:'fontello'}
.inventoryWidget .inventoryWidgetIcons i{background:none;float:left;color:#8a8e91;padding:15px 8px;cursor:pointer;}
.inventoryWidget .inventoryWidgetIcons i:hover{color:#000}
.inventoryWidget .inventoryWidgetIcons i.icon-down-dir{position:relative}
.inventoryWidget .inventoryWidgetIcons i.icon-down-dir:before{position:relative;top:2px;left:-2px;transform:rotate(45deg)}
.netFlowMapAddLink{margin:15px 20px 15px 5px!important;position:relative;z-index:1}
.inventoryWidget .inventoryWidgetIcons i.icon-down-dir:after{font-family:'fontello';content:'\e8d1';position:absolute;top:14px;left:11px;transform:rotate(45deg)}
.helpVideoYT,.helpVideoYT img{float:left;width:100%;height:auto;position:relative;cursor:pointer}
.helpVideoYT:before{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.helpVideoYT i{background:#cc181e;width:42px;height:30px;margin:auto;border-radius:8px;position:absolute;top:-3px;right:0;bottom:0;left:0;opacity:0;filter:alpha(opacity=0)}
.helpVideoYT i:before{width:0;height:0;content:'';margin:auto;border-top:6px solid transparent;border-left:12px solid #fff;border-bottom:6px solid transparent;position:absolute;top:0;right:0;bottom:0;left:3px}
.helpVideoYT:hover i{opacity:1;filter:alpha(opacity=100)}
.helpVideoYT iframe{width:100%;height:220px}
#helpVideoYTContainer{position:absolute;top:50px;right:0;bottom:0;left:50px;z-index:999999}
#helpVideoYTContainer iframe{float:left;width:100%;height:100%}
body.NavText #helpVideoYTContainer{left:82px}
#helpVideoYTContainer:before{background:rgba(0,0,0,.4);width:100%;height:50px;content:'';margin:auto;position:absolute;top:-50px;left:0}
#helpVideoYTContainer .icon-remove{background:#45b87b;width:50px;height:50px;position:absolute;top:-50px;right:0;z-index:1;cursor:pointer}
#helpVideoYTContainer .icon-remove:before,#helpVideoYTContainer .icon-remove:after{background:#efefef;margin:auto;left:0}
#helpVideoYTContainer .icon-remove:hover:before,#helpVideoYTContainer .icon-remove:hover:after{background:#fff}
.dashboardSlideContent:not(.dashboardSlideContent-6){top:0 !important}

.viewDivTableBannerType{background:rgba(0,0,0,.5)}
.viewDivTableBannerType .displayTable{width:100%;height:100%;text-align:center;display:table}
.viewDivTableBannerType .displayTableCell{width:100%;height:280px;vertical-align:middle;display:table-cell}
.viewDivTableBannerType .divTableContent{width:600px;height:280px;margin:auto;position:relative;box-shadow:0 0 60px rgba(0,0,0,.5);-moz-box-shadow:0 0 60px rgba(0,0,0,.5);-webkit-box-shadow:0 0 60px rgba(0,0,0,.5)}
.viewDivTableBannerType .divTableContent > div{width:54%;height:100%;font:17px/20px RobotoSlabRegular;padding:20px 20px 20px 0;position:absolute;top:0;right:0;z-index:0}
.viewDivTableBannerType .divTableContent .displayTableCell{height:auto}
.viewDivTableBannerType h4{font:25px/25px RobotoSlabRegular;padding:0 10px 8px 0;position:relative;display:inline-block}
.productMobileAppAd h4:after{background:url(../../img/opm-sprites.png) no-repeat -351px -153px;width:8px;height:23px;content:'';position:absolute;top:0;right:0}
.productMobileAppAd p{padding:0 20px}
.productMobileAppAd .linkBtn{float:left;width:100%;height:auto}
.productMobileAppAd .linkBtn > div{background:#000;font-size:15px;color:#fff;padding:8px 18px 10px 43px;margin:20px 2px 0;border-radius:4px;position:relative}
.productMobileAppAd .linkBtn > div,.productTrialExpiresInfo div[class^='link-'],.productTrialExpiresInfo div[class*=' link-']{box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow:0 0 2px rgba(0,0,0,.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);display:inline-block;cursor:pointer}
.productMobileAppAd .linkBtn > div:before{background:url(../../img/opm-sprites.png) no-repeat 0 -215px;width:22px;height:25px;content:'';margin:auto;position:absolute;top:-2px;bottom:0;left:10px}
.productMobileAppAd .linkBtn > div.link-ios:before{background-position: -22px -215px;width:17px;height:22px}
.viewDivTableBannerType .closeAd{width:19px;height:19px;border:2px solid #fff;border-radius:50%;position:absolute;top:10px;right:10px;cursor:pointer;z-index:9}
.viewDivTableBannerType .closeAd:before,.viewDivTableBannerType .closeAd:after{background:#fff;width:2px;height:9px;content:'';margin:0;display:block;position:absolute;top:3px;right:0;bottom:0;left:6.5px;transform:rotate(45deg)}
.viewDivTableBannerType .closeAd:after{transform:rotate(135deg)}
.productTrialExpiresInfo .divTableContent{width:748px;height:297px}
.productTrialExpiresInfo .divTableContent > div{width:62%;font:13px/16px RobotoSlabLight;padding:20px 30px 20px 0}
.productTrialExpiresInfo div[class^='link-'],.productTrialExpiresInfo div[class*=' link-']{background:#009e61;width:90%;height:auto;color:#fff;padding:8px;margin:0 0 22px;border-radius:3px}
.productTrialExpiresInfo h4{font:18px/25px RobotoSlabRegular;padding:0 10px 20px 0}
.productTrialExpiresInfo h4 i{background:url(../../img/opm-sprites.png) no-repeat -351px -153px;width:8px;height:23px;content:'';margin:0 0 0 2px;position:relative;top:4px;transform:scale(0.7);display:inline-block}
.productTrialExpiresInfo p{font-size:12px}
.productTrialExpiresInfo .closeAd{border-color:#585858}
.productTrialExpiresInfo .closeAd:before,.productTrialExpiresInfo .closeAd:after{background:#585858}

.expandViewGraphTable .content{overflow:auto !important}
.expandViewGraphTable .content .ember-view,.expandViewGraphTable .content .ember-view .opm_jqGridUI{float:left;height:auto !important}
.DI-Header h2 #nameOnly{padding:8px 0}

.widgetNoData{margin-left: 5px;font-size: 14px;color: #c7c7c7;font-family: LatoRegular}
.customDials .dialcounter{top:20px!important}
.commonMeter .numberDialUnit{left:0px!important}
.List #opm_Devices_colChooserIndex{display:none !important}
.grid-short-summary .dialcounter{top:-51px!important}

#inventoryGridStyle{width:100%;height:100%}
#inventoryGridStyle .grid-stack{width:auto;height:auto;position:absolute;top:0;right:0;left:15px;bottom:0;overflow:auto}
#inventoryGridStyle .grid-stack-item{padding:5px 15px 5px 0!important;overflow:hidden}
#inventoryGridStyle .grid-stack-item-content{width:auto;position:relative;right:0;left:0}

#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView{padding:20px !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .grid-stack-item-content{width:100%;height:100%}
/*#inventoryGridStyle .grid-stack-item .opm_widget_title div{overflow:visible;}*/
/*IPMI Widget popup menu fix*/
#inventoryGridStyle .grid-stack-item .opm_widget_title .level2Title {overflow:hidden;}
#inventoryGridStyle .grid-stack-item .content{padding:43px 0 20px}
#inventoryGridStyle .grid-stack-item .dialcounter b .numberDialUnit{width:auto}
#inventoryGridStyle .grid-stack-item .dialcounter b{min-width:auto}
#inventoryGridStyle .grid-stack-item .dialCounterMinWd .dialcounter b{min-width:180px}
#inventoryGridStyle .grid-stack-item .content .speedoMeterWidget{width:100%;height:auto;text-align:center;padding:0}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_widget_title{margin:0;cursor:default}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content{padding:0;top:50px;right:0;left:0}
#inventoryGridStyle .grid-stack-item .DI-Grid .DIG-Graph{padding:20px 0 20px 540px}
#inventoryGridStyle .grid-stack-item .DI-Grid .DIG-Graph.diffdetailsWidget.summary{padding:0 0 0 540px;}

#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content{bottom:0}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content > .ember-view,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid > .ember-view,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid{float:left;width:100%;height:100% !important;padding:0;overflow:auto}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI{float:left;width:100%;height:100% !important;padding:0;overflow:auto}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content .opm_jqGridUI .ui-corner-all{position:absolute;top:0;right:0;bottom:40px;left:0}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view{float:left;width:100%;height:100%}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv{position:absolute;top:0;left:0}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{margin:0;position:absolute;top:40px;right:0;bottom:0;left:0;overflow:auto}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-pager{height:25px;min-height:25px;position:absolute;bottom:-27px;left:0;z-index:9}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-pager .ui-corner-all{position:relative;bottom:0}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-pager *{float:none}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridCustomPager{position:absolute;top:auto;bottom:5px;display:block}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .ember-view,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-corner-all,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-jqgrid-view,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-hdiv,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv,#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-jqgrid-pager{width:100% !important;height:auto !important;position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridCustomPager{margin:10px 0 0;position:relative;top:auto;right:auto;bottom:auto;left:auto}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .contentRight .ember-view{height:100% !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .contentRight .opm_jqGridUI{position:relative}
.opm_jqGridCustomPager .selBox select{display:none}

.settingsContent .opm_widget_title{cursor:default}
.deviceSlideContent .opmTabCont #dynamicContent .Workflow{padding:60px 0 0;margin:0 !important}

.opm-zoom-in,.opm-zoom-out,.opm-fit-to-screen{cursor:pointer;background:#efefef;width:20px;height:20px;margin:1px 2px;border:1px solid #dedede;position:relative;display:inline-block}
.settingsContent .reportGraph .dashboardWidget.fullCol{height:auto !important}
.opm-zoom-in:before,.opm-zoom-out:before,.opm-fit-to-screen:before,.opm-fit-to-screen:after{width:100%;height:100%;font:18px/18px RobotoSlabThin;text-align:center;color:#8a8e91;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.opm-zoom-in:before{content:'+';top:-2px;left:.5px}
.opm-zoom-out:before{content:'-';top:-3px}
.opm-fit-to-screen:before{width:50%;height:50%;content:'';border:2px solid #8a8e91}
.opm-fit-to-screen:after{font:33px/14px LatoRegular;content:'+';color:#efefef}

.opm-zoom-in:before, .opm-zoom-out:before{color:#000; font-weight:1000}
.opm-fit-to-screen:before {border: 1px solid #000 !important;}
.screen-resize>i{-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
/*.screen-resize>i:hover {background:#fff}*/
/*.opm-fit-to-screen:hover:after{color:#fff}*/

.screen-resize{width:20px;height:auto;position:absolute;top:15px;right:15px;z-index:9}
.grid-stack-item .opm_widget_title .widgetTitleIcon{top:2px}
.FWASummaryGraph,.FWASummaryGraph .ember-view{float:left;width:100% !important;height:100% !important;margin:0 !important}

#inventoryGridStyle.gridStackCustomInnerWidget .grid-stack{left:0}
#inventoryGridStyle.gridStackCustomInnerWidget .grid-stack-item:not(.dashboardWidget){padding:5px 15px!important}
.gridStack-innerFullCol{float:left;width:100%;height:auto;padding:0 0 0 15px;margin:0 0 15px}
.gridStack-innerFullCol >  .opm_widget_title,.gridStack-innerHalfCol >  .opm_widget_title{width:auto !important;right:0;left:15px !important}
/*.gridStack-innerFullCol > .content,.gridStack-innerHalfCol > .content{float:left;width:100%;height:auto !important;padding:43px 0 0 !important}*/
.gridStack-innerFullCol > .content,.gridStack-innerHalfCol > .content{float:left;width:100%;height:auto !important;padding:43px 0 0 !important;margin-top: 50px;padding-top: 0 !important;}
.gridStack-innerHalfCol{float:left;width:50%;height:auto;padding:0 0 0 15px;margin:0 0 15px}
.gridStack-innerFullCol .opm_jqGridUI,.gridStack-innerHalfCol .opm_jqGridUI{float:left;width:100%;height:auto;padding:0 !important}
.gridStack-innerFullCol > .content .contentLeft,.gridStack-innerHalfCol > .content .contentLeft{position:absolute}
.gridStack-innerFullCol > .content .contentRight,.gridStack-innerHalfCol > .content .contentRight{min-height:400px;padding:20px 10px 20px 540px !important}

.opm-fit-to-screen.change-Square:after{display:none}
.timeGraphWidget .ember-view,.timeGraphWidget .ember-view .opm_jqGridUI{float:left;width:100%;height:auto}

.nfaDEColStats{float:left;width:24px;height:21px;position:relative;top:12px;margin-left:5px;}
.nfaDEColStats:before{background:url(../../img/opm-sprites.png) no-repeat 0 0;width:21px;height:21px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.nfaDEColStats.status1:before{background-position:-244px -181px}
.nfaDEColStats.status2:before{background-position:-264px -181px}
.nfaDEColStats.status3:before{background-position:-284px -181px}
.nfaDEColStats.status4:before{background-position:-305px -181px;width:26px;height:23px}
.nfaDEColStats.gridInfo{top:0px}

#ReportSubTabs .opmForm.maxWd100{height:100%}
#ReportSubTabs #graphdivelement > .opmFormRow.reportGridUI{max-width:100%;height:auto;margin:0;position:absolute;top:0;right:0;bottom:0;left:0}
#ReportSubTabs #graphdivelement > .opmFormRow.reportGridUI .opm_jqGridUI,#graphdivelement > .opmFormRow.reportGridUI .opm_jqGridCustomPager.reportProfile,#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable,#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridUI,#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridCustomPager.reportProfile{position:absolute;top:0;right:0;bottom:50px;left:0;overflow:auto}
#ReportSubTabs #graphdivelement > .opmFormRow.reportGridUI .opm_jqGridCustomPager.reportProfile,#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridCustomPager.reportProfile{top:auto;bottom:0;overflow:hidden}
#ReportSubTabs #graphdivelement > .opmFormRow.reportGridUI .opm_jqGridCustomPager.reportProfile > div,#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridCustomPager.reportProfile > div{padding:0;position:relative;top:6px}
#ReportSubTabs #graphdivelement #reportgrap_Conversation{width:auto;padding:0 40px !important;position:absolute;top:70px;right:0;bottom:0;left:0}
#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridUI{padding:0 40px}
#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable,#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable .opm_jqGridUI,#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable .opm_jqGridCustomPager.reportProfile{position:absolute;top:0;right:0;bottom:50px;left:0;overflow:auto}
#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable .opm_jqGridCustomPager.reportProfile{top:auto;bottom:0;overflow:hidden}
#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable .opm_jqGridCustomPager.reportProfile > div{padding:0;position:relative;top:6px}
#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork{width:auto;padding:0 40px !important;position:absolute;top:70px;right:0;bottom:0;left:0}
#ReportSubTabs #graphdivelement #reportgrap_ConversationNetwork #trafficcategorytable .opm_jqGridUI{padding:0 40px}
#ReportSubTabs #graphdivelement .graphAlign{top: 0px !important;left: -40px !important;}
#ReportSubTabs #graphdivelement .graphAlign #trafficcategorytable{bottom: 15px !important;}

.packetInfoMsg{background:#fbfbfb;float:left;width:100%;height:100%;padding:20px;overflow:auto}
.packetInfoMsg div{float:left;width:100%}
.packetInfoMsg h1{font:20px BitterRegular;margin:0 0 10px}
.packetInfoMsg p{margin:0 0 20px}
.packetInfoMsg h2{font:14px LatoBold;margin:0 0 10px}
.packetInfoMsg ul,.packetInfoMsg ul li{float:left;width:100%;height:auto;margin:0 0 5px}
.packetInfoMsg ul{list-style-type:decimal;padding:0 0 0 30px}
.packetInfoMsg a{color:#31A5F0}
.packetInfoMsg a:hover{text-decoration:underline}

.icon-router:before{background:url(../../img/opm-sprites.png) no-repeat -40px -130px;width:13px;height:13px;content:'';position:relative;top:2px}

body.deviceMenuSlideIn .deviceSlideDivIn-full.AdExMssqlMonitors:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:44px;right:0;bottom:0;left:0;z-index:9}
body.deviceMenuSlideIn .deviceSlideDivIn-full.AdExMssqlMonitors .deviceSlideContainer:before{background:rgba(0,0,0,.2);width:50px;height:45px;content:'';position:absolute;top:0;right:0;z-index:9}
body.deviceMenuSlideIn .AdExMssqlMonitors .deviceMenuSlide header{background:#f5f5f5;width:100%;height:36px !important;font:13px LatoBold;text-align:left;padding:10px 30px 10px 15px !important;margin:0;border-top:1px solid #d6d6d6;position:relative;cursor:default}
.deviceSlideDivIn-full.AdExMssqlMonitors .deviceSlideContainer section{overflow-x:hidden}

#AlrmEvtTrapInvDev .deviceShortSummaryActive .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.subgrid-data{max-width:none}
.level2Title{height:32px !important;position:relative;top:-7px;overflow:visible}
.level2Title span{font:11px/10px LatoRegular;color:#8a8e91;position:absolute;bottom:0;left:0}
.opmInventoryList.noDropDown  > div:after{display:none}

/*! APM Silent Starts here */
.appsListSection{background-color:#f8f8f8;padding:20px 20px;margin:20px 0;color:#222}
.appsListSection.style2{background-color:#fff;border:1px solid #e2e2e2;border-radius:4px;padding:20px;margin-left:auto;margin-right:auto;display:inline-block}
.appsListSection-apps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.appsListSection-apps li{font-weight:700;font-family:LatoBold;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:5px 16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:60px;font-size:12px;line-height:1.5;text-align:center}
.appsListSection-apps li .apm-app-icon{background-color:#fff;padding:8px;border-radius:4px;margin-bottom:10px;display:inline-block;border:1px solid #e7e7e7}
.appsListSection-apps li .apm-app-icon.more{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.appsListSection-apps li .apm-app-icon.more:after,.appsListSection-apps li .apm-app-icon.more:before{content:'';width:3px;height:20px;margin:10px 0;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;background-color:#d4d4d4}
.appsListSection-apps li .apm-app-icon.more::before{background-image:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.appsListSection-apps li .apm-app-icon.more:after{margin-left:-3px}
.appsListSection-apps.compact{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.appsListSection-apps.compact li .apm-app-icon{padding:4px}
.apm-silent-installation{max-width:450px;display:block;margin:0 auto;background-color:#fff;padding:20px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:12px}
.apm-silent-installation .progressBar-heading{margin-bottom:15px;color:#999;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
/*! APM Silent Ends here */

/*!copy button css start*/
.copy_button_plugin{margin-top:15px}
.copy_button_plugin .btn-copy-bordered{border:1px solid #ededed;min-width:202px;margin-top:15px!important}
.copy_button_plugin .btn-copy-bordered.opmBtn{font-size:18px;font-weight:400}
.copy_button_plugin .btn-copy-bordered.opmBtn em svg{fill:#000}
.copy_button_plugin .btn-copy-bordered.opmBtn span{color:#000;font-size:18px;font-weight:400}
.copy_button_plugin .btn-copy-bordered.opmBtn:hover{background-color:#ededed !important}
.banner_copy_button .link-noBtn{margin-bottom:10px!important}
.banner_copy_button .btnWhite_copy{background:#fff;width:90%;height:auto;color:#000;padding:8px;margin:0 0 10px;border-radius:3px;display:inline-block;cursor:pointer}
/*!copy button css end*/

#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv{width:100% !important;height:0;border-bottom:1px solid #e3e3e3;position:absolute;top:0;left:0;overflow:visible}
#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb{width:44px !important;max-width:44px !important;height:22px;text-align:center;vertical-align:top;border:0;position:relative;overflow:visible;display:block}
#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{float:none;width:18px !important;height:18px !important;margin:auto;display:inline-block;position:relative;top:-29px;right:0;bottom:0;left:0}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'],#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'],#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb']{display:table-cell}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{height:2px !important;left:1px !important;overflow:visible}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div{height:2px !important;overflow:visible}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > input,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > input,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > input,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div > input{width:24px !important;height:24px !important;margin:0 !important;top:-2px !important;left:-2px}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > input,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > input,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > input,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > input,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > input,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > input,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div > input,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div > input{width:24px !important;height:24px !important;margin:0 !important;top:-11px !important}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div > span{top:-2px !important;left:-2px !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div > span{top:7px !important;left:-8px !important}
#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-35px}
#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-74px}
#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-80px}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-45px;left:5px}
#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Colored .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,#AlrmEvtTrapInvDev.Colored .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Colored .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div,#AlrmEvtTrapInvDev.Colored .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div{top:-90px}
#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-27px}
#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-33px}
#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-72px}
#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev .filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-78px}
/*body.firefox #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div{top:-47px}*/
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div{top:-43px}
#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div,#AlrmEvtTrapInvDev.Grid .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div{top:-88px}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view:not(.gridSearchActive) .ui-jqgrid-hdiv tr > th:not(:first-child){display:none}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv{width:100% !important;height:77px;border-bottom:1px solid #e3e3e3;position:relative;top:0;left:0;overflow:visible}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-hbox{float:left;width:100%;height:100%}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th{background:none;border:0}
#AlrmEvtTrapInvDev.List section:not(.interfaces) .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th:not(:first-child){font:14px LatoRegular;color:#312e2e;text-align:left;position:relative}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th:last-child,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar > th:last-child,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th:not(:first-child) span{display:none !important}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th .ui-jqgrid-sortable{float:left;width:100%;height:30px !important;padding:5px}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar{height:40px !important}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div{float:left !important;width:100% !important;text-align:left;padding:5px 0 0 !important;overflow:visible}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th input{background:#fbfbfb;width:100%;height:33px;font:13px/100% LatoRegular;padding:5px 8px !important;border:1px solid #dcdcdc}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar{height:55px !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div{float:left !important;width:100% !important;padding:0 !important;overflow:visible}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th{padding:10px}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th input,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th input{background:#fbfbfb;width:100%;height:33px;font:13px/100% LatoRegular;padding:5px 8px !important;border:1px solid #dcdcdc}
#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv{top:93px !important}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv{width:auto !important;height:auto !important;position:absolute;top:77px;right:0;bottom:25px;left:0}
#AlrmEvtTrapInvDev.List #EventList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv{height:75px !important;overflow:hidden}
#AlrmEvtTrapInvDev.List #EventList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th{height:10px !important}
#AlrmEvtTrapInvDev.List #EventList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th:first-child,#AlrmEvtTrapInvDev.List #EventList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar > th:first-child{width:15px !important;visibility:hidden}
#AlrmEvtTrapInvDev.List #EventList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div{position:relative;top:-5px}
#AlrmEvtTrapInvDev.List .opmCusGrid.jqHideHdrFirstCol .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th:first-child{display:none}
body.safari #AlrmEvtTrapInvDev.List #AlarmList .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td{float:left}
body.firefox #AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels{border-bottom:1px solid transparent !important}
body.firefox #AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th:first-child{display:inline-block}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv{top:100px}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar{height:45px !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th{text-align:left;vertical-align:top}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div{height:100% !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-search-toolbar th div input{background:#fbfbfb;width:100%;height:33px;font:13px/100% LatoRegular;padding:5px 8px !important;border:1px solid #dcdcdc}
.ui-jqgrid .ui-jqgrid-bdiv td.hideJqGridCell{display:none !important}

.opmStorageGrid{padding-bottom:30px!important}
.opmStorageGridTitle{clear: both}
.opmStorageGridTitle div.ui-jqgrid-titlebar{height: 40px;background: none;background-color: #f5f6f8}
.opmStorageGridTitle span.ui-jqgrid-title{font-size: 16px;margin-top: 6px;margin-left: 6px;font-family: LatoBold}
.ui-jqgrid .ui-jqgrid-bdiv td.hideJqGridCell{display:none !important}

/* oputils tree code start .......*/
.jstree-default-contextmenu{z-index:999}
.treeFilter{background:#f9f9fb;width:100%;height:100%;position:absolute;top:0;left:0}
.treeFilter .header{float:left;width:100%;height:38px;padding:5px 0 5px 20px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;position:relative}
.treeFilter .header > h4{width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:5px 65px 5px 5px;overflow:hidden}
.treeFilter .header > div{width:55px;position:absolute;top:3px;right:0}
.treeFilter .treeList{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-ms-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-o-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);position:absolute;top:38px;right:0;bottom:0;left:0;overflow:auto}
.treeFilter .jstree ul{position:relative}
.treeFilter .jstree ul.jstree-container-ul{position:relative;padding:0}
.treeFilter .jstree ul.jstree-children:before{width:1px;content:'';border-left:1px dotted #adadad;display:block;position:absolute;top:-15px;bottom:13px;left:32px;z-index:1}
.treeFilter .jstree li{background:none;padding:0 0 0 17px;margin-left:15px;position:relative}
.treeFilter .jstree li > i,.treeFilter .jstree a > i{width:24px !important;padding:0;margin:0;position:absolute;top:0;z-index:2}
.treeFilter .jstree li > i{background:none;height:37px !important;left:11px}
.treeFilter .jstree li > i:after{background:#f9f9fb;width:12px;height:12px;content:'';border:1px solid #000;position:absolute;top:9px;left:1px}
.treeFilter .jstree li > i:before{content:'+';font-size:18px;border:0;position:absolute;top:3px;left:3px;z-index:3}
.treeFilter .jstree li.jstree-open > i:before{content:'-';font-size:18px;border:0;top:3px;left:3.5px !important}
.treeFilter .jstree li.jstree-open > i:after{top:9px}
.treeFilter .jstree .jstree-leaf > i:before,.treeFilter .jstree > ul li:last-child:before,.treeFilter .jstree .jstree-leaf > i:after,.treeFilter .jstree > ul > li.jstree-last:first-child:after{display:none}
.treeFilter .jstree a{width:100%;height:auto;font:14px LatoRegular;word-wrap:unset;white-space:normal;padding:5px 10px 5px 43px !important;position:relative}
.treeFilter .jstree a > i{top:3px;left:13px}
.treeFilter .jstree > ul:before{height:0;top:0;bottom:auto}
.treeFilter .jstree > ul > li:first-child:before{top:17px}
.treeFilter .jstree > ul li.jstree-leaf:last-child:before{height: 32px;bottom:auto; z-index:-1;}
.treeFilter .jstree > ul li:first-child:before{display:block !important}
.treeFilter .jstree > ul > li:last-child:before{display:none !important}
/*.treeFilter .jstree > ul > li > ul > li.jstree-last:first-child:before{height:35px;top:-18px;bottom:auto;z-index:-1;}*/
.treeFilter .jstree > ul li:after{width:18px;height:1px;content:'';border-bottom:1px dotted #adadad;display:block;position:absolute;top:15px;left:19px;z-index:1}
.treeFilter .jstree a > i{background:none;z-index:9}
.treeFilter .jstree a > i:before,.treeFilter .jstree a{padding-left:42px;padding-top:8px}
.treeFilter .jstree a > i:before,.treeFilter .jstree a > i{position: absolute;}
.treeFilter .jstree a > i:before,.treeFilter .jstree a > i.defaultgroup:before{background: url('../../img/opm-sprites.png') no-repeat -298px -1241px !important;width:18px;height:15px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.supernet_icon::before{background: url("../../img/opm-sprites.png") no-repeat -306px -2059px !important;width:18px;height:16px;display:inline-block;content:"";}
.treeFilter .jstree a > i.defaultgroup_open:before{background: url('../../img/opm-sprites.png') no-repeat -320px -1241px !important;width:18px;height:15px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.discovered_subnets:before{background: url('../../img/opm-sprites.png') no-repeat -215px -1240px !important;width:18px;height:18px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.discovered_v6_hosts:before{background: url('../../img/opm-sprites.png') no-repeat -151px -1240px !important;width:18px;height:18px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.probe:before{background: url('../../img/opm-sprites-v2.svg') no-repeat -222px -117px !important;width:16px;height:16px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.all-customers:before{background: url('../../img/opm-sprites-v2.svg') no-repeat -240px -117px !important;width:16px;height:16px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.customer:before{background: url('../../img/opm-sprites-v2.svg') no-repeat -258px -117px !important;width:16px;height:16px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.newfolder:before{background: url('../../img/opm-sprites.png') no-repeat -172px -1240px !important;width:18px;height:15px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.openfolder:before{background-position:-129px -216px}
.treeFilter .jstree a > i.switch:before{background-position:-147px -216px !important;width:17px !important}
.treeFilter .jstree a > i.v4_icon1_1:before{background: url('../../img/opm-sprites.png') no-repeat -257px -1239px !important;width:18px;height:18px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.v4_icon2:before{background-position:-181px -216px}
.treeFilter .jstree a > i.v6_icon1_1:before{background: url('../../img/opm-sprites.png') no-repeat -237px -1239px !important;width:18px;height:18px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.yourcompany:before{background: url('../../img/opm-sprites.png') no-repeat -278px -1240px !important;width:17px;height:18px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.ipNumberIcon:before{background: url('../../img/opm-sprites.png') no-repeat -248px -1130px !important;width:13px;height:17px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.DHCPServersIcon:before{background: url('../../img/opm-sprites.png') no-repeat -263px -1130px !important;width:17px;height:17px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
/*.treeFilter .jstree a > i:before,.treeFilter .jstree a > i.defaultgroup{background: url('../../img/opm-sprites.png') no-repeat -298px -1241px !important;width:18px;height:15px;}
.treeFilter .jstree a > i.defaultgroup_open{background: url('../../img/opm-sprites.png') no-repeat -320px -1241px !important;width:18px;height:15px;}
.treeFilter .jstree a > i.discovered_subnets{background: url('../../img/opm-sprites.png') no-repeat -215px -1240px !important;width:18px;height:18px;}
.treeFilter .jstree a > i.discovered_v6_hosts{background: url('../../img/opm-sprites.png') no-repeat -151px -1240px !important;width:18px;height:18px;}
.treeFilter .jstree a > i.newfolder{background: url('../../img/opm-sprites.png') no-repeat -172px -1240px !important;width:18px;height:15px;}
.treeFilter .jstree a > i.openfolder:before{background-position:-129px -216px}
.treeFilter .jstree a > i.v4_icon1_1:before{background-position:-163px -216px}
.treeFilter .jstree a > i.v4_icon2:before{background-position:-181px -216px}
.treeFilter .jstree a > i.yourcompany{background: url('../../img/opm-sprites.png') no-repeat -278px -1240px !important;width:17px;height:18px;}
.treeFilter .jstree a > i.yourcompany2:before{background-position:-217px -216px}
.treeFilter .jstree a > i.switch:before{background-position:-147px -216px;width:17px}*/
.treeFilter .jstree-default .jstree-anchor,.treeFilter .jstree-default .jstree-anchor input{width:100%;min-height:30px;position:relative}
.treeFilter .jstree-default .jstree-anchor input{width:90% !important;height:35px !important;padding:0 8px !important;margin:1px 0 0 !important;border:0 !important;position:relative}
.treeFilter .jstree > ul > li{padding:0 !important}
.treeFilter .jstree > ul > li > i{left:5px !important}
.treeFilter .jstree > ul > li > a{padding-left:50px !important}
.treeFilter .jstree > ul > li > a > i{left:18px !important}
.treeFilter .jstree > ul > li > ul li:last-child:before{background:#f7f7f7;width:3px;content:'';display:block;position:absolute;top:18px;bottom:13px;left:8px;z-index:1}
.treeFilter .jstree a > i.dhcp_child:before{background: url('../../img/opm-sprites.png') no-repeat -248px -1130px !important;width:13px;height:17px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.dhcp:before{background: url('../../img/opm-sprites.png') no-repeat -263px -1130px !important;width:17px;height:17px;left: 6px;top: 3px;content:'';position:absolute;padding: 0;}
.treeFilter .jstree a > i.dns-server:before {background: url('../../img/opm-sprites-v2.svg') no-repeat -470px -0px !important;width: 16px;height: 16px;left: 6px;top: 3px;content: '';position: absolute;padding: 0;}
.vakata-context.jstree-contextmenu{background:#fff;padding:0;border:0;box-shadow:0 0 8px rgba(0,0,0,.2);-ms-box-shadow:0 0 8px rgba(0,0,0,.2);-moz-box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);-o-box-shadow:0 0 8px rgba(0,0,0,.2)}
.vakata-context.jstree-contextmenu li > a{font:14px/20px LatoRegular;padding:6px 10px 6px 30px;border-bottom:1px solid #e9e9ea;position:relative}
.vakata-context.jstree-contextmenu .vakata-context-separator > a,.vakata-context.jstree-contextmenu li > a .vakata-contextmenu-sep,.vakata-context.jstree-contextmenu li > a > i{display:none}
.vakata-context.jstree-contextmenu li > a > i{background:url(../../img/opm-sprites.png) no-repeat -256px -240px;width:20px !important;height:20px !important;margin:auto;display:block;position:absolute !important;top:0;bottom:0;left:5px;display:block}
.vakata-context.jstree-contextmenu li > a > i.opm_scanSubnet{background-position:-125px -264px}
.vakata-context.jstree-contextmenu li > a > i.opm_addSubnet{background-position:-49px -264px}
.vakata-context.jstree-contextmenu li > a > i.opm_editSubnet{background-position:-126px -264px}
.vakata-context.jstree-contextmenu li > a > i.opm_removeNode{background-position:-87px -263px;width:19px !important;height:19px !important}
.vakata-context.jstree-contextmenu li > a > i.opm_createNode{background-position:-68px -264px}
.vakata-context.jstree-contextmenu li > a > i.opm_renameNode{background-position:-106px -264px}
.vakata-context.jstree-contextmenu li.oputreeActionDisable > a{opacity:.5;filter:alpha(opacity=50);cursor:default}
.vakata-context.jstree-contextmenu li.oputreeActionDisable > a:hover{background:none;box-shadow:none}

.treeFilter.opuInvSubFilter .opuInv-tree-sticky-search{position: sticky;top: 0px;z-index: 9;background: #f5f5f5;}
.treeFilter .opmForm.tree-search+.treeList {top: 92px}
.treeFilter .opuInv-tree-sticky-search + .jstree a > i { z-index: 8;}

.opuLeftPanelDD{position: absolute;width: 300px;left: -300px;top: -40px;background: #f0f0f0;height: 50px;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;z-index: 2;}
.opuLeftPanelDD.leftTop0{left: 0;top:0}
.opuLeftPanelDD select + .select2{position:absolute;left:5px;right:5px;width:auto !important;height: 33px;top: 4px;z-index: 9}
.opuLeftPanelDD select + .select2 .select2-selection{border-radius:3px;border:1px solid #e2e2e2;height:33px}
.opuLeftPanelDD select + .select2 .select2-selection__rendered{line-height:33px;padding-right: 35px}
.opuLeftPanelDD select + .select2 .select2-selection__arrow{height:33px;width:35px}
.opuLeftPanelDD + .FilterAccordionContainer{top: 0px !important;border-right:1px solid #e2e2e2;}
.opuLeftPanelDD.leftTop0 + .FilterAccordionContainer{top: 40px !important}
.opuLeftPanelDD + .FilterAccordionContainer > .FilterAccContent:before{background:none}
.opuLeftPanelDD + .FilterAccordionContainer > .FilterAccContent .treeFilter .treeList{top: 10px;box-shadow:none;background:#f4f4f4;}
.opuLeftPanelDD.hidden{display:none}
.opuLeftPanelDD.hidden + .FilterAccordionContainer{top: -40px !important;}
body.noFilterSectionOputils.NavText .opuLeftPanelDD{display:none}

.selectList{position: relative;}
.selectList .selection{background: #fff !important;float: left;width: 100%;font: 14px LatoRegular;padding: 5px 8px;border: 1px solid #e2e2e2;cursor: pointer;height: 31px;border-radius: 3px;}
.selectList .selection::before{border-color: #888 transparent transparent transparent;border-style: solid;border-width: 5px 4px 0 4px;height: 0;right: 12px;position: absolute;top: 14px;content: "";}
.selectList .selection::after{ position: absolute; top: 0px; height: 31px; width: 30px; right: 0px; content: "";}
.selectOptions { width: 100%; position: absolute; top: 100%; max-height: 200px; overflow: auto; background: #fff; border: 1px solid #e2e2e2; z-index: 2;display: none; }
.selectOptions ul li a { color: #212121; padding: 10px; display: inline-block; width: 100%; }
.selectOptions ul li a:hover { background: #5897fb; color: #fff; cursor: pointer; }
.selectOptions.active{display: block;top: 40px;width: 280px;margin: 0px 10px;}
.opuLeftPanelDD .selectList .selection {position: absolute;top: 9px;margin: 0px 10px;width: 280px;}
.opuLeftPanelDD .selectOptions.active{display: block;top: 40px;width: 280px;margin: 0px 10px;}

.highlight-ip {background: #d0f0df;padding: 2px 4px;border-radius: 5px;margin-right: 4px;}
.oputilsSnapshot  div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.colChooserlastcellHide > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th[id$='colChooserIndex']{display:none!important}
/* oputils tree code end .......*/

.spmStackedPort{background-color:#efefef !important;}
.spmMultiMACPort{background-color:#f8fbc7 !important;}
.spmVirtualIP{background-color:#ffecd5 !important;}
.jqGridMoreBtnContent{cursor:default}
.jqGridMoreBtn{font-size:18px;cursor:default}
.opmDropDownList .icon-remove{width:20px;height:20px;top:8px !important;right:8px !important}
.opmDropDownList .icon-remove:before,.opmDropDownList .icon-remove:after{width:1px;height:15px;margin:auto;top:0;right:0;bottom:0;left:0}
.opmDropDownList{right:0}
.opmDropDownList li.header{padding:10px 30px 10px 15px}
.opmDropDownList li{padding:7px 35px 7px 60px}
#firmVulnViewType .opmDropDownList li{padding-left:45px}
.fvCsvIcon{height:19px !important}
.opmDropDownList li.active:before{top:8px}
.opUtilsLegendInfo{width:18px !important;height:18px !important;position:absolute;top:15px;right:15px;z-index:9;display:inline-block;overflow:visible !important}
.opUtilsLegendInfo > div{width:100%;height:100%;position:absolute;top:0;left:0;display:block}
.opUtilsLegendInfo > div i{float:left !important;width:9px;height:9px;font-size:10px !important;padding:0 !important;border:1px solid #f1f1f1;display:block}
.opUtilsLegendInfo:focus .opmDropDownList{width:200px;display:block;opacity:1;filter:alpha(opacity=100);top:25px;right:-10px}
.opUtilsLegendInfo .opmDropDownList li{padding:7px 10px 7px 35px;cursor:default}
.opUtilsLegendInfo .opmDropDownList li.header{padding:10px 30px 10px 15px}
.opUtilsLegendInfo .opmDropDownList li:not(.header):before{width:15px;height:15px;content:'';border:1px solid transparent;display:block;position:absolute;top:6px;left:10px}
.opUtilsLegendInfo .opmDropDownList li:nth-child(2):before{background:#f5fb8f;border-color:#bcc708}
.opUtilsLegendInfo .opmDropDownList li:nth-child(3):before{background:#e4e3e3;border-color:#a1a1a1}
.opUtilsLegendInfo .opmDropDownList li:nth-child(4):before{background:#ffc784;border-color:#c4853c}
.opUtilsWidgetHdrVisibleXY .inventoryWidgetIcons,.opUtilsWidgetHdrVisibleXY .inventoryWidgetIcons > div,.opUtilsWidgetHdrVisibleXY .inventoryWidgetIcons > div > div{overflow:visible !important}
.opUtilsWidgetHdrVisibleXY .opUtilsLegendInfo{position:relative;top:10px;right:0}
.oputilsippingicon{padding:5px;margin:0 0 0 5px}
.oputilsippingicon:hover{color:#31A5F0}
.oputilsIPTools{background:#252525;min-width:180px;width:auto;max-width:360px;height:auto;padding:5px 0;border-radius:4px;position:fixed;z-index:999}
.oputilsIPTools ul,.oputilsIPTools ul li{float:left;width:100%;height:auto}
.oputilsIPTools ul li{float:none;width:auto;color:#fff;padding:8px 15px;border-bottom:1px solid #464646}
.oputilsIPTools ul li:last-child{border:0}
.oputilsIPTools ul li:hover{background:#1a1a1a}
.oputilsIPTools ul li.close{background:#252525;width:25px;height:25px;border-radius:4px 4px 0 0;position:absolute;top:-25px;right:0;z-index:1;cursor:pointer}
.oputilsIPTools ul li.close:before,.oputilsIPTools ul li.close:after{background:#fff;width:1px;height:15px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg)}
.oputilsIPTools ul li.close:after{transform:rotate(135deg)}

.opmActionIcon:before{background:url(../../img/opm-sprites.png) no-repeat 0 -521px;width:30px;height:20px;content:'';position:relative}
.opmActionIcon.icon-ping-snmp:before{background-position:0 -521px;top:-2px;height:26px}
.opmActionIcon.icon-ping-proxy:before{background-position:-30px -521px;height:26px;top:-2px}
.opmActionIcon.icon-system-explorer:before{background-position:-312px -383px;width:32px;top:2px}
.opmActionIcon.icon-mac-address-resolver:before{background-position:-335px -432px;width:24px;height:26px;top:-2px}
.opmActionIcon.icon-dns-resoler:before{background-position:-314px -432px;width:21px;top:2px}
.AETIDHeader .Options i.opmActionIcon.icon-ping-proxy:before{top:5px !important}
.AETIDHeader .Options i.opmActionIcon.icon-system-explorer:before{top:8px !important}
.AETIDHeader .Options i.opmActionIcon.icon-mac-address-resolver:before{top:5px !important}
.AETIDHeader .Options i.opmActionIcon.icon-dns-resoler:before{top:8px !important}
#opmInventorySideBarContent .opmInventoryHolder.deviceShortSummaryActive i.opmActionIcon.icon-ping-proxy:before,#opmInventorySideBarContent .opmInventoryHolder.deviceShortSummaryActive i.opmActionIcon.icon-mac-address-resolver:before{top:-5px !important}
#opmInventorySideBarContent .opmInventoryHolder.deviceShortSummaryActive i.opmActionIcon.icon-system-explorer:before{top:0 !important}
#opmInventorySideBarContent .opmInventoryHolder.deviceShortSummaryActive i.opmActionIcon.icon-dns-resoler:before{top:-2px !important}
/* oputils related codes end. */

.scheduleReport{margin:0 10px}
.opmInventoryHolder .AETIDHeader .Options i.scheduleReport:before,#DeviceList .AETIDHeader .Options i.scheduleReport:before{top:4px !important}
.icon-scheduleReport{float:left;width:18px;height:18px;margin:0 5px 0 0;display:inline-block;position:relative}
.icon-scheduleReport:before{background:url(../../img/opm-sprites.png) no-repeat 0 -241px;width:22px;height:22px;content:'';display:block;position:absolute !important;top:-1px;left:-2px;transform:scale(.8)}
.dashboardWidgetButton{float:left;width:100%;margin:-53px 0 05px;position:relative}
.dashboardReset,.dashboardWidgetReArrangeSave{float:left;min-width:120px;width:auto;text-align:center;text-decoration:none;padding:10px 20px;margin:4px 0 0 5px;border-radius:4px;cursor:pointer}
.dashboardReset,.dashboardWidgetReArrangeSave,.dashboardWidgetButtonHdr,.dashboardWidgetButtonHdr > i,.dashboardWidgetButtonHdr > i:before,.dashboardWidgetButtonHdr > i:after{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.dashboardReset{background:#9a9981;color:#fff}
.dashboardReset:hover{background:#82816d}
.dashboardCancel{border: 1px solid #676970;color: #676970;border-radius: 4PX;margin-top: 5px;padding: 6px 20px !important; text-align: center; cursor: pointer;}
.dashboardCancel:hover{background:#82816d;color:#fff}

.dashboardWidgetReArrangeSave{background:#49bd80;color:#fff}
.dashboardWidgetReArrangeSave:hover,#savecctv:hover{background:#2aa263}
.dashboardWidgetButtonHdr{background:rgba(0,0,0,.8);width:auto;height:45px;position:absolute;right:-100%;bottom:0;overflow:hidden;z-index:9}
.dashboardWidgetButtonHdr i{background:#fa5b5a;float:left;width:50px;height:37px;margin:4px 5px 0 5px;border-radius:4px;position:relative;cursor:pointer}
.dashboardWidgetButtonHdr i:hover{background:#e15352}
.dashboardWidgetButtonHdr i:before,.dashboardWidgetButtonHdr i:after{background:#fff !important;content:'';margin:auto;transform:rotate(135deg);position:absolute;top:0;right:0;bottom:0;left:0}
.dashboardWidgetButtonHdr i:before{width:1px;height:20px}
.dashboardWidgetButtonHdr i:after{width:20px;height:1px}
.dashboardWidgetButton .dashboardLoadingInfo{width:150px;height:100%;text-align:center;padding:10px 20px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
body.dashboardWidgetReArrangeSaveBtn .dashboardWidgetButtonHdr{right:0}
#cctvTitleDiv .dashboardWidgetButtonHdr{background:#fbfbfb;width:auto;height:40px}
.icon-support{float:right;width:40px;height:50px;position:relative;top:0;overflow:hidden;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.icon-support:hover{background:#45bd7d}
.icon-support:before{background:url(../../img/opm-sprites.png) no-repeat -299px -240px;width:19px;height:22px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.icon-support:hover:before{background-position:-318px -240px}
body.darkTheme #cctvTitleDiv.cctvSaveBtn_active .dashboardWidgetButtonHdr{background:#1e1e1e}
#cctvTitleDiv.cctvSaveBtn_active .dashboardWidgetButtonHdr{right:0}
#cctvTitleDiv .dashboardWidgetButtonHdr > div{height:100%;padding:10px 20px;margin:0 5px}
#cctvTitleDiv .dashboardWidgetButtonHdr i{height:40px;margin:0 0 0 5px}
.opmDashboard > header .dashboardWidgetButtonHdr{background:#fdf79f;width:100%}
.opmDashboard > header .dashboardWidgetButtonHdr > h4{font:16px/42px RobotoSlabLight;text-align:center;position:absolute;top:0;right:330px;bottom:0;left:330px;z-index:0}
.opmDashboard > header .dashboardWidgetButtonHdr > div{float:right;position:relative;z-index:1;margin-right:8px}

.infoMsgDiv{background:#fdf79f;padding:8px;border-radius:3px}
.opmIconDownloadFile{width:20px;height:20px;display:inline-block;position:relative;cursor:pointer;}
.opmIconDownloadFile:before{background:url(../../img/opm-sprites.png) no-repeat -227px -264px;width:17px;height:20px;content:'';position:absolute;top:2px;left:0}
.opmIconcsv:before{background-position:-227px -264px}
.opmIconPdf:before{background-position:-263px -264px}
.opmIconExcel:before{background-position:-245px -264px}


.slideGraphActions{padding:25px 0 0}
.slideGraphActions i{float:right;font-size:18px;margin:0 0 0 8px;cursor:pointer}

.alarmsPageActions{float:left;width:100%;margin:0 0 20px}
.alarmsPageActions b{float:left;background:#49bd80;height:26px;font:12px LatoRegular;color:#fff;white-space:nowrap;padding:5px 10px;margin:0 10px 10px 0;border-radius:15px;position:relative;cursor:pointer}

#opmInventoryNav{background:#191919;width:100%;height:50px;font:14px LatoRegular;border-bottom:3px solid #49bd80;position:absolute;top:0;left:0}
#opmInventoryNav > h4{width:300px;text-align:center}
.opmInventoryNavContainer{float:left;width:100%;height:100%;padding:0 0 0 300px;position:relative;}
.opmInventoryNavList{float:left;width:100%;height:50px}
.opmInventoryNavList li{float:left;width:auto;height:100%;font:15px LatoRegular;color:#e8e5e5;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:14px 10px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmInventoryNavList li:hover,.opmInventoryNavList li.active{color:#45bd7f}
.opmInventoryNavList li.active{cursor:default}
.opmInventoryNavList li:before{background:#49bd80;width:100%;height:3px;content:'';position:absolute;bottom:0;left:0}
#opmInventorySideBarContent{position:absolute;top:50px;right:0;bottom:0;left:0}
#opmInventorySideBarContent .FilterAccordionContainer .FilterAccContent,#opmInventorySideBarContent .FilterAccordionContainer .FilterAccContent .device.ProductCustomScroll,#opmInventorySideBarContent .FilterAccordionContainer .FilterAccContent .interface.ProductCustomScroll{height:100%}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists{position:absolute;left:0}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets .FilterAccordionContainer,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists .FilterAccordionContainer{width:100% !important;top:0 !important;left:0 !important}
#opmInventorySideBarContent #PageContent.inventoryNoFilter .AETIDHeader{left:0 !important}
.opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#191919;right:0}

.monitorSnapshotSlideIn .deviceSnapshotMonitors.type2 > .title{height:70px !important;margin:10px 0 0}
.opmMoreList.type2{display:table;border-collapse:separate;border:1px solid #e0e0e0 !important;border-radius:3px !important}
.opmMoreList.type2 > .listDiv{display:table-cell;height:100%}
.opmMoreList.type2 .list li a{font-size:13px;padding:5px 10px}
.opmMoreList.type2 > .more{width:50px !important;cursor:pointer}
.opmMoreList.type2 > .more > ul{display:none !important}
.opmMoreList.type2 > .more:hover > ul{display:block !important}
.opmMoreList.type2 > .more > a{width:20px;height:100%;padding:5px 15px;position:relative;top:25px !important;left: 23px !important;}
.opmMoreList.type2 > .more > a:before,.opmMoreList.type2 > .more > a:after{width:6px;height:6px;content:'';margin:auto;border:1px solid #000;border-bottom:0;border-left:0;transform:rotate(45deg);transition:all .3s ease;position:absolute;top:0;right:10px;bottom:0}
.opmMoreList.type2 > .more > a:after{right:14px}
.opmMoreList.type2 > .addMonitorsBtn{left:-35px;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border-right:0;position:relative;display:table-cell}
.opmMoreList.type2 > .addMonitorsBtn > i{background:#45bd7f;float:right;min-width:90px;width:auto;height:auto;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:0;border-radius:3px;display:inline-block;cursor:pointer}
body.monitorSnapshotSlideIn #PageContent .DeviceDetails .DI-Header:before{display:none}
.monitorSnapshotSlideIn .deviceSnapshotMonitors.type2 .opmFormHolder{top:93px !important}
.monitorSnapshotSlideIn .deviceSnapshotMonitors.type2 > .opmFormHolder #monitorDiv{margin:0}
#monitorDiv .jqgfirstrow td {padding:0 !important}


body.monitorSnapshotSlideIn #PageContent .DI-Options.actions {display: none !important;}
header.graphHeaderTopView #monitorHeader+i.icon-remove {position: absolute;top: 16px;}
.addMonitorsBtn > .btndropdown{width: 29px;height: 31px;background: #36ab6e;position: absolute;right: -8px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.addMonitorsBtn > .arrow{ border-top: 5px solid #f5f0f0; border-left: 4px solid transparent; border-right: 4px solid transparent; width: 0; height: 0; right: 2px; position: absolute; top: 32px; }
.type2 .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{float:none !important;height:auto;font:12px/150% LatoRegular !important;color:#312e2e;text-align:left;vertical-align:middle;white-space:normal;word-wrap:break-word;padding:10px !important;border:0;position:static !important;display:table-cell}

.opm-sprite-icon{width:22px;height:22px;margin:0 2px;display:inline-block;position:relative}
.opm-sprite-icon:before{background: url(../../img/opm-sprites.png) no-repeat 0 0;width:22px;height:22px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.opm-delete:before{background-position:-236px -216px;width:19px}
.opm-edit:before{background-position:-256px -216px;height:20px}
.opm-excel:before{background-position:-279px -216px;width:18px}
.opm-excel-bg:before{background-position:-298px -216px;width:18px}
.opm-favorite:before{background-position:-317px -216px}
.opm-clock:before{background-position:0 -241px}
.opm-search-grey:before{background-position:-22px -241px}
.opm-search-white:before{background-position:-43px -241px}
.opm-stop:before{background-position:-65px -241px}
.opm-pause:before{background-position:-88px -241px}
.opm-syslog:before{background-position:-110px -240px}
.opm-view-criteria:before{background-position:-132px -240px}
.opm-mail{width:26px}
.opm-mail:before{background-position:-154px -241px;width:26px;height:18px}
.opm-copy:before{}
.opm-logout:before{}
.opm-pdf:before{}
.opm-printer:before{}

.icon-csv{width:20px;height:20px;display:inline-block;position:relative}
.icon-csv:before{background:url(../../img/opm-sprites.png) no-repeat -227px -264px;width:20px;height:21px;content:'';position:absolute;top:2px;left:0}

.icon-info{background:#31A5F0;width:20px;height:20px;font:14px/10px LatoRegular;text-align:center;color:#fff !important;padding:5px;margin:0 5px 0;border-radius:50%;display:inline-block}

.myDashboardActions-1 header:before{right:0;left:0}
.myDashboardActions-1 header > span{float:left;width:100%}
.myDashboardActions-1 header .opmBtn{float:left;min-width:auto;width:49%;height:35px;font:12px LatoLight;text-align:center;padding:0 7px;margin: 40px 0 0;display:table;}
.myDashboardActions-1 header .opmBtn span{display:table-cell;vertical-align:middle}
.myDashboardActions-1 header .opmBtn span:nth-child(2){width:90px}
.myDashboardActions-1 header .opmBtn span i{max-height:31px;word-break:break-all;display:block;position:relative;overflow:hidden}
.myDashboardActions-1 header .opmBtn:nth-child(2n){float:right}
.myDashboardActions-1 section{top: 140px;}
.myDashboardActions-1 .opmDashboardAddedWidgetsList{bottom:0}
.myDashboardActions-1.btn-hide header .opmBtn{display:none;}
.myDashboardActions-1.btn-hide section{top: 95px;}
.opmDashboardAddBtn.opmDashboardAction:before,.opmDashboardAddBtn.opmDashboardAction:after{display:none}
#peopleDashboard .opmDashboardAddBtn.opmDashboardAction:before,.opmDashboardAddBtn.opmDashboardAction:after{display:block}
.opmDashboardAddBtn.opmDashboardAction i.hamburgerMenu{width:100%;height:100%;position:relative;display:block}
.opmDashboardAddBtn.opmDashboardAction i.hamburgerMenu:before,.opmDashboardAddBtn.opmDashboardAction i.hamburgerMenu:after{content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
.opmDashboardAddBtn.opmDashboardAction i.hamburgerMenu:before{width:20px;height:11px;border:1px solid #fff;border-right:0;border-left:0}
.opmDashboardAddBtn.opmDashboardAction i.hamburgerMenu:after{background:#fff;width:20px;height:1px}
.opmDashboardAddBtn.opmDashboardAction i.plus{background:#fff;width:15px;height:15px;border-radius:50%;display:block;position:absolute;right:8px;bottom:4px}
.opmDashboardAddBtn.opmDashboardAction i.plus:before,.opmDashboardAddBtn.opmDashboardAction i.plus:after{background:#48bd80;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.opmDashboardAddBtn.opmDashboardAction i.plus:before{width:1px;height:9px}
.opmDashboardAddBtn.opmDashboardAction i.plus:after{width:9px;height:1px}
.opmDashboardAddedWidgetsList article > div:last-child{padding-right:0}
.opmDashboardAddedWidgetsList article > div:last-child label{margin:0}
.opmDashboardAddedWidgetsList article > div:last-child label:hover i{color:#9f9f9f}
.opmDashboardAddedWidgetsList article > div:last-child label i:hover{color:#000}
.opmDashboardAddedWidgetsList article > div:last-child label i{padding:2px}
.opmDashboardAddedWidgetsList article > div:last-child label i.icon-configedit:before{position:relative;top:1px}
.opmDashboardAddedWidgetsList article > div:last-child label .dashboardFav{position:relative}
.opmDashboardAddedWidgetsList article > div:last-child label .dashboardFav input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.opmDashboardAddedWidgetsList article > div:last-child label .dashboardFav i{width:100%;padding:0}
.opmDashboardAddedWidgetsList article > div:last-child label .dashboardFav input:hover + i,.opmDashboardAddedWidgetsList article > div:last-child label .dashboardFav input:checked + i{color:#45bd7f}
.opmDashboardAddedWidgetsList article.highlight{background:#fefede}
.opmDashboardAddedWidgetsList i.active{color:#49bd80 !important}

.opmDashboardAddBtn.operator{background:#fff !important;cursor:default !important}
.opmDashboardAddBtn.operator *{display:none !important}

.interfaceInfoGrid{background:#fbfbfb;float:left;width:100%;height:auto;margin:0 0 10px;border:1px solid #E5E5E5}
.interfaceInfoGrid .row{float:left;width:100%;max-width:100%;margin:0}
.interfaceInfoGrid .col{float:left;width:33%;padding:2px 2px;margin:0}
.interfaceInfoGrid .col div{float:left;width:55%;font:13px LatoRegular;word-wrap:break-word;padding:10px;position:relative}
.interfaceInfoGrid .col div:first-child{min-width:100px;width:auto;max-width:45%;font-family:LatoBold}
.interfaceInfoGrid .col div:last-child:before{content:':';position:absolute;top:8px;left:3px;display:block}
.availabilitySlideContainer{padding:0 !important;border:0 !important;top:85px !important}
.availabilitySlideContainer .opmTabContainer > section{top:0 !important}
.availabilitySlide{position:absolute;top:0;right:0;bottom:0;left:0}
.availabilitySlide .opmTab{height:60px !important;padding:0 20px !important}
.availabilitySlide .opmTab li:last-child{border-right:0 !important}
.availabilitySlide .opmTabCont{top:60px !important}
.availabilitySlide .opmTabCont > section{padding:20px;top:0 !important}

.dashboardWidgetExpandView .expandviewGridSearchActive + .ui-jqgrid-bdiv{top:90px !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th > div{height:30px !important;padding:0 !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th > div .select2-container{height:30px !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th > div .select2-selection{padding:7px 30px 5px 8px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th > div .select2-selection__arrow,.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th > div .select2-selection__arrow{height:30px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th input{background:#f0f0f0 !important;float:left;width:100%;height:30px;font:14px LatoRegular;padding:5px 8px !important;margin:0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th input:hover,.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv.expandviewGridSearchActive .ui-search-toolbar th input:focus{background:#fbfbfb !important}


.hrdwrInvRepListRow .singleRow.singleCol .col{width:100%}
.hrdwrInvRepListRow .singleRow.singleCol .col > div:first-child{width:30%}
.hrdwrInvRepListRow .singleRow.singleCol .col > div:last-child{width:70%}


.trapStatusInfo{height:26px;font:12px LatoRegular;color:#fff;white-space:nowrap;padding:5px 15px;margin:3px 3px 3px 12px;border-radius:10px;display:inline-block}
.trapStatusInfo.running{background:#45bd7f}
.trapStatusInfo.stopped{background:#fa5b5a}


.workflowExecuteResult{float:left;width:100%}
.workflowExecuteResult header{background:#f3f3f5;float:left;width:100%;font:16px LatoBold;padding:10px}
.workflowExecuteResult header > b{font-weight:normal;display:block}
.workflowExecuteResult header > i{font:12px LatoRegular;color:#fff;padding:2px 5px;border-radius:3px}
.workflowExecuteResult header > i.statusColor-1{background:#fa5b5a}
.workflowExecuteResult header > i.statusColor-2{background:#faad5a;color:#4a4a4a}
.workflowExecuteResult header > i.statusColor-3{background:#fdf79f;color:#851813}
.workflowExecuteResult header > i.statusColor-4{background:#ac4cab}
.workflowExecuteResult header > i.statusColor-5{background:#46bb7d}
.workflowExecuteResult article ul{float:left;width:100%;padding:0 0 0 30px;list-style:decimal}
.workflowExecuteResult article ul li{padding:5px 10px 5px 0;border-bottom:1px solid #e8e8e8}
.workflowExecuteResult article p{color:#000}
.workflowExecuteResult article pre.statusFailed{color:#fa5b5a}

.workflowLogListBtn{float:left;width:100%;height:auto;padding:20px;position:relative;z-index:1}
.workflowLogListBtn b{padding:3px 10px;margin:0 5px;border:1px solid #efefef;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.workflowLogListBtn b:hover{background:#5ace91;color:#fff}

.workflowExecuteResult{float:left;width:100%}
.workflowExecuteResult header{background:#f3f3f5;float:left;width:100%;font:16px LatoBold;padding:10px}
.workflowExecuteResult header > b{font-weight:normal;display:block}
.workflowExecuteResult header > i{font:12px LatoRegular;color:#fff;padding:2px 5px;border-radius:3px}
.workflowExecuteResult header > i.statusColor-1{background:#fa5b5a}
.workflowExecuteResult header > i.statusColor-2{background:#faad5a;color:#4a4a4a}
.workflowExecuteResult header > i.statusColor-3{background:#fdf79f;color:#851813}
.workflowExecuteResult header > i.statusColor-4{background:#ac4cab}
.workflowExecuteResult header > i.statusColor-5{background:#46bb7d}
.workflowExecuteResult article ul{float:left;width:100%;padding:0 0 0 30px;list-style:decimal}
.workflowExecuteResult article ul li{padding:5px 10px 5px 0;border-bottom:1px solid #e8e8e8}
.workflowExecuteResult article p{color:#000}
.workflowExecuteResult article pre.statusFailed{color:#fa5b5a}

.workflowLogListBtn{float:left;width:100%;height:auto;padding:20px;position:relative;z-index:1}
.workflowLogListBtn b{padding:3px 10px;margin:0 5px;border:1px solid #efefef;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.workflowLogListBtn b:hover{background:#5ace91;color:#fff}

#inventoryGridStyle .dialcounter.FwaUnitDial{height:140px !important}
#inventoryGridStyle .dialcounter.FwaUnitDial > div{padding:30px 0 0 !important}
#inventoryGridStyle .dialcounter.FwaUnitDial > div > b > span > u{font-size:18px;text-decoration:none}
#inventoryGridStyle .dialcounter.FwaUnitDial > i:not(.edit){top:20px}
.trafficInOut{width:360px;height:auto;font-family:LatoRegular;margin:0 0 40px;border:1px solid #efefef;border-radius:4px;position:relative;display:inline-block;overflow:hidden}
.trafficInOut h3{background:#f5f6f8;font:25px LatoRegular;padding:5px 0}
.trafficInOut > div{background:#fff;float:left;width:50%;padding:10px 10px 10px 40px;position:relative}
.trafficInOut b{font-size:24px !important}
.trafficInOut b i{font-size:16px}
.trafficInOut .arrow{width:30px;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:5px}
.trafficInOut .arrow:before{width:12px;height:12px;content:'';border:3px solid #46bb7d;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:35px;left:8px}
.trafficInOut .arrow:after{background:#46bb7d;width:3px;height:20px;content:'';position:absolute;top:30px;left:14px}
.trafficInOut > div:last-child{border-left:1px solid #ccc}
.trafficInOut > div:last-child .arrow:before{border-color:#fa5b5a}
.trafficInOut > div:last-child .arrow:after{background:#fa5b5a}
.trafficInOut > div:last-child .arrow{transform:rotate(180deg)}
.opmMoreActions{float:left;padding:0;position:relative;top:0}
.opmMoreActions > div{float:left;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}
.opmMoreActions > div > i{font:27px LatoBold;text-align:center;letter-spacing:3px;color:#abafb7;padding:0;margin:0;position:relative;top:-8px}
.opmMoreActions:hover > div > i{color:#000}
.opmMoreActions .AETIDFilDropDownList{right:-5px}
.opmMoreActions.mapDeviceActions{margin:-8px 10px 0}


.opmDashboardAddBtn.operator{background:#fff !important;cursor:default !important}
.opmDashboardAddBtn.operator *{display:none !important}

.opmCustomIcon{width:18px;height:18px;margin:0 5px 0 0;border-radius:50%;display:inline-block;position:relative}
.opmCustomIcon:before{content:'';position:absolute;top:0;left:0;display:block}
.icon-status9{font:18px/130% LatoBold}
.icon-status10:before{content:'\e8c7';font-size:20px;color:#fa5b5a}
.icon-status11{background:#fa5b5a;}
.icon-status11:before,.icon-status12:before{width:6px;height:6px;margin:auto;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:6px;right:0;left:0}
.icon-status11:after,.icon-status12:after{background:#fff;width:2px;height:10px;content:'';margin:auto;position:absolute;top:2px;right:0;left:0}
.icon-status12{background:#46bb7d;transform:rotate(180deg)}

.mainLinkdisable{opacity:.6;filter:alpha(opacity=60);pointer-events:none}
.mainLinkdisable *{cursor:default !important}
.icon-info{background:#31A5F0;width:20px;height:20px;font:14px/10px LatoRegular;text-align:center;color:#fff !important;padding:5px;margin:0 5px 0;border-radius:50%;display:inline-block}
.deviceGroupsList{float:left;width:540px;height:530px;text-align:left;position:relative;cursor:default}
.deviceGroupsList:before{background:#fff;content:'';margin:auto;position:absolute;top:5px;right:5px;bottom:5px;left:5px}
.deviceGroupsList header{background:#f6f6f6;width:auto;height:50px;font:16px LatoRegular;padding:14px 20px 16px;position:absolute;top:15px;right:15px;left:15px}
.deviceGroupsList .widgetActionIcon{width:auto;height:100%;padding:0 8px;position:absolute;top:0;right:0}
.deviceGroupsList .widgetActionIcon i{float:left;padding:15px 8px;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
.deviceGroupsList .widgetActionIcon i:hover{opacity:1;filter:alpha(opacity=100)}
.deviceGroupsList .widgetActionIcon .popoutImg{background:none;width:30px;height:100%;position:relative !important;top:auto !mportant;right:auto !mportant;bottm:auto !mportant;left:auto !mportant}
.deviceGroupsList .widgetActionIcon .popoutImg:before{background:url(../../img/opm-sprites.png) no-repeat -238px -135px;width:18px;height:18px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:4px !important;left:0;display:block;transform:scale(.9)}
.deviceGroupsList .content{width:auto;padding:0;position:absolute;top:65px;right:5px;bottom:5px;left:5px;overflow:auto}
.deviceGroupsList section{float:left;width:50%;height:230px;padding:15px;border-bottom:1px solid #e9e9ea;position:relative}
.deviceGroupsList section:after{background:#e9e9ea;width:1px;height:100%;content:'';position:absolute;top:0;right:0}
.deviceGroupsList section:nth-child(2n-2):after{display:none}
.deviceGroupsList section:nth-child(3),.deviceGroupsList section:nth-child(4){border-bottom:0}
.deviceGroupsList section .title{font:14px LatoRegular;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 0 10px}
.deviceGroupsList section .title:after{content:attr(data-count)}
.deviceGroupsList .info{float:left;width:120px}
.deviceGroupsList .info > div{padding:10px 0 0;cursor:pointer}
.deviceGroupsList .info > div:nth-child(2){margin:6px 0}
.deviceGroupsList .info > div > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.deviceGroupsList .info > div > span:first-child{font:18px RobotoSlabLight}
.deviceGroupsList .barGraph{float:left;width:105px;text-align:center}
.deviceGroupsList .barGraph > div{background:#f6f6f6;width:31%;height:171px;display:inline-block;position:relative;cursor:pointer}
.deviceGroupsList .barGraph > div i{width:100%;display:block;position:absolute;bottom:0;left:0}
.deviceGroupsList .info > div span + span{color:#46bb7d}
.deviceGroupsList .info > div:nth-child(2) span + span{color:#fa5b5a}
.deviceGroupsList .info > div:nth-child(3) span + span{color:#faad5a}

.NCMDGroupStatusTop{top:-20px !important}

.configsDeviceSearch{background:#f5f5f5;float:left;width:100%;height:100%;position:absolute;top:0;left:0}
.configsDeviceSearch > header{background:#282c34;width:100% !important;height:120px !important;font:14px/140% LatoRegular !important;padding:7.5px 15px;border-top:2px solid #45bd7f;position:absolute !important;top:0;left:0;z-index:1}
.configsDeviceSearch > header > div{background:#fff;width:97%;max-width:1410px;height:40px;margin:auto;position:absolute;top:0;right:20px;bottom:20px;left:20px;display:block}
.configsDeviceSearch > header > div:before,.ncmSearchInfo > div:before{font-size:18px;font-family:fontello;content:'\e8d6';color:#b2b2b2;position:absolute;top:11px;left:12px}
.configsDeviceSearch > header > div input,.ncmSearchInfo input{background:none;width:100%;height:100%;font:18px/100% LatoRegular;color:#b2b2b2;padding:2px 40px;border:none;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.configsDeviceSearch > header > div input:focus,.ncmSearchInfo input:focus{color:#000}
.configsDeviceSearch > header > div input[type=text]::-ms-clear{display:none}
#configsearchAdvice{float:left;width:100%;font:14px/140% LatoRegular;color:#fff;padding:2px 40px;margin:10px 0 0;display:block}
#configsearchAdvice #searchStatusText i{padding:1px 8px 3px;margin:0 2px;border-radius:3px}
#configsearchAdvice .progress{background:#faad5a}
#configsearchAdvice .totalCount{background:#31a5f0}
#configsearchAdvice .matchesFound{background:#45bd7f}
#configsearchAdvice a{float:right;margin:-5px 0 0 20px}
.stopConfigSearch,.startConfigSearch{background:#fb504f;color:#fff;padding: 8px 15px 8px;border-radius:3px;position:relative;top:8px}
.startConfigSearch{background:#45bd7f}
.configsDeviceSearch > section{width:100%;max-width:1410px;margin:auto;overflow:auto;position:absolute;top:120px !important;right:0;bottom:0;left:0}
.configSrchRsltContainer,.configSrchRsltContainer .opm_jqGridUI,#config_searchResult,.configSrchRsltContainer .opm_jqGridUI .ui-jqgrid,.configSrchRsltContainer .opm_jqGridUI .ui-jqgrid-view{width:100%;height:auto !important;position:absolute;top:0;bottom:0}
.configSrchRsltContainer .opm_jqGridUI .ui-jqgrid-view{bottom:25px}
.configSrchRsltContainer .ui-jqgrid-hdiv{width:100%;height:40px;position:absolute;top:0;left:0}
.configSrchRsltContainer .ui-jqgrid-bdiv{width:100%;height:auto;position:absolute;top:40px;right:0;bottom:0;left:0}
.configSrchRsltContainer .ui-jqgrid-pager{width:100%;height:25px;border-top:1px solid #e3e3e3;position:absolute;bottom:0;left:0}
.configsDeviceSearch div.ui-widget-content{background:#fbfbfb;border:0;opacity:.8;filter:alpha(opacity=80)}
.configsDeviceSearch .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background:#ecebeb}
.configsDeviceSearch .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{background:#fbfbfb;border-bottom:1px solid #e8e8e8 !important}
.configsDeviceSearch .ui-widget-content.ui-state-hover{background:#fff !important}
.configsDeviceSearchSlide,.configsDeviceSearchSlide section{overflow:visible}
.closeConfigSearch{background:#45bd7d;width:40px;height:40px;position:absolute;top:-42px;x;right:0;cursor:pointer}
.closeConfigSearch:before,.closeConfigSearch:after{background:#fff;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:8px;right:0;bottom:0;left:22px;transform:rotate(45deg)}
.closeConfigSearch:after{transform:rotate(135deg)}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced{height:205px !important}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced > div{background:none;height:auto;top:30px;bottom:30px}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced > div:before,.configsDeviceSearchSlideAdvanced > div #configSearch{display:none}
#SearchCriteriaTable{margin:auto;position:absolute;top:0;right:0;bottom: 20px;left:0;overflow:auto;display:none}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced #SearchCriteriaTable{display:block !important}
#configsearchAdvice .hideAdvancedSearch{display:none}
.configsDeviceSearchSlideAdvanced .hideAdvancedSearch{display:block !important}
.configsDeviceSearchSlideAdvanced .advancedSearch{display:none !important}
#SearchCriteriaTable .row{float:left;width:100%;height:auto;margin:0 0 10px;position:relative}
#SearchCriteriaTable .selBox{float:left;width:100px;margin:0 10px 0 0}
#SearchCriteriaTable .selBox:nth-child(2){width:180px}
#SearchCriteriaTable .inputField{width:auto;height:auto;margin:auto;border:1px solid #dcdcdc;position:absolute;top:0;right:82px;bottom:0;left:300px}
#SearchCriteriaTable .inputField input{background:#f0f0f0;font:14px LatoRegular;padding:5px 8px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#SearchCriteriaTable .inputField input:hover,#SearchCriteriaTable .row > input:focus{background:#fbfbfb !important}
#SearchCriteriaTable .opmBtnHldr{float:right;width:72px}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced #configsearchAdvice{position:absolute;bottom:-15px;left:0}
.opmBtn2{min-width:auto;width:30px;min-height:auto;height:30px;padding:0 !important;margin:0 3px;border-radius:50%;position:relative}
.opmBtn2:before,.opmBtn2:after,.opmBtnAddIcon3:before,.opmBtnAddIcon3:after,.opmBtnDelIcon:before,.opmBtnDelIcon:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.opmBtn2:after,.opmBtnAddIcon3:after{transform:rotate(90deg)}
.opmBtn2.opmBtnRemoveIcon3,.opmBtnDelIcon{background:#fa5b5a}
.opmBtn2.opmBtnRemoveIcon3:before,.opmBtnDelIcon:before{transform:rotate(45deg)}
.opmBtn2.opmBtnRemoveIcon3:after,.opmBtnDelIcon:after{transform:rotate(135deg)}
.configsDeviceSearch > header.configsDeviceSearchSlideAdvanced + section{top:205px !important}

.configsDeviceSearch > header,.configsDeviceSearch > section{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.configSearch{float:right;width:20px;height:25px;position:relative;display:inline-block}
.configSearch:before{background:url(../../img/samples/icons/configSearch.png) no-repeat center;width:20px;height:20px;content:'';position:absolute;top:0;left:0}
.configsDeviceSearch .enableDisableBtn i{padding-top:7px !important}

.opm-icon{background:url(../../img/opm-sprites.png) no-repeat -280px -264px;display:block}
.opm-icon.icon-eye{background-position: -310px -352px;width:18px;height:13px}
.opm-icon.icon-eye-slash{background-position:-327px -352px;width:18px;height:15px}
.passwordShowHide{display:table;border-collapse:separate}
.passwordShowHide input{width:100%;display:table-cell}
.passwordShowHide span{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #dcdcdc !important;border-left:0 !important;position:relative;display:table-cell}
.passwordShowHide i.icon-ok-circled{font-size:16px;color:#45bd7f}
.passwordShowHide i.icon-close{font-size:16px;color:#fa5b5a}
.passwordShowHide span label{font-size:14px;margin:0 !important}

.ncmSearchInfo{background:#282c34;float:left;width:100%;height:60px;font:14px/140% LatoRegular;padding:8px 15px;border-top:2px solid #45bd7f}
.ncmSearchInfo > div{background:#fff;width:97%;max-width:1410px;height:40px;padding:5px 5px;margin:auto;display:inline-block;position:relative}
.ncmSearchInfo > div input[type=text]::-ms-clear{display:none}

.slideContent.snapShopScheduleReport .slideContentContainer div > section{top:0}
.slideContent.snapShopScheduleReport #headerDiv{margin:0 !important}
.slideContent.snapShopScheduleReport #monitorGraphSchedule{padding:0 !important;margin:0 !important;position:absolute;top:85px;right:0;bottom:0;left:0;overflow:auto}


.bvViewPage .iconSize16:before{font-size:16px !important}
.bvViewPage .iconSize18:before{font-size:18px !important}
/*.mapSetAsDefault{float:left;margin:-8px 20px 0 0;display:inline-block}
.mapSetAsDefault > div{transform:scale(.90)}
*/.opmMapNav .timeFilterList{width:auto}
.opmMapNav .timeFrameTitle{position:relative;left:0}
.opmBtn.mapsActions{float:none;min-width:80px;margin:3px 0 3px 3px;border-radius:5px;display:inline;font: 13px LatoRegular}

.mapMoreActions{float:left;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.mapMoreActions .icon-remove{position:absolute;top:15px;right:25px;cursor:pointer;display:none}
.mapActionsSeparator{float:left;width:20px;text-align:center;margin:8px 0px 0 3px}
.mapMoreActionsBtn{float:left;text-align:center;margin:9px 0 0;position:relative;display:none;cursor:pointer}
.mapConnectIcon{float:left;font-size:17px;color:#86888a;margin-top:7px;cursor:pointer}
.mapConnectIcon:hover{color:#000}
.mapActionsSeparator.mapConnectSep{display:none}
i.icon-statusColorInfo:before{display:none}
i.icon-statusColorInfo{width:15px;height:15px;margin:0 5px 5px 0;border-radius:50%;display:inline-block}
i.icon-statusColorInfo.icon-status1{background:#fa5b5a}
i.icon-statusColorInfo.icon-status2{background:#faad5a}
i.icon-statusColorInfo.icon-status3{background:#e8de65}
i.icon-statusColorInfo.icon-status4{background:#ac4cab}
i.icon-statusColorInfo.icon-status5{background:#46bb7d}
i.icon-statusColorInfo.icon-status6{background:#7f7f7f}
i.icon-statusColorInfo.icon-status7{background:transparent;margin:-1px 5px 0 0}
i.icon-statusColorInfo.icon-status7:before{content:'\e86a';font-size:16px;color:#7f7f7f;transform:rotate(0);display:block}

i.icon-statusColorInfo.icon-status1.--fault-severity{background:var(--severity-critical)}
i.icon-statusColorInfo.icon-status2.--fault-severity{background:var(--severity-trouble)}
i.icon-statusColorInfo.icon-status3.--fault-severity{background:var(--severity-attention)}
i.icon-statusColorInfo.icon-status4.--fault-severity{background:var(--severity-servicedown)}
i.icon-statusColorInfo.icon-status5.--fault-severity{background:var(--severity-clear)}
i.icon-statusColorInfo.icon-status6.--fault-severity:before{color:var(--severity-info)}
i.icon-statusColorInfo.icon-status7.--fault-severity:before{color:var(--severity-unmanaged)}
i.icon-statusColorInfo.icon-status8.--fault-severity{background:var(--severity-notmonitored)}

.dataViewType{background:#f9f9f9;float:left;min-width:40px;font-size:20px;padding:2px 10px;margin:-4px 5px 0;border:1px solid #ccc;border-radius:3px;display:inline-block;position:relative;cursor:pointer}
.dataViewType .dataViewTypeToggle{float:left}
.dataViewType .dataViewTypeToggle:after{width:5px;height:5px;content:'\e8d2';font-family:fontello;color:#000;font-size:15px;margin:5px;display:inline-block;position:relative;top:-3px}
.dataViewType .dataViewTypeToggle:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.dataViewType .dataViewTypeToggle > i{font-size:18px;position:relative;top:-2px}
.dataViewType .dataViewTypeToggle .viewTypeHeatMap{top:0}
.dataViewType .dataViewTypeToggle .viewTypeHeatMap:after{position:absolute;top:0;right:3px}
.dataViewType .dataViewTypeToggle .viewTypeDetailed{top:2px}
.dataViewType .dataViewTypeToggle .icon-gauge{top:-3px}
.dataViewType .dataViewTypeToggle b{font:13px LatoRegular;margin:0 0 0 5px;position:relative;top:-5px}
.dataViewType .dataViewTypeToggle .viewTypeHeatMap + b,.dataViewType .dataViewTypeToggle .viewTypeDetailed + b{margin:0}
.opmDropDownList .icon-remove{width:20px;height:20px;top:8px !important;right:8px !important}
.opmDropDownList .icon-remove:before,.opmDropDownList .icon-remove:after{width:1px;height:15px;margin:auto;top:0;right:0;bottom:0;left:0}
.opmDropDownList{right:0}
.opmDropDownList li.header{padding:10px 30px 10px 15px}
.opmDropDownList li{padding:7px 35px 7px 60px}
.opmDropDownList li.active:before{top:8px}
.dataViewType ul li > i:not(.icon-remove){font-size:18px;margin:0 10px 0 0;position:absolute !important;top:4px;left:35px}
.dataViewType ul li .viewTypeHeatMap{top:6px !important}
.viewTypeDetailed{width:20px;height:20px;text-align:center;display:inline-block;position:relative}
.viewTypeDetailed i,.viewTypeDetailed i:before,.viewTypeDetailed i:after{width:5px;height:5px;border:1px solid #000;border-radius:50%;display:block}
.viewTypeDetailed i{clear:both;margin:0 auto 1px;position:relative}
.dataViewType ul li .viewTypeDetailed i{top:2px}
.viewTypeDetailed i:last-child{margin:auto}
.viewTypeDetailed i:before,.viewTypeDetailed i:after{width:3px;height:3px;content:'';position:absolute;top:-1px}
.viewTypeDetailed i:before{left:-8px}
.viewTypeDetailed i:after{right:-8px}
.viewTypeDetailed i:first-child,.viewTypeDetailed i:first-child:before,.viewTypeDetailed i:first-child:after,.viewTypeDetailed i:nth-child(2),.viewTypeDetailed i:nth-child(2):before,.viewTypeDetailed i:last-child:before{background:#000}

.devListDashboardView{top:10px;right:10px;left:auto}
.devListDashboardView ul{right:-5px;left:auto}
.devListDashboardView ul:before{right:8px;left:auto}
.AETIDContent .AETIDList.filterDataByActive .devListDashboardView{top:55px}
.devListDashboardView[style*="block"] + #opm_devListHolder{padding:40px 0 0}
.devListDashboardView[style*="block"] + #opm_devListHolder > #bv_availGraph{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:auto}
.devListDashboardView[style*="block"] + #opm_devListHolder .dashboardCol-1{padding:20px}


html.embedGraphs body{background:#fff;padding:0 !important}
html.embedGraphs #ccTvDummyDIv,html.embedGraphs .graphHeaderFullView .icon-remove{display:none}
html.embedGraphs .graphHeaderFullView{background:#f6f6f6;width:auto;height:50px;padding:14px 20px 16px;border-collapse:separate;box-shadow:0 0 1px rgba(0,0,0,.2);-ms-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-o-box-shadow:0 0 1px rgba(0,0,0,.2);position:absolute;top:10px;right:10px;left:10px;z-index:100;}
html.embedGraphs #deviceSingleGraphHeader{width:100%;font:16px LatoRegular;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
html.embedGraphs .graphHeaderFullView .opmBtnHldrTop .graphActions{background:#f6f6f6;width:auto;height:100%;padding:7px 0 0;top:0 !important;right:20px;display:none}
html.embedGraphs .graphHeaderFullView .opmBtnHldrTop .graphActions.embedExportOpt{background:#f6f6f6;width:auto;height:100%;padding:7px 0 0;top:-55px !important;right:20px;display:block;}
html.embedGraphs .deviceSlidecontent{width:auto;padding:0;position:absolute;top:70px !important;right:10px;bottom:10px;left:10px;overflow:auto;z-index:99}
html.embedGraphs .deviceSlidecontent > section{float:left;width:100%:height:auto}
html.embedGraphs .deviceSlidecontent .opmFormType8{padding:0 20px}
html.embedGraphs .deviceSlidecontent > section .heightAuto{float:left;width:100%;height:auto}
html.embedGraphs .deviceSlidecontent .opm_jqGridUI{padding:0 15px !important}
html.embedGraphs body.deviceSlideDivIn-3:before{background:rgba(0, 0, 0, 0.3);width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:999}
html.embedGraphs .deviceSlideDivIn-3{top:0;z-index:9999}
.graphHeaderFullView .opmBtnHldrTop .graphActionIcons{float:right;font-size:16px;color:#595959;padding:5px 2px 7px;margin:3px;cursor:pointer}
/*.graphHeaderFullView .opmBtnHldrTop .icon-table{color:rgba(89,89,89,.85);font-size:20px}
.graphHeaderFullView .opmBtnHldrTop .icon-table:before{position:relative;top:-1px}
.graphHeaderFullView .opmBtnHldrTop .icon-table.active{color:#000}
*/.graphHeaderFullView .opmBtnHldrTop .popoutImg{float:right;margin:3px 5px;position:relative;top:6px;cursor:pointer;opacity:.8;filter:alpha(opacity=80)}
.graphHeaderFullView .opmBtnHldrTop .popoutImg:before{width:22px;height:31px;content:'';display:block;position:absolute;top:-6px;left:-2px}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid.nfaIntfTrafficWidget{overflow:auto !important}

.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view.jqGridSearchActive .ui-jqgrid-hdiv{height:92px !important}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view.jqGridSearchActive .ui-jqgrid-bdiv{top:92px !important}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th > div{height:30px !important;padding:0 !important}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th > div .select2-container{height:30px !important}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th > div .select2-selection{padding:7px 30px 5px 8px}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th > div .select2-selection__arrow,.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th > div .select2-selection__arrow{height:30px}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th input{background:#f0f0f0 !important;float:left;width:100%;height:30px;font:14px LatoRegular;padding:5px 8px !important;margin:0;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th input:hover,.opm_jqGridUI.jqGridHeaderFixed .ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th input:focus{background:#fbfbfb !important}
.rackDeviceInfo{max-width:240px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#opmCCTV .dashboardWidget > .content .mCustomScrollBox{padding:0}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_container{margin:0}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools_horizontal{width:100%;height:2px;margin:0 !important;position:absolute;right:0 !important;z-index:9999}
#opmCCTV .dashboardWidget > .content .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin:0}
#opmCCTV .dashboardWidget > .content .mCSB_scrollTools_horizontal .mCSB_draggerRail{margin:0}
.vis-tooltip,.bv-ipsla-tooltip{font:14px/30px LatoRegular;padding:10px !important;border: none !important;}
.vis-tooltip u,.bv-ipsla-tooltip u{font-weight:bold}
.vis-tooltip b,.bv-ipsla-tooltip b{font-family:LatoBold}
.vis-tooltip .deviceInfoToolTip{height: 225px;}
.vis-tooltip .deviceInfoToolTip > .des:after{display:none}
.vis-tooltip .deviceInfoToolTip.desc > .des .grid-row strong{white-space: pre-wrap;}

.alarmSnapshotNoTab .opmTabCont > section{padding:30px;top:0}
body.moduleUI #opmInventoryNav,body.moduleUI #AlrmEvtTrapInvDev:not(.opmSubnets) .AETIDHeader .opmInventoryTitle,body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .opmInventoryTitle,body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .device .mCSB_scrollTools,body:not(.moduleUI) .opmInventoryTitle{display:none !important}
body.moduleUI #opmInventorySideBarContent{top:0}
body.moduleUI .FilterAccContent{padding:40px 0 0}
body.moduleUI .opmInventoryTitle{background:#fff;width:100%;height:40px;font:18px LatoRegular;text-align:center;padding:8px 20px 10px;border-right:1px solid rgba(232,232,232,.8);border-bottom:1px solid #c0c0c0;position:absolute;top:0;left:0}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .AETIDHeader{width:auto;position:absolute;top:0;right:0;left:297px}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .AETIDHeader .opmInventoryTitle{width:297px;position:absolute;top:0;left:-297px}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent{padding:0}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .device .mCSB_container,body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .device .FilterTypeHolder{position:static !important}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .device .mCSB_container{width:0 !important;height:0 !important;overflow:visible}
body.moduleUI #AlrmEvtTrapInvDev.opmSubnets .FilterAccContent .FltrCont .AllDevices{width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}

.allCertHolder div.certificateAddRemoveBtn:last-child .opmBtnAddIcon{display: block!important;}
.allCertHolder div.addRemoveBtn{margin-top: 2px!important;}
.dataListActions.aliasSelection ul li:not(.header) > div:last-child:before{content: ''!important;}
.certificateImportInfo .opmCheckBox{float:left}
.certificateImportInfo .opmCheckBox > div{min-width:20px;min-height:20px;padding:0}
.certificateImportInfo .opmCheckBox > div input{width:100%;height:100%}
body.firefox .certificateImportInfo .opmCheckBox > div label{top:7px}
.certificateImportInfo .opmCheckBox > div label{position:relative;top:-7px;left:-7px}

.opmInventoryHolder.dhcpSubTab .FilterAccContent{padding:0}
.opmInventoryHolder.dhcpSubTab .FilterAccContent .opmInventoryTitle{display:none}

.veiwGraphType .icon-table:before{font-size:19px;position:relative;top:-9px;left:-6px}

.opmIconDownloadFile{width:20px;height:20px;display:inline-block;position:relative}
.opmIconDownloadFile:before{background:url(../../img/opm-sprites.png) no-repeat -227px -264px;width:17px;height:20px;content:'';position:absolute;top:2px;left:0}
.opmIconcsv:before{background-position:-227px -264px}
.opmIconPdf:before{background-position:-263px -264px}
.opmIconExcel:before{background-position:-245px -264px}
.opmIconMail{width:42px !important;height:18px}
.opmIconMail:before{background-position:-154px -241px;width: 27px;height:18px;left:8px !important;top:11px !important}
.dashboardWidgetIcons .opmIconDownloadFile{width:30px;height:100%;opacity:.5;filter:alpha(opacity=50)}
.dashboardWidgetIcons .opmIconDownloadFile:hover{opacity:1;filter:alpha(opacity=100)}
.dashboardWidgetIcons .opmIconDownloadFile:before{top:9px;left:6px}
.dashboardWidgetIcons .icon-size20:before{font-size:19px}

.slideGraphActions .opmIconMail{width:28px !important;height:23px}
.slideGraphActions .opmIconMail:before{left: 0 !important;top:4px !important}

.reportWidgetIcons{position:absolute;top:14px;right:0;z-index:1}
.reportWidgetIcons i{float:right;padding:5px;margin:0 3px;opacity:.7;filter:alpha(opacity=70);cursor:pointer}
.reportWidgetIcons i:hover{opacity:1;filter:alpha(opacity=100)}
.reportWidgetIcons i.opmIconMail:before{top:4px !important}
.reportWidgetIcons i.icon-configedit{font-size:18px}
.reportWidgetIcons i.icon-configedit:before{position:relative;top:-3px}

.disabledBlock{opacity:.5;filter:alpha(opacity=50);pointer-events:none}
.disabled-block{opacity:.5;filter:alpha(opacity=50);pointer-events:none}
.onlyGreyOut{opacity:.5;filter:alpha(opacity=50); cursor: default !important;}

.nfaExportIcons{float:right;margin:15px 0 0}
.nfaExportIcons i{margin:0 2px;cursor:pointer}
.nfaExportIcons .opmIconMail{width:36px !important}
.nfaExportIcons .opmIconMail:before{top:2px !important;left:5px !important}
.nfaExportIcons .icon-configedit{font-size:18px}

.nfa-gettingStartedSlider .dashboardInnerSlide > header{padding:15px 30px;height:60px;border-bottom:1px solid #efefef}
.nfa-gettingStartedSlider .dashboardInnerSlide > header .icon-remove{top:18px}
.nfa-gettingStartedSlider .dashboardInnerSlide > section{top:60px}
.nfa-gettingStarted{max-width:none !important;text-align:center}
.nfa-gettingStarted:before,.nfa-gettingStarted:after,.nfa-gettingStarted > div:before,.nfa-gettingStarted > div:after{content:' ';display:table}
.nfa-gettingStarted:after,.nfa-gettingStarted > div:after{clear:both}
.nfa-gettingStarted > div{width:1000px;min-height:600px;text-align:left;margin:auto;position:relative;display:inline-block}
.nfa-gettingStarted article{width:380px;height:220px;position:absolute}
.nfa-gettingStarted article:not(:last-child):before{background:url(../../img/samples/images/nfa-getting-started.png) no-repeat 0 0;background-size:contain;width:290px;height:60px;content:'';transform:rotate(165deg);display:block;position:absolute;top:15px;left:260px;z-index:0;}
.nfa-gettingStarted.ncm-gettingStarted article:not(:last-child):before{background:url(../../img/samples/images/ncm-getting-started.png) no-repeat 0 0;height:92px;transform:rotate(128deg);top:20px;left:279px;}
.nfa-gettingStarted article:first-child{height:193px;top:90px;left:10px}
.nfa-gettingStarted article:nth-child(2){height:142px;top:10px;left:560px}
.nfa-gettingStarted article:nth-child(2):before{transform:rotate(230deg);top:30px;left:235px}
.nfa-gettingStarted.ncm-gettingStarted article:nth-child(2):before{transform:rotate(198deg);top:44px;left:199px}

.nfa-gettingStarted article:nth-child(3){height:164px;top:190px;left:669px}
.nfa-gettingStarted article:nth-child(3):before{transform:rotate(295deg);top:185px;left:200px}
.nfa-gettingStarted.ncm-gettingStarted article:nth-child(3){left:755px}
.nfa-gettingStarted.ncm-gettingStarted article:nth-child(3):before{transform:rotate(289deg);top:141px;left:131px}

.nfa-gettingStarted article:nth-child(4){height:214px;top:390px;left:560px;margin:0 0 10px}
.nfa-gettingStarted article:nth-child(4):before{transform:rotate(375deg);top:70px;left:-178px}
.nfa-gettingStarted.ncm-gettingStarted article:nth-child(4):before{transform:rotate(354deg);top:50px;left:-165px}

.nfa-gettingStarted article:nth-child(5){height:142px;top:370px;left:10px}
.nfa-gettingStarted.ncm-gettingStarted article:nth-child(5){top:380px;}
.nfa-gettingStarted article > div{background:#000;background:-moz-linear-gradient(-45deg,rgba(19,19,19,1) 0%,rgba(28,28,28,1) 20%,rgba(20,20,20,1) 38%,rgba(17,17,17,1) 57%,rgba(0,0,0,1) 68%,rgba(44,44,44,1) 82%,rgba(71,71,71,1) 91%,rgba(51,51,51,1) 98%,rgba(17,17,17,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(19,19,19,1) 0%,rgba(28,28,28,1) 20%,rgba(20,20,20,1) 38%,rgba(17,17,17,1) 57%,rgba(0,0,0,1) 68%,rgba(44,44,44,1) 82%,rgba(71,71,71,1) 91%,rgba(51,51,51,1) 98%,rgba(17,17,17,1) 100%);background:linear-gradient(135deg,rgba(19,19,19,1) 0%,rgba(28,28,28,1) 20%,rgba(20,20,20,1) 38%,rgba(17,17,17,1) 57%,rgba(0,0,0,1) 68%,rgba(44,44,44,1) 82%,rgba(71,71,71,1) 91%,rgba(51,51,51,1) 98%,rgba(17,17,17,1) 100%);width:100%;height:100%;padding:25px 10px 10px 10px;border: 1px solid black;border-radius: 10px;box-shadow:0 0 3px 2px rgba(0,0,0,.3);position:relative;top:0;z-index:1;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;}
.nfa-gettingStarted article > div:hover{top:-3px;width:102%;height:102%}
.nfa-gettingStarted header,.nfa-gettingStarted section{float:left;width:100%;height:auto;padding:0;position:relative}
.nfa-gettingStarted header h3{background:#494949;font:18px LatoRegular;color:#fff;padding:5px 5px 5px 60px}
.nfa-gettingStarted header span{background:#343536;width:53px;height:53px;font:13px/16px RobotoSlabRegular;text-align:center;color:#fff;padding:16px 0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:-10px;left:-5px}
.nfa-gettingStarted header span i{float:none;font-size:20px;display:block}
.nfa-gettingStarted section{width:auto;height:auto;padding:0 10px 0 0;position:absolute;top:77px;right:0;bottom:10px;left:10px;overflow:auto}
.nfa-gettingStarted ul,.nfa-gettingStarted li{float:left;width:100%;height:auto;color:#fff}
.nfa-gettingStarted ul{list-style:disc;padding:0 0 0 16px}
.nfa-gettingStarted a{font:14px/25px RobotoSlabRegular;text-decoration:none;color:#31A5F5;}
.nfa-gettingStarted a:hover{text-decoration:underline;color:#4FDC83;}

/* .gettingStartedIcon{float:right;width:40px;height:50px;font:22px LatoRegular;color:#808488;padding:10px 15px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0}
.gettingStartedIcon:before{background:url(../../img/opm-sprites.png) no-repeat -46px -660px;width: 20px;height:22px;content:'';margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
.gettingStartedIcon:hover{background:#45bd7d}
.gettingStartedIcon:hover:before{background-position:-27px -660px} */

.column-reverse { display: flex; flex-direction: column-reverse; }

html.horizontalView body,html.horizontalView body.settingsPage,html.horizontalView body.initialMsg.settingsPage{padding:85px 0 0 0 !important}
html.horizontalView #header{top:0;left:0}
html.horizontalView #nav{background:#252525;width:100%;height:35px;top:50px}
html.horizontalView #MainNav{height:100% !important}
html.horizontalView #nav .NavUl,html.horizontalView #nav .mCSB_container,html.horizontalView #opmInventoryNav .mCSB_container{height:100%}
html.horizontalView #nav .NavUl li{width:auto;height:100%}
html.horizontalView #nav .NavUl > li > a{background:none;height:100%;font:14px LatoRegular;color:#fff;padding:7px 20px;border:0}
html.horizontalView #nav .NavUl > li > a i,html.horizontalView .opmInventoryNavList li:before,html.horizontalView .settingsHdr > .title,html.horizontalView #ProductSettings,html.horizontalView body.opmDashboardMenuSmall .opmDashboard > header:before,html.horizontalView body.opmDashboardMenuSmall .opmDashboard > header:after,html.horizontalView body.opmDashboardMenuTglActive .opmDashboard > header:before,html.horizontalView body.opmDashboardMenuTglActive .opmDashboard > header:after,html.horizontalView .SearchClose{display:none}
html.horizontalView .NavUl > li > a:hover,html.horizontalView .NavUl > li.active > a{background:#4c4c4c !important}
html.horizontalView .NavUl > li.active > a{background:#49bd80 !important}
html.horizontalView #globalSearchContainer{top:50px;left:0}
html.horizontalView #opmInventorySideBarContent{top:35px}
html.horizontalView .OPUModuleUI #opmInventorySideBarContent,html.horizontalView body.SubMenuHide .settingsCnt{top:0 !important}
html.horizontalView #opmInventoryNav{background:#fafafa;height:35px;border:0}
html.horizontalView #opmInventoryNav > h4{color:#000}
html.horizontalView .opmInventoryNavList{height:100%}
html.horizontalView .FilterAccordionContainer{background:#f7f7f7 !important;box-shadow:inset 0 0 8px rgba(0,0,0,.1);-ms-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.1);-o-box-shadow:inset 0 0 8px rgba(0,0,0,.1)}
html.horizontalView .FilterAccordionContainer .FilterAccContent{background:rgba(242,242,242,.7)}
html.horizontalView .FilterAccordionContainer .FilterAccContent:before{background:rgba(242,242,242,.7);width:99%;height:8px;content:'';position:absolute;top:0;left:0;z-index:9}
html.horizontalView .opmInventoryHolder.opmSubnets .FilterAccContent:before{display:none}
html.horizontalView .settingsHdr{background:#fafafa;height:35px;border:0}
html.horizontalView .settingsHdr .adminTabsContainer{padding:0}
html.horizontalView .settingsHdr .adminTabs{height:100%}
html.horizontalView .settingsHdr .adminTabsContainer .mCSB_container{height:100%}
html.horizontalView .settingsHdr .adminTabs li a,html.horizontalView .opmInventoryNavList li{font-size:13px;color:#000;padding:7px 25px !important;border-bottom:3px solid transparent}
html.horizontalView .settingsHdr .adminTabs li a:hover,html.horizontalView .settingsHdr .adminTabs li a.active,html.horizontalView .opmInventoryNavList li:hover,html.horizontalView .opmInventoryNavList li.active{color:#000;border-color:#45bd7f}
html.horizontalView #PageContent.opmMapPage .settingsCnt,html.horizontalView #PageContent.workFlowPage .settingsCnt,html.horizontalView body.opmDashboardMenuTglActive .opmDashboard:before{top:0}
html.horizontalView #PageContent.workflowDiagram .settingsCnt{top:85px}
html.horizontalView .mapAddEditPageActionsInfo .opmBtnHldrTop .icon-remove{top:-50px}
html.horizontalView .settingsCnt{top:35px}
html.horizontalView .settingsCnt > aside,html.horizontalView .settingsCnt > aside > .pageTitle{background:#fff}
html.horizontalView .settingsCnt > aside,html.horizontalView #opmInventorySideBarContent{box-shadow:0 0 8px rgba(0,0,0,.1);-ms-box-shadow:0 0 8px rgba(0,0,0,.1);-moz-box-shadow:0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);-o-box-shadow:0 0 8px rgba(0,0,0,.1)}
html.horizontalView body.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView,html.horizontalView #inventoryGridStyle .dashboardWidgetExpandView{height:auto !important;top:85px !important;bottom:0;left:0 !important}
html.horizontalView.product__rmm body.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView,html.horizontalView #inventoryGridStyle .dashboardWidgetExpandView{top:35px!important}
html.horizontalView #inventoryGridStyle .dashboardWidgetExpandView{top:130px !important}
html.horizontalView .opmDashboard > header,html.horizontalView #peopleDashboard.opmDashboard > header,html.horizontalView #peopleDashboard.opmDashboard .opmDashboardLinks,html.horizontalView #peopleDashboard.opmDashboard .opmDashboardAddBtn,html.horizontalView .opmDashboard > header > .opmDashboardSubLinks,html.horizontalView #peopleDashboard.opmDashboard > header > .opmDashboardSubLinks,html.horizontalView .icon-star.dashboardFav,html.horizontalView .opmDashboard > header .opmDashboardAddBtn{height:35px !important}
html.horizontalView .opmDashboard > header > .opmDashboardSubLinks > .list li > a,html.horizontalView #peopleDashboard.opmDashboard > header > .opmDashboardSubLinks > .list li > a{padding:7px 23px 7px 12px}
html.horizontalView .icon-star.dashboardFav:before{position:relative;top:-6px}
html.horizontalView .opmDashboard > header:after,html.horizontalView .opmDashboard > header:before{display:none}
html.horizontalView .opmDashboard > section,html.horizontalView #peopleDashboard.opmDashboard > section{top:35px !important}
html.horizontalView #peopleDashboard.opmDashboard .peopleSearchBox{top:5px}
html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"],html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:transparent;right:0}
html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"]:after,html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#fafafa;content:'';position:absolute;top:0;right:0;bottom:3px;left:0;z-index:0}
html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools[style*="block"]{left:auto}
html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight,html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{z-index:1}
html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,html.horizontalView .settingsHdr .adminTabsContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before,html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,html.horizontalView .opmInventoryNavContainer.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{border-color:#000}
html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools[style*="block"]{right:0}
html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{right:0;left:0}
html.horizontalView #opmInventoryNav > h4,html.horizontalView .opmDashboardSubLinks.hovered .more .moreList{display:none !important}
html.horizontalView #opmInventoryNav .opmInventoryNavContainer{padding:0 !important}
html.horizontalView body.quickLinksOverlay #nav:before,html.horizontalView body.quickLinksOverlay .opmDashboardSubLinks:before{background:rgba(0,0,0,.3);width:auto;height:auto;content:'';position:absolute;top:0;right:0;bottom:-1px;left:0;z-index:9}
html.horizontalView body.quickLinksOverlay.favoriteIconOverlay .opmDashboardSubLinks:before{right:-100px;}
html.horizontalView body .opmDashboard:before{top:0}
html.horizontalView .opmDashboardSubLinks .list,html.horizontalView .opmDashboardSubLinks .dropDownMenu{overflow:visible !important}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu:before{width:5px;height:5px;content:'';margin:auto;border:1px solid #888;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:-4px;right:9px;bottom:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu:hover:before{border-color:#000}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu:hover > div,html.horizontalView .opmDashboardSubLinks.hovered .more:hover .moreList,
html.horizontalView.focus-ring .opmDashboardSubLinks:focus-within .more:focus-within .moreList,
html.horizontalView.focus-ring .opmDashboardSubLinks .list .dropDownMenu >a:focus + div, html.horizontalView .opmDashboardSubLinks.hovered .more:focus .moreList,
html.horizontalView.focus-ring .opmDashboardSubLinks .list .dropDownMenu:focus-within >a + div, html.horizontalView.focus-ring .opmDashboardSubLinks.hovered .more:focus-within .moreList{
    display: block !important
}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu.active > a{color:#454545;border-color:#49bd80}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div{background:#fff;width:220px;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:35px;left:0;box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);z-index:9;display:none}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a{float:left;width:100%;height:auto;text-align:left;white-space:nowrap;color:#000;padding:5px 23px 5px 10px;border-bottom:1px solid #ececec;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a:last-child{border:0}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a:hover{background:#f6f6f6}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a.active{background:#454545;color:#fff}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a i:before{line-height:29px}
html.horizontalView .opmDashboardSubLinks{right:100px}
html.horizontalView .opmDashboardLinks,html.horizontalView body.SubMenuHide .settingsHdr{display:none !important}
html.horizontalView .opmDashboard > header{background:#fff}

body.dashProbesListSelBox .opmDashboardSubLinks{right:320px}
body.dashProbesListSelBox #dashProbesList{width:200px;height:35px;position:absolute;bottom:-1px;right:110px;z-index:9}
body.dashProbesListSelBox #dashProbesList .selBox > div .select2-container{border-radius:4px}
body.dashProbesListSelBox #dashProbesList .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered{line-height:18px}



#opmInventorySideBarContent.alarmsPage .FilterAccContent{margin:0}


.opmMapBVViewSingle #tooltipcontent{width:auto !important;max-width:none !important;text-align:left}

body.menuBarIconText .menuOption{float:left;width:100%;height:auto;position:relative}
body.menuBarIconText .menuOption .opmRadioBtn{clear:both;margin:0 !important}
body.menuBarIconText #menuView{background-repeat:no-repeat;background-position:center;width:91px;height:316px;position:absolute;top:0;left:0}

.dashboardFav{background:#fff;width:50px;height:45px;font-size:20px;line-height:44px;text-align:center;color:#b5b5b5;position:absolute;top:0;right:50px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}
.dashboardFav:hover,.dashboardFav.active{color:#49bd80}
body.dashboardFavHide .dashboardFav{display:none}
body.dashboardFavHide .opmDashboardSubLinks{right:50px}
.storageMap{float:left;width:100%;height:auto;padding:10px;display:table}
.storageMap .row{display:table-row}
.storageMap .row > div{padding:10px;vertical-align:top;border-right:1px solid  #efefef;display:table-cell}
.storageMap .row > div:first-child{width:240px;font:14px BitterRegular}
.storageMap .row > div:last-child{padding-left:40px;border:0;position:relative}
.storageMap .row > div:last-child:before{background:#efefef;height:1px;content:'';position:absolute;right:0;bottom:0;left:40px;display:block}
.storageMap .row > div:last-child > div{float:left;width:100%;height:auto;max-height:180px;word-wrap:break-word;overflow:auto;position:relative;display:block}
.storageMap .iconStatusColor{float:left;margin:0 5px 5px 0;top:0;display:block;cursor:pointer}
.storageMap .spmswitchportstatus{clear:none;width:18px;height:18px;margin:0 5px 5px 0;display:block}
.storageMap .spmswitchportstatus:before,.storageMap .spmswitchportstatus:last-child:before{width:13px;height:7px;top:8px}
.storageMap .spmswitchportstatus:after,.storageMap .spmswitchportstatus:last-child:after{width:7px;height:5px;top:3px}

.blockContainer{background:#f5f5f7;width:100%;height:100%;padding:5px;position:relative;overflow:auto}
.blockContainer .ember-view{width:auto;height:auto}
#compliancetabs{background:#fff;width:100%;height:40px;font:13px LatoRegular;text-align:center;color:#252525;border-bottom:1px solid #e1e1e1;position:absolute;top:0;left:0;z-index:1;margin:0;max-width:100%;padding:0}
#compliancetabs:before{border:0}
#compliancetabs header > div{max-width:220px}
#compliancetabs header > div:not(.changeManagementTabs):after{width:auto;height:auto;content:' ('attr(data-count)')';color:#828284}
#complianceContent{padding:0 5px 5px;position:absolute;top:45px;right:0;bottom:0;left:0;overflow:auto}
.compliance .deviceSlideContent{top:0}
#complianceContent .deviceGroupsList section:after{display:none}
#complianceContent .actions{padding:10px 0 25px 25px;position:relative}
#complianceContent .actions li{padding-bottom:20px}
#complianceContent section{border:none}
#complianceContent .content section:nth-child(1),#complianceContent .content section:nth-child(2){height: 200px;}
#complianceContent .deviceGroupsList{height:500px}
#complianceContent .cmpsummary > div{width:100%;height:50%;display:table;font:13px LatoRegular;margin:0 0 10px}
#complianceContent b{font:15px LatoRegular;font-weight:bold}
#complianceContent .cmpheader{font:16px LatoRegular;padding-bottom:15px}
#complianceContent .compliantPercentage{font-size:25px}
#complianceContent .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv{position:relative}
#addNCMPolicyDiv .multiSelBox label{font-weight:bold}
.opmDropDownList .icon-remove{width:20px;height:20px;top:8px !important;right:8px !important}
.opmDropDownList .icon-remove:before,.opmDropDownList .icon-remove:after{width:1px;height:15px;margin:auto;top:0;right:0;bottom:0;left:0}
.opmDropDownList{right:0}
.opmDropDownList li.header{padding:10px 30px 10px 15px}
.opmDropDownList li{padding:7px 35px 7px 60px}
.opmDropDownList li.active:before{top:8px}
#compliancetabs .opmHamburgerMenu{height:40px;top:0}
#compliancetabs .opmDropDownList li, #complianceActions.opmDropDownList li{text-align:left;padding:10px 35px}
#compliancetabs .opmDropDownList.showMenu,  #complianceActions.opmDropDownList.showMenu, .opmDropDownList.showMenu{display:block !important;opacity:1 !important;top:40px !important}
#complianceResult{background:#f5f5f7;padding-top:30px}
#complianceResult .dashboardWidget{margin:10px 0px}
.cmpsummaryInfo{padding:10px 10px 10px 90px;border:1px solid #e8e8e8;border-radius:3px;position:relative}
.cmpsummaryInfo > div:before{background:#f9f9f9;width:80px;height:100%;content:attr(data-count)'%';font:27px/60px LatoRegular;text-align:center;color:#fff;border-radius:3px 0 0 3px;position:absolute;top:0;left:0}
.cmpsummaryInfo > div:after{width:80px;height:20px;content:attr(data-info);text-align:center;color:#fff;position:absolute;top:50px;left:0}
.cmpsummaryInfo > div.cmpsummaryInfo-status1:before{background:#fa5b5a}
.cmpsummaryInfo > div.cmpsummaryInfo-status2:before{background:#faad5a}
.cmpsummaryInfo > div.cmpsummaryInfo-status3:before{background:#46bb7d}
.complainceDetails .opmMapBVTabNav{max-width:100%;padding:0;margin:0}
.complainceDetails .opmMapBVTabNav:before{right:0;left:0;border:none}
.deviceSlideContainer .complainceDetails .opmMapBVTabNav{height:41px;border-bottom:1px solid #d7d7d7}
.deviceSlideContainer .complainceDetails .opmMapBVTabNav .icon-remove{position:absolute;top:7px}
.deviceSlideContainer .complainceDetails .opmMapBVTabNav header > div{border-bottom:2px solid transparent}
.deviceSlideContainer .complainceDetails .opmMapBVTabNav header > div.active{border-bottom-color:#46bb7d}
.policydistribution, .deviceGroupDetailsReportContentDiv{width:auto;height:auto;position:absolute;top:45px;right:0;bottom:0;left:0;overflow:auto}
.policydistribution .opm_jqGridUI,.policydistribution .opm_jqGridUI > .ui-jqgrid,.policydistribution .opm_jqGridUI > .ui-jqgrid .ui-jqgrid-view{width:100%;height:100%;position:absolute;top:0;left:0}
.policydistribution .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv{z-index:1}
.policydistribution .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0}
.policydistribution .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{position:absolute;top:40px;right:0;bottom:25px;left:0}
.policydistribution .opm_jqGridUI .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv{top:90px}
.policydistribution .opm_jqGridUI .ui-jqgrid-pager{border-top:1px solid #e3e3e3;position:absolute;bottom:0;left:0}
.severityStatusCount > span{background:#f9f9f9;float:left;width:auto;height:30px;margin:4px 8px 4px;border:1px solid #ccc;border-radius:3px;display:inline-block}
.severityStatusCount > span:first-child{margin:4px 8px 4px 0}
.severityStatusCount > span i{float:left;padding:3px 5px;margin:0;display:inline-block}
.severityStatusCount > span i:last-child{background:#ececec;width:auto;height:100%;line-height:20px}

#ruleResultDiv .viewIgnored textarea:disabled{opacity:1;filter:alpha(opacity=100)}
#ruleResultDiv .viewIgnored .opmFormRow{background:#fff;margin:0}
.dataInfo{float:left;width:100%;height:auto}
.dataInfo .row div{float:left;width:50%;height:auto;word-break:break-word;margin:0 0 15px}
.dataInfo .row div:last-child{padding-left:10px;position:relative}
.dataInfo .row div:last-child:before{content:':';position:absolute;top:0;left:3px}

.NavUl .icon-configDiff{background:url(../../img/samples/icons/configDiff.png) no-repeat 55% center;height:43px !important}
.icon-configDiff2{float:right;width:20px;height:25px;position:relative;display:inline-block}
.icon-configDiff2:before{background:url(../../img/samples/icons/ConfigDif2.png) no-repeat center;width:17px;height:21px;content:'';position:absolute;top:0;left:0}

#container.globalSearchActive #header{z-index:9999}

input[type='number']{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
.graphWidget.multipleJqGrid > div{float:left;width:100%;margin:0 0 15px}
.graphWidget.multipleJqGrid > div:last-child{margin:0}
.alignCenterTxt{text-align:center}
.treeFilter2 .defaultgroup{background:url(../../img/opm-sprites.png) no-repeat -39px -216px !important;width:19px !important;height:18px !important;margin:2px 5px 0 0 !important}
#opmInventorySideBarContent #PageContent,#opmInventorySideBarContent #PageContent #AlrmEvtTrapInvDev > section{transition:none !important}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets .FilterAccordionContainer,#opmInventorySideBarContent .opmInventoryHolder.opmSubnets .mCSB_container,#opmInventorySideBarContent .opmInventoryHolder.opmSubnets .FltrCont,#opmInventorySideBarContent .opmInventoryHolder.opmSubnets .FilterTypeHolder,#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #inven_Subnets,#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #inven_DGroups,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists .FilterAccordionContainer,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists .mCSB_container,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists .FltrCont,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists .FilterTypeHolder,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists #inven_BV{width:100%;min-height:100% !important;height:100%;padding:0;position:absolute;overflow:hidden}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #BarHolderSubnets,#opmInventorySideBarContent .opmInventoryHolder.bvIconLists #bvTreeView{width:100%;height:100%;overflow:auto}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #inven_DGroups #BarHolderSubnets .ember-view{width:auto;height:auto}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #inven_DGroups{width:100%;min-height:auto !important;height:auto;padding:0;margin:0;position:absolute;top:0;left:0;bottom:0;left:0;overflow:hidden}
#opmInventorySideBarContent .opmInventoryHolder.opmSubnets #inven_DGroups #BarHolderSubnets{width:auto;height:auto;margin:0;position:absolute;top:60px;right:0;bottom:0;left:0}
#opmInventorySideBarContent .opmInventoryHolder.dhcpSubTab .oputilslefttab{float:left;width:100%;height:100%}
#opmInventorySideBarContent .opmInventoryHolder.dhcpSubTab .dhcpServerDetails{height:100%;overflow:auto}
.sampleDataInfoTxt{background:rgba(0, 0, 0, 0.3);width:100%;height:100%;font:13px LatoRegular;color:#fff;text-align:center;padding:0;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:table}
.sampleDataInfoTxt div{vertical-align:middle;display:table-cell}
.sampleDataInfoTxt i{background:#000;min-width:420px;font:50px RobotoSlabThin;padding:12px 20px;margin:0 50px;border-radius:10px;opacity:.5;filter:alpha(opacity=50);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:default;display:inline-block}
.sampleDataInfoTxt:hover i{opacity:1;filter:alpha(opacity=100)}
#opmTopBandBanner{background:#ead47e;height:40px;font:14px LatoRegular;text-align:center;color:#000;padding:0 90px 0 45px;border-bottom:3px solid #e0c86a;position:absolute;top:-40px;left:0;right:0;z-index:99;transition:all .3s ease}
#opmTopBandBanner > div{width:100%;height:100%;display:table}
#opmTopBandBanner > div > div{vertical-align:middle;display:table-cell}
#opmTopBandBanner b{font-family:LatoBold}
#opmTopBandBanner a{font-family:LatoBold;color:#0c639b !important;margin:0 0 0 5px}
#opmTopBandBanner > div > div.bnrBtn{display:block}
.bnrBtn{width:45px;height:100%;position:absolute;top:0;transition:all .3s ease;cursor:pointer}
.bnrBtn:hover{background:#e0c86a}
.prevAd{left:0}
.nextAd{right:45px}
.bnrBtn:before{width:8px;height:8px;content:'';margin:auto;border:1px solid #232222;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
.prevAd:before{border-top:0;border-right:0;left:6px}
.nextAd:before{border-bottom:0;border-left:0;right:6px}
.bnrBtn:hover:before{border-color:#000}
.opm-closeAd{background:#777a7e;width:21px;height:21px;margin:auto;border-radius:50%;display:inline-block;position:absolute;top:0;right:8px;bottom:1px;cursor:pointer;transition:all .3s ease}
.opm-closeAd:before,.opm-closeAd:after{background:#fff;width:1px;height:11px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg)}
.opm-closeAd:after{transform:rotate(135deg)}
.opm-closeAd:hover{background:#363c4c}

html.opmTopBandBannerActive #opmTopBandBanner{top:0}
html.opmTopBandBannerActive body,html.opmTopBandBannerActive body,html.opmTopBandBannerActive body.settingsPage{padding-top:90px !important}
html.opmTopBandBannerActive #header,html.opmTopBandBannerActive body.settingsPage #container.globalSearchActive #header{top:40px}
html.opmTopBandBannerActive #nav,html.opmTopBandBannerActive #globalSearchContainer,html.opmTopBandBannerActive body.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView,html.opmTopBandBannerActive #inventoryGridStyle .dashboardWidgetExpandView{top:90px !important}
html.opmTopBandBannerActive .opmSettingsContainer,html.opmTopBandBannerActive .PDTContainer{height:auto;top:40px;bottom:0}
html.opmTopBandBannerActive.horizontalView body,html.opmTopBandBannerActive.horizontalView body.settingsPage{padding-top:125px !important}
html.opmTopBandBannerActive.horizontalView body.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView,html.opmTopBandBannerActive.horizontalView #inventoryGridStyle .dashboardWidgetExpandView{top:125px !important}
html.opmTopBandBannerActive #OpM_AlertInfo{margin:49px 0 0}
html.horizontalView #nav{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}

body.quickLinksOverlay #PageSideBar:before{display:none}

.opm-icon{background:url(../../img/opm-sprites.png) no-repeat -280px -264px;display:block}
.opm-icon.icon-eye{background-position: -310px -352px;width:18px;height:13px}
.opm-icon.icon-eye-slash{background-position:-327px -352px;width:18px;height:15px}
.passwordShowHide{display:table;border-collapse:separate}
.passwordShowHide input{width:100%;display:table-cell}
.passwordShowHide span{width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border:1px solid #dcdcdc !important;border-left:0 !important;position:relative;display:table-cell}
.passwordShowHide span label{font-size:14px;margin:0 !important}
.firefox .passwordShowHide{display:table;border-collapse:separate;float:right;}

.filterTypeMain.hideGrpSelection.vmWareLeftFilter{margin:0;padding:0}
.filterTypeMain.hideGrpSelection.vmWareLeftFilter .barHeader {padding:20px 20px 5px 20px;font-family:latoBold;border:0}
.filterTypeMain.hideGrpSelection.vmWareLeftFilter .subnetsCount,
.filterTypeMain.hideGrpSelection.vmWareLeftFilter .BarContainer:after{display:none}
.filterTypeMain.hideGrpSelection.vmWareLeftFilter .BarHolder{padding:0px 20px}
.vmWareLeftFilter .mCustomScrollbar {position: unset !important;}
.vmWareLeftFilter .BarHolder .SingleBar {padding:10px 20px 5px}


.zsiq_floatmain{display:none !important}

.dashBoardUserList:after{content:'' !important}
.opmChckList .loginUserInfo i{background:#e8f6ff !important}
.opmChckList .dashOwnerInfo i{background:#ffe7e7 !important}
.opmCheckBox .highlightTxt{background:#31A5F0;color:#fff;padding:2px 8px 5px;border-radius:3px}

#associateUserListDiv{float:left;width:100%;height:auto}
.associateUsers{background:#f9f9f9;float:left;width:100%;height:auto;padding:0;margin:0 0 30px;border:1px solid #e8e8e8;border-radius:3px;position:relative}
.associateUsers > div:first-child{margin:0}

.hwareList,.hwareList .row{float:right;width:100%;height:auto;margin:0 0 30px}
.hwareList .row .col{float:left;width:100%;padding:0 20px}
.hwareList,.hwareList .row2{float:right;width:100%;height:auto;margin:0 0 30px}
.hwareList .row2 .col{float:left;width:100%;padding:0 20px}
.opm_widget_title2{background:#f5f6f8;width:100%;height:40px;text-transform: capitalize;font:16px LatoBold;z-index:2;padding:10px 20px;margin:0 0 10px}
.hwareList .row .col:first-child{float:left}
.hwareList .row2 .col:first-child{float:right}
.inventoryHardwareWidgetExpand .DI-Header:before{background:rgba(0,0,0,.2);width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:99999}
.inventoryHardwareWidgetExpand .dashboardWidget *{z-index:auto !important}
.inventoryHardwareWidgetExpand .DIA-Content,.inventoryHardwareWidgetExpand .gridStack-innerFullCol.dashboardWidgetExpandView.expandViewGraphTable{z-index:9 !important}

.associateUsers > div{padding:10px}
.associateUsers > div:last-child{background:#f3f3f3;width:100%;max-width:none;margin:0}
.associateUsers > div .opmCheckBox label:before{background:#fff}
.associateUsers > div h4{color:#fa5b5a;display:inline}
.associateUsers > div p{color:#3c3c3c;display:inline}
.associateUsersManualSelection{background:#fefefe;float:left;width:100%;height:auto;padding:20px 20px 5px;border:1px solid #e8e8e8;border-radius:3px;position:relative}
.associateUsersManualSelection.disabled > .opmChckListType2{opacity:.5;filter:alpha(opacity=50)}
.associateUsersManualSelection .opmChckList .list{min-height:250px;height:auto;max-height:none;overflow:auto}
#associateUserListDiv{widtH:100%;height:auto;padding:0 30px;position:absolute;top:0;right:0;bottom:100px;left:0;overflow:auto}
#associateUserListDiv .associateUsersManualSelection .opmFormCol{width:33.33%}
#associateUserListDiv .associateUsersManualSelection .groupCount2 .opmFormCol{width:50%}
#associateUserListDiv > div{max-width:1440px}
#associateUserListDiv .opmChckList .opmCheckBox div{min-height:20px}
/*#associateUserListDiv .opmChckList label:before{width:20px;height:20px}
#associateUserListDiv .opmChckList label:after{top:18px;left:13px} */
#associateUserListDiv .opmChckList .opmCheckBox{padding:0 20px 0 0}

#vmaps-marker{height: 40px !important;}
/*.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{top:40px !important;}*/
.mapboxgl-marker > .vmLabel{white-space:nowrap;position:absolute;top:100%}
#nfa-vmaps-marker{background-size: cover;width: 46px; height: 46px;cursor: pointer;}
.maps_actionsBtn:hover,.maps_actionsBtn:active{background: none !important}
.maps_actionsBtn ul li{background: #fbfbfb !important;}
.maps_actionsBtn.opmDropDownLi ul,.maps_actionsBtn.opmDropDownLi ul li:hover{background: #fbfbfb !important}
#map .mapboxgl-popup-content{padding:10px 30px 15px 10px}#map .mapboxgl-popup-close-button{font-size:16px;top:10px;right:3px}

.oputilsPing:before{width:30px;height:17px;top:2px}

#opmproDownloadLink{background:#ff6362;float:right;width:auto;height:50px;font-size:18px;color:#fff;padding:12px 50px 14px 15px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top:0}
#opmproDownloadLink i:last-child{width:25px;height:10px;border:3px solid #fff;border-top:0;position:absolute;top:25px;right:15px;display:block}
#opmproDownloadLink i:last-child:before{background:#fff;width:8px;height:13px;content:"";margin:auto;position:absolute;top:-20px;right:0;bottom:0;left:0}
#opmproDownloadLink i:last-child:after{width:0;height:0;content:"";margin:auto;border:1px solid transparent;border-width:8px 8px 0 8px;border-top-color:#fff;position:absolute;right:0;bottom:3px;left:0}
body.opmDashboardMenuSmall #opmproDownloadLink{width:50px;padding:12px 40px 14px 15px}
body.opmDashboardMenuSmall #opmproDownloadLink i:first-child{display:none}
body.opmDashboardMenuSmall #opmproDownloadLink{top:0px}
body.opmDashboardMenuSmall.opmproDownloadLink .opmDashboard .opmDashboardLinks.mCustomScrollbar .mCSB_scrollTools[style*="block"]{right:152px}

.opmMapBVViewSingle #tooltipcontent{width:auto !important;max-width:none !important;text-align:left}

#range_slider{float:left;margin:9px 0 0;position:relative;cursor:pointer}
#range_slider .opmDropDownList{width:360px;right:-8px}
#range_slider .opmDropDownList li{cursor:default}
#range_slider .opmDropDownList li:not(.header){padding:12px 15px !important}
#range_slider .opmDropDownList li:after{margin:0 15px}
#range_slider .opmDropDownList li label{float:left;min-width:120px;margin:3px 5px 0 0}
#range_slider .selBox{top:0}
#range_slider .mapLinkSliderValDiv{float:left;width:100%;padding:10px 0 0}
#range_slider #mapLinkSlider{background:#c0c0c0;float:left;width:85%;height:10px}
#range_slider #mapLinkSlider > div{background:#46bb7d}
#range_slider #mapLinkSlider > a{background:#fff;border-color:#aaa}
#range_slider .mapLinkSliderVal{float:right;width:10%;margin:-6px 0 0}
#range_slider #mapLinkSlider.ui-slider-disabled{pointer-events:none}
.rangeSliderBtn{background:url(../../img/opm-sprites.png) no-repeat 0 -264px;width:20px;height:15px;margin: 1px 0 0;display:block;cursor:pointer}

.icon-video:before{background-position:-242px -644px;width:27px;height:26px}
.icon-video:hover:before,.icon-video.active:before{background-position:-269px -644px}
.topBandDropDown:hover,.topBandDropDown.active{background:#45bd7d;color:#fff;padding-bottom:9px}
body.quickLinksOverlay .topBandDropDown.active{z-index:9}
#opmTrainingVideos{width:40px}
#opmTrainingVideos .topBandDropDownHolder{width:750px;height:240px;box-shadow:0 0 3px 0 rgba(0,0,0,.2);}
#opmTrainingVideos .topBandDropDownHolder:before{right:21px}
#opmTrainingVideos .mCSB_container{display:block;flex-direction:unset}
#opmTrainingVideos article{float:left;width:100%;height:auto;padding:15px 20px 0;position:relative;cursor:default}
#opmTrainingVideos article:not(:last-child):before{background:#e3e3e3;height:1px;content:'';position:absolute;bottom:0;right:30px;left:30px}
#opmTrainingVideos h4{font:15px RobotoSlabRegular;color:#3f3f3f;padding:0 0 8px 0;}
#opmTrainingVideos article > div{float:left;width:100%;height:auto;padding:0;}
#opmTrainingVideos article > div > div{float:left;width:100%;height:auto}
#opmTrainingVideos ul{float:left;width:100%;height:auto}
#opmTrainingVideos li{float:left;width:180px;height:auto;padding:15px;position:relative}
#opmTrainingVideos li a{background:#fff;float:left;width:auto;max-width:100%;font:13px LatoRegular;text-align:center;color:#31A5F0;cursor:pointer;transition:all .3s ease}
#opmTrainingVideos li a:hover{text-decoration:underline;transform:scale(1.1)}
#opmTrainingVideos u{width:120px;height:70px;padding:3px;margin:auto;border:1px solid #d9d9d9;position:relative;display:inline-block;overflow:hidden}
#opmTrainingVideos u:before{background:#fff;width:100%;height:3px;content:'';position:absolute;bottom:0;left:0;z-index:1}
#opmTrainingVideos img{float:left;width:100%;height:auto}
#opmTrainingVideos b{float:left;width:100%;height:auto;overflow:hidden}
#opmTrainingVideos .mCSB_scrollTools_horizontal{width:100%;height:0;top:0;bottom:auto;opacity:1;filter:alpha(opacity=100)}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_draggerContainer{display:none}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonLeft,#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonRight{background:none;float:left;width:50px;height:130px;position:absolute;top:0;left:-50px;cursor:pointer}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonRight{right:-50px;left:auto}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonLeft:before,#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonRight:before,.topBandDropDownArrow:before{width:10px;height:10px;content:'';margin:auto;border:3px solid #aeb0b0;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:30px;left:5px;display:block;transform:rotate(-45deg)}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg)}
#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover:before,#opmTrainingVideos .mCSB_scrollTools_horizontal .mCSB_buttonRight:hover:before{border-color:#000}
#opmTrainingVideos .mCSB_scrollTools_vertical{width:3px !important;right:2px !important}
#opmTrainingVideos .mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar,#opmTrainingVideos .mCSB_scrollTools_vertical .mCSB_draggerRail{width:3px !important}
.topBandDropDownArrow{background:#fff;width:100%;height:40px;position:absolute;bottom:0;left:0;z-index:9;cursor:pointer}
.topBandDropDownArrow:before{top:20px;transform:rotate(225deg)}
.topBandDropDownArrow:hover:before{border-color:#000}
.topBandDropDown.integrationDD .topBandDropDownHolder {height: auto !important; padding: 12px;}
.topBandDropDown.integrationDD .topBandDropDownHolder:before{background:#fff;box-shadow:none;}
.topBandDropDown.integrationDD .topBandDropDownHolder header{position:static;padding: 8px 0;}
.topBandDropDown.integrationDD .topBandDropDownHolder header + section{position: static !important;height: 100% !important;width: 100% !important;max-height: 175px;overflow: auto;}

.opmDashboardAddedWidgetsList article.shareLink{float:left;width:100%;display:block}
.opmDashboardAddedWidgetsList article.shareLink > div{width:100%;max-width:100%;height:auto;display:table}
.opmDashboardAddedWidgetsList article.shareLink > div > div:first-child{float:none;width:100%;max-width:100px;text-overflow:ellipsis;display:table-cell;overflow:hidden}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child{float:none;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 0 0 8px;position:relative;display:table-cell}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child *{font-size:14px}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label{width:75px;text-align:right;margin:0 0 0 6px;position:relative;display:inline-block;overflow:hidden}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label:hover > *{color:#9f9f9f !important}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label > *:hover{color:#000 !important}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label > *{position:relative;top:-3px}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label > .icon-trash{top:-4px !important}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label.opmFav input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child i{color:#9f9f9f;position:relative;cursor:pointer;z-index:1;margin: 0 3px}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label.opmFav:hover i.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label.opmFav input:checked + i{color:#46bb7d}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label > .opm-link{background:url(../../img/opm-sprites.png) no-repeat -183px -24px;width:18px;height:21px;margin:0 5px;opacity:.8;filter:alpha(opacity=80);transform:scale(.7);display:inline-block;position:relative;top:3px !important}
.opmDashboardAddedWidgetsList article.shareLink > div > div:last-child label > .opm-link:hover{opacity:1;filter:alpha(opacity=100)}
.opmDashboardAddedWidgetsList article.shareLink > div:last-child > input:first-child{float:left;width:100%;max-width:100%;white-space:nowrap;text-overflow:ellipsis;padding:5px;border:1px solid #ccc;display:block !important}
.opmDashboardAddedWidgetsList article.shareLink > div:last-child .shareBtn{float:left;width:100%;text-align:center;padding:0;margin:5px 0;display:block}
.opmDashboardAddedWidgetsList article.shareLink > div:last-child .shareBtn > div{float:right;background:#45bd7f;width:auto;color:#fff;padding:5px 15px;margin:0 0 0 10px;border-radius:4px;display:inline-block;cursor: pointer}
.opmDashboardAddedWidgetsList article.shareLink textarea{float:left;width:100%;min-height:80px;white-space:pre-wrap;word-wrap:break-word;padding:5px;border:1px solid #ccc;display:block !important;resize:none}
.opmDashboardAddedWidgetsList article.shareLink i.icon-ccw{background:#fff;font-size:16px;padding:5px;border-radius:5px 0 0 0;position:absolute;bottom:2px;right:2px}
.opmDashboardAddedWidgetsList article.shareLink i.icon-ccw:hover{color:#000}
.cctvShareLinkSec:before{background:rgba(255,255,255,.9);content:'copied';line-height:105px;color:#000;text-align:center;position:absolute;top:2px;right:1px;bottom:2px;left:9px;display:none}
.cctvShareLinkSec.linkCopied:before{display:block}

/********PGMIGRATE CSS START**********/
.opmSQLmigrationStatus{width:400px;display:table;text-align:center;margin-left: 160px;}
.opmSQLmigrationStatus h2{width:100%;float:left;font-size:16px;color:#000;margin-top:30px;margin-bottom:15px}
.opmSQLmigrationStatus h3{width:100%;float:left;font-size:16px;color:#999;font-family:LatoLight;}
.opmSQLmigrationStatus h3 strong{font-family:LatoBold;color:#000;margin-left:10px}
.opmSQLmigrationStatus .loadingProcess{width:92%;float:left;padding:7px;border:1px solid #e8e6e6;border-radius:20px;}
.opmSQLmigrationStatus .loadingGreyBar{width:100%;float:left;height:7px;background:#c1c1c1;position:relative;border-radius:7px;overflow:hidden}
.opmSQLmigrationStatus .loadingGreenBar{width:40%;float:left;height:7px;position:absolute;top:0;left:0;background:#45BD7D}
.opmSQLmigrationStatus .migrationSummary{width:100%;float:left;margin-top:30px;}
.opmSQLmigrationStatus .migrationSummaryTitle{background:#fafafa;width:100%;float:left;padding:20px;text-align:left;font-family:LatoBold;font-size:14px;}
.opmSQLmigrationStatus .migrationSummary li{list-style:none;margin-top:15px;width:100%;float:left}
.opmSQLmigrationStatus .migrationSummary li > div{float:left;width:60%;text-align:left;position:relative;padding:0px 20px 0px 40px}
.opmSQLmigrationStatus .migrationSummary li > div + div{float:left;width:40%;padding:0px 20px}
.opmSQLmigrationStatus .migrationSummary li > div + div:after{position:absolute;top:-1px;left:0;content:':'}
.opmSQLmigrationStatus .migrationSummary li > div:first-child:after{position:absolute;top:7px;left:29px;content:'';width:3px;height:3px;background:#000;border-radius:5px}
.opmSQLmigrationStatus .successMessage{text-align:center;font-family:'RobotoSlabRegular';padding:40px 0 00px 0;font-size:20px;position:relative;}
.opmSQLmigrationStatus .successMessage:before{position:absolute;top:10px;left:50%;content:'';background: url('../../img/opm-sprites.png') no-repeat -192px -1042px; width: 22px; height: 22px;margin-left:-11px;}
.opmSQLmigrationStatus.lg {width: 550px;}
/********PGMIGRATE CSS END**********/

.copy-textarea-field + .copy-icon {display:none;}
.copy-textarea-field:hover + .copy-icon, .copy-icon:hover {display:block;cursor:pointer}
.opmGridNoDeviceBtn{width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}
.opmGridNoDeviceBtn > div{width:100%;height:100%;text-align:center;display:table}
.opmGridNoDeviceBtn > div > div{width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell}
.opmGridNoDeviceBtn .opmBtn{float:none;display:inline-block}
.oputils-delete{width:13px !important;height:17px !important;padding:0 !important;margin:13px 10px 0}
.opmForm .opmFormRow .permBoxHeader > div{width: 20%; clear: none; float: left;height: 40px;padding-top: 15px;text-align: center;}
.opmForm .opmFormRow .permBoxHeader > div.checkBox{padding-top: 6px;}
.opmForm .opmFormRow .permBoxHeader > div:first-child{width: 38%; text-align: left;}

.permBoxCheckbox{position: relative;width: 20px;height: 20px;margin-left: auto;margin-right: auto}
.permBoxCheckbox input[type='checkbox']{opacity: 0!important;width: 15px!important;height: 15px!important;position: absolute;left: -3px;top: 8px;z-index: 2;cursor: pointer}
.permBoxCheckbox label{margin-left: 15px}
.permBoxCheckbox label:before{width:15px;height:15px;border-radius:3px;background:transparent;border: 1px solid #bfbfbf;top:8px;left:0px !important;content:'';position: absolute;cursor: pointer}
.permBoxCheckbox input[type='checkbox']:checked + label:after{top:17px;left:3px;content:'';position: absolute;width: 4px;height: 9px;border: 2px solid #000;border-bottom: 0;border-left: 0;transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-webkit-transform-origin: left top;z-index: 1}
.permBoxCheckbox input[type='checkbox']:checked:disabled + label:after{top:17px;left:3px;content:'';position: absolute;width: 4px;height: 9px;border: 2px solid #dcdcdc;border-bottom: 0;border-left: 0;transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-webkit-transform-origin: left top;z-index: 1}

.formRoundCheck{margin-bottom: 15px;}
.formRoundCheck .label{padding-left: 0px;padding-top: 2px;float: left;clear: none;font-size: 14px!important; width:200px}
.formRoundCheck .chkRoundBtn{padding-left: 10px;float: left}

.logPro .discoveryWizardHolder > ul:after,.chatPro .discoveryWizardHolder > ul:after{display: none}
.logPro .discoveryWizardHolder .opmFormCol, .chatPro .discoveryWizardHolder .opmFormCol{width:48% !important}
.logPro .discoveryWizardHolder .opmFormCol.fullCol, .chatPro .discoveryWizardHolder .opmFormCol.fullCol {width: 100% !important;}
.logPro .discoveryWizardHolder .opmFormCol + .opmFormCol, .chatPro .discoveryWizardHolder .opmFormCol + .opmFormCol{margin-left: 4% !important}
span.select2.select2-container.select2-container--default.select2-container--disabled{opacity: 0.5}

.genAlert{margin:0 5px}
.genAlert:before{background-position:-27px -24px;width:27px;height:23px;margin:-2px 0 0 -5px;transform:scale(.75)}
.addRepositoryIcon:before{background-position:-212px -792px;width:30px;height:22px;transform:scale(.6);top:5px !important;left:14px !important}
body.widgetExpandView_temp #header,body.quickLinksOverlay #header{z-index:99999 !important}

.snapshotHdrDispName{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.snapShotSummaryDetails{clear:both;width: 47%;height: 40px;font:16px LatoBold;text-align: left;position:relative;z-index:7;background: #f5f6f8;padding: 10px 10px;}
.snapShotSummaryDetails i{float: right;}

#testCredentialResults{width:100%;position:relative;top:10%;background:#fff;display:inline-block}
.opm_credContentHolder{background-color:#fffae0;padding:10px;border:1px solid #ffed92}
.opm_credContentHolder .credRTitle{font:14px LatoBold;padding:3px 0 0 35px;position:relative;display:inline-block}
.opm_credContentHolder .credRTitle:before{background:url(../../img/opm-sprites.png) no-repeat -137px -853px;width:25px;height:25px;content:'';display:block;position:absolute;top:0;left:0}
.credReasonsHdr{padding:10px;margin-left:10px}
.credReasonsHdr li{padding:8px;list-style:none}
.credReasonsHdr li:before{background-color:#f36052;height:5px;width:5px;border-radius:50%;content:'';display:inline-block;margin-right:10px;margin-bottom:2px}
.credProTitle{font:14px LatoBold;position:relative;display:inline-block}

.deviceinfoMsgContainer{float:left;width:100%;height:auto;text-align:center;padding-right: 10px;}
.deviceinfoMsg{background-color:#fffbf0;width: auto;padding:10px;text-align:left;font-weight:normal;margin:auto;border:1px solid #e7e7e7;display:inline-block;/* right: 10px; */}
.deviceinfoMsg .alertInfoImg{background: url(../../img/opm-sprites.png) no-repeat -137px -853px;width:25px;height:25px;content:'';display:block;position: relative;top:0;left:0;float: left;}
.deviceinfoMsg .devInfoMsgContent{float: left;position: relative;top:4px;left: 8px};


.unknownDevInfoContainer{float:left;width:100%;height:auto;text-align:center;}
.unknownDeviceInfo{background-color:#fffbf0;width:auto;padding:10px;text-align:left;font-weight:normal;margin:auto;border:1px solid #e7e7e7;}
.unknownDeviceInfo .unknownDeviceinfoHeader{text-align:center;position: relative;font-family: latoBold;top: -10px;}
.unknownDeviceInfo .unknownDeviceinfoHeader:before{background: url(../../img/opm-sprites.png) no-repeat -137px -853px;width:25px;height:25px;content:'';display:block;position: relative;top: 8px;left: -11px;display: inline-block;}
.unknownDeviceInfo li{margin:8px 0;}
.unknownDeviceInfo li:before{background-color: #f36052;border-radius:50%;content:"";display:inline-block;margin-right:10px;margin-bottom:2px;height:5px;width:5px;}
.unknownDeviceInfo .icon-remove{background:none;color:#aeaeb0;position: relative;top: 10px;left: 0;display: inline-block;float: right;}
.unknownDeviceInfo .icon-remove:before{height: 15px}
.unknownDeviceInfo .icon-remove:after{height: 15px}
.unknownDeviceInfo .icon-remove{cursor:pointer}

.underlineLink{text-decoration: underline;}
.opm_backIcon{background:url(../../img/opm-sprites.png) no-repeat -195px -686px;width: 24px;height: 24px;transform:scale(.88);position:relative;top:5px;left:7px;margin: 5px !important}
.nextPrevBdrColor:before{border-color:#000 !important}

.hasHelpCard.hasHelpCardQ:before{content:'?'}

.hasHelpCard3{overflow:visible !important}
.hasHelpCard4{float:none;margin:0 0 0 5px;display:inline-block;position:relative;top:3px}
.hasHelpCard4 .helpCardInfo{top:30px;right:auto;left:-40px}
.hasHelpCard4 .helpCardInfo:before{right:auto;left:29px}
.hasHelpCard4 .helpCard.top .helpCardInfo:before{right:auto;left:24px}
.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}

.opmAccordion.nfaAccr .opmAccHdr{padding:10px 45px 10px 20px !important}
.opmAccordion.nfaAccr .opmAccordionSingle.active{position:relative;z-index:9}
.opmAccordion.nfaAccr .actionsSpan{float:right}
.opmAccordion.nfaAccr .actionsSpan > *{float:left;margin:0 3px;display:inline-block;position:relative}
.opmAccordion.nfaAccr .hasHelpCard{top:2px}

.hasHelpCard3{overflow:visible !important}
.hasHelpCard4{float:none;margin:0 0 0 5px;display:inline-block;position:relative;top:3px}
.hasHelpCard4 .helpCardInfo{top:30px;right:auto;left:-40px}
.hasHelpCard4 .helpCardInfo:before{right:auto;left:29px}
.hasHelpCard4 .helpCard.top .helpCardInfo:before{right:auto;left:24px}
.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}

.opmAccordion.nfaAccr .opmAccHdr{padding:10px 45px 10px 20px !important}
.opmAccordion.nfaAccr .opmAccordionSingle.active{position:relative;z-index:9}
.opmAccordion.nfaAccr .actionsSpan{float:right}
.opmAccordion.nfaAccr .actionsSpan > *{float:left;margin:0 3px;display:inline-block;position:relative}
.opmAccordion.nfaAccr .hasHelpCard{top:2px}

.bvLablePosition:before,.bvLablePosition:before{background:#f6f6f6;content:'';position:absolute;top:0;right:-10px;bottom:0;left:-10px}
.bvLablePosition > label{float:left;width:100%;margin:10px 0 0;position:relative;z-index:1}
.bvLablePosition > div:not(.opmFormTitle){background:url(../../img/bv/device_status_0.png) no-repeat center;height:150px !important;padding:40px;margin:0 0 20px;position:relative}.bvLablePosition .opmRadioBtn > div{width:35px;padding:0 0 0 30px;position:absolute;top:10px;left:25%}
.bvLablePosition .opmRadioBtn > div:nth-child(2){margin-left:-18px;left:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(3){right: 24%;left:auto;}
.bvLablePosition .opmRadioBtn > div:nth-child(4){margin-top:-18px;top:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(5){margin-top:-18px;top:50%;right:24%;left:auto}
.bvLablePosition .opmRadioBtn > div:nth-child(6){top:auto;bottom:8px}
.bvLablePosition .opmRadioBtn > div:nth-child(7){margin-left:-18px;top:auto;bottom:8px;left:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(8){margin-top:-18px;top:auto;bottom:8px;right:24%;left:auto}
.bvLablePosition .opmRadioBtn label:before{background:#fff}

.fwa-added-manual-device{overflow: inherit !important}
.fwa-added-manual-device i{position:relative;width:16px;height:16px;display: flex;transition:.5s;}
.fwa-added-manual-device i:before{top:0;left:0;content:"";position:absolute;background:url('../../img/opm-sprites-v2.svg') no-repeat -168px -116px;width:16px;height:16px;}
.fwa-added-manual-device i > div{position:absolute;top: calc(100% + 2px);left: 50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;padding:2px 10px;border-radius:3px;transform: scale(0.0) translateX(-50%);transition.1s;transform-origin: left;z-index:2}
.fwa-added-manual-device i:hover > div{transform: scale(1) translateX(-50%);transition:0.5s}

.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}

.opmAccordion.nfaAccr .opmAccHdr{padding:10px 45px 10px 20px !important}
.opmAccordion.nfaAccr .opmAccordionSingle.active{position:relative;z-index:9}
.opmAccordion.nfaAccr .actionsSpan{float:right}
.opmAccordion.nfaAccr .actionsSpan > *{float:left;margin:0 3px;display:inline-block;position:relative}
.opmAccordion.nfaAccr .hasHelpCard{top:2px}

html.horizontalView #fwaNoCollectorDiv.noProductNav{top:0}
html.horizontalView #fwaNoCollectorDiv.noProductNav .FilterAccordionContainer .FilterAccContent:before{display:none}

html.horizontalView #ReportSubTabs.noProductNav{top:35px !important}
html.horizontalView #ReportSubTabs.noProductNav .FilterAccordionContainer .FilterAccContent:before{display:none}

html.horizontalView #opmInventorySideBarContent.noProductNav{top:0px !important}
html.horizontalView #opmInventorySideBarContent.noProductNav .FilterAccordionContainer .FilterAccContent:before{display:none}

.nfaBarHolder{overflow:visible}
.nfaBarHolder .helpCardInfo{width:250px;left:-130px}
.nfaBarHolder .helpCardInfo:before{left:120px}

.bvLablePosition:before,.bvLablePosition:before{background:#f6f6f6;content:'';position:absolute;top:0;bottom:0;}
.bvLablePosition > label{float:left;width:100%;margin:10px 0 0;position:relative;z-index:1}
.bvLablePosition > div:not(.opmFormTitle){background:url(../../img/bv/device_status_0.png) no-repeat center;height:150px !important;padding:40px;margin:0 0 20px;position:relative}.bvLablePosition .opmRadioBtn > div{width:35px;padding:0 0 0 30px;position:absolute;top:10px;left:25%}
.bvLablePosition .opmRadioBtn > div:nth-child(2){margin-left:-18px;left:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(3){right: 24%;left:auto;}
.bvLablePosition .opmRadioBtn > div:nth-child(4){margin-top:-18px;top:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(5){margin-top:-18px;top:50%;right:24%;left:auto}
.bvLablePosition .opmRadioBtn > div:nth-child(6){top:auto;bottom:8px}
.bvLablePosition .opmRadioBtn > div:nth-child(7){margin-left:-18px;top:auto;bottom:8px;left:50%}
.bvLablePosition .opmRadioBtn > div:nth-child(8){margin-top:-18px;top:auto;bottom:8px;right:24%;left:auto}
.bvLablePosition .opmRadioBtn label:before{background:#fff}

body.widgetExpandView_temp #header,body.quickLinksOverlay #header{z-index:99999 !important}

.promoConfigInfo #AlrmEvtTrapInvDev{top:40px !important}
.promoConfigInfo .FilterAccordionContainer{top:40px !important}
.promoConfigInfo .slideContent{top:40px !important}


.graphActions{float:right;font:10pt BitterRegular;margin:10px 0 0 10px;position:relative}
.graphActions > div,.graphActions > div > span{float:left;width:235px;width:auto;position:relative}
.graphActions > span.separator{float:right;padding-left: 10px;margin: -1px;cursor: default;}
.exportul.AETIDFilDropDownList .icon-remove{width:20px;height:20px;top:7px}
.exportul.AETIDFilDropDownList.exportSize{opacity: 1; top: 35px;right:17px;width:200px;}
.exportul.AETIDFilDropDownList.timeFilterSize{opacity:1;top:35px;right:33px;width:290px;}
.exportul .opm-icon.report-icon.report-table{background-position:-264px -71px !important;width:17px;height:17px;margin:2px 5px 0 0}
.graphTimer{float:left;margin:0 5px 0 0;position:relative;top:-1px;left:0}
.graphTimer > *{float:left;width:auto;position:relative}
.graphTimer.timeFilterList i.icon-time:before{top:-2px !important}
.graphTimer.timeFilterList ul{width:270px !important;right:25px !important;left:auto}
.graphTimer.timeFilterList ul:before{right:10px;left:auto}
.graphTimer.timeFilterList ul li{margin:4px 3px}
.graphTimer.timeFilterList ul li.header{margin:0;text-align: center;}
.graphTimer.timeFilterList ul li:not(.header){padding:0}
.graphTimer.timeFilterList ul li:before,.graphTimer.timeFilterList ul li:after{display:none}
.graphTimer.timeFilterList ul li label{width:100%;padding:10px 12px;display:inline-flex !important;justify-content:center;align-items:center;min-height:60px;vertical-align:top}
.graphTimer.timeFilterList ul li > input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:1;cursor:pointer}
.graphTimer.timeFilterList ul li > input:checked + label{background:#40bc7d;color:#fff;cursor:default}
.graphTimer.timeFilterList .icon-remove{width:20px;height:20px;top:14px !important}
.graphTimer.timeFilterList i.timeFrameTitle{top:2px !important;font:14px BitterRegular;color:black}

.graphHeaderTopView .graphHeaderTopView-text{width:calc(100% - 550px);display:block}
.deviceSlideDivIn-full .graphHeaderFullView > span.graphHeaderTopView{padding:15px;background:#f4f6f8;font:14pt BitterRegular;height:50px;}
.deviceSlideDivIn-full .graphHeaderFullView > span.graphHeaderTopView{padding-left:40px;padding:15px 40px;background:#f4f6f8;font:14pt BitterRegular;}
.deviceSlideContainer.hdrSec header.graphHeaderTopView{padding:15px;background:#f4f6f8;font:14pt BitterRegular;height:50px;}
.deviceSlideContainer section.deviceInnerSlide-1 header.graphHeaderTopView{padding:15px;background:#f4f6f8;font:14pt BitterRegular;height:50px;}
.deviceSlideContainer section.deviceInnerSlide-1 header.graphHeaderTopView i.icon-remove{top:13px;}
.deviceSlideContainer section.deviceInnerSlide-1 header.graphHeaderTopView + .opmTabCont{top:50px}

.thresholdstatusviolated{background-color:var(--severity-critical);-webkit-mask:url(../../img/status-3.svg) no-repeat 0 0;mask:url(../../img/status-3.svg) no-repeat 0 0;float:left;width: 17px;height:20px;margin:0 5px 0 0;display:inline-block;}
.thresholdstatusnormal{background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0;float:left;width: 17px;height:20px;margin:0 5px 0 0;display:inline-block;}
.thresholdstatusdisabled{background-image:url(../../img/disabled.png);background-repeat:no-repeat;float:left;width: 17px;height:20px;margin:0 5px 0 0;display:inline-block;}

.opmGettingStarted .divTableContent{background:#fff;width:1000px;height:575px}
.opmGettingStarted h3{font-size:24px;padding:20px;color:#fff;background:#40b475;margin:0;}
.opmGettingStarted #innerCont{width:100%;float:left;padding:30px 30px 0;position:inherit;font-family:inherit;height:auto;}
.opmGettingStarted .menuList{width:100%;float:left;position:relative}
.opmGettingStarted .menuList .overEffect{width:20%;background:#f2f2f2;height:100%;position:absolute;left:0;top:0;border-bottom:3px solid #424242;transition:.5s}
.opmGettingStarted .menuList .overEffect:after{position:absolute;z-index:11;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property: bottom;transition-property: bottom;left: -webkit-calc(50% - 10px);left: calc(50% - 10px);bottom: -13px;border-width: 10px 10px 0;border-color:#424242 transparent transparent transparent}
.opmGettingStarted .menuList ul{margin:0;padding:0}
.opmGettingStarted .menuList li{list-style:none;float:left;text-align:center;padding:20px 0;width:20%;box-sizing:border-box;position:relative;transition:.5s;cursor:pointer}
.opmGettingStarted .menuList li:before{width:50%;height:2px;background:#e4e4e4;position:absolute;left:0;top:100px;content:""}
.opmGettingStarted .menuList li:after{width:50%;height:2px;background:#e4e4e4;position:absolute;right:0;top:100px;content:""}
.opmGettingStarted .menuList li:first-child:before,.opmGettingStarted li:last-child:after{content:none}
.opmGettingStarted .menuList li p.menuTitle{font-size:16px;color:#575757;line-height:30px;}
.opmGettingStarted .menuList li p.menuTitle.textEffect{transition:.2s;-webkit-transition:.2s;-moz-transition:.1s;}
.opmGettingStarted .menuList li .circleIcon{width:60px;height:60px;background:#f7f7f7;border:1px solid #e4e4e4;border-radius:50px;margin:20px auto;position:relative;z-index:1;transition:.5s}
.opmGettingStarted .menuList li .circleIcon .iconDiscoverDevice{background:url('../../img/opm-sprites.png') no-repeat -184px -1149px;width:28px;height:23px;margin:18px auto}
.opmGettingStarted .menuList li .circleIcon .iconAddMonitors{background:url('../../img/opm-sprites.png') no-repeat -24px -1149px;width: 22px;height:22px;margin:19px auto}
.opmGettingStarted .menuList li .circleIcon .iconConfigureAlerts{background:url('../../img/opm-sprites.png') no-repeat -72px -1149px;width: 22px;height:22px;margin:18px auto}
.opmGettingStarted .menuList li .circleIcon .iconAlertsandNotifications{background:url('../../img/opm-sprites.png') no-repeat -232px -1177px;width:26px;height:27px;margin:15px  auto}
.opmGettingStarted .menuList li .circleIcon .iconApplyCredentials{background:url('../../img/opm-sprites.png') no-repeat -172px -1210px;width:21px;height:28px;margin:15px  auto}
.opmGettingStarted .menuList li .circleIcon .iconCreateMaps{background:url('../../img/opm-sprites.png') no-repeat -125px -1149px;width: 27px;height:23px;margin:18px auto}
.opmGettingStarted .menuList li .circleIcon .iconGenerateReports{background:url('../../img/opm-sprites.png') no-repeat -242px -1149px;width: 26px;height:22px;margin:19px auto}
.opmGettingStarted .menuList li .circleIcon .iconDownloadProbe{background:url('../../img/opm-sprites.png') no-repeat -156px -1807px;;width: 28px;height:23px;margin:18px auto}
.opmGettingStarted .menuList li .circleIcon div{opacity:.3;transition:.5s;-webkit-transition:.5s}
.opmGettingStarted .menuList li.current .circleIcon div{opacity:1;transition:.5s;-webkit-transition:.5s}
.opmGettingStarted .menuList li p.stepValue{font-size:10px;display:none}
.opmGettingStarted .menuList li.current p.menuTitle{color:#424242;transition:.2s;-webkit-transition:.2s;-moz-transition:.1s;font-size:19px !important;font-family:LatoBold}
.opmGettingStarted .menuList li.current .circleIcon{background:#fff;border:1px solid #979797;transition:.5s}
.opmGettingStarted .menuList li.current p.stepValue{color:#333333;transition:.5s}
.opmGettingStarted .stepDes{display:none;width:100%;height:280px;float:left;border:1px solid #9e9e9e;padding:40px 20px;overflow:auto;margin-top:-2px}
.opmGettingStarted .stepDes.current{display:block}
.opmGettingStarted .stepDes p{font-size:18px;color:#000;line-height:30px;}
.opmGettingStarted .stepDes ul{margin:20px 0 0;padding:0}
.opmGettingStarted .stepDes li{list-style:none;display:inline-block;margin:13px 5px 0}
.opmGettingStarted .stepDes li a{background:#000;padding:15px 25px;font-family:LatoRegular;margin:0; font-size:18px}
.opmGettingStarted .closeAd{border:none;width:25px;height:25px;top:20px}
.opmGettingStarted .closeAd:before,.opmGettingStarted .closeAd:after{height:25px}
.opmGettingStarted .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#424242}
.opmGettingStarted .gettingStartedAnimateDiv{background:#fff;width:1000px;height:575px;margin:auto;transition:all ease .5s;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.opmGettingStarted .divTableContent.twoLineTitle{height:610px;}

.opmGettingStarted .divTableContent.twoLineTitle .menuList li p.menuTitle{height:60px;}
.opmGettingStarted .divTableContent.twoLineTitle .menuList li.current p.menuTitle{font-size:19px !important;}
.opmGettingStarted .divTableContent.twoLineTitle .menuList li:before,.opmGettingStarted .divTableContent.twoLineTitle .menuList li:after  {top:130px;}

.opmGettingStarted #OPMPLUSGettingStarted .divTableContent.twoLineTitle .menuList li p.menuTitle{height:60px;overflow: hidden;overflow-wrap: break-word;font-size: 14px !important;padding: 0 10px;}
.opmGettingStarted #OPMPLUSGettingStarted .divTableContent.twoLineTitle .menuList li.current p.menuTitle{font-size: 14px !important;}
.opmGettingStarted #OPMPLUSGettingStarted .menuList li.current p.menuTitle{color: #000;transition:.2s;-webkit-transition:.2s;-moz-transition:.1s;font-size:19px !important;font-family:LatoBold;}
.opmGettingStarted #OPMPLUSGettingStarted .menuList li p.menuTitle{font-size:16px;color:#575757;line-height:1.3;}
.opmGettingStarted #OPMPLUSGettingStarted .menuList li,
.opmGettingStarted #OPMPLUSGettingStarted .menuList .overEffect
{width:16.66%;}

.opmGettingStarted #OpUtilsGettingStarted .divTableContent{height:545px}
.opmGettingStarted #OpUtilsGettingStarted .gettingStartedAnimateDiv{height:540px}
.opmGettingStarted #OpUtilsGettingStarted .menuList li:before{top:118px}
.opmGettingStarted #OpUtilsGettingStarted .menuList li:after{top:118px}
.opmGettingStarted #OpUtilsGettingStarted .menuList li p.menuTitle{line-height:24px;min-height:50px}
.opmGettingStarted #OpUtilsGettingStarted .stepDes{height:230px;padding: 24px}
.opmGettingStarted #OpUtilsGettingStarted .menuList li .circleIcon .iconDiscoverSubnets{background:url('../../img/opm-sprites.png') no-repeat  -54px -1175px;width:30px;height:28px;margin:15px auto;}
.opmGettingStarted #OpUtilsGettingStarted .menuList li .circleIcon .iconVisualizeIP{background:url('../../img/opm-sprites.png') no-repeat -116px -1178px;width:29px;height:27px;margin:15px auto;}
.opmGettingStarted #OpUtilsGettingStarted .menuList li .circleIcon .iconCreateScheduler{background:url('../../img/opm-sprites.png') no-repeat -28px -1177px;width:24px;height:29px;margin:15px auto;;}
.opmGettingStarted #OpUtilsGettingStarted .menuList li .circleIcon .iconConfigureAlerts{background:url('../../img/opm-sprites.png') no-repeat 0 -1177px;width:26px;height:27px;margin:15px auto;;}
.opmGettingStarted #OpUtilsGettingStarted .menuList li .circleIcon .iconGenerateReports{background:url('../../img/opm-sprites.png') no-repeat -87px -1178px;width:27px;height:27px;margin:15px auto;;}

.opmGettingStarted #FAGettingStarted .divTableContent{height:600px}
.opmGettingStarted #FAGettingStarted .gettingStartedAnimateDiv{height:600px}
.opmGettingStarted #FAGettingStarted .menuList li{padding-left: 15px;padding-right: 15px}
.opmGettingStarted #FAGettingStarted .menuList li:before{top:118px}
.opmGettingStarted #FAGettingStarted .menuList li:after{top:118px}
.opmGettingStarted #FAGettingStarted .menuList li p.menuTitle{line-height:24px;min-height:50px}
.opmGettingStarted #FAGettingStarted .menuList li .circleIcon .iconAddDevice{background:url('../../img/opm-sprites.png') no-repeat 0 -1208px;width:26px;height:30px;margin:15px auto}
.opmGettingStarted #FAGettingStarted .menuList li .circleIcon .iconPrerequisite{background:url('../../img/opm-sprites.png') no-repeat -84px -1208px;width:25px;height:27px;margin:15px  auto}
.opmGettingStarted #FAGettingStarted .menuList li .circleIcon .iconRealTimeAlerts{background:url('../../img/opm-sprites.png') no-repeat -52px -1210px;width:28px;height:27px;margin:15px  auto}
.opmGettingStarted #FAGettingStarted .menuList li .circleIcon .iconCustomReports{background:url('../../img/opm-sprites.png') no-repeat -113px -1209px;width:21px;height:25px;margin:15px  auto}
.opmGettingStarted #FAGettingStarted .menuList li .circleIcon .iconRulePolicyManagement{background:url('../../img/opm-sprites.png') no-repeat -29px -1210px;width:20px;height:26px;margin:15px  auto}

/*#gettingStartedIcon .starBlink{position:relative;float:right;margin-top:-5px;margin-right:-12px;}
#gettingStartedIcon .starBlink .starOne{position: absolute;top: 0px;right: 0px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;animation: glitter 4.5s linear 0s infinite normal;-webkit-animation: glitter 4.5s linear 0s infinite normal;-moz-animation: glitter 4.5s linear 0s infinite normal;-ms-animation: glitter 4.5s linear 0s infinite normal;-o-animation: glitter 4.5s linear 0s infinite normal;animation-delay: 1s;display:none}
#gettingStartedIcon .starBlink .starTwo{position: absolute;top: 13px;right: 0px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;animation: glitter 4.5s linear 0s infinite normal;-webkit-animation: glitter 4.5s linear 0s infinite normal;-moz-animation: glitter 4.5s linear 0s infinite normal;-ms-animation: glitter 4.5s linear 0s infinite normal;-o-animation: glitter 4.5s linear 0s infinite normal;animation-delay: 3s;display:none}
#gettingStartedIcon .starBlink .starThree{position: absolute;top: 0px;right: 12px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;animation: glitter 4.5s linear 0s infinite normal;-webkit-animation: glitter 4.5s linear 0s infinite normal;-moz-animation: glitter 4.5s linear 0s infinite normal;-ms-animation: glitter 4.5s linear 0s infinite normal;-o-animation: glitter 4.5s linear 0s infinite normal;animation-delay: 2s;display:none;}
#gettingStartedIcon .starBlink.active .starOne,#gettingStartedIcon .starBlink.active .starTwo,#gettingStartedIcon .starBlink.active .starThree{display:block}
@-webkit-keyframes glitter {0%  { -webkit-transform: scale(1.0); opacity: 1; }25%  { -webkit-transform: scale(0.5); opacity: 0; }50%  { -webkit-transform: scale(1.0); opacity: 1; }75%  { -webkit-transform: scale(0.5); opacity: 0; }100% { -webkit-transform: scale(1.0); opacity: 1}}
@-moz-keyframes glitter {0% { -moz-transform: scale(1.0); opacity: 1; }25%  { -moz-transform: scale(0.5); opacity: 0; }50%  { -moz-transform: scale(1.0); opacity: 1; }75%  { -moz-transform: scale(0.5); opacity: 0; }100% { -moz-transform: scale(1.0); opacity: 1}}
*/
#gettingStartedIcon .starBlink{position:relative;float:right;margin-top:-5px;margin-right:-12px;}
#gettingStartedIcon .starBlink .starOne{position: absolute;top: 0px;right: 0px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;transform:scale(0)}
#gettingStartedIcon .starBlink .starTwo{position: absolute;top: 13px;right: 0px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;transform:scale(0)}
#gettingStartedIcon .starBlink .starThree{position: absolute;top: 0px;right: 12px;width: 10px;height: 10px;background: url('../../img/opm-sprites.png') no-repeat -261px -1091px;overflow: hidden;z-index: 2;transform:scale(0)}
#gettingStartedIcon .starBlink.active .starOne{animation-name: blinkingStartEffectOne; animation-duration: 12s;}
#gettingStartedIcon .starBlink.active .starTwo{animation: blinkingStartEffectOne; animation-duration: 10s;}
#gettingStartedIcon .starBlink.active .starThree{animation: blinkingStartEffectOne; animation-duration: 14s}
@keyframes blinkingStartEffectOne {0% {transform: scale(1)} 20% {transform: scale(0)} 30% {transform: scale(1)} 40% {transform: scale(0)} 50% {transform: scale(1)} 60% {transform: scale(0)} 70% {transform: scale(1)} 80% {transform: scale(0)} 90% {transform: scale(1)} 100% {transform: scale(0)} }
@-webkit-keyframes blinkingStartEffectOne {0% {-webkit-transform: scale(1)} 20% {-webkit-transform: scale(0)} 30% {-webkit-transform: scale(1)} 40% {-webkit-transform: scale(0)} 50% {-webkit-transform: scale(1)} 60% {-webkit-transform: scale(0)} 70% {-webkit-transform: scale(1)} 80% {-webkit-transform: scale(0)} 90% {-webkit-transform: scale(1)} 100% {-webkit-transform: scale(0)} }

body.gettingStartedCloseAnimate .opmGettingStarted .divTableContent{opacity:0;filter:alpha(opacity=0);transform:scale(.1)}
body.gettingStartedCloseAnimate .opmGettingStarted .gettingStartedAnimateDiv{width:50px;height:50px !important;top:0;bottom:auto;left:auto;transform:scale(.1)}
html.opmTopBandBannerActive body.gettingStartedCloseAnimate .opmGettingStarted .gettingStartedAnimateDiv{top:40px}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td[aria-describedby$="_graphIcon"]{position:relative !important;overflow:visible}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td[aria-describedby$="_graphIcon"] span{height:16px;margin:auto;position:absolute;top:3px;right:-17px;bottom:0;display:inline-block}
.perfMonitorGraph{background: url(../../img/perfMonitorGraph.png) no-repeat;width:16px;height:16px;display:inline-block;position:relative;content:'';}

.DeviceDetails.PageContent:before,.PageContent:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:-9}
body.monitorSnapshotSlideIn.deviceSlideDivIn-5 .DeviceDetails.PageContent:before,body.alarmPageSlideActive .PageContent:before{background:rgba(0, 0, 0, 0.2);z-index:999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-5 .deviceSlideContent.deviceSlideDivIn-5.accesBelow{z-index:999}
body.alarmPageSlideActive .FilterAccContent:before{display:none}
#opmInventoryNav:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;z-index:-9}
html.horizontalView body.alarmPageSlideActive #opmInventoryNav:before{background:rgba(0, 0, 0, 0.2);z-index:999}
input::-ms-clear{display:none}

html.horizontalView #MainNav .mCustomScrollBox,html.horizontalView #MainNav .mCustomScrollBox > .mCSB_container,html.horizontalView #MainNav.mCS_destroyed{overflow:visible !important;}
html.horizontalView #MainNav .NavUl > li:hover > a{background:#4c4c4c}
html.horizontalView #MainNav .NavUl > li > ul li:hover > a,html.horizontalView #MainNav .NavUl > li > ul li a:hover{background:#f3f2bf}
html.horizontalView #MainNav .NavUl > li{position:relative}
html.horizontalView #MainNav .NavUl > li > ul{width:200px;height:auto;display:block;margin:35px 0 0;border:0 !important;box-shadow:0 2.72727px 2px 0 rgba(0,0,0,.14),0 4.09091px 1px -6px rgba(0,0,0,.2),0 1.36364px 5px 0 rgba(0,0,0,.12);position:absolute;display:none}
html.horizontalView #MainNav .NavUl > li.open > ul,html.horizontalView #MainNav .NavUl > li > ul li.open > ul{border-left:1px solid #e9e9ea;display:block}
html.horizontalView #MainNav .NavUl > li > ul li{float:left;width:100%;height:auto;display:block;position:relative !important}
html.horizontalView #MainNav .NavUl > li > ul li a{background:#fff;float:left;width:100%;color:#000;white-space:pre-wrap;word-break:break-word;padding:10px 15px;border-bottom:1px solid #e9e9ea;transition:all .3s ease;position:relative}
html.horizontalView #MainNav .NavUl > li > ul li:last-child > a{border:0}
html.horizontalView #MainNav .NavUl > li > ul li > ul{width:220px;position:absolute;top:0;left:100%;box-shadow:0 2.72727px 2px 0 rgba(0,0,0,.14),0 4.09091px 1px -6px rgba(0,0,0,.2),0 1.36364px 5px 0 rgba(0,0,0,.12);display:none}
html.horizontalView #MainNav .NavUl .subMenuIcon,html.horizontalView #MainNav .NavUl .subAddIcon{padding:10px 23px 10px 15px;position:relative}
html.horizontalView #MainNav .NavUl .subMenuIcon:after{width:8px;height:8px;content:'';margin:auto;border:1px solid #000;border-bottom:0;border-left:0;transform:rotate(45deg);transition:all .3s ease;position:absolute;top:0;right:10px;bottom:0}
html.horizontalView #MainNav .NavUl .subAddIcon:before{background:#199453;width:16px;height:16px;font:17px/15px LatoBold;content:'+';text-align:center;color:#fff;margin:auto;border-radius:50%;position:absolute;top:0;right:5px;bottom:0}

html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollBox{float:left;width:100%;height:auto;overflow:hidden !important}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox .mCSB_container,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollBox .mCSB_container{height:auto !important;margin-right:0;overflow:hidden !important}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox .mCSB_scrollTools,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollbar .mCSB_scrollTools{background:#fff;width:4px !important;margin:0;opacity:0;filter:alpha(opacity=0);right:0 !important}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox:hover .mCSB_scrollTools,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollbar:hover .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100)}
html.horizontalView #MainNav .subMenuIconLev2 .mCSB_scrollTools[style*='block'] .mCSB_draggerContainer,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCSB_scrollTools[style*='block'] .mCSB_draggerContainer{display:block !important}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background:rgba(169,169,169,.4) !important;width:4px;border-radius:0}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(169,169,169,1) !important;border-radius:0}
html.horizontalView #MainNav .subMenuIconLev2 .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,html.horizontalView .opmDashboardSubLinks .dropDownMenu.subDashLoaded .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.5) !important}

html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a{float:left;width:100%;height:auto;text-align:left;white-space:normal;word-break:break-word;color:#000;padding:10px 23px 10px 15px;border-bottom:1px solid #ececec;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a:last-child{border:0}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a:hover,html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a.active,html.horizontalView .opmDashboardSubLinks .more ul li:hover{background:#f3f2bf;color:#000;}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a i:before,html.horizontalView .opmDashboardSubLinks .more ul li i:before{line-height:39px}
html.horizontalView .opmDashboardSubLinks{right:100px}
html.horizontalView .opmDashboardLinks{display:none}
html.horizontalView .opmDashboard > header{background:#fff}
html.horizontalView .opmDashboardSubLinks .more ul li{padding:2px}
html.horizontalView .opmDashboardSubLinks .more ul li a{padding:10px 23px 10px 15px}
html.horizontalView .opmDashboardSubLinks .more ul li > .mCustomScrollbar,html.horizontalView .opmDashboardSubLinks .more ul li div{display:none}

.opmGroupInventory .list li.opuNetworkingToolsTabWidth{width:200px}
html.horizontalView body[class^='deviceSlideDivIn-'] .FilterAccordionContainer .FilterAccContent:before,html.horizontalView body[class*=' deviceSlideDivIn-'] .FilterAccordionContainer .FilterAccContent:before{background:none}
html.horizontalView .opmInventoryHolder.listIcons.hideSortFilter .invenAddIcon{top:-9px}

.opmDashboardSubLinks.ncmSubLinks .list li{min-width:160px;width:auto}
.opmDashboardSubLinks.ncmSubLinks .list li a{text-overflow:inherit;}
.opmDashboardSubLinks.ncmSubLinks .list li.dropDownMenu > div a{padding:10px 25px;}

.ncmReportTimeFilter label{color:#0099ff;font-size:11pt;margin-left:10px;position:relative;top:-3px;cursor:pointer;}
.ncmReportTimeFilter label:hover{text-decoration:underline}
.ncmReportTimeFilter label:before{content:'( '}
.ncmReportTimeFilter label:after{content:' )'}

.ncmmakeinherit{position:inherit !important}

.opmInventoryHolder.promoAdjustClass{top:40px}
.horizontalView .settingsCnt.promoAdjustClass{top:75px}
.opupromoAdjustClass{top: 40px}




html.horizontalView body.inventoryHardwareWidgetExpand .DIA-Content,html.horizontalView body.inventoryHardwareWidgetExpand .gridStack-innerFullCol.dashboardWidgetExpandView.expandViewGraphTable{z-index:99 !important}
html.horizontalView body.inventoryHardwareWidgetExpand .gridStack-innerFullCol > .opm_widget_title{right:15px}
html body:not(.inventoryHardwareWidgetExpand) .hwareList .gridStack-innerFullCol{padding:0}
html body:not(.inventoryHardwareWidgetExpand) .hwareList .gridStack-innerFullCol .opm_widget_title{left:0 !important}
.inventoryHardwareWidgetParentExpand{z-index:99}

.DeviceDetails.PageContent:before,.PageContent:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;z-index:-9}
body.monitorSnapshotSlideIn.deviceSlideDivIn-5 .DeviceDetails.PageContent:before,body.alarmPageSlideActive .PageContent:before{background:rgba(0, 0, 0, 0.2);z-index:999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-5 .deviceSlideContent.deviceSlideDivIn-5.accesBelow{z-index:999}
body.monitorSnapshotSlideIn.deviceSlideDivIn-13 .DeviceDetails.PageContent:before,body.alarmPageSlideActive .PageContent:before{background:rgba(0, 0, 0, 0.2);z-index:999}
.monitorSnapshotSlideIn .deviceSlideContent.deviceSlideDivIn-13.storageInstance{z-index: 999;top:0 !important;}
.monitorSnapshotSlideIn .deviceSlideContent.deviceSlideDivIn-13.storageInstance header.greyBg{background:#eeeeee;position:absolute;cursor:pointer;height: 55px;padding: 15px;}
.monitorSnapshotSlideIn .deviceSlideContent.deviceSlideDivIn-13.storageInstance header i.icon-remove{top:auto !important; color:#8a8e91;position:absolute;right:10px;cursor:pointer}
body.alarmPageSlideActive .FilterAccContent:before{display:none}
#opmInventoryNav:before{width:100%;height:100%;content:'';margin:auto;position:absolute;top:0;left:0;transition:all .3s ease;z-index:-9}
html.horizontalView body.alarmPageSlideActive #opmInventoryNav:before{background:rgba(0, 0, 0, 0.2);z-index:999}
input::-ms-clear{display:none}
.opmTrainingLink{background: #77c342;float:right;width:auto;height:50px;font:15px/20px LatoRegular;color:#fff;padding:3px 5px;margin:0 10px;display:block;position:relative;top:0;}
.opmTrainingLink i{float:left}
.opmTrainingLink b{float:left;height:100%;font-size:18px;padding:10px 0 0 10px;margin:0 0 0 10px;border-left:1px solid #fff}

.groupingDistribution{position:absolute !important;top:0;left:0}
.groupingDistribution #gDWidget > .ember-view,.groupingDistribution #gDWidget > .ember-view > div{width:100% !important}

.recentAlarmsInvSnapShot{background:#fffbef;float:left;width:100%;height:auto;padding:10px 10px 8px;border:1px solid #e3e3e3}
.recentAlarmsInvSnapShot{color:#131313}
.recentAlarmsInvSnapShot h3{font:15px/22px LatoBold;padding:0 0 0 35px;margin:0 0 10px;position:relative}
.recentAlarmsInvSnapShot h3:before{background:url(../../img/opm-sprites.png) no-repeat -188px -815px;width:34px;height:34px;content:'';display:block;position:absolute;top:-6px;left:0;transform:scale(.7)}
.recentAlarmsInvSnapShot h3 > span{font-size:11px;color:#de3223;cursor: pointer;margin: 0 0 0 5px;text-decoration:underline}
.recentAlarmsInvSnapShot h3 > span > .ember-view{display:inline}
.recentAlarmsInvSnapShot li{float:left;width:100%;font:13px/19px LatoRegular;padding:0 0 4px 9px}
.recentAlarmsInvSnapShot li > span:hover{text-decoration:underline;cursor: pointer;}
.recentAlarmsInvSnapShot li > span.noLink:hover{text-decoration:none;cursor:auto}
.recentAlarmsInvSnapShot li b{font-family:LatoBold}
.recentAlarmsInvSnapShot li i{font-size:16px !important}
.recentAlarmsInvSnapShot a{float:right;font-size:13px;color:#31A5F0;font-weight: bold;}
.zchartMinWid #tooltipcontent{max-width:100px !important}
.checkBoxAccr li{background:none !important}
.checkBoxAccr .opmCheckBox{padding:2px 0 2px 0 !important}
.checkBoxAccr .opmCheckBox input{width:40px}
.checkBoxAccr > li > .opmCheckBox > div{background:#f9f9fb}
.checkBoxAccr .opmCheckBox ul{padding:0 0 0 20px}
.addCredential{float:left;width:100%;height:auto;font-size:12px;text-align:center;padding:10px;border-top:1px solid #d7d7d7;cursor:pointer}
.addCredential{background:#46bb7d;color:#fff}
.addCredential i{padding:0 0 0 15px;margin:auto;display:inline-block;position:relative}
.addCredential i:before{content:'+';color:#FFF;position:absolute;top:0;bottom:0;left:4px;z-index:1;display:block}

.opmChckList.opmChckListType4 .list .opmCheckBox label:before{width:15px;height:15px;border-radius:3px}
.opmChckList.opmChckListType4 .list .opmCheckBox input:checked + label:after{top:15px;left:10px}
.opmChckList.opmChckListType4 .opmCheckBox div{min-width:30px;min-height:25px;padding:0 0 0 30px}
.opmChckList.opmChckListType4 .opmCheckBox input{height:100%}
.opmChckList.opmChckListType4 .opmCheckBox label{line-height:25px}
.opmChckList.opmChckListType4 .checkBoxAccr .opmCheckBox input{width:21px;height:21px;left:5px;top:4px}

#credentialsList .icon-up-dir:before{position:absolute;right:8px;top:6px}
#credentialsList .icon-down-dir:before{position:absolute;right:8px;top:6px}


.hasHelpCard5{float:none;display:inline-block;position:relative;top:2px}
.hasHelpCard5 .helpCardInfo{top:25px;right:auto;left:-30px}
.hasHelpCard5 .helpCardInfo:before{right:auto;left:20px}

.associateCredentialDetails > div{background:#535d6b;float:left;width:auto;height:auto;color:#fff;padding:2px 8px;margin:2px;border-radius:4px;display:inline-block}

.OpMAlertMsgInrPopUp:before{transition:none}


.credentialInfoContainer{float:left;width:100%;height:auto;text-align:center}
.credentialinfoMsg{background-color:#fcf6e6;width:auto;padding:10px;text-align:left;font-weight:normal;margin:auto;border:1px solid #e2e2e2;display:inline-block}
.credentialinfoMsg p{color:#7b7b7b !important}

.centralProbStatusInfo{float:right;margin:11px 0px 0 11px;font-size:12px;;margin-right: 5px;}
.centralProbStatusInfo > div{float:left;color: #fa5b5a;padding:3px 10px 5px;border:1px solid #46bb7d;border-radius: 3px;}
.centralProbStatusInfo .statusUp{float:left;color: #46bb7d;padding:3px 10px 5px 20px;border:1px solid #46bb7d;border-radius: 3px;position: relative;}
.centralProbStatusInfo .statusDown{border-color:#fa5b5a;padding-left:20px;position:relative;margin-left: 5px;}
.centralProbStatusInfo .statusDown:after{position:absolute;top: 7.5px;left: 8px;width: 6px;height: 6px;border-left: 1px solid #fa5b5a;border-bottom: 1px solid #fa5b5a;content:"";transform: rotate(-45deg);}
.centralProbStatusInfo .statusDown:before{position:absolute;top: 6px;left: 11px;width: 1px;height: 9px;background: #fa5b5a;content:""}

.centralProbStatusInfo .statusUp:after {position: absolute;top: 7px;left: 8px;width: 6px;height: 6px;border-left: 1px solid #46bb7d;border-top: 1px solid #46bb7d;content: "";transform: rotate(45deg);}
.centralProbStatusInfo .statusUp:before {background-color: #46bb7d;position: absolute;top: 6px;left: 11px;width: 1px;height: 9.5px;content: "";}

.complainceDetails #btn-back{float:left;font-size:14px;text-align:center;color:#8a8e91;padding:12px 5px 10px;margin:0 10px 0 10px;cursor:pointer;display:inline-block}
.deviceSlideContent.full{top:0; height: 100%}
.opmMapBVTabNav.withBackBtn:before{left:auto}

.nfaAutoRefreshDiv,.nfaAutoRefreshDiv > div,.nfaAutoRefreshDiv > div > div{overflow:visible !important}
.nfaAutoRefresh{background:#fff;float:right;width:auto;height:30px !important;padding:0 15px 0 0;margin:5px 5px 0;border:1px solid #dbdbdb;border-radius:5px;position:relative !important;overflow:visible !important}
.nfaAutoRefresh .timerTag:before{font:14px fontello;content:'\e8d2';color:#8a8e91;position:absolute;top:6px;right:5px}
.nfaAutoRefresh .timerTag:hover::before {color:#000}
.nfaAutoRefresh i{background:none !important;padding:4px !important}
.nfaAutoRefresh ul{right:0}

.intfDiscNoWrap{white-space:nowrap !important;margin-right:20px !important}
.opmDivTableFormate{background:#f9f9fb;width:100%;height:auto;border:1px solid #b2b2b2;border-right:0;border-left:0;display:table}
.opmDivTableFormate > div.tHdr{background:#eee;font-family: 'LatoBold'}
.opmDivTableFormate > div.tHdr > div{border-bottom:1px solid #e3e3e3}
.opmDivTableFormate > div.tHdr > div:first-child{padding:10px 15px}
.opmDivTableFormate > div{width:100%;height:auto;color:#262626;display:table-row}
.opmDivTableFormate > div:nth-child(2n){background:#fff}
.opmDivTableFormate > div > div{vertical-align:top;word-break:break-all;padding:8px 15px;display:table-cell;float:left}
.opmDivTableFormate.legendType{text-align:center}

.opmRamUsageInfoContainer .opmDivTableFormate{border:0}
.opmRamUsageInfoContainer .opmDivTableFormate + .opmDivTableFormate > div.tHdr{display:none}
.opmRamUsageInfoContainer .opmDivTableFormate > div:not(.tHdr){background:#fff !important}
.opmRamUsageInfoContainer .opmDivTableFormate > div > div{width:33.333%}
.opmRamUsageInfoContainer.legendType2{border-color:#b2b2b2}

html.horizontalView body.noSecondLevelMenu #opmInventoryNav{display:none}
html.horizontalView body.noSecondLevelMenu #opmInventorySideBarContent{top:0}
.nfaInventoryTab{right:280px}
.opmGroupInventory.nfaInventoryTab .list li{width:170px}

html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul{right:0}
html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul li > ul{left:auto;right:100%;z-index:-1}
.alarmNotificationInfo{background:#f8f8f8;float:left;width:100%;height:auto;padding:15px 30px;position:absolute;top:0;left:0}
.alarmNotificationInfo > header,.alarmNotificationInfo > header ul{float:left;width:100%;position:relative;z-index:1}
.alarmNotificationInfo > header ul li{background:#6b6b6c;float:left;color:#fff;padding:10px 20px 10px 40px;margin-right:2px;border:1px solid #eaeaea;border-bottom:0;border-radius:10px 10px 0 0;position:relative;cursor:pointer;}
.alarmNotificationInfo > header ul li:not(.active){opacity:0.5;filter:alpha(opacity=50)}
.alarmNotificationInfo > header ul li.active{background:#6b6b6c}
.alarmNotificationInfo > header ul li.active:after{background:#6b6b6c;width:100%;height:2px;content:'';position:absolute;bottom:-2px;left:0;display:block}
.alarmNotificationInfo > header ul li:before{background:url(../../img/opm-sprites.png) no-repeat -214px -1019px;width:29px;height:29px;content:'';transform:scale(.72);position:absolute;top:4px;left:9px}
.alarmNotificationInfo > header ul li.info:before{background-position:-215px -1047px;width:29px;height:29px}
.alarmInfoClose{background:#fff;width:20px;height:20px;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.2);display:inline-block;position:absolute;bottom:-12px;right:-10px;cursor:pointer;z-index:1}
.alarmInfoClose:after,.alarmInfoClose:before{background:#fafafa;width:1px;height:12px;content:'';margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.alarmInfoClose{background:none;box-shadow:none;top:2px;right:0}
.alarmInfoClose:before{transform:rotate(45deg)}
.alarmInfoClose:after{transform:rotate(135deg)}
.alarmNotificationInfo > section{background:#6b6b6c;float:left;width:100%;padding:13px 0 15px 20px;border:1px solid #eaeaea;border-top:0;border-radius:0 10px 10px 10px;box-shadow:0 0 60px rgba(0,0,0,.1)}
.alarmNotificationInfo > section > .mCustomScrollBox{float:left;width:100%;height:59px}
.alarmNotificationInfo > section > .mCustomScrollBox > .mCSB_container{margin:0}
.alarmNotificationInfo > section > .mCustomScrollBox > .mCSB_scrollTools,#AlrmEvtTrapInvDev .alarmNotificationInfo > section#MsgFwCustomScroll.ProductCustomScroll > .mCustomScrollBox > .mCSB_scrollTools{width:3px;margin:0 !important;right:5px !important}
.alarmNotificationInfo > section > .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerRail{background:#a9a9a9;width:3px}
.alarmNotificationInfo > section > .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;width:3px}
.alarmNotificationInfo > section .content{float:left;width:100%;height:auto;padding-right:20px}
.alarmNotificationInfo > section .content > div{float:left;width:100%;height:auto;color:#fff;padding:0 30px 3px 25px;margin:0 0 7px;border-bottom:1px solid #a0a1a2;position:relative}
.alarmNotificationInfo > section .content > div:before{content:'::';position:absolute;top:0;left:0}
.alarmNotificationInfo > section .content > div:last-child{padding-bottom:0;margin:0;border:0}
.alarmNotificationInfo > section .content > div > p > b{font:15px LatoRegular;margin:0 5px 3px 0;display:inline-block}
.alarmNotificationInfo > section .content > div > p > b:after{content:' :'}
.alarmNotificationInfo > section .content > div > p{font:14px LatoLight;margin:0 0 3px;display:inline-block}
.alarmNotificationInfo .opm_link{color:#80eef5 !important}
body.alarmNotificationInfoActive .AETIDList{padding:151px 0 0}
body.alarmNotificationInfoActive .AETIDList.filterDataByActive{padding:196px 0 0}
body.alarmNotificationInfoActive .AETIDList.filterDataByActive .alarmNotificationInfo{top:45px}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-184px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-194px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-229px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-239px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-190px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.List .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.List .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-235px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-254px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-298px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-239px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#InterfacesList_cb > div{top:-194px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-196px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-186px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Grid .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div,body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.Colored .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-241px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-231px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.List .AETIDList.filterDataByActive .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-237px !important}
body.alarmNotificationInfoActive #AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-192px !important}

.inventoryAddOnsPage{background:#fff;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;overflow:auto}
.inventoryAddOnsPage .content{width:1200px;font:16px/180% LatoRegular;color:#4e4e4e;text-align:left;padding:30px;margin:auto}
.inventoryAddOnsPage h3{font:35px RobotoSlabLight;color:#393838;padding:40px 40px 50px 100px;position:relative}
.inventoryAddOnsPage h3:before{background:url(http://localhost/opmanager-admin/img/opm-sprites.png) no-repeat -275px -792px;width:79px;height:71px;content:'';position:absolute;top:20px;left:0;display:block}
.inventoryAddOnsPage hr{background:#efefef;float:left;width:100%;height:1px;margin:20px 0 30px;border:0}
.inventoryAddOnsPage .content > b{float:left;width:100%;font:18px LatoBold;margin:0 0 20px}
.inventoryAddOnsPage ul{float:left;width:100%;list-style:disc inside}
.addOnLink,.configLink{float:left;width:auto;padding:0 40px 0 65px;position:relative;display:inline-block}
.addOnLink b,.configLink b{clear:both;font:18px LatoBold;color:#4e4e4e;display:block}
.addOnLink:before,.configLink:before{background:url(../../img/opm-sprites.png) no-repeat 0 -870px;width:48px;height:43px;content:'';position:absolute;top:0;left:0;display:block}
.configLink:before{background-position:-223px -814px}

#interfaceContentMin i{margin-left: 20px;text-decoration: underline;color: #31A5F0;cursor: pointer;}
.disc_intfs {float:left;width:100%;height:auto;padding:10px 10px 10px 220px}
.opmAddEditDeviceListhdr .bvDevFilterNormal{text-decoration:none;cursor:pointer;font-family: LatoRegular;font-weight: normal;font-size: 10px}
.opmAddEditDeviceListhdr .bvDevFilterBold{font-weight: bold !important;font-family: LatoBold !important;font-size: 11px !important;}
.helpCardInfoInput{width:auto;max-width:322px;height:auto;position:absolute;top:130px;left:220px;z-index:2}
.helpCardInfoInput:before{background:#1a1d23;width:12px;height:20px;content:'';margin:auto;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;top:10px;left:0}
.helpCardInfoInput > div{background:#1a1d23;float:left;width:auto;height:auto;font:normal 13px LatoRegular;color:#fff;padding:10px;border-radius:3px;position:relative;z-index:1}

html.horizontalView body.noSecondLevelMenu #opmInventoryNav{display:none}
html.horizontalView body.noSecondLevelMenu #opmInventorySideBarContent{top:0}
html.horizontalView body.noSecondLevelMenu #opmInventorySideBarContent #PageContent{position:absolute;top:0;bottom:0;left:0}
.filterSectionToggle{background:url(../../img/opm-sprites.png) no-repeat -315px -947px;width:18px;height:18px;display:inline-block;position:relative;top:2px}
body.noFilterSection.NavText #PageSideBar + #PageContent{padding-left:0 !important}
.slideContHolder .opmForm > .opmFormRow:last-child,#addCategoryDiv > .opmFormRow:last-child,#addFilterDiv > .opmFormRow:last-child,#associateDiv > .opmFormRow:last-child,.credentials > .opmFormRow:last-child,#nCredDiv > .opmFormRow:last-child,#devicesDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#subScheduleDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#inputDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#entitiesDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#credentialsDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#rulesDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#interfaceDiv > .opmForm.opmFormType5> .opmFormRow:last-child,#addFieldDiv > .opmFormRow:last-child,#addbyManualDiv > .opmFormRow:last-child,#addTaskDiv > .opmFormRow:last-child{margin:0}
.slideContHolder .opmTabCont .opmForm > .opmFormRow:last-child,.slideContHolder .opmTabCont .opmAddBulkSNMP > .opmFormRow:last-child,#perfDevicesListDiv > .opmFormRow:last-child,.deviceSlideContainer .opmForm > .opmFormRow:last-child,.deviceBtn > .opmFormRow:last-child,#general > .opmFormRow:last-child{margin:0 0 35px}
html.horizontalView .settingsHdr .adminTabs li a,html.horizontalView .opmInventoryNavList li{font:13px LatoRegular;color:#000;padding:7px 25px !important;border-bottom:3px solid transparent}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a.subAddIcon{position:relative}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu > div a.subAddIcon:before{background:#199453;width:16px;height:16px;font:17px/15px LatoBold;content:'+';text-align:center;color:#fff;margin:auto;border-radius:50%;position:absolute;top:0;right:5px;bottom:0}
.opmAccordion.workflowTrigger > .opmFormRow:last-child{margin:0 0 40px}
.oputilsReport .oputilsReportPage{top:35px !important;}
.oputilsReport .settingsCnt{top:75px !important;}

.icon-ping3{width:28px;height:18px;margin:0 5px;position:relative;display:inline-block}
.icon-ping3:before{background:url(../../img/opm-sprites.png) no-repeat -111px -24px;width:28px;height:14px;content:'';transform:scale(.8);position:relative;top:2px}

#slackConsentCheck{margin-top:4px!important}
.select2-container .slack-image img{width: 30px;height: 30px;border-radius: 3px}
.select2-container .slack-image span{top: -10px;left: 10px;position: relative;}
.bvLegendWidget {transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8); -webkit-transform-origin: left bottom;-moz-transform-origin: left bottom;transform-origin: left bottom;-ms-transform-origin: left bottom;position: absolute !important; left:10px !important; bottom: 6px !important;width:auto;_width:auto;padding: 0px;z-index: 1000;font-size: 9pt;font-family: 'Open Sans', Arial, Helvetica, sans-serif}
.bvLegendWidget .listclass1 img{float: none !important}
.bvLegendWidget .textdiv{color:#848282 !important}

.bvListChkBox .selAll{width:100%;height:29px;font-size:12px;padding:5px 10px 5px 5px;border-bottom:1px solid #e3e3e3;position:absolute;top:78px;z-index: 1}
.bvListChkBox.selAllActive .selAll{display:block !important}
.bvListChkBox.selAllActive .content{padding:29px 0 0}
.opmMapBVViewSingle .bvListChkBox .content ul li{padding:5px 10px 5px 40px}
.opmMapBVViewSingle .bvListChkBox .content ul li:before{left:27px}
.opmMapBVViewSingle .bvListChkBox .content ul li input{position:absolute;top:4px;left:5px}
.opmMapBVViewSingle .bvListChkBox .content ul li span:last-child{width:33%}

.mapListjqGridSelAll{background:#fcf9e7;float:left;width:100%;height:30px;padding:5px 7px;border-bottom:1px solid #e3e3e3;position:absolute;top:40px;display:none;z-index:1}
.jqGridDeleteAllBtn{float:right;cursor:pointer;width: 127px;margin-right: 0;}
.bvListChkBox .selAll>div, .mapListjqGridSelAll.active {line-height: 1; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.bvListChkBox .selAll>div i, .mapListjqGridSelAll .jqGridDeleteAllBtn {margin-left: auto;}
.bvListChkBox .selAll>div input, .mapListjqGridSelAll input {margin-right: 5px;}


.mapListjqGridSelAll.active +  .opm_jqGridUI .ui-jqgrid-view{padding:70px 0 0}

.interfaceDisplayName > span{float:left;max-width:49%;text-overflow:ellipsis;display:block;overflow:hidden;position:relative}
.interfaceDisplayName > span:first-child{padding:0 10px 0 0;margin:0 10px 0 0}
.interfaceDisplayName > span:first-child:after{content:'|';color:#000;position:absolute;top:0;right:0}

.opm_jqGridUI .opmCusGrid .ui-jqgrid .ui-jqgrid-bdiv td .nfaDEColStats{top:0}
.opmCusGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td.ui-sgcollapsed{top:0 !important}

.icon-ncm-device{background:url(../../img/opm-sprites.png) no-repeat -310px -690px;width:20px;height:20px;display:inline-block}
.icon-device-group{background-position:-310px -690px}
.icon-device-grid{background-position:-288px -690px}

.ncmDeviceGroupName .down-arrow:before{background:none !important}
/*.ncmDeviceGroupName .deviceActionList:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);position:absolute;top:-7px;right:20px;z-index:-1;display:block !important}*/
.ncmDeviceGroupName .deviceActionList li{background:#fbfbfb !important}
.ncmDeviceGroupName .deviceActionList li:hover{background:#f1f1f3 !important}
.ncmAction ul li.header i{padding:0}
.remtextdecodaration{text-decoration:none !important;color: #147dbf !important;font-weight: bold}
.remtextdecodaration:hover{text-decoration: underline !important}
.more .moreList li {max-width: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*html.horizontalView #nav{padding:0 30px 0 0}
html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools[style*="block"]{right:30px}
.hrMenuEditOptions{background:#252525;width:30px;height:100%;position:absolute;top:0;right:0;display:block !important;z-index:4;cursor:pointer}
.hrMenuEditOptions:before{content:'...';font:30px/10px LatoBold;color:#fff;transform:rotate(90deg);position:absolute;top:12px;left:13px}
.hrMenuEditOptions:hover ul{display:block !important}
.hrMenuEditOptions ul{background:#f5f5f5;min-width:180px;width:auto;height:auto;border:1px solid #b9b9b9;position:absolute;top:35px;right:0;z-index:1;display:none;box-shadow:0 0 3px rgba(0,0,0,.1)}
.hrMenuEditOptions ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);position:absolute;top:-7px;right:11px;z-index:-1}
.hrMenuEditOptions ul li{background:#f5f5f5;float:left;width:100%;height:auto;font:normal 13px LatoRegular;text-align:left;padding:10px 15px;margin:0;border-bottom:1px solid #cecece;position:relative;cursor:pointer}
.hrMenuEditOptions ul li:last-child{border:0}
.hrMenuEditOptions ul li:hover{background:#fefbd0}
#hrMenuEditView{background:rgba(0,0,0,.4);position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden}
html.hrMenuEditViewActive #hrMenuEditView{display:block !important;z-index:9999999}
html.opmAlignCenter #hrMenuEditView{margin:auto}
html.hrMenuEditViewActive #header,html.hrMenuEditViewActive #nav,html.hrMenuEditViewActive #opmAlertInfoSec,html.hrMenuEditViewActive #main{filter:blur(2px)}
#hrMenuEditView > div#mainNavSort,#hrMenuEditView > div#subNavSort{background:#252525;width:auto;height:35px;position:absolute;top:50px;right:0;bottom:0;left:0}
#hrMenuEditView > div#subNavSort{background:#fafafa;top:85px}
.hrMenuEditViewActive.noSubMenu #hrMenuEditView > div#subNavSort,.hrMenuEditViewActive.noSubMenu #hrMenuEditView > div#subNavAdd{display:none}
#hrMenuEditView ul{float:left;width:100%;height:100%;padding:4px 0}
#hrMenuEditView ul > li{float:left;width:auto;height:100%;font:14px LatoRegular;padding:4px 25px;margin:0 10px;border:0;border-radius:5px;cursor:pointer;position:relative;z-index:0}
#hrMenuEditView ul > li > *{z-index:1}
#hrMenuEditView ul > li span{color:#fff}
#hrMenuEditView ul > li.active{background:#f6f5bd;cursor:move}
#hrMenuEditView ul > li.active span,#hrMenuEditView > div#subNavSort ul > li span{color:#000}
#hrMenuEditView ul > li.disabled{opacity:.5;filter:alpha(opacity=50)}
#hrMenuEditView ul > li > i{background:url(../../img/opm-sprites.png) no-repeat -280px -1042px;width:15px;height:15px;position:absolute;top:-5px;left:-5px;cursor:pointer;display:none}
#hrMenuEditView ul > li > i.closeIcon{background-position:-296px -1042px}
#hrMenuEditView ul > li > i.editIcon{background-position:-264px -1042px;top:auto;right:3px;bottom:3px;left:auto;transform:scale(.8)}
#hrMenuEditView ul > li.active > i,#hrMenuEditView > div#subNavSort ul > li.active i{display:block}
#hrMenuEditView ul li .animate,#hrMenuEditView ul li .animate b{width:100%;height:100%;border-radius:5px;position:absolute;top:0;left:0;overflow:hidden;z-index:0}
#hrMenuEditView ul li.active .animate:before,#hrMenuEditView ul li.active .animate:after{width:200%;height:1px;content:'';border-top:1px dashed #000;border-radius:3px;position:absolute;top:0;left:-100%;animation:borderAnimate 3s linear infinite;-moz-animation:borderAnimate 3s linear infinite;-webkit-animation:borderAnimate 3s linear infinite;-o-animation:borderAnimate 3s linear infinite}
#hrMenuEditView ul li.active .animate:after{top:auto;bottom:-1px;left:0;animation:borderAnimate2 3s linear infinite;-moz-animation:borderAnimate2 3s linear infinite;-webkit-animation:borderAnimate2 3s linear infinite;-o-animation:borderAnimate2 3s linear infinite}
#hrMenuEditView ul li.active .animate b:before,#hrMenuEditView ul li.active .animate b:after{width:1px;height:200%;content:'';border-left:1px dashed #000;border-radius:3px;position:absolute;top:-100%;left:0;display:block;animation:borderAnimate3 3s linear infinite;-moz-animation:borderAnimate3 3s linear infinite;-webkit-animation:borderAnimate3 3s linear infinite;-o-animation:borderAnimate3 3s linear infinite}
#hrMenuEditView ul li.active .animate b:after{top:0;left:auto;right:-1px;animation:borderAnimate4 3s linear infinite;-moz-animation:borderAnimate4 3s linear infinite;-webkit-animation:borderAnimate4 3s linear infinite;-o-animation:borderAnimate4 3s linear infinite}
@keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@-ms-keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@-moz-keyframes borderAnimate{ 0%{left:-100%}100%{left:0} }
@-webkit-keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@-ms-keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@-moz-keyframes borderAnimate2{ 0%{left:0}100%{left:-100%} }
@-webkit-keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@-ms-keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@-moz-keyframes borderAnimate3{ 0%{top:0}100%{top:-100%} }
@-webkit-keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
@-ms-keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
@-moz-keyframes borderAnimate4{ 0%{top:-100%}100%{top:0} }
@-webkit-keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
#hrMenuEditView > div#subNavSort ul > li{padding:4px 25px;border-radius:3px;position:relative}
.navAddOption{background:#49bd80;width:25px;height:25px;position:absolute;top:55px;right:5px;cursor:pointer;z-index:2}
.navAddOption:before,.navAddOption:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.navAddOption:after{transform:rotate(90deg)}
#subNavAdd{top:90px}
.navEditDiv:before{background:#252525;width:35px;height:35px;content:'';position:absolute;top:0;right:0;z-index:1}
#subNavSort:before{background:#fafafa}
.navEditDiv ul{height:35px !important}
.navEditDiv .mCustomScrollBox,.navEditDiv .mCustomScrollBox > .mCSB_container{overflow:visible !important}
.navEditDiv.mCustomScrollbar{overflow:visible !important}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#000;width:100px;height:100%;opacity:1;filter:alpha(opacity=100);top:0;right:35px;left:auto;z-index:9}
#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#fff}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{background:none;float:left;width:50%;height:100%;opacity:1;filter:alpha(opacity=100);position:relative;cursor:pointer}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{width:10px;height:10px;content:'';margin:auto;border:1px solid #fff;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:5px;display:block;transform:rotate(-45deg)}
#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{border-color:#000}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg)}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{display:none}
.hrMenuEditAlertInfo{width:100%;text-align:center;position:absolute;top:-100px;right:0;left:0;transition:all .3s ease}
.hrMenuEditAlertInfo.active{top:8px}
.hrMenuEditAlertInfo > div{background:#fff3af;width:auto;text-align:center;padding:6px 30px;margin:auto;border-radius:3px;display:inline-block}
.hrMenuEditAlertInfo > div > *{background:#49bd80;color:#fff;padding:3px 10px;margin:0 5px;border-radius:3px;display:inline-block;cursor:pointer}
.hrMenuEditAlertInfo > div > div:last-child{background:#8a939a}
.hrMenuAddNew{background:#fff;width:600px;height:auto;margin:auto;border-top:4px solid #49bd80;position:absolute;top:-1000px;right:0;left:0;transition:all .3s ease}
.hrMenuAddNew.active{top:175px}
.hrMenuAddNew > header{font:20px LatoRegular;padding:10px 30px;border-bottom:1px solid #e6e6e6}
.hrMenuAddNew > header i.icon-remove{position:absolute;top:10px;right:5px}
.hrMenuAddNew > section{float:left;width:100%;height:auto;padding:30px 30px 10px 50px}
.hrMenuAddNew > section .row{float:left;width:100%;height:auto;margin:0 0 20px}
.hrMenuAddNew > section .row > div{float:left;width:120px}
.hrMenuAddNew > section .row > div:last-child{width:400px}
.hrMenuAddNew > section .row > div > label{padding:7px 0 0;display:inline-block}
.hrMenuAddNew > section .row > div > input[type=text]{width:400px;height:33px;padding:10px;border:1px solid #e0e0e0}
.hrMenuAddNew > section .row.actionsBtn > div.opmBtn{float:right;width:auto !important}
.chBox > div{display:inline-block;position:relative}
.chBox > div{float:left;min-width:35px;height:35px;padding:0 0 0 30px;margin:0 15px 0 0;position:relative}
.chBox > div input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opcity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.chBox > div label{line-height:33px;z-index:0}
.chBox > div label:before{background:#fff;width:18px;height:18px;content:'';border:1px solid #ababab;border-radius:3px;position:absolute;top:7px;left:6px}
.chBox > div label:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:18px;left:10px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
.chBox > div input:checked + label:before{background:#42be7f}
.chBox > div input:checked + label:after{border-color:#fff;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}*/
html.horizontalView #nav{padding:0 50px 0 0}
/*html.horizontalView #MainNav.mCustomScrollbar .mCSB_scrollTools[style*="block"]{right:30px}*/
.hrMenuEditOptions{background:#252525;width:30px;height:35px;position:relative;top:0;right:0;display:block !important;z-index:4;cursor:pointer}
.hrMenuEditOptions:before{content:'...';font:30px/10px LatoBold;color:#fff;transform:rotate(90deg);position:absolute;top:12px;left:15px}
.fullScreen_toggle+.hrMenuEditOptions:after {content: '';background: #252525;position: absolute;height: 35px;width: 30px;right: 30px;}
.hrMenuEditOptions.open ul{display:block !important}
.hrMenuEditOptions ul{background:#f5f5f5;min-width:180px;width:auto;height:auto;border:1px solid #b9b9b9;position:absolute;top:35px;right:0;z-index:1;display:none;box-shadow:0 0 3px rgba(0,0,0,.1)}
.hrMenuEditOptions ul:before{background:#f5f5f5;width:12px;height:20px;content:'';box-shadow:0 0 3px rgba(0,0,0,.2);transform:rotate(45deg);position:absolute;top:-7px;right:11px;z-index:-1}
.hrMenuEditOptions ul li{background:#f5f5f5;float:left;width:100%;height:auto;font:normal 14px LatoRegular;text-align:left;padding:10px 15px;margin:0;border-bottom:1px solid #cecece;position:relative;cursor:pointer}
.hrMenuEditOptions ul li:last-child{border:0}
.hrMenuEditOptions ul li:hover{background:#fefbd0}
#hrMenuEditView{background:rgba(0,0,0,.4);position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden}
html.hrMenuEditViewActive #hrMenuEditView{display:block !important;z-index:999999}
html.opmAlignCenter #hrMenuEditView{margin:auto}
html.hrMenuEditViewActive #header,html.hrMenuEditViewActive #nav,html.hrMenuEditViewActive #opmAlertInfoSec,html.hrMenuEditViewActive #main{filter:blur(2px)}
#hrMenuEditView > div#mainNavSort,#hrMenuEditView > div#subNavSort{background:#252525;width:auto;height:35px;position:absolute;top:50px;right:0;bottom:0;left:0}
#hrMenuEditView > div#subNavSort{background:#fafafa;top:85px}
.hrMenuEditViewActive.noSubMenu #hrMenuEditView > div#subNavSort,.hrMenuEditViewActive.noSubMenu #hrMenuEditView > div#subNavAdd{display:none}
.navEditDiv table,.navEditDiv td{height:35px}
.navEditDiv td > div{float:left;width:auto;height:27px;font:14px LatoRegular;padding:4px 25px;margin:4px 10px 0;border:0;border-radius:3px;cursor:pointer;position:relative;z-index:0}
.navEditDiv td > div > *{z-index:1}
.navEditDiv td > div span{color:#fff;white-space:nowrap}
.navEditDiv td.active > div{background:#f6f5bd;cursor:move}
.navEditDiv td.active > div span,#hrMenuEditView > div#subNavSort tr > td span{color:#000}
.navEditDiv td > div.disabled{opacity:.5;filter:alpha(opacity=50)}
.navEditDiv td > div > i{background:url(../../img/opm-sprites.png) no-repeat -280px -1042px;width:15px;height:15px;position:absolute;top:-5px;left:-5px;cursor:pointer;display:none}
.navEditDiv td > div > i.closeIcon{background-position:-296px -1042px}
.navEditDiv td > div > i.editIcon{background-position:-264px -1042px;top:auto;right:3px;bottom:3px;left:auto;transform:scale(.8)}
.navEditDiv td.active > div > i{display:block}
.navEditDiv td > div .animate,.navEditDiv td > div .animate b{width:100%;height:100%;border-radius:3px;position:absolute;top:0;left:0;overflow:hidden;z-index:0}
.navEditDiv td.active > div .animate:before,.navEditDiv td.active > div .animate:after{width:200%;height:1px;content:'';border-top:1px dashed #000;border-radius:3px;position:absolute;top:0;left:-100%;animation:borderAnimate 3s linear infinite;-moz-animation:borderAnimate 3s linear infinite;-webkit-animation:borderAnimate 3s linear infinite;-o-animation:borderAnimate 3s linear infinite}
.navEditDiv td.active > div .animate:after{top:auto;bottom:-1px;left:0;animation:borderAnimate2 3s linear infinite;-moz-animation:borderAnimate2 3s linear infinite;-webkit-animation:borderAnimate2 3s linear infinite;-o-animation:borderAnimate2 3s linear infinite}
.navEditDiv td.active > div .animate b:before,.navEditDiv td.active > div .animate b:after{width:1px;height:200%;content:'';border-left:1px dashed #000;border-radius:3px;position:absolute;top:-100%;left:0;display:block;animation:borderAnimate3 3s linear infinite;-moz-animation:borderAnimate3 3s linear infinite;-webkit-animation:borderAnimate3 3s linear infinite;-o-animation:borderAnimate3 3s linear infinite}
.navEditDiv td.active > div .animate b:after{top:0;left:auto;right:-1px;animation:borderAnimate4 3s linear infinite;-moz-animation:borderAnimate4 3s linear infinite;-webkit-animation:borderAnimate4 3s linear infinite;-o-animation:borderAnimate4 3s linear infinite}
@keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@-ms-keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@-moz-keyframes borderAnimate{ 0%{left:-100%}100%{left:0} }
@-webkit-keyframes borderAnimate{ 0%{left:-100%} 100%{left:0} }
@keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@-ms-keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@-moz-keyframes borderAnimate2{ 0%{left:0}100%{left:-100%} }
@-webkit-keyframes borderAnimate2{ 0%{left:0} 100%{left:-100%} }
@keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@-ms-keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@-moz-keyframes borderAnimate3{ 0%{top:0}100%{top:-100%} }
@-webkit-keyframes borderAnimate3{ 0%{top:0} 100%{top:-100%} }
@keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
@-ms-keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
@-moz-keyframes borderAnimate4{ 0%{top:-100%}100%{top:0} }
@-webkit-keyframes borderAnimate4{ 0%{top:-100%} 100%{top:0} }
#hrMenuEditView > div#subNavSort ul > li{padding:4px 25px;border-radius:3px;position:relative}
.navAddOption{background:#49bd80;width:25px;height:25px;position:absolute;top:55px;right:5px;cursor:pointer;z-index:2}
.navAddOption:before,.navAddOption:after{background:#fff;width:2px !important;height:15px !important;content:'';margin:auto;display:block;position:absolute;top:-1px !important;right:0;bottom:0;left:0 !important}
.navAddOption:after{transform:rotate(90deg)}
#subNavAdd{top:90px}
.navEditDiv:before{background:#252525;width:35px;height:35px;content:'';position:absolute;top:0;right:0;z-index:1}
#subNavSort:before{background:#fafafa}
.navEditDiv ul{height:35px !important}
.navEditDiv .mCustomScrollBox,.navEditDiv .mCustomScrollBox > .mCSB_container{overflow:visible !important}
.navEditDiv.mCustomScrollbar .mCustomScrollBox{padding-right:135px}
.navEditDiv.mCustomScrollbar.mCS_no_scrollbar .mCustomScrollBox{padding-right:35px}
.navEditDiv.mCustomScrollbar{overflow:visible !important}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#000;width:100px;height:100%;opacity:1;filter:alpha(opacity=100);top:0;right:35px;left:auto;z-index:9}
#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools[style*="block"]{background:#fff}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft,.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight{background:none;float:left;width:50%;height:100%;opacity:1;filter:alpha(opacity=100);position:relative;cursor:pointer}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{width:10px;height:10px;content:'';margin:auto;border:1px solid #fff;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:5px;display:block;transform:rotate(-45deg)}
#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonLeft:before,#subNavSort.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{border-color:#000}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_buttonRight:before{left:-5px;transform:rotate(135deg)}
.navEditDiv.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{display:none}
.hrMenuEditAlertInfo{width:100%;text-align:center;position:absolute;top:-100px;right:0;left:0;transition:all .3s ease}
.hrMenuEditAlertInfo.active{top:8px}
.hrMenuEditAlertInfo > div{background:#fff3af;width:auto;text-align:center;padding:6px 30px;margin:auto;border-radius:3px;display:inline-block}
.hrMenuEditAlertInfo > div > *{background:#49bd80;color:#fff;padding:3px 10px;margin:0 5px;border-radius:3px;display:inline-block;cursor:pointer}
.hrMenuEditAlertInfo > div > div:last-child{background:#8a939a}
.hrMenuAddNew{background:#fff;width:600px;height:auto;margin:auto;border-top:4px solid #49bd80;position:absolute;top:-1000px;right:0;left:0;transition:all .3s ease}
.hrMenuAddNew.active{top:200px}
.hrMenuAddNew > header{font:20px LatoRegular;padding:10px 30px;border-bottom:1px solid #e6e6e6}
.hrMenuAddNew > header i.icon-remove{position:absolute;top:10px;right:5px}
.hrMenuAddNew > section{float:left;width:100%;height:auto;padding:30px 30px 10px 50px}
.hrMenuAddNew > section .row{float:left;width:100%;height:auto;margin:0 0 20px}
.hrMenuAddNew > section .row > div{float:left;width:120px}
.hrMenuAddNew > section .row > div:last-child{width:400px}
.hrMenuAddNew > section .row > div > label{padding:7px 0 0;display:inline-block}
.hrMenuAddNew > section .row > div > input[type=text]{width:400px;height:33px;padding:10px;border:1px solid #e0e0e0}
.hrMenuAddNew > section .row.actionsBtn > div.opmBtn{float:right;width:auto !important}
.chBox > div{display:inline-block;position:relative}
.chBox > div{float:left;min-width:35px;height:35px;padding:0 0 0 30px;margin:0 15px 0 0;position:relative}
.chBox > div input{width:100%;height:100%;margin:0;opacity:0;filter:alpha(opcity=0);position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.chBox > div label{line-height:33px;z-index:0}
.chBox > div label:before{background:#fff;width:18px;height:18px;content:'';border:1px solid #ababab;border-radius:3px;position:absolute;top:7px;left:6px}
.chBox > div label:after{width:4px;height:9px;content:'';border:2px solid transparent;border-bottom:0;border-left:0;position:absolute;top:18px;left:10px;transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;z-index:1}
.chBox > div input:checked + label:before{background:#42be7f}
.chBox > div input:checked + label:after{border-color:#fff;animation:check2 .3s;-ms-animation:check2 .3s;-moz-animation:check2 .3s;-webkit-animation:check2 .3s;-o-animation:check2 .3s}
html.hrMenuEditPopUpActive #hrMenuEditView:before{background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
html.hrMenuEditPopUpActive #hrMenuEditView > .hrMenuAddNewHolder{position:relative;z-index:999}
html.hrMenuEditPopUpActive #hrMenuEditView > div:not(.hrMenuAddNewHolder){filter:blur(2px)}
.embedPopUp{background:#fff;width:100%;padding:0;position:absolute;top:85px;bottom:0;right:0;left:0;z-index:9999;display:none}
.embedPopUp.level-2{top:120px}
html.embedPopUpActive .embedPopUp{display:block}
html.opmTopBandBannerActive .embedPopUp{top:125px;}

.opmInfoMessage{font:12px LatoRegular;color:#777777;margin:5px 0 5px 0;padding:0 !important;height:auto;}
.opmInfoMessage b{font:12px LatoBold;}

#inventoryGridStyle .grid-stack-item .opm_widget_title div.helpCardInfo, #inventoryGridStyle .grid-stack-item .opm_widget_title div.helpCard{overflow:visible;}
.opmMapBVViewSingle .contentHolder{background:#fff;border:1px solid #d7d7d7;position:absolute;top:25px;right:20px;bottom:0;left:20px;}
.bvTopInput input:not(:focus){}
.opmAddEditDeviceListContent{position:absolute;top: 130px;right:0;bottom:0;left:0;overflow:auto;}


.titletype2{overflow:visible !important}
.titletype2 > div{float:left;max-width:98%;font:15px/155% LatoRegular;white-space:pre;text-overflow:ellipsis;overflow:hidden}
.titletype2 .hasHelpCard .helpCardContent p{word-break:break-word;white-space:normal}

.bvInfoContent{position: absolute; text-align: left; font: 25px RobotoSlabThin; top:30%;left:20%}

.icon-question{float:right;width:20px;height:25px;position:relative;display:inline-block}
.icon-question:before{background:url(../../img/samples/icons/icon-question.png) no-repeat center;width:18px;height:18px;content:'';position:absolute;top:2px;left:0}

.alarmNotificationInfoStnHldr{position:absolute;top:70px;right:0;left:0}
.alarmNotificationInfoStnHldr .alarmNotificationInfo{background:none}
.alarmNotificationInfoStnHldr header{height:auto !important;font:14px LatoRegular !important;padding:0 !important}
.alarmNotificationInfoStnHldr section{position:relative}
.alarmNotificationInfoStnHldr + .opmFormHolder{top:220px !important}

.icon-question.type2:before{top:13px}

/*For Custom SNMP MONITOR */
.opmDeviceSnapshotPopupBG{position: absolute; width: 100%; height: 100%; z-index: 101; background: black; opacity: 0.3;}
.opmDeviceSnapshotPopupWrapper{position: absolute; width: 100%; height: 100%; z-index: 102;overflow: auto;}
.opmDeviceSnapshotPopup{height: auto; width: 700px; background: white; margin-left: auto; margin-right: auto; margin-top: 70px; border-radius: 4px; padding: 15px; overflow: auto; position: absolute; top:0; left:0; right:0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.opmDeviceSnapshotPopup.resultPage{min-width:900px;max-width:1300px;}
.opmDeviceSnapshotPopup.resultPage .opmForm, .opmDeviceSnapshotPopup.resultPage .opmForm .opmFormRow{min-width:800px;max-width:1000px;}
.opmDeviceSnapshotPopup.resultPage .opmForm, .opmDeviceSnapshotPopup.resultPage .opmForm .fieldType1{min-width:800px;max-width:1300px;}
.opmDeviceSnapshotPopup.resultPage .opmFormHolder .selBox-2{width:100%;}
.opmDeviceSnapshotPopup.resultPage .resultDiv{background: #f3f3f3;overflow: auto;padding: 15px;border-radius: 5px;-moz-box-shadow: inset 0 0 10px #9c9c9c;-webkit-box-shadow: inset 0 0 10px #9c9c9c;box-shadow: inset 0 0 4px #9c9c9c;}
.opmDeviceSnapshotPopup.resultPage .opmFormHolder .oidList{min-width:800px!important;max-width:1300px!important;}
.opmDeviceSnapshotPopup section .title{font:17px BitterRegular;padding:0 0 10px;border-bottom:1px solid #c5c5c5; cursor: move;}
.opmDeviceSnapshotPopup .opmFormHolder{height:auto; margin:15px 10px 10px 10px;}
.opmDeviceSnapshotPopup .opmFormHolder .fieldType1 .opmFormCol > input{width: 250px;}
.opmDeviceSnapshotPopup .opmFormHolder .fieldType1 .opmFormCol > label{width: 170px;}
.opmDeviceSnapshotPopup .opmFormHolder .opmFormCol.fullCol .opmFormCol{margin: 0px;}
.opmDeviceSnapshotPopup .opmFormHolder .selBox-2 .selBox{max-width: 250px;}
.opmDeviceSnapshotPopup .opmFormHolder textarea{width: 250px;}
.opmDeviceSnapshotPopup .opmFormHolder i.icon-search{margin-left: 10px;font-size: 15px;color: #909090;padding: 1px 4px 1px 4px;border: 1px solid #c1c1c1;border-radius: 3px; cursor: pointer; float:left;}
.opmDeviceSnapshotPopup .opmFormHolder .opmFormHrLine{margin-top: 0px; margin-bottom: 10px;}
.opmDeviceSnapshotPopup .mibPart{width:297px; height: 415px; float: left; clear: none;}
.opmDeviceSnapshotPopup .mibPart .selList{float: left;width: 100%;height: 33px;padding: 0px;margin: 10px 0 0;position: relative;}
.opmDeviceSnapshotPopup section > .mibPart .selList .selBox{float: left;width: 230px;}
.opmDeviceSnapshotPopup section > .mibPart .selList .browseBtn{background: #fff;float: left;color: #828282;padding: 7px 10px;border: 1px solid #dcdcdc;cursor: pointer;}
.opmDeviceSnapshotPopup section > .mibPart .selList .selBox .select2-container{background: #fff;}
.opmDeviceSnapshotPopup section > .mibPart .selList .selBox > div,.opmDeviceSnapshotPopup section > .mibPart .selList .selBox > div .select2-container{height: 32px!important;}
.opmDeviceSnapshotPopup .csnmp_treeList{border: 1px solid #e6e6e6;padding: 10px; height: 310px;overflow: auto;}
.opmDeviceSnapshotPopup #opmDeviceSnapshotPopup_searchMIB{height: 460px;}
.opmDeviceSnapshotPopup .oidPart{width:350px; float: left; clear: none; margin-left: 10px;}
.opmDeviceSnapshotPopup .oidPart .opmFormHolder{margin-top: 10px;}
.opmDeviceSnapshotPopup .oideditableContent{width: 440px!important;background: #f0f0f0;border: 1px solid #dcdcdc;height: 80px;overflow: auto; padding: 5px;}
.opmDeviceSnapshotPopup .oideditableContent .oidTag{padding: 2px 4px; background: #ffffff; border: 1px solid #828282; border-radius: 3px; clear: none; float: left;}
.opmDeviceSnapshotPopup .oideditableContent .normalTag{clear: none; float: left;margin-left: 5px;margin-right: 5px;padding-top: 2px; min-width: 4px;}
.fieldType1 .opmFormCol > div.oidList{float:left;width:100% !important;max-height:400px;}
.opmDeviceSnapshotPopup .dataListActions{border:0}
.opmDeviceSnapshotPopup .dataListActions input[type='checkbox'],.opmDeviceSnapshotPopup .dataListActions input[type='raio']{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important;position:relative;top:1px}
.opmDeviceSnapshotPopup .dataListActions ul{min-height:80px;margin:0 0 10px}
.opmDeviceSnapshotPopup .deviceSlideClose{cursor: pointer; position: absolute;right: 15px;top: 15px;}
.opmDeviceSnapshotPopup .selBox select:disabled + span{opacity: 0.5}
.oidList .dataListActions div.title{height: 30px;padding: 5px 7px;color: #000000;border: 1px solid #b2b2b2;border-bottom: none;background: #bcbcbc}
.opmDeviceSnapshotPopup .dataListActions ul li > div:first-child{padding-left:18px!important;}
body.ie11 .opmDeviceSnapshotPopup .dataListActions ul li > div:first-child{width:20px}
body.ie11 .opmDeviceSnapshotPopup1 .dataListActions ul li > div:first-child{width:20px}
.opmDeviceSnapshotPopup .dataListActions ul li > div:last-child{width:unset!important}
.opmDeviceSnapshotPopup .clearResultButton{float: right;width: 40px!important;font-size: 11px;padding: 4px 7px;border-radius: 7px;margin-top: 4px;background-color: #e0e0e0;color: black;cursor: pointer;}

.opUtilsSnapShotPageAside{background:#fff;position:absolute;top:0;right:0;bottom:0;left:300px}
html.horizontalView:not(.opmFullScreen) .opUtilsSnapShotPageAside #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView.expandViewGraphTable{max-width:1160px !important;left:300px !important}
html.horizontalView .opUtilsSnapShotPageAside #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView.expandViewGraphTable{left:300px !important}
.ipamSubnetWidget > .ember-view{float:left;width:26% !important;position:relative}
.graphWidget.pieChart{width:35%;float:left;margin-left:2%}
.contentLeft.ipamPieChart{width:100% !important;}

body #main.treeView .treeFilter .jstree li.jstree-open > i:before{top:2px;left:3px;font-size:16px}
body #main.treeView .treeFilter .jstree li > i:before{font-size:14px;top:3px;left:2px}
body #main.treeView .treeFilter .jstree li > i:after{width:10px;height:10px;left:0}
body #main.treeView .treeFilter .jstree > ul li:after{width:13px}
.opmDeviceSnapshotPopup .snmpResultCheckbox{position: relative;}
.opmDeviceSnapshotPopup .snmpResultCheckbox input[type='checkbox']{opacity: 0!important;width: 15px!important;height: 15px!important;position: absolute;left: 9px;top: 8px;z-index: 2;cursor: pointer;}
.opmDeviceSnapshotPopup .snmpResultCheckbox label{margin-left: 15px;}
.opmDeviceSnapshotPopup .snmpResultCheckbox label:before{width:15px;height:15px;border-radius:3px;background:transparent;border: 1px solid #bfbfbf;top:8px;left:9px !important;content:'';position: absolute;cursor: pointer;}
.opmDeviceSnapshotPopup .snmpResultCheckbox input[type='checkbox']:checked + label:after{top:17px;left:12px;content:'';position: absolute;width: 4px;height: 9px;border: 2px solid #000;border-bottom: 0;border-left: 0;transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-webkit-transform-origin: left top;z-index: 1;}
.opmDeviceSnapshotPopup .roundCheck{margin-bottom: 15px;}
.opmDeviceSnapshotPopup .roundCheck .label{padding-left: 0px;padding-top: 2px;float: left;clear: none;}
.opmDeviceSnapshotPopup .roundCheck .chkRoundBtn{padding-left: 10px;float: left;}




html.horizontalView .oputilsSnapshot #inventoryGridStyle > .ember-view{padding:0 0 0 15px}
html.horizontalView .oputilsSnapshot #inventoryGridStyle > .ember-view > .grid-stack{float:left;width:100%;max-width:1395px !important;min-height:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}
html.horizontalView .oputilsSnapshot #inventoryGridStyle > .ember-view > .grid-stack.ipam{float:left;width:100%;max-width:none !important;min-height:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}
/*#PageContent .DeviceDetails .DI-Accordion{background:#F5F6F6}*/
.oputilsSnapshot #inventoryGridStyle{background:#edeff0}
.oputilsSnapshot #inventoryGridStyle .grid-stack-item{padding:0 15px 0 0 !important}
.oputilsSnapshot #inventoryGridStyle .grid-stack-item:before{background:#fff;content:'';position:absolute;top:0;right:15px;bottom:0;left:0}
.oputilsSnapshot #inventoryGridStyle .opm_widget_title{background:#fff;border-bottom:1px solid #e3e3e3}
.oputilsSnapshot #inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i{background:#fff}
.oputilsSnapshot #inventoryGridStyle .ondemandWidget,html.horizontalView .oputilsSnapshot #inventoryGridStyle .ondemandWidget i{background:#e3e9f9 !important}
.oputilsSnapshot #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons{overflow:hidden !important}
.oputilsSnapshot #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons.opuLegendIcon{overflow:visible !important;}
.oputilsSnapshot .DeviceDetails .DI-Accordion .DIA-Header + .DIA-Content{top:50px;background: #edeff0;}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th div{height:30px !important;padding-top: 5px;z-index: 2;}

html.horizontalView body.noTopBand #header{display:none !important;}
html.horizontalView body.noTopBand #nav{top:0px !important;}
html.horizontalView body.noTopBand{padding:35px 0 0 0 !important;}

.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-first{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px;transform:rotate(-180deg)}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-prev{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px;transform:rotate(-180deg)}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-next{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-end{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-search{background:url(../../img/opm-sprites.png) no-repeat -289px -1058px;width:16px;height:16px}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-newwin{background:url(../../img/opm-sprites.png) no-repeat -276px -1058px;width:14px;height:16px}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-document{background:url(../../img/opm-sprites.png) no-repeat -261px -1058px;width:16px;height:16px}
.oputilsSnapshot .opm_jqGridUI .ui-state-hover{background:none;border:0}
.oputilsSnapshot .opm_jqGridUI .ui-jqgrid .ui-pg-button:hover{padding:1px}
.oputilsSnapshot .opm_jqGridUI .ui-icon-arrowthickstop-1-e{background:url(../../img/opm-sprites.png) no-repeat -344px -1072px;width:16px;height:16px}
.oputilsSnapshot .opm_jqGridUI .ui-icon-document{background:url(../../img/opm-sprites.png) no-repeat -330px -1072px;width:14px;height:17px}
.oputilsSnapshot .opm_jqGridUI .ui-icon-extlink{background:url(../../img/opm-sprites.png) no-repeat -303px -1072px;width:14px;height:17px}
.oputilsSnapshot .opm_jqGridUI .ui-icon-trash{background:url(../../img/opm-sprites.png) no-repeat -288px -1073px;width:16px;height:16px}

.oputilsSnapshot .opmReportsGridview tr.ui-search-toolbar input{margin:1px 0 0;background:#f7f7f7!important;float:left;width:100%;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease; padding:7px 10px!important}
.oputilsSnapshot .opmReportsGridview tr.ui-search-toolbar input:.oputilsSnapshot hover,.opmReportsGridview tr.ui-search-toolbar input:focus{background:#fff!important}
.oputilsSnapshot .opmReportsGridview tr:nth-child(2) th{padding:0 0 10px!important}
.oputilsSnapshot .opmReportsGridview tr:nth-child(2) th div{padding:0!important}
.oputilsSnapshot .opmReportsGridview .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th div{height:34px!important}
.oputilsSnapshot .opmReportsGridview .ui-paging-info{font-weight:700;font-size:1.15em}
.oputilsSnapshot .opmReportsGridview .jqMenuIcon {transform: scale(1.3);}
.oputilsSnapshot .opmReportsGridview .jqSearchIcon,.oputilsSnapshot .opmReportsGridview .jqMenuIcon{width:25px;text-align:center;display:inline-block}
.oputilsSnapshot .opmReportsGridview .jqSearchIcon i,.oputilsSnapshot .opmReportsGridview .jqMenuIcon i{margin-left:0;margin-right:0;font-size:18px}
.oputilsSnapshot .optionMenuIcon::before{width:3px;overflow:hidden;line-height:10px}
.oputilsSnapshot .opmReportsGridview .ui-jqgrid-htable th:nth-last-child(1) .s-ico, #defReportsPager_left td{display: none !important;}
.oputilsSnapshot .opmReportsGridview .ui-jqgrid-htable th:nth-last-child(1) {padding:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}
.oputilsSnapshot .HeaderDrp.exportul .opm-icon.report-icon.report-csv{background-position:-227px -264px!important;width:17px;height:20px}
.oputilsSnapshot .HeaderDrp.exportul .opm-icon.report-icon.report-xl{background-position:-245px -264px!important;width:17px;height:20px}
.oputilsSnapshot .opmReportsGridview th#defReportsList_gridAction {padding-left: 0;}
.oputilsSnapshot ul.exportul.AETIDFilDropDownList.HeaderDrp{top: 41px !important;right: -9px !important;}

body.noFilterSectionOputils.NavText .FilterAccordionContainer{display: none !important}
body.noFilterSectionOputils.NavText .opUtilsSnapShotPageAside{left:64px !important}

.opmDeviceSnapshotPopup1.resultPage{min-width:900px;max-width:1300px;}
/*.opmDeviceSnapshotPopup1.resultPage .opmForm, .opmDeviceSnapshotPopup1.resultPage .opmForm .opmFormRow{min-width:800px;max-width:1000px;}
.opmDeviceSnapshotPopup1.resultPage .opmForm, .opmDeviceSnapshotPopup1.resultPage .opmForm .fieldType1{min-width:800px;max-width:1300px;}*/
.opmDeviceSnapshotPopup1.resultPage .opmFormHolder .selBox-2{width:100%;}
.opmDeviceSnapshotPopup1.resultPage .resultDiv{background: #f3f3f3;overflow: auto;padding: 15px;border-radius: 5px;-moz-box-shadow: inset 0 0 10px #9c9c9c;-webkit-box-shadow: inset 0 0 10px #9c9c9c;box-shadow: inset 0 0 4px #9c9c9c;}
.opmDeviceSnapshotPopup1.resultPage .opmFormHolder .oidList{min-width:800px!important;max-width:1300px!important;}
.opmDeviceSnapshotPopup1 section .title{font:17px BitterRegular;padding:0 0 10px;border-bottom:1px solid #c5c5c5; cursor: move;}
.opmDeviceSnapshotPopup1 .opmFormHolder{height:auto; margin:15px 10px 10px 10px;}
.opmDeviceSnapshotPopup1 .opmFormHolder .opmFormRow{max-width:1500px;}
.opmDeviceSnapshotPopup1 .opmFormHolder .fieldType1 .opmFormCol > input{width: 250px;}
.opmDeviceSnapshotPopup1 .opmFormHolder .fieldType1 .opmFormCol > label{width: 170px;}
.opmDeviceSnapshotPopup1 .opmFormHolder .opmFormCol.fullCol .opmFormCol{margin: 0px;}
.opmDeviceSnapshotPopup1 .opmFormHolder .selBox-2 .selBox{max-width: 250px;}
.opmDeviceSnapshotPopup1 .opmFormHolder textarea{width: 250px;}
.opmDeviceSnapshotPopup1 .opmFormHolder i.icon-search{margin-left: 5px;font-size: 15px;color: #909090;padding: 1px 4px 1px 4px;border: 1px solid #c1c1c1;border-radius: 3px; cursor: pointer; float:left;}
.opmDeviceSnapshotPopup1 .opmFormHolder .opmFormHrLine{margin-top: 0px; margin-bottom: 10px;}
.opmDeviceSnapshotPopup1 .mibPart{width:297px; height: 415px; float: left; clear: none;}
.opmDeviceSnapshotPopup1 .mibPart .selList{float: left;width: 100%;height: 33px;padding: 0px;margin: 10px 0 0;position: relative;}
.opmDeviceSnapshotPopup1 section > .mibPart .selList .selBox{float: left;width: 230px;}
.opmDeviceSnapshotPopup1 section > .mibPart .selList .browseBtn{background: #fff;float: left;color: #828282;padding: 7px 10px;border: 1px solid #dcdcdc;cursor: pointer;}
.opmDeviceSnapshotPopup1 section > .mibPart .selList .selBox .select2-container{background: #fff;}
.opmDeviceSnapshotPopup1 section > .mibPart .selList .selBox > div,.opmDeviceSnapshotPopup1 section > .mibPart .selList .selBox > div .select2-container{height: 32px!important;}
.opmDeviceSnapshotPopup1 .csnmp_treeList{border: 1px solid #e6e6e6;padding: 10px; height: 310px;overflow: auto;}
.opmDeviceSnapshotPopup1 #opmDeviceSnapshotPopup1_searchMIB{height: 460px;}
.opmDeviceSnapshotPopup1 .oidPart{width:350px; float: left; clear: none; margin-left: 10px;}
.opmDeviceSnapshotPopup1 .oidPart .opmFormHolder{margin-top: 10px;}
.opmDeviceSnapshotPopup1 .oideditableContent{width: 440px!important;background: #f0f0f0;border: 1px solid #dcdcdc;height: 80px;overflow: auto; padding: 5px;}
.opmDeviceSnapshotPopup1 .oideditableContent .oidTag{padding: 2px 4px; background: #ffffff; border: 1px solid #828282; border-radius: 3px; clear: none; float: left;}
.opmDeviceSnapshotPopup1 .oideditableContent .normalTag{clear: none; float: left;margin-left: 5px;margin-right: 5px;padding-top: 2px; min-width: 4px;}
.fieldType1 .opmFormCol > div.oidList{float:left;width:100% !important;max-height:400px;}
.opmDeviceSnapshotPopup1 .dataListActions{border:0}
.opmDeviceSnapshotPopup1 .dataListActions input[type='checkbox'],.opmDeviceSnapshotPopup1 .dataListActions input[type='raio']{width:auto !important;height:auto !important;padding:0 !important;margin:0 5px 0 0!important;opacity:1 !important;filter:alpha(opacity=100) !important;position:relative;top:1px}
.opmDeviceSnapshotPopup1 .dataListActions ul{min-height:80px;margin:0 0 10px}
.opmDeviceSnapshotPopup1 .deviceSlideClose{cursor: pointer; position: absolute;right: 15px;top: 15px;}
.opmDeviceSnapshotPopup1 .selBox select:disabled + span{opacity: 0.5}
.oidList .dataListActions div.title{height: 30px;padding: 5px 7px;color: #000000;border: 1px solid #b2b2b2;border-bottom: none;background: #bcbcbc}
.opmDeviceSnapshotPopup1 .dataListActions ul li > div:first-child{padding-left:18px!important;}
.opmDeviceSnapshotPopup1 .dataListActions ul li > div:last-child{width:unset!important}
.opmDeviceSnapshotPopup1 .clearResultButton{float: right;width: 40px!important;font-size: 11px;padding: 4px 7px;border-radius: 7px;margin-top: 4px;background-color: #e0e0e0;color: black;cursor: pointer;}

.opmDeviceSnapshotPopup1 .snmpResultCheckbox{position: relative;}
.opmDeviceSnapshotPopup1 .snmpResultCheckbox input[type='checkbox']{opacity: 0!important;width: 15px!important;height: 15px!important;position: absolute;left: 9px;top: 8px;z-index: 2;cursor: pointer;}
.opmDeviceSnapshotPopup1 .snmpResultCheckbox label{margin-left: 15px;}
.opmDeviceSnapshotPopup1 .snmpResultCheckbox label:before{width:15px;height:15px;border-radius:3px;background:transparent;border: 1px solid #bfbfbf;top:8px;left:9px !important;content:'';position: absolute;cursor: pointer;}
.opmDeviceSnapshotPopup1 .snmpResultCheckbox input[type='checkbox']:checked + label:after{top:17px;left:12px;content:'';position: absolute;width: 4px;height: 9px;border: 2px solid #000;border-bottom: 0;border-left: 0;transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-webkit-transform-origin: left top;z-index: 1;}
.opmDeviceSnapshotPopup1 .roundCheck{margin-bottom: 15px;}
.opmDeviceSnapshotPopup1 .roundCheck .label{padding-left: 0px;padding-top: 2px;float: left;clear: none;}
.opmDeviceSnapshotPopup1 .roundCheck .chkRoundBtn{padding-left: 10px;float: left;}


.slideContHolder.type2 > .graphHeaderFullView > span{padding:15px 30px;border-bottom:1px solid #efefef}
.slideContHolder.type2 > .deviceSlidecontent{top:100px}
.slideContHolder.type2 .opmFormHolder{padding:10px;margin:0}
.slideContHolder.type2 .opmFormRow.resultDiv{background: #f3f3f3;overflow: auto;padding: 15px;border-radius: 5px;-moz-box-shadow: inset 0 0 10px #9c9c9c;-webkit-box-shadow: inset 0 0 10px #9c9c9c;box-shadow: inset 0 0 4px #9c9c9c;}
.slideContHolder #csnmp_queryresultDiv{float:left;width:100%;max-height:400px;overflow:auto}
.selBox2Div .selBox{float:left;width:58% !important}
.selBox2Div .selBox + .selBox{float:right}
.inputFieldUI{background:#f0f0f0;float:left;width:50px !important;height:33px;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;text-align:center }
.inputFieldUI:focus{background:#fbfbfb}

.zsiq_floatmain{display:none !important}

.opmNextBtn,.opmPrevBtn{min-width:80px !important;padding:7px 30px 7px 20px !important;position:relative}
.opmPrevBtn{padding:7px 20px 7px 30px !important;}
.opmNextBtn:before,.opmPrevBtn:before{width:5px;height:5px;content:'';margin:auto;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-130deg);position:absolute;top:1px;right:15px;bottom:0}
.opmPrevBtn:before{transform:rotate(45deg);right:auto;left:15px}

.opmFailureReasonInfo{float:left;width:100%;height:auto;padding:0 30px;margin:20px 0 0}
.opmFailureReasonInfo h4{background:#e9e9eb;font:13px LatoBold;padding:10px;margin:0;border:1px solid #e8e8e8;border-bottom:0}
.opmFailureReasonInfo ul{float:left;width:100%;height:auto;border:1px solid #e8e8e8}
.opmFailureReasonInfo li{float:left;width:100%;height:auto;padding:10px}
.opmFailureReasonInfo li:nth-child(2n){background:#f9f9fb}

.oputilsSnapshot .widgetCustomScrollBar .opmDiscoveryProfile{padding:0}
.oputilsSnapshot .widgetCustomScrollBar .opmDiscoveryProfile .opmDisProRow > div{font:14px LatoRegular !important}
.oputilsSnapshot .widgetCustomScrollBar .opmDiscoveryProfile .mCSB_scrollTools .mCSB_draggerContainer{left:180px}

.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerContainer{width:3px;margin:0 0 0 -1px !important;top:-10px;bottom:-10px;left:35%}
.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools,.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerRail{width:3px;right:0 !important;opacity:1 !important;filter:alpha(opacity=100) !important}
.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerRail{background:rgba(169,169,169,.4)}
.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.oputilsSnapshot .DIGmCustomScroll .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(169,169,169,1)}
.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#000}
.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before,.oputilsSnapshot .DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{color:#000}
.oputilsSnapshot .DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(169,169,169,0)}
.oputilsSnapshot .DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before,.oputilsSnapshot .DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{color:rgba(169,169,169,1)}

.oputilsSnapshot .opm_jqGridUI.widgetJqGridFlow .ui-jqgrid-hdiv,div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div,div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{overflow:visible !important;border: none !important;}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid > .ui-jqgrid-view {border: 1px solid #c7c6c6 !important;}
.oputilsSnapshot .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox{border-bottom: 1px solid #c7c6c6 !important;}
.oputilsSnapshot .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .columnChooserBtn{border-right: 1px solid #c7c6c6 !important;}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid{background:none;}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.widgetJqGridFlow > .ui-jqgrid .ui-jqgrid-hbox{padding-right:0;position:relative;z-index:1}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview .ui-jqgrid .ui-jqgrid-htable th:first-child > div{left:0}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview .ui-jqgrid .ui-jqgrid-resize-ltr{background:#dbdbdb}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview .ui-jqgrid th:last-child .ui-jqgrid-resize-ltr{display:none}

html.horizontalView.hideMainTopBand body.settingsPage #header{top: -120px;z-index:98}
html.horizontalView.hideMainTopBand body.settingsPage #nav {top: 0px !important}
html.horizontalView.hideMainTopBand body.settingsPage{padding:35px 0 0 0!important}
html.horizontalView.hideMainTopBand body,html.horizontalView.hideMainTopBand body.settingsPage,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage{padding:35px 0 0 0 !important; transition: all 150ms ease-out;will-change:padding}
html.horizontalView.hideMainTopBand body #header,html.horizontalView.hideMainTopBand body.settingsPage #header,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage #header{top:-50px; transition: all 150ms ease-out;will-change:top}
html.horizontalView.hideMainTopBand body #nav,html.horizontalView.hideMainTopBand body.settingsPage #nav,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage #nav{top:0; transition: all 150ms ease-out;will-change:top}
html.opmTopBandBannerActive.horizontalView.hideMainTopBand body,html.opmTopBandBannerActive.horizontalView.hideMainTopBand body.initialMsg.settingsPage{padding:75px 0 0 0!important}
html.opmTopBandBannerActive.horizontalView.hideMainTopBand body #nav,html.opmTopBandBannerActive.horizontalView.hideMainTopBand body.initialMsg.settingsPage #nav{top: 40px!important;}
#nameOnly.opuHeader a{position:relative;margin:0 11px;}
#nameOnly.opuHeader a:first-child{margin-left:0}
#nameOnly.opuHeader a:last-child{margin-right:22px}
#nameOnly.opuHeader a:after{width:5px;height:5px;position:absolute;top:7px;right:-15px;content:'';border-top:1px solid #b2b2b2;border-right:1px solid #b2b2b2;transform:rotate(45deg)}

.threshHoldDetails .header .opmFormRow{margin:0}
.threshHoldDetails > div > .opmFormRow > div:first-child{width:12%;padding-left:30px !important}
.threshHoldDetails > div > .opmFormRow > div:nth-child(2){width:15%}
.threshHoldDetails > div > .opmFormRow > div:nth-child(3){width:15%}
.threshHoldDetails > .content > .opmFormRow > div:nth-child(3) > input{width:60% !important}
.threshHoldDetails > .content > .opmFormRow > div:last-child{width:40%}
html.horizontalView.MessageViewBoxOpen .topNews{display:block;}
.topNews{display:none;width:100%;height:40px;position:absolute;background:#fff3bf;box-sizing:border-box;z-index:3;box-shadow: 3px -14px 15px 13px rgba(0,0,0,0.5);-moz-box-shadow: 3px -14px 15px 13px rgba(0,0,0,0.5);-webkit-box-shadow: 3px -14px 15px 13px rgba(0,0,0,0.5);top:0px;left:0;border-bottom:1px solid #f6e9ad;}
.topNews .innerCont{width:100%;float:left;height:100%;display:flex;align-items:center;}
.topNews .sliderArea{width:1100px;margin:0 auto;position:relative;}
.topNews .sliderArea .sliderBox{width:100%;overflow:hidden;float:left;}
.topNews .sliderArea ul{margin:0;padding:0;width:3000000px;display:flex;align-items:center;}
.topNews .sliderArea li{list-style:none;float:left;width:1100px;display:flex;}
.topNews .sliderArea li .cont{text-align:center;font-size:14px;line-height:34px;font-family:LatoRegular;color:#000;position:relative;float:left;padding:3px 30px;box-sizing:border-box;margin:0 auto;}
.topNews .sliderArea li .cont.moreInfo{font-size:12px;}
.topNews .sliderArea li .cont.lineHeight{line-height:16px;}
.topNews .sliderArea li .cont strong{font-family:LatoBold;}
.topNews .sliderArea a{margin-left:0px;color:#154873 !important;text-decoration:underline;}
.topNews .sliderArea a.Link{margin-left:5px;}
.topNews .closeBtn{position:absolute;top:50%;transform:translateY(-50%);right:0;cursor:pointer;background: url('../../img/opm-sprites.png') no-repeat -287px -1150px; width:16px;height:16px;}
.topNews .innerCont .nextBtn{white-space:nowrap;height:40px;background:rgba(245,231,171,.5);cursor:pointer;padding:0 27px 0 10px;font-family:LatoBold;color:#285678;font-size:16px;line-height:40px;display:table;position:absolute;cursor:pointer;top:0px;right:00px;}
.topNews .innerCont .nextBtn:before{content:"";background: url('../../img/opm-sprites.png') no-repeat -298px -1094px;width:8px;height:11px;position:absolute;top:14px;right:10px;}
.topNews .innerCont .nextBtn:after{content:"";background: url('../../img/opm-sprites.png') no-repeat -319px -1132px;width:29px;height:40px;position:absolute;top:0px;left:-29px;opacity:.5}
.topNews .innerCont .prevBtn{white-space:nowrap;height:40px;background:rgba(245,231,171,.5);cursor:pointer;padding:0 10px 0 27px;font-family:LatoBold;color:#285678;font-size:16px;line-height:40px;display:table;position:absolute;cursor:pointer;top:0px;left:00px;}
.topNews .innerCont .prevBtn:before{content:"";background: url('../../img/opm-sprites.png') no-repeat -287px -1094px;width:8px;height:11px;position:absolute;top:14px;left:10px;}
.topNews .innerCont .prevBtn:after{content:"";background: url('../../img/opm-sprites.png') no-repeat -319px -1090px;width:29px;height:40px;position:absolute;top:0px;right:-29px;opacity:.5}
.topNews .innerCont .nextBtn.disable,.topNews .innerCont .prevBtn.disable{display:none;}
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #PageContent,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #PageContent,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #PageContent,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #PageSideBar + #PageContent.inventoryNoFilter{padding-top:40px !important;}
html.opmLeftAlign.horizontalView.MessageViewBoxOpen body.NavText #PageContent
html.opmAlignCenter.horizontalView.MessageViewBoxOpen body.NavText #PageContent,
html.opmFullScreen.horizontalView.MessageViewBoxOpen body.NavText #PageContent,
html.opmFullScreen.horizontalView.MessageViewBoxOpen body.NavText #PageSideBar + #PageContent.inventoryNoFilter{padding-top:00px !important;}


html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText .opmDashboard #ccTvContent,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText .opmDashboard #ccTvContent,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText .opmDashboard #ccTvContent{top:50px}

html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive.dashboardFilterVisible body.NavText .opmDashboard #ccTvContent,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive.dashboardFilterVisible body.NavText .opmDashboard #ccTvContent,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive.dashboardFilterVisible body.NavText .opmDashboard #ccTvContent{top:135px}
.dashboardFilterVisible body.NavText .opmDashboard #ccTvContent{top: 95px}
html.MessageViewBoxOpen.dashboardFilterVisible .dashboard-filter{margin-top: 50px}
html.dashboardFilterVisible .dashboard-global-filter{height:auto}
html.dashboardFilterVisible .dashboard-global-filter + div.ember-view{height: calc(100% - 88px);}


html.opmFullScreen.horizontalView.MessageViewBoxOpen body.NavText  #PageContent.opmMapPage #MapsSection,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen body.NavText  #PageContent.opmMapPage #MapsSection,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen body.NavText  #PageContent.opmMapPage #MapsSection{padding-top:40px;}

html.opmFullScreen.horizontalView.MessageViewBoxOpen body.NavText .settingsHdr,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen body.NavText .settingsHdr,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen body.NavText .settingsHdr{z-index:5;}

html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs{top: 75px !important;}

html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #settingSubTabs,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #settingSubTabs,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #settingSubTabs,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #ReportSubTabs,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #ReportSubTabs,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText.ncmSettingsPage #ReportSubTabs{top: 75px !important;}

html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs .topNews,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs .topNews,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs .topNews,
html.opmLeftAlign.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs .topNews,
html.opmAlignCenter.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs .topNews,
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #ReportSubTabs .topNews{margin-top:-40px;}


.customSNMP{max-width:800px !important}
.customSNMP > header{height:65px !important;padding:20px 31px 0 !important;border-bottom:1px solid #eaeaea}
.customSNMP > header i.icon-remove.snmpInventory{top: 10px !important;right:-30px !important}
.customSNMP .opmDeviceSnapshotPopup1 .oidPart{width:325px !important;margin-left:0 !important}
.customSNMP .opmDeviceSnapshotPopup1 .oidPart .opmForm{padding:0 10px !important}
.customSNMP > header > div{background:#fff;max-width:1410px;height:40px;margin:auto;position:absolute;top:0;right:50px;bottom:0;left:20px;display:block}
.customSNMP > section .searchmiboid > div:before{font-size: 16px;font-family:fontello;content:'\e8d6';color: #797878;position:relative;top:27px;float: left;padding-left: 10px;}
.customSNMP > section .searchmiboid > div input{background:none;width: 36%;height:35px;font:18px/100% LatoRegular;color:#b2b2b2;border:none;background: #f0f0f0 !important;float: left;width: 100%;font: 14px LatoRegular;padding: 5px 30px;border: 1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;}
.customSNMP > section .searchmiboid > div input:focus{color:#000}
.customSNMP > section .searchmiboid > div input[type=text]::-ms-clear{display:none}

.opmAccr.steps.customsnmpAcc header{transition:all ease .3s;position:relative}
.opmAccr.steps.customsnmpAcc  header{background:#f9f9fa;font:14px LatoBold !important;padding:14px 50px 30px 14px !important}
.opmAccr.steps.customsnmpAcc.fromSettings  header{padding:14px 50px 14px 14px !important}
/*.opmAccr.steps.customsnmpAcc  header:before{font:25px fontello;content:'\e8ae';color:#e4e4e4;transition:all ease .3s;position:absolute;top:10px;left:15px}*/
.opmAccr.steps.customsnmpAcc .completed > header:before{color:#46bb7d}
.opmAccr.steps.customsnmpAcc .expandCollapseBtn{display:none}
.opmDeviceSnapshotPopup1 .selList .browseBtn{background:#f0f0f0;float:left;color:#757575;padding:8px 8px;border:1px solid #dcdcdc;cursor:pointer;}

.hasHelpCard3{overflow:visible !important}
.hasHelpCard4{float:none;margin:0 0 0 5px;display:inline-block;position:relative;top:3px}
.hasHelpCard4 .helpCardInfo{top:30px;right:auto;left:-40px;z-index:3}
.hasHelpCard4 .helpCardInfo:before{right:auto;left:29px}
.hasHelpCard4 .helpCard.top .helpCardInfo:before{right:auto;left:24px}
.helpCard.left .helpCardInfo{right:-25px;left:auto}
.helpCard.left .helpCardInfo:before{right:24px;left:auto}
.helpCard.top.left .helpCardInfo:before{right:28px;left:auto}
.opmSettingsContainer .helpCardInfo{width:252px;max-width:252px}
.hasHelpCard.hasHelpCardHover:hover > .helpCard{display:block !important}
.hasHelpCard4 .rightSide .helpCardInfo{top: -13px;right:auto;left: 15px;}
.hasHelpCard4 .rightSide .helpCardInfo:before{right:auto;left: -2px;top: 13px;}
.hasHelpCard4 .rightSide .helpCardContent{background:#1a1d23;float:left;width:100%;height:auto;border-radius:3px;padding: 5px 10px;position:relative;z-index:1;}


#mapSearchBox .mapSearchBox{width:100%;float:left;border-bottom:1px solid #d7d7d7;position:relative}
#mapSearchBox .mapSearchBox .icon-search{position:absolute;top:5px;right:5px;color:#b6b6b6}
#mapSearchBox .mapSearchBox input.search{width:100%;float:left;border:none;padding:0 25px 0 5px;line-height: 28px}
#mapSearchBox .mapSearchBox ::placeholder,.mapSearchBox :-ms-input-placeholder,.mapSearchBox ::-ms-input-placeholder{color:#b6b6b6}
#mapSearchBox .content{top:107px}
#mapSearchBox .selAll{top:105px}

.uploadBtn{background:rgba(227,227,227,.5) !important;float:left;font:12px/18px LatoRegular;color:#000;white-space:nowrap;padding:2px 15px 5px;margin:3px;border:1px solid #d2d2d2;border-radius:4px;cursor:pointer;}

/* show availability timeline chart expand view*/
.DI-Grid .openExpandView .DIGGT-Row .statusInfo:before{height:16px !important;top:27px !important}
.DI-Grid .openExpandView .DIGGT-Row .statusInfo > div:before{height:16px !important;top:27px !important}
.DI-Grid .openExpandView .DIGGT-Row .statusInfo > div > i:before,.DI-Grid .DIGGT-Row .statusInfo > div > i:after{width:0 !important;height:0 !important}

.yellowMessage .adminMonitors.deviceSnapshotMonitors .opmFormHolder {top:116px !important;}
.yellowMessage .adminMonitors.deviceSnapshotMonitors .title {margin-top:36px;}
.yellowMessage .yellowMessageAlert{background:#fff3bf;width:100%;float:left;padding:10px;text-align:center;}

.centralInfoContainer{float:left;width:100%;height:auto;text-align:center}
.centralinfoMsg p{color:#000 !important}

.centralinfoMsg{width:auto;text-align:left;font-weight:normal;display:inline-block;background:#fbf6bf;border:1px solid #f1e242;padding:10px;margin:20px 0}
.iconStatus{display:inline-block;width:16px;height:16px;content:'';margin-right:15px;background:url(../../img/opm-sprites.png) no-repeat 0 -1240px}
.centralinfoMsg.warning{background:#fbf6bf;border-color:#f1e242}
.centralinfoMsg.warning .iconStatus{background-position:0 -1240px}
.centralinfoMsg.default .iconStatus{background-position:-25px -1240px}
.centralinfoMsg.success .iconStatus{background-position:-51px -1240px}
.centralinfoMsg.danger .iconStatus{background-position:-76px -1240px}
.centralinfoMsg.default{background:#fcfcfc;border-color:#e3e3e3}
.centralinfoMsg.danger{background:#ffb4b4;border-color:#e83232}
.centralinfoMsg.success{background:#c5e8d5;border-color:#3db474}
.centralinfoMsg span{display:inline-block;width:21px;height:21px}
.centralinfoMsg p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}


.opmNotifyProfile li i.icon-chat-circle{background-position:  -284px -1208px;width:30px;height:30px;top:25px;}
.opmNotifyProfile li i.icon-chat-square{background-position:  -318px -1209px;width:31px;height:30px;top:25px;}

.opmNotifyProfile li i.icon-chat-circle{background-position:  -284px -1208px;width:30px;height:30px;top:25px;}
.opmNotifyProfile li i.icon-chat-square{background-position:  -318px -1209px;width:31px;height:30px;top:25px;}



/*BV Traffic load color*/
.trafficLoad{width:100%;float:left;}
.trafficLoad > ul {float:left;border:1px solid #d0d0d0;width:100%;}
.trafficLoad > .colorInfo{color: #0b61b9; margin-top: 10px; font-family: lato; width: 100%; float: left;padding-left:35px;position:relative;font-size:14px;line-height:25px;}
.trafficLoad > .colorInfo:before{background:url('../../img/opm-sprites.png')no-repeat -265px -1177px;width:25px;height:25px;top:0;left:0;content:'';position:absolute;}
.trafficLoad li{list-style:none;width:20%;padding:10px;float:left;background:#fff;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;position:relative;text-align:center;cursor:pointer;}
.trafficLoad li.active{background:#f0f0f0;cursor:default;}
.trafficLoad li.active:after{width:15px;height:15px;position:absolute;top:35px;left:50%;margin-left:-7px;content:'';background: #fff;transform: rotate(45deg);z-index:3;}
.trafficLoad li > div {font-family:lato;font-size:12px;display:inline-block;}
.trafficLoad li > div > div.colorBox{width:10px;height:10px;float:left;margin-top:3px;margin-right:5px;}
.trafficLoad li + li + li + li + li{border-right:0;}
.trafficLoad li + li + li + li + li + li{border-bottom:0;border-right:1px solid #d0d0d0;}
.trafficLoad li .colorPickerHead{z-index:2;font-family:lato;color:#000;padding:20px 20px 0 20px;width:325px;border-radius:10px 10px 0 0;background:#fff;text-align:center;border:1px solid #e1e1e1;border-bottom:0;position:absolute;left:50%;margin-left:-162px;top:100%;display:none;}
.trafficLoad li .colorpicker{background:none;height:240px;width:325px;background:#fff;border:1px solid #e1e1e1;border-radius:10px;position:absolute !important;left:50%;margin-left:-162px;}
.trafficLoad li .colorPickerHead + .colorpicker{border-radius:0 0 10px 10px;border-top:0;margin-top:46px;z-index:1;}
.trafficLoad li .colorPickerHead h3{padding-bottom:10px;border-bottom:1px solid #d0d0d0;font-size:16px;}
.trafficLoad li .colorPickerHead .closeBtn{cursor:pointer;float:right;font-size:16px;line-height: 13px;z-index:3;}
.trafficLoad li .colorpicker_color{left:20px;top:20px;}
.trafficLoad li .colorpicker_hsb_h,
.trafficLoad li .colorpicker_hsb_s,
.trafficLoad li .colorpicker_hsb_b,
.trafficLoad li .colorpicker_current_color{display:none;}
.trafficLoad li .colorpicker{display:none !important;}
.trafficLoad li .colorpicker_hue{background:url('../../img/opm-sprites.png')no-repeat -352px -1091px;width:7px;height:150px;top:20px;}
.trafficLoad li .colorpicker_hue div{background:url('../../img/opm-sprites.png')no-repeat -287px -1094px;width:8px;height:11px;left:12px;}
.trafficLoad li .colorpicker_new_color{width:100px;left:200px;top:20px;border:1px solid #e1e1e1;}
.trafficLoad li .colorpicker_field{background:none;width:100px;height:30px;left:200px;line-height:30px;}
.trafficLoad li .colorpicker_field span{display:none;}
.trafficLoad li .colorpicker input{font-size:14px;outline:none;top:0px;height:30px;width:100%;left:0;border:1px solid #e1e1e1;padding:0 10px}
.trafficLoad li .colorpicker_rgb_r{top:60px;}
.trafficLoad li .colorpicker_rgb_b{top:140px;}
.trafficLoad li .colorpicker_rgb_g{top:100px;}
.trafficLoad li .colorpicker_hex{top:180px;left:20px;background:none;background:none;width:150px;height:30px;line-height:30px;}
.trafficLoad li .colorpicker_hex:before,
.trafficLoad li .colorpicker_rgb_r:before,
.trafficLoad li .colorpicker_rgb_g:before,
.trafficLoad li .colorpicker_rgb_b:before{content: '#'; color: #000; left: 0px; top: 0px; padding: 0px 14px; display: inline-block;text-align: center; font-size: 14px; font-family: lato;
background: #e5e4e5;position:absolute;}
.trafficLoad li .colorpicker_rgb_r:before{content:'R';}
.trafficLoad li .colorpicker_rgb_g:before{content:'G';}
.trafficLoad li .colorpicker_rgb_b:before{content:'B';}
.trafficLoad li .colorpicker_submit{background: #45bd7f; left: 200px; width: 100px; height: 30px; top: 181px;cursor:pointer;}
.trafficLoad li .colorpicker_submit:before{content: attr(save); color: #fff; left: 10px; top: 10px; padding: 6px 0; display: inline-block; width: 100%; text-align: center; font-size: 14px; font-family: lato;}
.trafficLoad li.active .colorPickerHead,.trafficLoad li.active .colorpicker{display:block !important;box-shadow:1px -5px 10px #ddd;}
.trafficLoad li.firstPosition .colorPickerHead,.trafficLoad li.firstPosition .colorpicker{margin-left:0;left:0}
.trafficLoad li.lastPosition .colorPickerHead,.trafficLoad li.lastPosition .colorpicker{margin-left:0;left:unset;right:0;}
.FilterAccordionContainer{z-index:1}

.rightSlideTitleBorder{border-bottom:1px solid #efefef;}
.sampleDataOverlay.sampleDataOverlay-oputils {position:absolute;padding:0 20px;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:999;cursor:default}
.sampleDataOverlay{position:relative;padding:0 20px;width:105%;float:left}
.sampleDataOverlay .overlayBox{position:absolute;top:0;left:0;background:rgba(197,197,197,.2);width:100%;height:100%;z-index: 20;}
.sampleDataOverlay .overlayHeading{background: rgba(0,0,0,.3);color: #fff;font-size: 48px;font-family: RobotoSlabLight;padding: 20px 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 16px;width: auto;max-width: 700px;}
.sampleDataOverlay p{font-size:14px;font-family:latoRegular;}
.sampleDataOverlay p a{color:#009df6;}
.opuSampleDataText{padding:10px;text-align:center;background:#fff1b0;margin-top:10px;float:left;width:100%}
.rightSlideTitleBorder .opmIconPdf:before{background-position:-263px -264px}
#billInfo{width:100%;float:left;}
#billInfo .opmForm{padding-top:30px}
#billInfo .title{font:14px LatoBold;color:#000;width:100%;float:left;}
#billInfo .description{font-size:14px;margin:10px 0 0px;width:100%;float:left;}
#billInfo .grayBox{width:100%;background:#f7f7f7;float:left;padding:20px;margin:30px 0;}
#billInfo .amount{position:relative;width:50%;box-sizing:border-box;margin-left:5px;text-align:right;font:12px LatoRegular;}
#billInfo .amount:before{content:":";position:absolute;left:0px;top:0;}
#billInfo .rupType{position:absolute;left:5px;top:0;}
#billInfo .totalCostTable{width:100%;position:relative;float:left;padding-right:85px;box-sizing:border-box}
#billInfo .totalCostTableDetails .opmFormRow{margin-bottom:5px;}
#billInfo .totalCostTable .opmFormCol:first-child{font-family:LatoBold;}
#billInfo .totalCostTableDetails{display:none}
#billInfo .tableTitle{font:14px LatoBold;color:#000;width:50%;padding-right:10px;float:left;position:relative;box-sizing:border-box;}
#billInfo .tableTitle:after{position:absolute;top:0;right:0;content:":";box-sizing:border-box}
#billInfo .tableDesc{width:50%;float:left;padding:0 10px 0 5px;box-sizing:border-box;float:left;font-size:13px;}
#billInfo .totalCostMoreDetails{font-size:13px;position:absolute;top:0;right:0;cursor:pointer;z-index:1;color:#3ca1cd;text-decoration:underline;}
#billInfo .totalCostMoreDetails:before{width:10px;height:5px;content:"";position:absolute;top:6px;left:-12px;background: url('../../img/opm-sprites.png') no-repeat -273px -1099px;}
#billInfo .totalCostMoreDetails.active:before{background: url('../../img/opm-sprites.png') no-repeat -273px -1093px;}
body.NavText #ReportSubTabs section#billingSection{padding: 0 !important}
body.NavText #ReportSubTabs section#capacityplangraph{padding: 0  0 10px 0 !important}

.icon-question{float:right;width:20px;height:25px;position:relative;display:inline-block}
.icon-question:before{background:url(../../img/samples/icons/icon-question.png) no-repeat center;width:18px;height:18px;content:'';position:absolute;top:2px;left:0}

.alarmNotificationInfoStnHldr{position:absolute;top:70px;right:0;left:0}
.alarmNotificationInfoStnHldr .alarmNotificationInfo{background:none}
.alarmNotificationInfoStnHldr header{height:auto !important;font:14px LatoRegular !important;padding:0 !important}
.alarmNotificationInfoStnHldr section{position:relative}
.alarmNotificationInfoStnHldr + .opmFormHolder{top:220px !important}

.icon-question.type2:before{top:13px}

.opmGettingStarted #NCMGettingStarted .menuList li .circleIcon .iconAddDevice{background:url('../../img/opm-sprites.png') no-repeat -139px -1209px;width:29px;height:30px;margin:15px auto}
.opmGettingStarted #NCMGettingStarted .menuList li .circleIcon .iconApplyCredentials{background:url('../../img/opm-sprites.png') no-repeat -172px -1210px;width:21px;height:28px;margin:15px  auto}

.marginTop-350{margin-top: 350px;}
.marginTop-700{margin-top: 720px;}
.ie11 .timeFilterList{top:-1px !important;left:0px !important;position: relative !important;z-index:99}
.ie11 .perfMonitorGraph{background: url(../../img/perfMonitorGraph.png) no-repeat;width:16px;height:16px;display:inline-block;top:2px !important;right:calc(100vw - 101vw) !important;position:relative !important;content:'';}
.ie11 .opmMoreList.type2 > .addMonitorsBtn.drpdwn .monitorsPlusBtn{right: 6px;left: auto;top: 19px;bottom: -19px}
.ie11 .DI-Grid .DIG-List{min-height:0px !important;padding:15px 0;position:relative;z-index:2}
.ie11 .deviceSnapshotTimeLine .DI-Grid .DIG-Graph{min-height:0px !important;top:auto;right:auto;bottom:auto;left:auto}
.ie11 .deviceMonitorSnaps .DI-Grid/*,.ie11 .deviceMonitorSnaps .DI-Grid .DIG-List*/{min-height:0px !important;top:0 !important}

.wmiCustomLabel{position:absolute;top:5px;right:-26px}
.wmiCustomLabel a > div > div.helpCardInfo{width:300px}

.width75Percent{width:75% !important}
.width50px{width: 50px !important}
.subText{font-size:11px;color:#9e9e9e;padding:10px 0 0}
.top25px{top:25px !important}
.height75px{height:75px !important}
.height90px{height:90px !important}
.w-95{width: 95% !important}
.mH0{min-height: 0px !important;}

.assoSearchTextbox{background: #ffffff !important; border-radius:4px}
.assoSearchIcon.defaultPadding{padding: 0 10px 0 30px !important}
.monitorSearchPaddingFix input[type="text"]#monitorSearch{padding: 0 120px 0 30px !important}
.assoSearchIcon:after{font: 17px fontello;content: '\e8d6';color: #8e8e8e;position: absolute;top: 7px;left: 9px;z-index: 0}
.resultsText{right: 7px;position:absolute;top:9px;color:gray;font-size:13px}

html.slideInTopFix .slideContent{top:-35px;height:calc(100% + 35px)}
html.slideInTopFix.MessageViewBoxOpen.secondLevelNavActive .slideContent{top:-75px;height:calc(100% + 75px)}

html.slideInTopFix body.NavText.no2ndLevelMenu .slideContent{top:0;height:100%}
html.slideInTopFix.MessageViewBoxOpen.secondLevelNavActive body.NavText.no2ndLevelMenu .slideContent{top:-40px;height:calc(100% + 40px)}

.right189px{right:-189px !important}
.right21px{right:21px !important}

/*DCM under monitors*/
.icon-svg-DataMonitor{background-position: -257px -69px;width: 13px !important;height: 13px !important;position: relative;top: 3px;cursor:pointer !important;margin-right:5px !important;margin-left:5px !important;}
.greenStatusCircle{width: 8px;height: 8px;background: #49bd80;border-radius: 10px;margin: 5px 5px 0px 0px;display: inline-block;}
.yellowStatusCircle{width: 8px;height: 8px;background: #faad5a;border-radius: 10px;margin: 5px 5px 0px 0px;display: inline-block;}
.greyStatusCircle{width: 8px;height: 8px;background: #7f7f7f;border-radius: 10px;margin: 5px 5px 0px 0px;display: inline-block;}
.redStatusCircle{width: 8px;height: 8px;background: #f34848;border-radius: 10px;margin: 5px 5px 0px 0px;display: inline-block;}
.FailedStatusCircle{width: 8px;height: 8px;background: #e8de65;border-radius: 10px;margin: 5px 5px 0px 0px;display: inline-block;}

/*To maintaining the same properties of toggle search box on DCM grid */
#opm_diagnosticsList .ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{/*background: #fbfbfb !important;*/border: 1px solid #dcdcdc !important;height: 30px !important}
.hoverText:hover{text-decoration: underline !important; color: #3996dd !important}
/**/

/*Data collection watchdog ui*/
.z0 {z-index: 0;}
.diagnosticsFilterLabel {float: right;font-weight: 300;cursor: pointer;/*width: 215px*/padding-right: 12px;}
.subHdrDivReport .AETIDFilDropDownList.active {display: block;opacity: 1;top: 35px;right: 33px;width: 175px;}
.AETIDFilDropDownList.noIcon li {padding: 10px 15px;}
.AETIDFilDropDownList.noIcon li::after {margin: 0 15px 0 15px}
.diagnosticsFilterLabel .opm-reports2.moreActions {top: 0 !important;}
.statusLegend span {color: #B2B2B4;font-size: 14px;float: left;margin-right: 10px;}
.disabledStatusIcon::before { background: url(../../img/opm-sprites.png) no-repeat -157px -1704px;width: 18px;height: 18px;content: "";display: inline-block;position: relative; /*cursor: pointer;*/margin-right: 5px;top: 4px;}
.suspendedStatusIcon::before { background: url(../../img/opm-sprites.png) no-repeat -337px -1805px;width: 18px;height: 18px;content: "";display: inline-block;position: relative;/* cursor: pointer;*/margin-right: 5px;top: 4px;}
.failedStatusIcon::before {background:url("../../img/opm-sprites.png") no-repeat -210px -1705px;width:22px;height:18px;display:inline-block;content:"";margin-right:10px;}

.opmFormTitle2 .onTitle {position: absolute;left: 170px;top: -2px;}

.opm_jqGridUI .icon-configedit{margin:0 10px !important}

.tabStatic__fixedTop { top: 60px; position: absolute; left: 30px; right: 0; width: auto; }
.tabStatic__fixedTop + .opmFormHolder {top: 110px !important;padding: 10px 0 30px !important;padding-left: 30px !important}
.tabStatic__fixedTop .opmBtnHldrTop { top: 0; right: 45px; }

.recentAlarmsIcon:before{background:url(../../img/opm-sprites.png) no-repeat -295px -1806px;width:18px;height:18px;content:'';display: inline-block;position: relative;top: 4px;margin-right: 5px;}
.diagnosticsIcon::before{background:url(../../img/opm-sprites.png) no-repeat -316px -1806px;width:18px;height:18px;content:'';display: inline-block;position: relative;top: 4px;margin-right: 5px;}
.tab1 li .alarmsCount {color:#828284}
.tab1 .tab1Content.alarmsContent {background: #fffbef;padding: 20px;}
.tab1 .tab1Content.alarmsContent .recentAlarmsInvSnapShot {border: none;padding: 0;}

.tab1 .tab1Content.alarmsContent .infoOutlineIcon {position: relative;margin-right: 25px;}
.tab1 .tab1Content.alarmsContent .infoOutlineIcon:before { width: 20px; height: 20px; position: absolute; left: 0; top: 0; border-radius: 50%; background: #3996dd; content: ""; }
.tab1 .tab1Content.alarmsContent .infoOutlineIcon:after { position: absolute; left: 8px; top: 0; content: "i"; color: #fff; }

.textOverflow {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;width:100%;}
.linkBlack {color: #000}
.astyle{float:inherit!important;font-weight:inherit!important;}
.underlineNone {text-decoration:none!important;cursor: inherit!important}
.customSize {width: calc(100vw - 35px) !important}
.diagEnableDiv {background:none !important; padding-top:0px !important}
.diagEnableTitle {font-size:14px !important; margin:5px 0px !important}
.diagEnableContent {margin-bottom:5px !important; font-size: 11px !important}
.diagEnableBtn {padding: 5px 0px !important; font: 14px LatoRegular !important}
.paddTenpx {padding:10px !important}
.diagnosticsListSec {left:0!important;z-index:1!important;opacity:1!important;filter:alpha(opacity=100)!important}
.disabledContent {padding-top: 90px !important; border:none !important}
.tab1 .tab1Content.p20{padding:20px}

.noIssuesContent {padding-top: 184px !important; width: 67%; border:none !important; text-align:center; display:none}
.noIssuesIcon {float:none !important; z-index: 2}
.noIssuesText {z-index: 2; position: absolute !important}
.dcwdtroubleLink{padding-right:165px !important;padding-top:8px !important;overflow:inherit !important}
.noIssuesContent.TextCenterFix {margin:auto}
.noIssuesContent.TextCenterFix .noIssuesText {position: relative !important;}

.tab1.recentAlarmsYellow > ul > li.active{background:#fffbef}
.tab1.recentAlarmsYellow > ul > li.active:before{height:3px;background:#ffe89e}
.tab1.recentAlarmsYellow > ul > li.active:after{z-index:2;height:3px;background: #fffbef;bottom: -2px;}
.tab1.recentAlarmsYellow .tab1Content{position:absolute;bottom:0;top:52px}
/*--------*/

/*IPMI Snapshot */
.jsTreeType1.interfaceDiscoveryTable ul li a .lastData {color: #95999C;}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValue {width: 200px;position: relative;}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValue .icon-traffic-graph::before{top: -6px;transform: scale(0.8)}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValue .icon-configedit::before{position: absolute;left: 37px;transform: scale(1.2);top: 8px;}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValue .iconAlarm::before{position: absolute;left: 61px;transform: scale(0.9);top: 5px;}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValue .iconAlarmActive::before{position: absolute;left: 61px;transform: scale(0.9);top: 5px;}
.slideContentContainer div > header.greyBg i.icon-left-open {right: 80px;top: 27px;position: absolute;cursor: pointer;}
.slideContentContainer div > header.greyBg i.icon-right-open {right: 50px;top: 27px;position: absolute;cursor: pointer;}
.iconAlarm::before{ background: url("../../img/opm-sprites.png") no-repeat -336px -1708px; width: 14px; height: 17px; content: ""; display: inline-block; flex: 0 0 18px; }
.iconAlarmActive::before{ background: url("../../img/opm-sprites.png") no-repeat -319px -1708px; width: 13px; height: 17px; content: ""; display: inline-block; flex: 0 0 18px; }
.opmFormTitle2 .opmBtnHldrTop {top: 25px;right: 0px;}
.opmFormTitle2 .opmBtnHldrTop .graphTimer.timeFilterList i.icon-time:before{top: 2px !important;}

.actionDropDown.greenDropdown {background: #45bd7f;top: 8px;right: 19px;z-index: 1;border: none;width: 120px;}
.actionDropDown.greenDropdown:before {border-color: #fff transparent transparent transparent;}
.actionDropDown.greenDropdown:hover:after { border-bottom: none; background: none; border-radius: 0 5px 0 0; }
.actionDropDown.greenDropdown i{color: #fff;}
/*.actionDropDown.greenDropdown i::after{content: '';display: block;background: rgba(0, 0, 0, 0.1);width: 30px;height: 30px;position: absolute;bottom: -7px;border-top-right-radius: 5px;right: -62px;border-bottom-right-radius: 5px;}*/
.actionDropDown.greenDropdown .actionDropDown__list{min-width: 160px;}
.actionDropDown.greenDropdown .actionDropDown__list:before{border: 8px solid;border-color: transparent transparent #f5f5f5 transparent;position:absolute;top: -15px;right: 7px;content: "";}
.actionDropDown:after{height: 30px !important;}

.iconAlarm::before{background: url("../../img/opm-sprites.png") no-repeat -317px -1921px;width:16px;height:16px;content: "";display:inline-block}
.iconAlarmActive::before{background: url("../../img/opm-sprites.png") no-repeat -337px -1921px;width: 16px;height: 16px;content: "";display: inline-block}

#inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td .monitorStatus{position:absolute;}
.widgetPopupMenuTimeLabel{font-size: 12px !important;}

ul li div span[data-class=disabledBlock],ul li div i[data-class=disabledBlock],div ul[data-class=disabledBlock],div ul li[data-class=disabledBlock]{opacity:.5;filter:alpha(opacity=50);pointer-events:none}
.widgetIconExport { background:url(../../img/opm-sprites.png) no-repeat 0 0 !important;background-position: -246px -689px !important;width:21px;right: 4px;height:18px;transform:scale(.8)}
.sensorUnavilDaysText{width:48px !important;height:27px !important;margin-left:5px !important;margin-right:5px !important;margin-top:5px !important;}
#hardwareGraphStatDiv > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th {padding-left:10px !important}
.icon-sm-ipmi{background-position:-313px -1983px}
.hwWidgetIntervalText{width: 75px;height: 21px;background: #f0f0f0 !important;border: 1px solid #dcdcdc;display: none;}
.hwWidgetSaveBtn{margin-left: 10px !important;background-color: rgb(69, 189, 127); color: white; width: 81px;border: 0px;cursor: pointer;display: none;}
.hwWidgetCancelBtn{margin-left: 5px !important;background-color: rgb(243, 243, 243);color: rgb(0, 0, 0);border: 0px;width: 81px;cursor: pointer;display: none;}

.tableHeading .sortIcon .text{position:relative}
.tableHeading .sortIcon .text:before{content:'';display:inline-block;position:absolute;border:4px solid transparent;right:5px}
.tableHeading .sortIcon.asc .text:before{top:11px;border-bottom-color:#222; opacity: .25}
.tableHeading .sortIcon.desc .text:before{top:17px;border-top-color:#222; opacity: .25}

.slideContentContainer div > header.greyBg p.overflowText{overflow:auto;height:32px;width:570px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValueSensor {width: 450px !important;}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifValueAction {width: 150px !important;}

.ipmiHardwareExport{position:relative}
.ipmiHardwareExport + ul{right: 0; display: none; opacity:0;position: absolute;}

/*-------*/
#securityScore.maxSecScore{height: 132px !important;}
.security-info {float: right;padding:11px 10px;position: relative;}
.topBandDropDown.security-info .topBandDropDownHolder:before{background:#fff; box-shadow:none}
.security-info .security-info-icon {padding: 4px;position: relative;height: 30px;width: 30px;display: inline-flex;align-items: center;justify-content: center;}
.security-info-status {position:absolute;bottom:8px;right:10px}
.security-info-progress {position: absolute;left: 10px;top: 8px;transform: rotate(-90deg);}
.security-info-progress circle {--percent:0;stroke-dasharray: 100;stroke-linecap:round;stroke-dashoffset: calc(100 - var(--percent));}
.security-info .security-info-icon svg {width:100%;height:100%}
.topBandDropDown.security-info {cursor:default}
.topBandDropDown.security-info .topBandDropDownHolder {box-shadow:0 2px 20px rgba(0, 0, 0, .1);-ms-box-shadow: 0 2px 20px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 20px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .1);-o-box-shadow: 0 2px 20px rgba(0, 0, 0, .1)}
body.securityInFoActive #header {z-index: 9999;}
.securityInFoActive #nav:hover {z-index:9}


/* Graph No data */
.no-dataText{height:240px !important}
.no-dataText .title-text{font-size:20px;font-family:LatoBold;margin-bottom:10px}
.no-dataText.style2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;color:#555}
.no-dataText.style2 .svgIcon{margin-bottom:20px}
.no-dataText.style2 .svgIcon svg{fill:#555}
.no-dataText.style3{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:auto;height:100%}
.no-dataText.style3 .svgIcon{margin-right:15px}
.no-dataText.style3 .svgIcon svg{fill:#555}

.fullHeight {height: 100% !important;}
.graph-divs-small-blkgrad h5{font-weight:bold; font-family:LatoBold}
.graph-divs-content > .grid-col-12 {height: 100%;margin: 10px 0;border: 1px solid #eaeaea;background: #f5f5f5;}
.graph-divs-small-blkgrad-onSlider {float: left;width: 100%;height: 270px}

.marginTop-810{margin-top: 810px}
.intf-bandwidth-graph{float:left;width:100%;height:auto}
/* Graph No data */

/*RegionMap UI*/
.customstyle{background : #45bd7f;color: #fff;border: none;}

.mapButtonHolder2{float:right;margin: 10px 10px 0 0;position:relative;z-index:9;padding-right: 3px;}
.mapButtonHolder2 .mapButtonActive{background: transparent !important;color: #45bd7f !important;border-bottom: 1px solid #45bd7f !important;margin: 0 !important}
.mapButtonHolder2 .mapButtonInactive{background: transparent !important;color: #312E2E!important;margin: 0 !important}
.mapButtonHolder2 .mapButtonInactive:hover{background: transparent !important;color: #45bd7f !important;}

/**** URL REVAMP NEW ***/
.urlMoniTextarea{width:100%}
.urlMoniResCode{width:100%;background:#f0f0f0;border:1px solid #d4d4d4;display:flex;margin-bottom:20px}
.urlMoniResCode > .resCode{flex:1;padding:15px;text-align:center;border-right:1px solid #d4d4d4;background:#f9f9f9}
.urlMoniResCode > .resCode.codeFail{color:#f34848}
.urlMoniResCode > .resCode.codePass{color:#45bd7f}
.urlMoniResCode > .resCode > div{font-size:10px}
.urlMoniResCode > .resCode > div + div{font-size:24px;font-family:latoBold}
.urlMoniResCode > .resURL{flex:5;padding:15px;display:inline-block}
.urlMoniResCode > .resURL > div{font-family:latoBold}
.urlMoniResCode > .resURL > div + div{font-family:latoRegular;color:#3996dd;cursor:pointer;margin-top:2px;display:inline-block}
.urlMsgBox{width:100%;margin-bottom: 20px}
.urlMsgBox .failureReasonBox{display:flex;flex-direction:column;width:100%;border:1px solid #ffe89e}
.urlMsgBox .failureReasonBox .URLfailureHead{font-size:18px;background:rgba(255, 232, 158, 0.32);line-height:35px;padding:0 10px;border-bottom:1px solid #ffe89e}
.urlMsgBox .failureReasonBox .URLfailureDesc{background:#FFFCF1;padding:10px;border-bottom:1px solid #ffe89e}
.urlMsgBox .failureReasonBox .URLfailureDesc:last-child{background:#fff;border-bottom:0}
.resultBox{/*position:absolute;top:238px;left:20px;right:20px;bottom:70px;*/background:#f0f0f0;padding:20px;padding-right:10px}
.resultBox > div{width:100%;height: calc(100vh - 366px);overflow:auto}
/*.resultBox.noFailMsg{top:155px}
.resultBox.noMatchCont {top: 93px;}*/
.conditionMsg,.noDataInfo{width:800px;max-width:100%;margin:0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:80px}
.conditionMsg.greyInfoBox,.noDataInfo.greyInfoBox {background: #f4f5f6;border: 1px solid #dcdcdc;min-width: calc(100% - 30px);margin: 0}
.conditionMsg.greyInfoBox,.noDataInfo.greyInfoBox.max-width1000 {max-width:1000px;min-width: 300px;margin: 20px auto;}
.greyInfoBox .opmBtn{font-size: 13px}
.greyInfoBox .noDataInfoMsg{display: flex;margin: auto;}
.noDataInfo .infoIcon, .conditionMsg .infoIcon{border:2px solid #707070;line-height:36px;border-radius:100%;width:40px;display:inline-block;text-align:center;font-family:RobotoSlabBold;font-size:20px;color:#707070;margin:0 auto;margin-bottom:5px}
.noDataInfo .noDataInfoMsg, .conditionMsg .noDataInfoMsg{font-size:20px;font-family:latoBold;margin-bottom:10px}
/*Device template UI changes Start*/
.conditionMsg .noDataDesc,.noDataInfo .noDataDesc{margin-bottom:20px}
/*Device template UI changes end*/
.noDataInfo .noDataAddBtn, .conditionMsg .noDataAddBtn{display: inline-block;min-width:100px;padding:0 20px;line-height:35px;color:#fff;text-align:center;cursor:pointer;background:#45bd7f;margin-top:10px;margin:0 auto;width:auto}
.noDataInfo .disBlock{display:block !important}
.create-rca{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width: 500px;text-align: center;margin: 0 auto;}
.create-rca__heading{font-size:24px;font-family:LatoBold;margin-bottom:10px;margin-top:20px}
.create-rca__desc{font-size:16px;margin-bottom:20px}
.create-rca__btn{background:#45bd7f;color:#fff;padding:10px 20px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}
.conditionMsg{max-width:100%}
.conditionMsg .conditionBtn > div{display:inline-block;line-height:35px;margin:0 5px;background:#45bd7f;color:#fff;min-width:80px;cursor:pointer}
.conditionMsg .conditionBtn > div.conditionNo{background:#f0f0f0;color:#000;border:1px solid #d4d4d4}
.associateURL{position:absolute;top:190px;left:0;bottom:80px;right:0}
.associateURL .multiSelectBox4{padding:0 20px}
.associateURLsaveBtn{position:absolute;bottom:0px;right:20px}

#urlMonitorBody{padding-right:30px !important;padding-left:0 !important}
.urlMonitoring .categorySelctBox {position: relative;margin-top:2px;min-width:200px;float: right;padding-right: 30px;}
.urlMonitoring .actionDropDown__list ul li { float:inherit;line-height:inherit;border:none;background:inherit}
.urlMonitoring .actionDropDown__list ul li:hover { background:#f0f0f0}
.mTop20px {margin-top: 20px;}
.settingsCnt > section .settingsContent .title_1.withHelpCard{z-index:9}
.urlInfoIconFix{position:absolute;right:8px;top:5px;}
/******/


/*---------------------------------Monitor Profile Template CSS Starts---------------------------------*/
.monitorProfile {text-align:center;color:#5C5C5C;}
.monitorProfile .deviceMonitor {background: url("../../img/opm-sprites.png") no-repeat -1px -1717px;width:78px;height:78px;display:inline-block;content:"";}
.monitorProfile .deviceMonitorTitle {font-family:'LatoBold';font-size:28px;margin:10px 0px;color:#000;}
.monitorProfile p{color:#8e8e8e;font-size:14px;margin: 10px 0px;}
.monitorProfile .createBtn { background: #45bd7f; min-width: 163px; width: auto; height: auto; font: 19px LatoRegular; color: #fff; text-align: center; padding: 10px 0px; margin: 3px; border: 0; display: inline-block; cursor: pointer; }
.monitorProfileTemplate .opmFormRow .btnRight { position: absolute; top: 20px; right: -140px; }
.multiSelectBox4.type6{padding-top:245px;height:95%;}
.multiSelectBox4.type6 .moveRightBtn, .multiSelectBox4 .moveLeftBtn {top:65%;}
.verticalTabList2 {padding: 0; width: 100%; margin: auto; clear: both;}
.verticalTabList2 .mCustomScrollbar { width: 220px; display: inline-block; height: 550px; position: relative;overflow: hidden;}
.verticalTabList2 .mCustomScrollbar .title { left: 15px; }
.verticalTabList2 .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail { width: 7px; background-color: transparent; }
.verticalTabList2 .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; background-color: #7d7d7d; }
.verticalTabList2 .mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
.verticalTabList2 .mCustomScrollbar .legendList {background-color: #f5f5f5;height: 550px;border: 1px solid #D9D9D9;}
.verticalTabList2 .mCustomScrollbar .legendList li {padding: 10px;cursor: pointer;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/border-bottom: 1px solid #D9D9D9;}
.verticalTabList2 .mCustomScrollbar .legendList li.appLists {padding-right:40px;position:relative;}
.verticalTabList2 .mCustomScrollbar .legendList li:hover { background-color: rgba(0, 0, 0, 0.05); }
.verticalTabList2 .mCustomScrollbar .legendList li.active {background-color: #fff;width: 101%; border-left: 3px solid #0cb956; font-family: 'LatoBold';}
.verticalTabList2 .mCustomScrollbar .legendList li.appLists i::after{content: '+';background: #ccc;display: inline-block;font-size: 13px;border-radius: 3px;padding: 0px 5px;position: absolute;right: 10px;top: 10px}
.verticalTabList2 .mCustomScrollbar .legendList li.appLists.expand i::after{content: '-';padding: 0px 6px;}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul{background: #fff;padding: 10px 40px;position:relative;}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul::after{top: 10px;left: 25px;width: 1px;height: 64px;border-left: 1px dashed #e4e4e4;position: absolute;content: "";}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul li{border:none;font-size:12px;padding: 5px;}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul li.active{background:#F5F6F8;border:1px solid #dedede;}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul li::before{width: 13px;left: 26px;height: 8px;border-bottom: 1px dashed #e4e4e4;position: absolute;content: "";}
.verticalTabList2 .mCustomScrollbar .legendList .subAppList ul li i{border-color:#bababa transparent transparent transparent;border-style:solid;border-width: 5px 4px 0 4px;height: 21px;left: 45px;margin-left:-4px;margin-top:-2px;position:absolute;width:0;transform: rotate(270deg);}
.verticalTabList2 .title { display: inline-block; position: absolute; top: 13px; left: 40px; font-weight: bold; font-family: LatoBold; }
.verticalTabList2 .activeTable { display: inline-block; padding-left: 20px; width: calc(100% - 220px); height: 100%; position: relative; }
.verticalTabList2 .activeTable .opmPerformanceMonitor .ui-jqgrid .ui-jqgrid-titlebar { background-color: transparent; padding: 0 0 10px; }
.container-fluid2 {display: block;width: 100%; float: none; }
.container-fluid2 .opmFormTitle {font-size: 18px;font-family: "LatoBold";padding-bottom: 10px;border-bottom: 1px solid #e2e2e2;margin-bottom: 10px;position: relative;max-width: none;}

.monitorProfile .profileMonitor {background: url("../../img/opm-sprites.png") no-repeat -1px -2102px;width:174px;height:106px;display:inline-block;content:"";}
/*#MonitorProfilesGridDiv > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding: 10px 10px !important;}*/

.opmFormRow .adaptiveThreshold {border-left:1px solid #dcdcdc;margin:10px 0px 10px 50px;padding-left:20px;position:relative;}
.opmFormRow .adaptiveThreshold i{border-color:#dcdcdc transparent transparent transparent;border-style:solid;border-width: 8px 7px 0 7px;left:-11px;top:25px;position:absolute;width:0;transform:rotate(90deg);}
.opmFormRow .adaptiveThreshold .title{font-family:LatoBold;}
.opmFormRow .adaptiveThreshold p{color:#000;width:55%;}
.opmFormRow .adaptiveThreshold a.opm_link{position:absolute;right:0;bottom:30px;}

label.labelwidth70{width:70% !important; clear:none; padding-top: 10px;}
label.labelwidth25{width:25% !important; clear:none; padding-top: 10px;}
div.wmijqgridwidth{clear:none;float:left;width:49%;}
.appMonitorTextbox{background: #fbfbfb !important;border: 1px solid #cccccc !important;height: 25px !important;width: 75px !important;}


.EditThresholdContainer{width:100%;padding:20px;float:left}
.EditThresholdContainer .heading{font-size:18px;font-family:latoBold}
.EditThresholdContainer .formBox{width:100%;float:left;border:1px solid #e2e2e2;margin-top:20px;position:relative;background: #f9f9f9}
.EditThresholdContainer .formBox:before{width:1px;height:100%;border-left:1px solid #e2e2e2;position:absolute;left:399px;top:0;content:""}
.EditThresholdContainer .formBox__left{width:400px;float:left;border-right:1px solid #e2e2e2;background:#f9f9f9;max-height:calc(100vh - 310px);overflow:auto}
.EditThresholdContainer .formBox__left ul li{padding:15px 20px;border-bottom:1px solid #e2e2e2;transition:1s}
.EditThresholdContainer .formBox__left ul li:hover{transition:1s;background:#f0f0f0;cursor:pointer}
.EditThresholdContainer .formBox__left ul li.active{background:#fff;border-left:3px solid #45bd7f;font-family:latoBold}
/*.EditThresholdContainer .formBox__left ul li:last-child{border:0}*/
.EditThresholdContainer .formBox__right{width:calc(100% - 400px);float:left;max-height:calc(100vh - 310px);overflow:auto;padding:20px;position: relative;z-index: 123455;background: #fff;}
.EditThresholdContainer .formBox__right .heading{margin-bottom:20px}
.EditThresholdContainer .formBox__right .maxWid100p{max-width:100% !important}
.EditThresholdContainer .formBox__right .opmFormRow.column3 .opmFormCol.coll-3-2{width:78.4%}
.EditThresholdContainer .formBox__right .opmFormRow.column3 .opmFormCol{width:15.6%}
.EditThresholdContainer .formBox + .EditThresholdBtn{margin-top:20px;margin-left:10px;float:left;width:100%}
.EditThresholdContainer .formBox + .EditThresholdBtn .opmBtn{margin-right:10px}

.profileListView .profileTitleBar{background:#f4f4f4;border:1px solid #d1d1d1;line-height:40px;padding:0 30px 0 10px;margin-bottom:5px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
.profileListView .accordion1 > ul > li {padding-right:0;}
.profileListView .accordion1__cont{padding:20px;flex-direction: column}
.profileListView .accordion1__cont .monitorsTitle{padding-bottom:10px;margin-bottom:10px; border-bottom:1px solid #d1d1d1;margin-top: 20px;}
.profileListView .accordion1__cont .monitorsTitle:first-child{margin-top:0}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .list .opmCheckBox label:before{width:14px;height:14px;border-radius:0;}
.profileListView .accordion1__cont .opmChckList .list .opmCheckBox input:checked + label:after{border-color:#42be7f !important;width:3px;height:7px;}
.profileListView .accordion1__cont .checkBoxAccr > li > .opmCheckBox > div {background:none;}
.profileListView .accordion1__cont .opmChckList{border:none;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox label{padding-left: 12px;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox.groups .opmCheckBoxAccrBtn::before{border-color:#000000 transparent transparent transparent;border-style:solid;border-width:6px 4px 0 4px;height:0;left:30px;position:absolute;top:12px;width:0;content:"";transform:rotate(-90deg);transition:.5s;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox.groups label{cursor:pointer;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox.groups ul{display:none;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox.groups.active ul{display:block;}
.profileListView .accordion1__cont .opmChckList.opmChckListType4 .opmCheckBox.groups.active .opmCheckBoxAccrBtn::before{border-color:#000000 transparent transparent transparent;border-style:solid;border-width 6px 4px 0 4px;height:0;left:30px;position:absolute;top:12px;width:0;content:"";transform:rotate(-0deg);transition:.5s;}

.profileListView.monitorSelection .accordion1{margin-bottom:0px;height:calc(100vh - 531px);overflow:auto;}
.profileListView.monitorSelection .opmCheckBox label:before {width:15px;height:15px;top:12px;}
.profileListView.monitorSelection .opmCheckBox label:after{top: 21px;left: 9px;}
.profileListView.monitorSelection .accordion1__cont{padding:0;}
.profileListView.monitorSelection .accordion1 > ul > li{margin-bottom:10px}
.profileListView.monitorSelection .accordion1__cont .opmChckList .list ul li {padding: 5px 30px 5px 42px;border-bottom:1px solid #e8e8e8;}
.profileListView.monitorSelection .accordion1__cont .opmChckList .list ul li:last-child{border:none;}
.profileListView.monitorSelection .accordion1__cont .opmChckList .list ul li:nth-child(2n){background:none;}

.profileListView.monitorSelection.desc .accordion1__cont .opmChckList .list ul li{padding-top:10px;padding-bottom:10px;}
.profileListView.monitorSelection.desc .accordion1__cont .opmChckList .list ul li .opmCheckBox p{color:#777777;font-size:12px;}

.displayFlex{display: flex !important;}
.disabledCheckBoxPerf{opacity:0.7!important}
.disabledCheckBoxPerfSelectAll{pointer-events:none;opacity:0.7!important}
.monitorsAccordion .accordion1__nav .opmCheckBox {width: 35px !important}
.loading-container {height: 100%;width: 100%;background: #fff;text-align: center;display:table !important}
.loading-container .content{display:table-cell;vertical-align:middle;font:20px LatoRegular;color:#bdbdbd}

.warningBox .area > ul{list-style-type:none;text-align: left;line-height: 24px;font: 14px LatoRegular;}
.warningBox .area > ul li.pl-20{padding-left: 20px;}
.warningBox .area > ul li:last-child{margin-bottom: 0;}
.warningBox .area > ul li p{color:#000;}
.MonitorProfileSubHead{font-size: 14px !important;border-bottom: 0 !important;padding: 0 !important;}
#MonitorProfilesAssoDevDiv .ui-state-default.ui-jqgrid-hdiv{display:none;}
#MonitorProfilesAssoDevDiv .ui-jqgrid-bdiv tr:first-child{border-top:1px solid #d7d7d7}

.createProfileTitle{display: inline-block;padding-left: 30px;position: relative;}
.createProfileTitle:before{width: 5px;height: 5px;position: absolute;left: 8px;top: 8px;border: 2px solid #000000;content: "";transform: rotate(45deg);border-left: 0;border-bottom: 0;}

html.opmTopBandBannerActive .EditThresholdContainer .formBox__left,
html.opmTopBandBannerActive .EditThresholdContainer .formBox__right{
    max-height: calc(100vh - 350px);
}

.popUpBox.information{width: 350px;padding: 40px;padding-top: 80px;}
.popUpBox.information:before{border: 2px solid #808080;width: 30px;height: 30px;border-radius: 50%;position: absolute;top: 40px;left: 50%;margin-left: -15px;content: "i";font-size: 20px;color: #808080;line-height: 30px;}
.popUpBox.information p{font-size: 16px;}
.popUpBox.information .opmBtn{margin-top: 10px;min-width: 100px;border-radius: 3px;}

.icon-sm-monitorProfile{background-position:-201px -2102px;width: 17px !important;height:14px;opacity: .7}

.userMgmtInfo p{color:black !important;}
/*---------------------------------Monitor Profile Template CSS Ends---------------------------------*/

/*! Multiple Alert UI starts here */
.upgrade-manager-page .multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item:before {top:18px}
.upgrade-manager-page .multiple-alert .multiple-alert__list .multiple-alert__list-item-title {margin-bottom:0px}
.upgrade-manager-page .multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item {padding:15px;padding-left:45px}
.upgrade-manager-page .multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item{width:100%; flex: 1;}
#UpgradeTabHolder .upgradeTabContent .opmFormHolder {top:115px;}
.multiple-alert{width:100%;display:block;margin-bottom:20px}
.multiple-alert .multiple-alert__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;background-color:#e6e6e6;border-left:3px solid #999;cursor:pointer}
.multiple-alert .multiple-alert__header .status-icon{width:16px;display:inline-block;margin-right:12px;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}
.multiple-alert .multiple-alert__header .status-icon .svgIcon{display:none}
.multiple-alert .multiple-alert__header .status-icon .svgIcon svg{fill:#999}
.multiple-alert .multiple-alert__header .status-icon .svgIcon.info{display:block}
.multiple-alert .multiple-alert__header .multiple-alert__icons{width:16px;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;cursor:pointer}
.multiple-alert .multiple-alert__header .multiple-alert__icons .svgIcon.up{display:none}
.multiple-alert .multiple-alert__header .multiple-alert__title{font-family:LatoBold;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-right:20px}
.multiple-alert .multiple-alert__close-icon{width:16px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px;border-radius:50%;cursor:pointer}
.multiple-alert .multiple-alert__close-icon:after,.multiple-alert .multiple-alert__close-icon:before{position:absolute;width:2px;height:14px;border-radius:3px;content:'';display:block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#000}
.multiple-alert .multiple-alert__close-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.multiple-alert .multiple-alert__close-icon:hover{opacity:.8}
.multiple-alert .multiple-alert__list{color:#222;max-height:250px;overflow:auto;display:none}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-title{margin-bottom:10px;word-break:break-word;word-wrap:break-word}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-desc{font-size:12px;line-height:1.4;color:#444}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper{background-color:#f2f2f2;border-left:3px solid #999;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 16px 10px 44px;position:relative;-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 130px);flex:0 0 calc(100% - 130px);width:calc(100% - 130px)}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item:before{content:'';width:10px;height:10px;border-radius:50%;background-color:#999;position:absolute;top:13px;left:18px}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item.without-cta{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;width:100%}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item-cta{width:125px;-webkit-box-flex:0;-ms-flex:0 0 125px;flex:0 0 125px;padding:10px 10px 0 0}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item-cta .opmBtn{padding:10px;background-color:rgba(0,0,0,.1);float:none;color:#000;max-width:100%;min-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper .multiple-alert__list-item-cta .opmBtn:hover{background-color:rgba(0,0,0,.2)}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.critical{background-color:#fef0f0;border-left-color:#f34848}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.critical .multiple-alert__list-item:before{background-color:#f34848}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.warning{background-color:#fefaee;border-left-color:#edc133}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.warning .multiple-alert__list-item:before{background-color:#edc133}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.info{background-color:#f0f7fc;border-left-color:#3996dd}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.info .multiple-alert__list-item:before{background-color:#3996dd}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.success{background-color:#eefbf4;border-left-color:#27a965}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.success .multiple-alert__list-item:before{background-color:#27a965}
.multiple-alert .multiple-alert__list .multiple-alert__list-item-wrapper.noIcon .multiple-alert__list-item:before{display:none}
.multiple-alert.critical .multiple-alert__header{background-color:#fde1e1;border-left-color:#f34848}
.multiple-alert.critical .multiple-alert__header .svgIcon.critical{display:block}
.multiple-alert.critical .multiple-alert__header .svgIcon.critical svg{fill:#f34848}
.multiple-alert.critical .multiple-alert__header .multiple-alert__icons svg{fill:#f34848}
.multiple-alert.critical .multiple-alert__close-icon:after,.multiple-alert.critical .multiple-alert__close-icon:before{background-color:#f34848}
.multiple-alert.warning .multiple-alert__header{background-color:#fbf3d7;border-left-color:#e8b614}
.multiple-alert.warning .multiple-alert__header .svgIcon.warning{display:block}
.multiple-alert.warning .multiple-alert__header .svgIcon.warning svg{fill:#e8b614}
.multiple-alert.warning .multiple-alert__header .multiple-alert__icons svg{fill:#e8b614}
.multiple-alert.warning .multiple-alert__close-icon:after,.multiple-alert.warning .multiple-alert__close-icon:before{background-color:#e8b614}
.multiple-alert.info .multiple-alert__header{background-color:#d1e7f7;border-left-color:#3996dd}
.multiple-alert.info .multiple-alert__header .svgIcon.info{display:block}
.multiple-alert.info .multiple-alert__header .svgIcon.info svg{fill:#3996dd}
.multiple-alert.info .multiple-alert__header .multiple-alert__icons svg{fill:#3996dd}
.multiple-alert.info .multiple-alert__close-icon:after,.multiple-alert.info .multiple-alert__close-icon:before{background-color:#3996dd}
.multiple-alert.success .multiple-alert__header{background-color:#d9f6e7;border-left-color:#27a965}
.multiple-alert.success .multiple-alert__header .svgIcon.success{display:block}
.multiple-alert.success .multiple-alert__header .svgIcon.success svg{fill:#27a965}
.multiple-alert.success .multiple-alert__header .multiple-alert__icons svg{fill:#27a965}
.multiple-alert.success .multiple-alert__close-icon:after,.multiple-alert.success .multiple-alert__close-icon:before{background-color:#27a965}
.multiple-alert.critical .multiple-alert__header .svgIcon.info,.multiple-alert.success .multiple-alert__header .svgIcon.info,.multiple-alert.warning .multiple-alert__header .svgIcon.info{display:none}
.multiple-alert.active .multiple-alert__icons .svgIcon.up{display:block}
.multiple-alert.active .multiple-alert__icons .svgIcon.down{display:none}
.multiple-alert.active .multiple-alert__list{display:block}
.multiple-alert .unOrderedList>li{padding:0 5px 5px}
html.ie .multiple-alert__close-icon{top:-50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
/*! Multiple Alert UI ends here */

/*!OPM Horizontal wizards Starts */
.opm_horizontal_wizard{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
.opm_horizontal_wizard .wizard_step{display:inline-block;height:36px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #d4d4d4;padding:0 15px 0 0;border-radius:30px;color:#7d7d7d;margin:5px 40px 5px 0}
.opm_horizontal_wizard .wizard_step::after{width:10px;height:10px;content:'';border:2px solid #b9b9b9;border-top:0;border-right:0;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;left:calc(100% + 10px)}
.opm_horizontal_wizard .wizard_step .wizard_number{width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;background-color:#f9f9f9;border:1px solid #d4d4d4;border-left:0;margin-right:12px;font-size:15px}
.opm_horizontal_wizard .wizard_step .wizard_title{font-size:16px;max-width:250px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.opm_horizontal_wizard .wizard_step.active{background-color:#ecf8f2;border:1px solid #14894c;color:#14894c;font:16px LatoBold}
.opm_horizontal_wizard .wizard_step.active .wizard_number{background-color:#14894c;border:none;color:#fff;font:15px LatoBold}
.opm_horizontal_wizard .wizard_step.active .wizard_title{font:16px LatoBold}
.opm_horizontal_wizard .wizard_step:last-child{margin-right:0}
.opm_horizontal_wizard .wizard_step:last-child::after{border:none}
/*!OPM Horizontal wizards ends */

/*Monitors Search Starts*/
.searchMonitors .opmFormCol{padding-top:10px;}
.searchMonitors .searchInput input{background:none !important;/*width:260px;*/height:33px;float:right;font:14px LatoRegular;padding:5px 15px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;margin-left:30px;}
.searchMonitors .searchInput i.searchIcon:before{color:#ccc;right:15px;top:7px;}
/*Monitors Search Ends*/

/* Monitor settings kerberos changes starts*/
#MonitorSettingsContent.opmForm .opmCheckBox2 {display: inline-block; min-width: 200px}
#MonitorSettingsContent.opmForm .opmCheckBox2:hover, .opmForm .opmCheckBox2 label:hover {cursor: pointer}
#MonitorSettingsContent.opmForm .opmCheckBox2.style2 { border: 1px solid #45BD7D; border-radius: 5px; padding: 10px 15px; margin-right: 20px}
#MonitorSettingsContent.opmForm .opmCheckBox2 input { display: none}
#MonitorSettingsContent.opmForm .opmCheckBox2 svg {fill:#c3c3c3}
#MonitorSettingsContent.opmForm .opmCheckBox2.active svg {fill:#45BD7D}
/* Monitor settings kerberos changes ends*/

/*Graph page breadcrumb starts*/
.title-with-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.title-with-breadcrumb.mb-0{margin-bottom:0}
.title-with-breadcrumb .helpSlider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;font-size:14px;font-family:LatoRegular;margin-right:20px}
.title-with-breadcrumb .helpSlider span{margin-right:7px;width:20px;height:20px;border-radius:50%;border:1px solid #efefef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.title-with-breadcrumb ul {display: flex;width: 100%;overflow: hidden;}
.title-with-breadcrumb ul li{display: block;max-width: 80%;min-width: 100px;overflow: hidden;}
.title-with-breadcrumb ul li:first-child{min-width: max-content;}
.title-with-breadcrumb ul li:first-child a {padding-left: 0}
.title-with-breadcrumb ul li a{display:inline-block;position:relative;color:#222;font-family:LatoBold;font-size:18px;}
.title-with-breadcrumb ul li a, .title-with-breadcrumb ul li span {max-width: 100%;overflow: hidden;text-overflow: ellipsis;padding: 0px 20px;margin:0}
.title-with-breadcrumb ul li a:hover {text-decoration: none;}
.title-with-breadcrumb ul li:not(:last-child) a{opacity:.7;cursor:pointer;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
.title-with-breadcrumb ul li:not(:last-child) a::before{content:'';border:solid #565656;border-width:0 2px 2px 0;display:inline-block;padding:3px;-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);position:absolute;right:-1.5px;top:50%}
.title-with-breadcrumb ul li:not(:last-child) a:hover{opacity:1}
.title-with-breadcrumb ul li:last-child{pointer-events:none}
.graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li a, .graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li span{padding-left: 15px}
.graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li:not(:last-child) a::before{right: -1.3px;}
/*Graph page breadcrumb ends*/
#pam_integration .title-with-breadcrumb li input {pointer-events: all;}

/*Dashboard sub-header changes*/
html.horizontalView .opmDashboard.showActiveSubLinks > header, html.horizontalView #peopleDashboard.opmDashboard.showActiveSubLinks > header, html.horizontalView #peopleDashboard.opmDashboard.showActiveSubLinks .opmDashboardLinks, html.horizontalView #peopleDashboard.opmDashboard.showActiveSubLinks .opmDashboardAddBtn, html.horizontalView .opmDashboard.showActiveSubLinks > header > .opmDashboardSubLinks, html.horizontalView #peopleDashboard.opmDashboard.showActiveSubLinks > header > .opmDashboardSubLinks, html.horizontalView .icon-star.dashboardFav, html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardAddBtn {height: 40px !important}
html.horizontalView .opmDashboard.showActiveSubLinks > section, html.horizontalView #peopleDashboard.opmDashboard.showActiveSubLinks > section {top:40px !important}
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list .dropDownMenu.active>a span {font-size: 12px; display: block !important;}
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list .dropDownMenu>a .activeSubMenu {display: none !important;}
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list .dropDownMenu.active>a .activeSubMenu {font-weight:700; font-family: 'LatoBold' !important; max-width: 100px; overflow: hidden; text-overflow: ellipsis;}
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list .dropDownMenu.active>a {text-align:left; padding-top: 4px !important; }
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list>div>li>a, html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .more a {padding: 10px 36px 7px 20px !important;}
html.horizontalView .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .list .dropDownMenu > div, .opmDashboard.showActiveSubLinks > header .opmDashboardSubLinks .more ul {top:40px !important}

/*JQGrid search drop down fix*/
.ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th div .select2-container {background: #fbfbfb; height: 30px;}
.ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th div .select2-container .selection .select2-selection .select2-selection__arrow{height:30px}
/**/

.opm_jqGridUI.hoverBg .ui-jqgrid .ui-jqgrid-bdiv tbody > tr {transition-duration: 500ms;}
.opm_jqGridUI.hoverBg .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:hover { background: rgba(234, 221, 109, 0.3); transition-duration: 250ms}

.verify-configurations-container{background:#f4f5f6;padding:4px 8px;display:flex;justify-content:space-between;flex-wrap:wrap;border:1px solid #e0e0e0;min-height:50px}
.verify-configurations-container svg{margin-top:1px;fill:#505050}.verify-configurations-container .opmBtn.bordered{background:rgba(39,169,101,0.06) !important}
.verify-configurations-container.error svg{fill:#e00f0f}.verify-configurations-container.error+.verify-configurations-error-list{width:100%;padding:10px;padding-left:60px;background:#fff;border:1px solid #e0e0e0;border-top:0}
.verify-configurations-container.error+.verify-configurations-error-list ul li{padding-bottom:8px;list-style-type:disc}
.verify-configurations-container.success{border:1px solid #1d804c;background-color:#eaf4ed}
.verify-configurations-container.success svg{fill:#1d804c}ul,ol{margin:0;padding:0;list-style-type:none}

.infoMssg.info svg{fill:#3996dd}
.bg-none {background: none !important; background-image: none !important;}
.mr-auto {margin-right:auto !important}
.ml-auto {margin-left:auto !important}

.hrlineMaxWidth700px{max-width:700px;}
.disableTransferCheckbox{right:25px;text-align:right;position:absolute !important;top:17px !important}
.dashboardWidget .ut .left,.dashboardWidget .ut .right,.dashboardWidget .minMaxWidget .middle > div{padding-left:0;padding-top: 0;}
.whiteBg{background:#fff!important}
.containersNoDataMessage{position:absolute;left:50%;transform:translateX(-50%)}
.containersNoDataMessage a{color:#3996dd !important;cursor:pointer;text-decoration:underline}

.opmCheckBox.withToggleArrow input:checked+label .svgIcon svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform ease-in-out .2s;
    transition: -webkit-transform ease-in-out .2s;
    -o-transition: transform ease-in-out .2s;
    transition: transform ease-in-out .2s;
    transition: transform ease-in-out .2s,-webkit-transform ease-in-out .2s
}

/*Should be removed once APM becomes FIPS compliant*/
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive .apmPluginContent.fipsMessageAPMFix>div{position:relative}
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive .apmPluginContent.fipsMessageAPMFix>div>.topNews + iframe{top: 40px;position: absolute;bottom: 0;left: 0;right: 0;height: calc(100% - 40px)}
/*---*/

html.horizontalView.MessageViewBoxOpen.secondLevelNavActive .apmPluginContent.apmFOSMessage>div>.topNews + iframe{top: 0px;position: absolute;bottom: 0;left: 0;right: 0;height: calc(100% - 40px)}

/*Graph Min Max Average filter*/

.btnGroup.activeGrey .opmBtn{background:#fff;color:#777;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:7px 10px}
.btnGroup.activeGrey .opmBtn.active{font-weight:700;color:#000}
.btnGroup.activeGrey .opmBtn.active::before{background:#d4d4d4}
.btnGroup.activeGrey .opmBtn.active.active+.opmBtn{border-left-color:#d4d4d4}
.hasHelpCardBar .content.height80px{height:80px!important}
.hasHelpCardBar .content.height120px{height:120px!important}
/*---*/
/*Lookup table changes*/
.customWMIForm .opmFormRow{max-width: 800px !important}
.wmiAttrTable{display:flex;column-gap:30px}
.wmiAttrTable > div{width:50%;}
.wmiAttrTable > div .ui-jqgrid-bdiv > div {max-height: 300px;overflow-y: auto !Important}
.lookupTableAddSNMPMonitor{width: 700px;padding: 15px;margin-top: 20px;display: inline-block;padding-bottom:0;}
.lookupTableAddSNMPMonitor .opmFormRow .opmFormRow:last-child{margin:0}
.lookupTableEditPerfMonitor{width: 560px;padding: 15px;display: inline-block;padding-bottom:0;padding-top: 0}
.lookupTableEditPerfMonitor .opmFormRow .opmFormRow:last-child{margin-bottom:15px}
.lookupTableLegend {display:flex;justify-content:center; margin-bottom:20px}
.lookupTableLegend > div {align-items:center;background:#eeeeee;border:1px solid #dcdcdc;border-radius:4px;display:inline-block;display:flex;justify-content:center}
.lookupTableLegend > div > div {clear:both;float:left;font:14px LatoRegular;padding:8px 16px;position:relative}
.lookupTableLegend > div > div:before{   width:1px;height:20px;background:#dcdcdc;position:absolute;left:0;content:"";top:50%;margin-top:-10px}
.lookupTableLegend > div > div:first-child:before{display:none}
.perfGraphTables{padding:0 90px;display:flex;flex-direction: column;row-gap: 10px}
.perfGraphTables__table{display: flex;column-gap: 20px;width:100%;}
.perfGraphTables__table > div{flex:1}
.opm_jqGridUI.graphScrollOffSet.instanceTable{float:left;width:100%;padding:0 30px;margin-bottom: 10px;display:none;padding:0 90px !important;margin-top:10px;}
.opmPerformanceMonitor.paddingLeft0{padding-left:0}
.perfGraphTables__table > div > div.consolidatedTableHeader{padding: 12px 12px;background: #f6f6f6; border: #d6d6d6; border: 1px solid #d7d7d7; font-size: 16px; font-family: 'LatoBold'; border-bottom: 0;}
.perfGraphTables__table .innerTable{max-height:240px;margin:0 auto 30px;display:block;float:none;overflow-y:auto;overflow-x:hidden;border-bottom:1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
/*---*/

/*Perf issue fixing */
.assoSlideContentFixedHeight{height: calc(100vh - (106px + var(--assoSlideContentFixedHeightY))) !important}
.fixGridHeaderHt .ui-jqgrid .ui-jqgrid-bdiv{max-height: calc(100vh - (90px + var(--fixGridHeaderHtY))) !important;overflow-y: scroll !important}
#unpolledDiv .ui-search-input #select2-gs_failurereason-container{width:330px}
/*----*/

/*Credential dissociate*/
.credentialDisso.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td:not(.jqgrid-multibox){white-space: nowrap;overflow: hidden; max-width:100%;text-overflow: ellipsis}
.credentialDisso.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight{background: #fefede}
/*---*/


/*VxRail changes*/
.icon-hci{display:inline-block;width:16px;height:16px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -240px -207px;margin:0 7px 0 0;padding:0!important}

.vsanCapacityDonutChart .d3container {left:-30px !important}
.vsanCapacityDonutChart .plotarea-property {width:calc(100% - 200px) !important}
.vsanCapacityDonutChart .plotarea-property:after{background: #e1e1e1;width: 1px;height: 100% !important;content: '';position: absolute;left: 100%; top:0}
.vsanCapacityDonutChart .d3container .canvas-component .legendarea>div {top:50% !important; transform: translateY(-50%); left:calc(100% - 180px) !important}
.vsanCapacityDonutChart .d3container .canvas-component .legendarea .legendgroup .legseries {min-width:240px; max-width:240px}
.vsanCapacityDonutChart .d3container .canvas-component .zcnotes .zc-annotation>div {width:80px  !important}
.vsanCapacityDonutChart .d3container .canvas-component .zcnotes .zc-annotation>div>div:first-child {font-size:20px !important}

.jsTreeType1.interfaceDiscoveryTable #nutanixTree ul li ul li:last-child ul:before {z-index: 1}

.dataValueWidgetContainer.vm-summary{padding: 13px 5px 0px 5px;}
.dataValueWidgetContainer.vm-summary .dataValueWidget{min-width:150px!important; flex-grow:1;padding-top:15px;cursor:pointer}
.dataValueWidgetContainer.vm-summary .dataValueWidget:hover{border:1px solid #54adff;background:rgba(84,173,255,.12)}
.dataValueWidgetContainer.vm-summary .dataValueWidget .dataValueWidget__label{margin-top:0px}
.dataValueWidgetContainer.vm-summary .dataValueWidget .dataValueWidget__label > span{font-size:12px}
.capsule-status{max-width: 125px;height:25px;padding:3px 8px;border-radius:20px;float:left;text-align:center}
.capsule-status.gridCapsule{padding:2px 8px !important}
.capsule-status.capsule-Critical{border: 1px solid rgb(246 0 0);background:rgb(255 230 230);color:#f83939}
.capsule-status.capsule-Attention{border: 1px solid #ebce00;background: #fff8c6;color: #c1a900}
.capsule-status.capsule-Clear{border: 1px solid #46bb7d;background:#46bB7D1A;color:#46bb7d}
.capsule-status.capsule-Info{border: 1px solid #009df6;background:#009DF61A;color:#009df6}
.capsule-status.capsule-Trouble{border: 1px solid #ffc00d;background:#ffc00D1A;color:#ffc00d}
.capsule-status.capsule-Unknown{border: 1px solid #afafaf;background:#afaFAF1A;color:#afafaf}
.capsule-status.capsule-Blue{border: 1px solid #009df6;background:#009DF61A;color:#009df6}
.capsule-status.capsule-Red{border: 1px solid rgb(246 0 0);background:rgb(255 230 230);color:#f83939}
.capsule-status p{overflow:hidden;text-overflow:ellipsis;word-break:normal;white-space:nowrap}

.discoveryTopBox.vxrail {padding-top:4px;background: #fdf4d2;border: 1px solid #f5c30c}
.discoveryTopBox.vxrail .ndPerTxt{font-family:'LatoRegular'}
.discoveryTopBox.vxrail span{font-size:14px}
.discoveryTopBox.vxrail .progressBar {margin:auto; margin-top:4px}

.snapshot-discovery-in-progress {padding:10px}
.snapshot-discovery-in-progress + .wlcTabUl.NutanixSnapshot + .DIA-Header {top:146px !important}
#PageContent.snapRevamp1 .snapshot-discovery-in-progress + .wlcTabUl.NutanixSnapshot + .DIA-Header + .DIA-Content {top: 190px !important}
#PageContent.snapRevamp1 .snapshot-discovery-in-progress + .wlcTabUl.NutanixSnapshot + .DIA-Header.hideHeader + .DIA-Content {top: 150px !important}
.snapRevamp1 .DI-Options.actions i.icon-configedit::before {scale: 1.15;margin-top: 4px;margin-right:-4px}

.credentialsAdvancedSettings{color:#009df6}
.virtualAddDeviceAdvanced div p{padding-bottom: 15px}
.AddCrentialsRight.addCredentialLinkFix{max-width: 100px; padding-top:2px}
.AddCrentialsRight.maxWidth100px{max-width: 100px}
.maxWidth215px{max-width: 215px}
.maxWidth230px{max-width: 230px}
.maxWidth230px a.hasHelpCard4{margin-top: -2px}

.VxRailComponent.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td,.VxRailComponent.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th div{white-space: nowrap;overflow: hidden; max-width:100%;text-overflow: ellipsis}
body.NutanixSnapshot .VxRailSnapshotMonitor{top: 231px !important}

.zIndexTwo{z-index:2 !important}
.zIndexOne{z-index:1 !important}

.wlcTabUl.NutanixSnapshot > div > ul > li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
/*----*/

/*.singleInvWidget.plr-none {padding-left: 0px !important; padding-right:0px !important}*/

/*Application services*/
.ApplicationServicesGridHolder .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td:not(.jqgrid-multibox){white-space: nowrap;overflow: hidden; max-width:100%;text-overflow: ellipsis}
.appServicesGrid.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight{background: #fefede}
.ApplicationServicesDeviceSelectionFixedHeight{height: calc(100vh - (206px + var(--ApplicationServicesDeviceSelectionFixedHeightY))) !important}
.ApplicationServicesGridHolder.opmFormHolder-FixedBtnBottom{margin-top:20px; height: calc(100vh - (95px + var(--ApplicationServicesGridHolderContentFixedHeightY))) !important}
.pl-35px{padding-left: 35px !important}
/*----*/
/*DSP Applications tab enhancement Changes*/
.snapshot_apps_tab_bg {background-color: #fafafa !important;/* margin-bottom: 30px;*/}
.snapshot_apps_tab_bg section{margin-bottom: 30px}
.snapshot_widget_parent{height: 100%; padding-top: 30px;}
.first-col-pad-fix [class^=grid-col-]:first-child{padding-left:15px}
.first-col-pad-fix [class^=grid-col-]:last-child{padding-right:15px}
.snapshot_table_based_widget{height:100%}
.snapshot_table_based_widget .widget_tit{padding:10px;height:auto;background:#f0f0f0;border:1px solid #dcdcdc;text-align:left;margin-bottom: -1px;font: 16px LatoBold}
.snapshot_table_based_widget.jq_border .widget_tit{margin-bottom: 0px;}
.snapshot_table_based_widget .widget_content_parent{border: 1px solid #dcdcdc;}
.snapshot_table_based_widget .widget_content_parent .widget_content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;border-bottom:1px solid #dcdcdc;margin-bottom: -1px}
.snapshot_table_based_widget .widget_content_parent .widget_list{width:65%}
.snapshot_table_based_widget .widget_content_parent .widget_value{width:35%;padding-left:15px;position:relative}
.snapshot_table_based_widget .widget_content_parent .widget_value::before{content:':';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.AdExMssqlMonitors .deviceSlideContainer1{box-shadow:none};
/*----*/
/*Bulk Test Monitor changes*/
.slideContentContainer div > header.greyBg + .tabStatic.tabStatic__fixedTop.DTAddMonitorContainer{top:75px;margin-bottom:0}
.slideContentContainer div > header.greyBg + .tabStatic.tabStatic__fixedTop.DTAddMonitorContainer + section {top:144px!important}
.slideContentContainer div > header.greyBg + .tabStatic.tabStatic__fixedTop.DTAddMonitorContainer + section .opmTabCont{top:0}

.addMonitorActionsDD > div{margin:0 !important}
.addMonitorActionsDD > div.opmBtn{flex:1 0 auto}
.addMonitorActionsDD{display:flex;align-items: center;column-gap: 12px;max-width: 700px}
.addMonitorActionsDD .opmFormCol.selBox{min-width:220px !important}

.AddVendorMonitorsGrid.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td:not(.jqgrid-multibox),.testMonitorInstanceGridDiv.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td{white-space: nowrap;overflow: hidden; max-width:100%;text-overflow: ellipsis}
.AddVendorMonitorsGrid.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight{background: #fefede}
.AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom{height: calc(100vh - (95px + var(--AddVendorMonitorsGridHolderContentFixedHeightY))) !important}
/*.AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom + .btnBottom{padding: 10px 0px 0 0;border-top: 1px solid #dcdcdc;margin-top: 10px}*/
.DTAddPerfMonitor .btnBottom{padding: 10px 0px 0 0;border-top: 1px solid #dcdcdc;margin-top: 10px}
.viewReasonsPopup{width:500px !important;border: 1px solid #e7e7e7}
.viewReasonsPopup .floating-popup .popup-body{max-height: 450px;overflow-y:auto}
.viewReasonsPopup .toolTipPoint{background: #1a1d23;background: #ffffff;width: 14px;height: 14px;content: '';margin: auto;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);position: absolute;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7}
.bottomBox{position: absolute;top: 154px;width: 470px;text-align: right; z-index: -1}
.testMonitorProcess img{margin-bottom:-3px}
.testMonitorInfoMsg{display: flex;flex-direction: column;align-items: end; column-gap: 3px}

#vendorMonitorsContainer .addMonitorActions{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}
#vendorMonitorsContainer .addMonitorActions .searchMonitors{width: 550px;margin: 0}
#vendorMonitorsContainer .addMonitorActions .searchMonitors + div{display: flex;row-gap: 4px;white-space: nowrap;align-items: end}
#vendorMonitorsContainer .opmForm{padding: 0px !important; overflow: unset !important}
.deviceSlideContainer.hdrSec.slideFull{max-width: 100% !important}
.AddPerfMonitorSliderBack{position: relative;margin: 27px 0;margin-left: 20px;padding-left: 30px;line-height: 23px;cursor: pointer;font-family: 'LatoBold';font-size: 18px}
.AddPerfMonitorSliderBack:before{position: absolute;width: 20px;height: 20px;left: 0;border-radius: 50%;border: 2px solid #979797;content: ""}
.AddPerfMonitorSliderBack:after{position: absolute;top: 7px;left: 9px;width: 7px;height: 7px;border-left: 2px solid #979797;border-top: 2px solid #979797;content: "";transform: rotate(-45deg)}
.AddPerfMonitorTitle{font-family: 'LatoBold';font-size: 20px;position: absolute;left: 50px;top: 26px}
.opmInfoMessage.margin-adj{margin-top: 55px;margin-left: 50px}
.maxWidth550px{max-width:550px !important}
#testMonitorInstanceGridPager table tbody tr > #testMonitorInstanceGridPager_left{display:none}
/*check after releasing PERF_5170*/
.assoSlideContentFixedHeight{height: calc(100vh - (106px + var(--assoSlideContentFixedHeightY))) !important}
/***/
#VirtualMonitorsTable.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight{background: #fefede}
.mSettingsMarginLeft{margin-left: 20px !important}
.mSettingsMarginLeftSub{margin-left: 50px !important}

/*OPM GRAPH ENHANCEMENT*/
.h-250px{height:250px!important}
.bg-white{background:#fff!important}
.graph-summary-page .DI-Options{padding-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}
.graph-summary-page .DI-Options .opmBtn{border-radius:3px}
.graph-summary-page .DIA-Content{text-align:left}
.graph-summary-page .DI-Options .chart-top-actions{display: flex;gap:8px;align-items: center;}
.graph-summary-page .DI-Options .graphClose{width:24px;height:34px;position:relative;display: flex;align-items: center;justify-content: center;cursor:pointer}
.graph-summary-page .DI-Options .graphClose .icon-remove {top:inherit;position:relative;right:inherit;}

/*.graph-summary-page .dateTimeDD .selBox{width:160px !important}*/
/*.graph-summary-page .dateTimeDD .selBox .select2-container{border-radius:3px}*/
.graph-summary-page .dateTimeDD .selBox .select2-container.select2-container--open{border-radius:3px 3px 0 0}
.graph-summary-page .dateTimeDD .selBox .select2-container .select2-selection{padding-left:35px;padding-top:7px;position:relative}
.graph-summary-page .dateTimeDD .selBox .select2-container .select2-selection:before{position:absolute;top:8px;left:10px;background:url("../../img/opm-sprites-v2.svg") no-repeat 0 -19px;width:17px;height:16px;content:""}
.graph-summary-page .dateTimeDD .selBox .select2-container .select2-selection__arrow{border:0}

.zohoCharts-container{position:relative}
.zohoCharts-container .zohoCharts-actions{position:absolute;top:10px;right:10px;z-index:9;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.zohoCharts-container .zohoCharts-actions>div{padding:2px}
.zohoCharts-container .zohoCharts-actions .zohoCharts-dropdown{position:relative}
.zohoCharts-container .zohoCharts-actions .zohoCharts-dropdown.active .zohoCharts-dropdown-content{display:block;position:absolute;top:calc(100% + 10px);right:-20px;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.25);box-shadow:0 0 16px 0 rgba(0,0,0,.25);padding:16px}
.zohoCharts-container .zohoCharts-actions .zohoCharts-dropdown.active .zohoCharts-dropdown-content::before{content:"";border:5px solid #fff;border-right:5px solid transparent;border-bottom:5px solid transparent;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-5px;right:25px}
.opmBtn.bordered.bg-light-primary{background:#d4eee0}
.btnGroup.small{padding:4px}
.btnGroup.small .opmBtn{font-size:14px;padding:4px 8px}
.btnGroup.activeWhite{background:#ededed;border:1px solid #ddd}
.btnGroup.activeWhite .opmBtn{background:0 0;border-left:0}
.btnGroup.activeWhite .opmBtn.active{color:#000}
.btnGroup.activeWhite .opmBtn.active::before{background:#fff;border-radius:2px;}

.title-with-breadcrumb.title-with-breadcrumb-style2 ul li{min-width:50px}
.title-with-breadcrumb.title-with-breadcrumb-style2 ul li a{color:#000;margin-right:0;font-size:14px;padding:0 20px 0 10px}
.title-with-breadcrumb.title-with-breadcrumb-style2 ul li:not(:last-child) a{color:#2e64b8}
.title-with-breadcrumb.title-with-breadcrumb-style2 ul li:not(:last-child) a::before{content:"/";border:none;display:inline-block;padding:3px;-webkit-transform:none;-ms-transform:none;transform:none;position:absolute;right:0;top:0;font-size:12px;color:#c3ccd3}
.title-with-breadcrumb.title-with-breadcrumb-style2 ul li:not(:last-child) a:hover{opacity:1}
.title-with-breadcrumb.title-with-breadcrumb-style2 ul li:last-child{pointer-events:none}

.opmGraph-summary .title-with-breadcrumb-style2{padding:12px;}
.opmGraph-summary__chartArea{display:flex;padding:0 12px 12px 12px;width:100%;flex-wrap: wrap;gap: 16px;height: calc(100% - 50px);overflow: auto;align-content: flex-start;}
.opmGraph-summary__chartSection{width:calc((100% - 32px)/3);display:flex;border:1px solid #ddd;border-radius:4px;box-sizing: border-box;padding:12px;padding-bottom:0;flex-direction:column;gap:12px;background:#fff;transition:.5s;height:fit-content;}
.opmGraph-summary__chartSection.graphSummary{padding-bottom:0}
.opmGraph-summary__chartArea.twoColumns .opmGraph-summary__chartSection{width:calc((100% - 16px)/2)}
.opmGraph-summary__chartSection:hover{box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.25);transition:.5s }
/*.opmGraph-summary__chartSection > div{display: flex;}*/
.opmGraph-summary__chartSection > .header{display: flex;justify-content: space-between;align-items: center;}
.opmGraph-summary__chart-title{font-family: latoBold;font-size: 14px;text-overflow: ellipsis;overflow:hidden}
.opmGraph-summary__chart-actions{display: flex;gap:12px;}
.opmGraph-summary__chart-actions > div{cursor: pointer;position:relative;}
.opmGraph-summary__chart-actions > div:before{background: #ddd;position: absolute;top: -7px;right: -7px;width: 28px;height: 28px;border-radius: 50%;content: "";z-index: 1;transition:.5s;opacity:0;}
.opmGraph-summary__chart-actions > div:hover:before{opacity:1;transition:.5s}
.opmGraph-summary__chart-actions > div svg{position:relative;z-index: 3}
.opmGraph-summary__chart-view{display:flex;position:relative;}

.opmGraph-summary__min-max-tableView{position: absolute;left:0px;background: white;z-index: 2;width:100%;max-height:100%;top:0px;border-radius: 4px;padding: 16px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.25);}
.opmGraph-summary__min-max-tableView:before{ width:16px;height:16px;background: white;position:absolute;top: -4px;right: 24px;content:"";z-index:2;transform:rotate(45deg)}
.opmGraph-summary__min-max-tableView table{width:100%;border:1px solid #ddd;}
.opmGraph-summary__min-max-tableView table th{padding:12px;background:#f5f5f5;border:1px solid #ddd;text-align:left;}
.opmGraph-summary__min-max-tableView table td{padding:12px;border:1px solid #ddd;text-align:left;}

.report-builder__min-max-tableView{left:0px;background: white;z-index: 2;width:100%;max-height:100%;top:0px;border-radius: 4px;padding: 16px;padding-top:0;font-family:latoRegular;font-size:14px}
.report-builder__min-max-tableView table{width:100%;border:1px solid #ddd;}
.report-builder__min-max-tableView table th{padding:12px;background:#f5f5f5;border:1px solid #ddd;text-align:left;}
.report-builder__min-max-tableView table td{padding:12px;border:1px solid #ddd;text-align:left;}


.opmGraph-summary-breadcrumb{display:flex;justify-content: space-between;padding: 12px;align-items: center;}
.opmGraph-summary-breadcrumb ul{display:flex;}
.opmGraph-summary-breadcrumb ul li{padding-right:24px;position:relative;font-family:latoBold;font-size:14px}
.opmGraph-summary-breadcrumb ul li:after{content:"/";position:absolute;left:calc(100% - 14px);color:#C3CCD3;}
.opmGraph-summary-breadcrumb ul li:last-child:after{display:none;}
.opmGraph-summary-breadcrumb ul li > a{color:#0099ff;text-transform: capitalize;}
.opmGraph-summary-breadcrumb ul li > a:hover{text-decoration:none}
/*.graph-summary-page .opmExpoerPDF{margin-top:-2px;margin-right:12px;}*/

.graph-summary-page .DI-Options{display:flex;column-gap:8px;height:42px !important;margin-right:12px;}
/*.graph-summary-page .DI-Options .forecast-btn,.graph-summary-page .DI-Options .schedule-btn{background:#f0f0f0;border:1px solid #dcdcdc;padding: 6px 16px;cursor:pointer;border-radius:2px;display:flex;column-gap: 8px;align-items: center;height: 33px;font-size:14px;}*/
/*.graph-summary-page .DI-Options .dateTimeDD .selBox{margin:0 !important;}*/
/*.graph-summary-page .DI-Options .dateTimeDD .selBox .select2-container{border-radius:2px}*/
.graph-summary-page .DI-Options .actionDropDown{margin:0;z-index:1;display:flex;column-gap:8px;align-items:center;padding: 8px 16px;border-radius:2px;height: 32px;font-size:14px;width:165px}
/*.graph-summary-page .DI-Options .actionDropDown  .actionDropDown__list ul li {padding: 4px 16px}*/
/*.graph-summary-page .DI-Options .dateTimeDD .selBox .select2-container .select2-selection{padding-left:40px;min-width:180px}/*DUPLOCATE*/*/
/*.graph-summary-page .DI-Options .dateTimeDD .selBox .select2-container .select2-selection:before{left:16px}/*DUPLOCATE*/*/
/*.graph-summary-page .DI-Options .opmBtn{border-radius:2px;margin:0;height:33px;}*/
.opmGraphsSummaryTables .grid-col{padding-left:8px;padding-right:8px}
.opmGraphsSummaryTables.twoCol .grid-col{width:50%}
.opmGraphsSummaryTables.threeCol .grid-col{width:33.33%}


/*.opmExpoerPDF{background:#EDEDED;border:1px solid #ddd;padding:8px 16px;border-radius:4px;display:flex;column-gap:8px;cursor:pointer;transition:.5s}*/
/*.opmExpoerPDF:hover{background:#ddd;transition:.5s}*/
/*#perfTables.opm_jqGridUI.opmReportsGridview{float:left;gap:20px;flex-wrap: wrap;}
#perfTables.opm_jqGridUI.opmReportsGridview > div{width:32.33% !important;float:left}*/
.newPDFReport .ui-jqgrid .ui-jqgrid-btable{border-collapse: collapse !important;}
/*.perfExportPdfGraph > .container{width: 100% !important}*/


.min-max-table-header{display:flex;border:1px solid #ddd;background:#f4f5f6; position: sticky;top:0;border-left: 1px solid transparent;border-right: 1px solid transparent; }
.min-max-table-header > div{padding: 12px;border-right:1px solid #ddd;width:20%;text-align:left}
.min-max-table-header > div:last-child{border:0}
.min-max-table-body{display:flex;border:1px solid #ddd;border-top:0;flex-direction:column;max-height:316px;overflow:auto;position: relative;}
.min-max-table-body > div{display:flex;border-bottom: 1px solid #ddd;}
.min-max-table-body > div:last-child{border-bottom:0}
.min-max-table-body > div:hover{background:#fafafa}
.min-max-table-body > div > div{padding: 12px;border-right:1px solid #ddd;width:22%;text-align:left;word-break: break-word;}
.min-max-table-body > div > div:first-child{width:34%;display:flex;align-items:center;}
.min-max-table-body > div > div:first-child span + span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block}
.min-max-table-body > div > div:last-child{border-right:0;}
.report-builder__min-max-tableView .min-max-table-header{font-family:latoBold !important}


.opmGraph-summary__chart-view.thumb-View  .container > .d3container, .opmGraph-summary__chart-view  .container > .d3container > .canvas-component{position:inherit !important}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div{top: inherit !important;bottom: 12px;left: -12px !important;right: -12px !important;padding:0px 0 0 0;transition:.5s;background: #fff !important;height:20px;overflow: hidden;}
.opmGraph-summary__chart-view.thumb-View.multiLegendsView .container > .d3container > .canvas-component .legendarea > div:hover{transition:.5s;padding-top:32px;box-shadow: 0px -14px 12px 0px rgba(0, 0, 0, .2);height:120px;}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div > div{max-width: 100% !important;min-height: 30px}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div > div > ul.legseries{width:100% !important;max-width: 100% !important;height: 30px !important;overflow: hidden !important;}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div:hover div > ul.legseries {height:88px !important;max-height: 88px !important;transition:.5s;background: #fff;overflow: auto !important;}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div div > ul.legseries li{margin:0px 0;padding:2px 4px !important;border:1px solid #fff;border-radius:2px;}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div div > ul.legseries li:hover{background:#f5f5f5 !important;border:1px solid #ddd;}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div div > ul.zcheader li span{font-size:12px !important;margin-left:16px !important}
.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div:hover > div > ul.zcheader li{display:flex;width:100%;background:none !important;border: none !important;position: absolute;top: 0;line-height: 12px !important;padding:8px 12px !important;border-bottom:1px solid #dcdcdc !important}
/*.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div:hover > div > ul.zcheader{border-bottom:1px solid #dcdcdc}*/
/*.opmGraph-summary__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div:hover div > ul.legseries{padding-top:8px !important}*/


.opmGraph-details{background:#fff;border:1px solid #ddd !important;border-radius:4px;display: flex;flex-direction: column;padding:12px;gap:12px;}
.opmGraph-details .zohoGraph{padding:0 !important}
.opmGraph-details__header{display:flex;justify-content: space-between;align-items: center}
.opmGraph-details__header.flexRowReverse{flex-direction: row-reverse}
.opmGraph-details__header .title{font-size:16px;font-family: latoBold}
.opmGraph-details__header > div{display:flex;}
.opmGraph-details__header .zohoCharts-actions{display: flex;gap:8px;align-items: center;}
.opmGraph-details__header .zohoCharts-actions .showAllBtn{margin:0;padding:8px 12px;border-radius: 4px;min-width: auto;background: #d4eee0;font-size:12px;}

.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top:1px solid #ddd}
.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-resize{z-index:1 !important;height:100% !important;width:3px}
.opmGraph-details .opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th, .opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th.ui-th-column{padding:0px !important}
.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable  thead tr th > div{padding:8px !important}
.opmGraph-details .frozen-bdiv.ui-jqgrid-bdiv, .opmGraph-details .frozen-div.ui-jqgrid-hdiv,.opmGraph-details .opm_jqGridUI .ui-state-default, .opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th{background:#f4f5f6 !important;font-family: latoBold !important}
.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{padding:8px !important;line-height:20px !important;}
.opmGraph-details .opm_jqGridUI #graphTableView_frozen tbody > tr td{font-family: latoBold !important}
.opmGraph-details .opmGraph-monitor__chart-view.legendBottom .legendgroup{display:flex;gap:8px;}
/*.opmGraph-details .legendgroup ul.zcheader{padding-right:12px !important;border-right:1px solid #dcdcdc}*/
.opmGraph-details .legendgroup li.zcheader{overflow: visible !important;padding:2px 0 !important;height:fit-content;padding-right:8px !important;border-right:1px solid #dcdcdc !important}
.opmGraph-details .legendgroup ul.legseries{text-align: left}
.opmGraph-details .legendgroup .legseries li{padding:2px 4px !important;border:1px solid transparent;}
.opmGraph-details .legendgroup .legseries li span {font-size:12px !important}
.opmGraph-details .legendgroup .legseries li:hover{background:#f5f5f5 !important;border:1px solid #ddd;}
.opmGraph-details__timePeriod{padding: 8px 12px;border: 1px solid #ffa442;background: #fff7ef;border-radius:2px;display: flex;gap: 8px;line-height: 14px;align-items: center}
.opmGraph-details__table{display:flex;gap:12px;}
.opmGraph-details__table.twoColumn > div{width:50%;height:fit-content;}
.opmGraph-details__table > div{width:100%}
.grid-container.opm-graph-scroll-view{overflow-y: scroll;}
.opmGraph-details .opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-corner-bottom > .ui-pager-control > table > tbody{background:#f4f5f6;border-top:1px solid #e2e2e2}

/*.opmGraph-monitor__chart-view  .container > .d3container,*/
/*.opmGraph-monitor__chart-view  .container > .d3container > .canvas-component{position:inherit !important}*/

/*.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div{top: inherit !important;bottom: 0px;padding:16px 0 0 0;transition:.5s;background: #fff !important;}*/
.opmGraph-monitor__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div{bottom:0 !important}
.opmGraph-monitor__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div .legendgroup{height:94%}
.opmGraph-monitor__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div .legendgroup ul {max-height:100% !important;width:100% !important}
.opmGraph-monitor__chart-view.thumb-View .container > .d3container > .canvas-component .legendarea > div .legendgroup ul li span{font-size:12px !important;}

.opmGraph-monitor__chart-view.legendRight .container > .d3container > .canvas-component .legendarea > div{height:100%;bottom:0;right:0;left:inherit !important;top:0 !important}
.opmGraph-monitor__chart-view.legendRight .container > .d3container > .canvas-component .legendarea .legendgroup{height:100%;position:relative}
.opmGraph-monitor__chart-view.legendRight .container > .d3container > .canvas-component .legendarea > div .legendgroup{flex-direction: column;}
.opmGraph-monitor__chart-view.legendRight .container > .d3container > .canvas-component .legendarea > div .legendgroup ul.legseries {max-height:94% !important}
.opmGraph-details .graphSettingsIcon{display: flex;cursor:pointer}
.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgfirstrow td{padding:0 !Important}
.enhancedGraphGrid.opm_jqGridUI .ui-jqgrid th a.hasHelpCard.hasHelpCard2,.opmGraph-details .opm_jqGridUI .ui-jqgrid th a.hasHelpCard.hasHelpCard2{float: right;margin-top:-16px !important}
.opmGraph-details .opm_jqGridUI.jqTableMultiSpan .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{display:flex;align-items: center;}
.opmGraph-details .opm_jqGridUI.jqTableMultiSpan .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div.ui-jqgrid-sortable >span{top:-9px}

.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div{left:-12px !important;right:-12px;padding-top:50px;position: absolute; top:inherit !important;bottom:-12px;background:#fff;}
.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div > .legendgroup{max-width:100% !important}
.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div > .legendgroup ul.zcheader{width:100% !important;max-width:100% !important;position:absolute;top:0;left:0;border-bottom:1px solid #dcdcdc;width:100%;padding:8px 12px;display:none;justify-content:center;}
.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div:hover > .legendgroup ul.zcheader{display: flex}
.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div > .legendgroup ul.zcheader li{padding:12px !important}
.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div > .legendgroup ul.legseries{width:100% !important;max-width:100% !important;height: auto !important;max-height:75px !important;overflow:auto !important;min-height:30px;}
.opmGraph-monitor__chart-view.legendBottom.multiLegendsView .container > .d3container > .canvas-component .legendarea > div:hover {box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .2);background:#fff !important}
/*.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div:hover > .legendgroup ul.legseries{height: 100px !important;max-height:100px !important;overflow:auto !important;transition:.5s;padding-top:8px !important}
.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div:hover > .legendgroup ul.zcheader{display: block}
.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div:hover > .legendgroup ul.zcheader > li{padding:12px !important}
.opmGraph-monitor__chart-view.legendBottom .container > .d3container > .canvas-component .legendarea > div:hover {box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .2)}*/

/*.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div:hover{transition:.5s;}
.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div > div{max-width: 100% !important;min-height: 40px}
.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div > div > ul{width:100% !important;max-width: 100% !important;overflow: hidden !important;}
.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div:hover div > ul {height: auto !important;max-height: 100% !important;transition:.5s;background: #fff;}
.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div div > ul li{padding:8px 12px !important;border:1px solid #fff;border-radius:2px;}
.opmGraph-monitor__chart-view .container > .d3container > .canvas-component .legendarea > div div > ul li:hover{background:#f5f5f5 !important;border:1px solid #ddd;}
*/

.DI-HeaderGraph .DI-Options{float:right;width:auto;height:45px;position:relative;top:0;right:0}
.greyBg.graphSettingsHeader{background: #eeeeee !important;height: 55px !important;padding: 15px 20px !important;}
/*.DI-HeaderGraph .DI-Options span{border-left:1px solid #e1e1e1}
.DI-HeaderGraph .DI-Options span i{font-size:25px;position:relative;top:-3px}*/

.gap-xxs{gap:4px!important}
.gap-xs{gap:8px!important}
.gap-sm{gap:12px!important}
.gap-md{gap:16px!important}
.gap-lg{gap:20px!important}
.gap-xl{gap:32px!important}
.gap-xlg{gap:48px!important}
.gap-big{gap:100px!important}


html.hideMainTopBand .enhancedGraphSettings.slideContentContainer div > header.greyBg + section .opmFormHolder{margin:0;height:calc(100vh - 205px)}
/*html.hideMainTopBand.opmTopBandBannerActive .enhancedGraphSettings.slideContentContainer div > header.greyBg + section .opmFormHolder{margin:0;height:calc(100vh - 290px)}*/
html.opmTopBandBannerActive .enhancedGraphSettings.slideContentContainer div > header.greyBg + section .opmFormHolder{margin:0;height:calc(100vh - 295px)}
.enhancedGraphSettings.slideContentContainer div > header.greyBg + section .opmFormHolder{margin:0;height:calc(100vh - 255px)}
.enhancedGraphSettings.slideContentContainer div > header.greyBg + section .opmFormHolder .opmForm{padding: 0px 10px 0px 10px !important;height: 100%;overflow:auto;}
.enhancedGraphSettings.slideContentContainer div > header.greyBg + section .graphSettingBtn{margin:0;padding:20px;padding-bottom:0;border-top:1px solid #dcdcdc;}


/*.helpCard.top .helpCardInfo{top:auto;bottom:10px}*/
.helpCard.manualWidth .helpCardInfo{width: 236px;}
.helpCard.summaryMaxHeight .helpCardInfo .helpCardContent div{max-height:300px;}
/*.helpCard.top .helpCardInfo:before{top:auto;bottom:-7px;right:5px;left:0}*/

.plottingTypeDisabled{cursor:not-allowed}


.opmGraphBtnClose{float: right;position: relative;background:#ededed;border:1px solid #ddd;width: 33px;min-width: 33px;padding: 0;height: 33px;border-radius:4px;text-align: center;cursor: pointer;margin-left: 10px;transition:.5s}
.opmGraphBtnClose:hover{background:#ddd;transition:.5s}
.opmGraphBtnClose:after {content: "+";font-size: 27px;left: 9px;top: -1px;position: absolute;transform: rotate(45deg);}

.opm-graph-scroll-view{height: calc(100% - 46px);overflow: auto;padding: 0 12px}

.opmGraph-summary__chart-view .container{width: 100% !important}
.opmGraph-summary__chart-view .container > .d3container > .canvas-component .legendarea > div > div > ul.zcheader{display:none}
.opmGraph-summary__chart-view .container > .d3container > .canvas-component .legendarea > div:hover > div > ul.zcheader{display:block}
.opmGraph-summary__chart-view .container > .d3container > .canvas-component .legendarea > div:hover > div > ul.zcheader li .selectAll,
.opmGraph-details .d3container > .canvas-component .legendarea > div > div > ul.zcheader li .selectAll{width:14px !important;height:14px !important;border:1px solid #dcdcdc !important;background:#f0f0f0 !important;color:#000 !important;font-size:12px !important;border-radius:2px}
.opmGraph-details .d3container > .canvas-component .legendarea > div > div > ul.zcheader li .selectAll + .legendtitle{font-size:12px !important;margin-left:16px !important}
.opmGraph-summary__chart-view.defaultCursor .container > .d3container > .canvas-component rect.overlay,.opmGraph-details.defaultCursor .d3container > .canvas-component  rect.overlay,.opmIntfGraph-details.defaultCursor .d3container > .canvas-component  rect.overlay{cursor: default !important;}
/*.opmGraph-summary__chart-view.defaultCursor, .opmGraph-details.defaultCursor{padding-bottom: 0;}*/
.opmGraph-details.defaultCursor:not(.intf-bandwidth-graph){padding-bottom: 0}

.opm-custom-time-chooser{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index: 3;line-height: 14px}
.opm-custom-time-chooser.drop-down-active .opm-custom-time-chooser__drop-down{display:-webkit-box;display:-ms-flexbox;display:flex}
.opm-custom-time-chooser.show-custom-list{-webkit-transition:.5s;transition:.5s}
.opm-custom-time-chooser.show-custom-list .opm-custom-time-chooser__drop-down{display:-webkit-box;display:-ms-flexbox;display:flex;width:848px}
.opm-custom-time-chooser.show-custom-list .opm-custom-time-chooser__action-btn,.opm-custom-time-chooser.show-custom-list .opm-custom-time-chooser__custom-list{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:.5s;transition:.5s}
.opm-custom-time-chooser__view{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 33px 8px 12px;border:1px solid #dcdcdc;background:#f0f0f0;border-radius:2px;gap:4px;min-width:160px;max-width:200px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.opm-custom-time-chooser__view:after{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;position:absolute;top:45%;right:12px;width:0;content:""}
.opm-custom-time-chooser__view.type1{border:1px solid #ffa442;background:#fff7ef;max-width:650px}
.opm-custom-time-chooser__view.type1 span{white-space:no-wrap;border:none}
.opm-custom-time-chooser__main{display:-webkit-box;display:-ms-flexbox;display:flex}
.opm-custom-time-chooser__drop-down{width:180px;position:absolute;top:calc(100% + 8px);right:0;background:#fff;-webkit-box-shadow:0 0 24px rgba(0,0,0,.25);box-shadow:0 0 24px rgba(0,0,0,.25);border:1px solid #dcdcdc;border-radius:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:none}
.opm-custom-time-chooser__default-list{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;width:200px;max-height:300px;overflow:auto;}
.opm-custom-time-chooser.show-custom-list .opm-custom-time-chooser__default-list{max-height:425px}
.opm-custom-time-chooser__default-list ul{width:100%;margin:0}
.opm-custom-time-chooser__default-list ul li a{text-decoration:none;color:#000;padding:8px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-radius:2px;text-decoration:none}
.opm-custom-time-chooser__default-list ul li a:hover{background:#ededed;text-decoration:none}
.opm-custom-time-chooser__default-list ul li a.active{background:#2a9bee;color:#fff;font-family:latoBold}
.opm-custom-time-chooser__custom-list{width:648px;display:-webkit-box;display:-ms-flexbox;display:flex;display:none;opacity:0;-webkit-transition:.5s;transition:.5s}
.opm-custom-time-chooser__from-coll,.opm-custom-time-chooser__to-coll{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #dcdcdc;width:324px;padding:12px}
.opm-custom-time-chooser__from-coll .ui-datepicker,.opm-custom-time-chooser__to-coll .ui-datepicker{-webkit-box-shadow:none;box-shadow:none;padding:0;border:0;width:100%}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-header,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-header{border:1px solid #dcdcdc!important;background:0 0;padding:8px 12px}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-calendar,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-calendar{padding:4px;border:1px solid #dcdcdc;border-top:0;margin:0}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-prev,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-prev{height:100%;left:0;top:0;width:40px;border-right:1px solid #dcdcdc}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-prev:hover,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-prev:hover{border-right:1px solid #dcdcdc;background:#ededed}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-prev span,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-prev span{background:0 0;border-left:2px solid #000;border-top:2px solid #000;width:8px;height:8px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:24px;left:24px}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-next,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-next{height:100%;right:0;top:0;width:40px;border-left:1px solid #dcdcdc}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-next:hover,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-next:hover{border-left:1px solid #dcdcdc;background:#ededed}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-next span,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-next span{background:0 0;border-right:2px solid #000;border-bottom:2px solid #000;width:8px;height:8px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:24px;right:24px}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-next-hover,.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-prev-hover,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-next-hover,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-prev-hover{border:0;background:0 0}
.opm-custom-time-chooser__from-coll .ui-datepicker td a,.opm-custom-time-chooser__to-coll .ui-datepicker td a{background:0 0;border:0;padding:12px 8px;text-align:center;border:1px solid #fff;text-decoration:none}
.opm-custom-time-chooser__from-coll .ui-datepicker td a:hover,.opm-custom-time-chooser__to-coll .ui-datepicker td a:hover{background:#fff4e9;border:1px solid #ffd4a6}
.opm-custom-time-chooser__from-coll .ui-datepicker td a.ui-state-active,.opm-custom-time-chooser__to-coll .ui-datepicker td a.ui-state-active{background:#2a9bee!important;border:1px solid #2a9bee!important;font-family:latoBold;color:#fff !important}
.opm-custom-time-chooser__from-coll .ui-datepicker .ui-datepicker-title,.opm-custom-time-chooser__to-coll .ui-datepicker .ui-datepicker-title{font-size:14px;font-family:latoRegular}
.opm-custom-time-chooser__from-coll .ui-datepicker th,.opm-custom-time-chooser__to-coll .ui-datepicker th{font-family:latoBold;padding:16px 8px;text-align:center}
.opm-custom-time-chooser__title{padding:0 0 12px 0;font-family:latoBold;width:100%}
.opm-custom-time-chooser__form-time,.opm-custom-time-chooser__to-time{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}
.opm-custom-time-chooser__time-drop-down{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin-top:12px;width:150px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}
.opm-custom-time-chooser__time-drop-down .select2-container{background:#fff!important}
.opm-custom-time-chooser__action-btn{padding:16px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #dcdcdc;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:12px;display:none;opacity:0;-webkit-transition:.5s;transition:.5s}
.opm-custom-time-chooser__action-btn .opmBtn{padding:8px 32px;min-width:auto;border-radius:4px;height:auto!important}

.opm-custom-time-chooser-selct2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser,.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__view{width:100%;max-width:100%}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__view{-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:0;height:33px}
/*.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__view em{display:none !important}*/
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__view span{width:auto;font-size:14px !important;padding:0 !important}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__view:before{border-right:1px solid #dcdcdc;position:absolute;right:33px;height:100%;content:""}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser.drop-down-active:hover .opm-custom-time-chooser__drop-down,.opm-custom-time-chooser-selct2 .opm-custom-time-chooser.drop-down-active:hover .opm-custom-time-chooser__view{background:#fbfbfb}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__drop-down{width:100%;-webkit-box-shadow:none;box-shadow:none;border-radius:0;top:calc(100% - 1px);z-index:2}
.opm-custom-time-chooser-selct2 .opm-custom-time-chooser__default-list{padding:0;width:100%;max-height:200px;z-index:3;position: relative;}
.opm-custom-time-chooser-selct2 .show-custom-list .opm-custom-time-chooser__drop-down{-webkit-box-shadow:0 0 24px rgba(0,0,0,.25);box-shadow:0 0 24px rgba(0,0,0,.25);position:fixed;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);top:50%;right:50%;z-index:2;border-radius:4px}
.opm-custom-time-chooser-selct2 .show-custom-list:before{width:100%;height:100%;background:rgba(0,0,0,.25);top:0;left:0;content:"";position:fixed;z-index:1}
.opm-custom-time-chooser-selct2 .show-custom-list .opm-custom-time-chooser__default-list{width:200px}
.opm-custom-time-chooser-selct2 .ui-datepicker-calendar span,.opm-custom-time-chooser-selct2 .ui-datepicker-title span{background:0 0!important;border:0!important;width:inherit!important;font-size:14px!important;display:inline-block!important;padding:0!important}
.opm-custom-time-chooser-selct2 .ui-datepicker-next span,.opm-custom-time-chooser-selct2 .ui-datepicker-prev span{padding:0!important;position:absolute!important}

#Dia-Content.DIA-Content.interGraphsEnhance .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background: #f4f5f6 !important;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle{max-width:100% !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view{padding:12px !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack{max-width:100% !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item{border-radius:4px}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content{border:1px solid #ddd !important;border-radius:4px}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title{padding:12px !important;height:56px;background: #fff !important;display:flex;align-items:center;border-radius: 4px 4px 0 0 !important;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content{padding:72px 16px 16px 16px !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view{display:flex}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div{display:flex;align-items:center}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div > div{display:flex;padding: 4px 12px;align-items:center;height:auto;gap:8px}
/*#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div > div  .btnGroup{display:flex;padding: 4px;align-items:center;/* justify-content: center; height: auto;}*/
/*#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div > div  .btnGroup .opmBtn{height:auto;display:flex;padding: 4px 8px;position: ;top: inherit;}*/
/*#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div > div .btnGroup.graphStyleFilterGroup{display:flex;gap:4px}*/
/*#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title > .ember-view > div > div .btnGroup.graphStyleFilterGroup .opmBtn{height: 25px;display: flex;align-items: center;}*/

#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .inventoryWidget .opm_widget_title .dashboardWidgetIcons i.icon-down-dir.widget_expand{color:#8a8e91;cursor:pointer;font-size:14px;top:0 !important}

#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container{width:100% !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup{display:flex}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details.legendRight .container .legendarea .legendgroup{display:flex;flex-direction: column;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details.legendRight .container .legendarea .legendgroup > .zcheader{padding-right:0;border:0}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader{display:block;padding-right:12px !important;border-right:1px solid #ddd;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll{width:14px !important;height:14px !important;border:1px solid #ddd !important;background:#f0f0f0 !important;margin-right:4px !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll + .legendtitle{margin-left:16px !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries{margin-left:12px !important}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries li{padding: 4px 8px !important;border: 1px solid #fff;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries li:hover{ background: #f5f5f5 !important;border: 1px solid #ddd;}
#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle > .ember-view .grid-stack .grid-stack-item .grid-stack-item-content .content .opmIntfGraph-details .opm_jqGridUI{min-width:1000px;max-width:1460px;margin:0px auto 0 auto}
/*#Dia-Content.DIA-Content.interGraphsEnhance #inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{font-size: 14px;}*/
/*#PageContent.snapRevamp1 #inventoryGridStyle.snapshotFullWidth{max-width:100% !important}*/

.opm-graph-revamp.DI-Content .opmIntfGraph-details .container, .hwGraphWidget .opmIntfGraph-details .container, #fileFolderGraphFull .container, .intf-bandwidth-graph .container, .reportBuilderGraph .container, .graphWidth100 .container{width:100% !important}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup{display:flex}
.opm-graph-revamp.DI-Content .opmIntfGraph-details.legendRight .container .legendarea .legendgroup{display:flex;flex-direction: column;}
.opm-graph-revamp.DI-Content .opmIntfGraph-details.legendRight .container .legendarea .legendgroup > .zcheader{padding-right:0;border:0}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader{display:block;padding-right:12px !important;border-right:1px solid #ddd;}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll{width:14px !important;height:14px !important;border:1px solid #ddd !important;background:#f0f0f0 !important;margin-right:4px !important}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll + .legendtitle{margin-left:16px !important}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries{margin-left:12px !important;width:auto !important}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries li{padding: 4px 8px !important;border: 1px solid #fff;}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .container .legendarea .legendgroup > .legseries li:hover{ background: #f5f5f5 !important;border: 1px solid #ddd;}
.opm-graph-revamp.DI-Content .opmIntfGraph-details .opm_jqGridUI{max-width:1000px;margin:0px auto 0 auto}

.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup{display:flex;gap:8px;}
.reportBuilderGraph.opmIntfGraph-details .zohoGraph.legendRight .container .legendarea .legendgroup{flex-direction: column;}
.reportBuilderGraph.opmIntfGraph-details .zohoGraph.legendRight .container .legendarea .legendgroup > .zcheader{margin-left:7px !important}
.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup li.zcheader{overflow: visible !important;padding: 2px 0 !important;height: fit-content;padding-right: 8px !important;border-right: 1px solid #dcdcdc !important;}
.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup ul.legseries{text-align: left;}

.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup > .zcheader{display:block;margin-left:20px !important}
/*.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup > .legseries{margin-left:12px !important;width:auto !important}*/
.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup > .legseries li{padding: 2px 4px !important;border: 1px solid #fff;}
.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup > .legseries li:hover{ background: #f5f5f5 !important;border: 1px solid #ddd;}
.reportBuilderGraph.opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll{margin: 0px -2px 0px !important;width: 14px !important;height: 14px !important;border: 1px solid #ddd !important;background: #f0f0f0 !important;}

.graphTimer.timeFilterList ul.extendedTimePeriodList{width: 458px !important;padding: 5px;white-space:normal;display:none;}
.hwGraphWidget{width: calc(100% - 8px) !important;margin-left: 5px !important;margin-right: 0px !important;}
.hwGraphWidget .opmIntfGraph-details{margin-top: 10px;margin-left: -5px !important;}
.hwGraphWidget .opmIntfGraph-details .container .legendarea .legendgroup > .zcheader .selectAll, .intf-bandwidth-graph #intfBWOutageRep .container .legendarea .legendgroup > .zcheader .selectAll, .opmKempGraph .container .legendarea .legendgroup > .zcheader .selectAll{margin: 0px -2px 0px !important;width: 14px !important;height: 14px !important;border: 1px solid #ddd !important;background: #f0f0f0 !important;}

.DI-Options.interGraphsEnhanceAction{display:flex;gap:0px;align-items:center;}
.DI-Options.interGraphsEnhanceAction .icon-remove{top:10px}
.DI-Options.interGraphsEnhanceAction > .ember-view{display:flex;align-items:center;width: auto;}
.DI-Options.interGraphsEnhanceAction > .ember-view .opm-custom-time-chooser .opm-custom-time-chooser__view span{border:0}

.interfaceInfoGrid.interfaceGraphDetails{background: #fff;border: 0;margin: 0}
.interfaceInfoGrid.interfaceGraphDetails .col div:first-child{text-align: right;width:25%;font-size:14px;font-family: latoBold}
.interfaceInfoGrid.interfaceGraphDetails .col div{text-align: left;padding-left:20px;width:75%;}
html#v2HtmlHolder.embedGraphs body{padding:0 !important}
html#v2HtmlHolder.embedGraphs body .DI-Content .grid-container.opm-graph-scroll-view{height: calc(100vh - 59px);overflow-y:scroll;padding-top:16px}
html#v2HtmlHolder.embedGraphs body .DI-Options{height:auto !important;padding:12px 16px;margin: 0;border-bottom:1px solid #ddd;display:flex;justify-content: space-between;width:100%}
html#v2HtmlHolder.embedGraphs body .opmGraph-monitor__chart-view .container{width:100% !important}
.graph-summary-page.DI-Options>div{display:flex;gap:8px;}

.group-options{background:#ededed;border:1px solid #ddd;padding:2px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px;gap:2px}
.group-options.type-icon>div{padding:0;width:29px}
.group-options.disabled{opacity:.5}
.group-options.disabled>div{cursor:not-allowed}
.group-options>div{width:auto !important;height:26px !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 12px !important;cursor:pointer;border-radius:2px}
.group-options>div.active{background:#fff}
.group-options>div:hover{background:#fafafa}
.grey-btn{background:#ededed;border:1px solid #ddd;padding:8px 16px;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;cursor:pointer;-webkit-transition:.5s;transition:.5s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height: 14px}

.opmGraph-details .opmGraph-details__header .hwParamsSelection.selBox > div .select2-container .selection .select2-selection{padding-right:40px;width:auto;height:auto}

/*When we click Schedule Report, that overlay is missing fix.*/
body.slideDivIn-88 #main:before{background: rgba(0, 0, 0, 0.3);z-index:1;content:"";position: absolute;top;top: 0;right: 0;bottom: 0;left: 0;}
/*----*/


/* REPORT BUILDER GRAPH ENHANCEMENT */
.edit-device-popup{min-width:1120px;max-width:1200px;background:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:4px;z-index:101}
.edit-device-popup__header{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.edit-device-popup__header>div{font-size:18px;padding:20px 24px;font-family:latoBold}
.edit-device-popup__header .icon-remove{position:relative;cursor:pointer}
.edit-device-popup__header .icon-remove:after,.edit-device-popup__header .icon-remove:before{height:24px;margin-top:8px}
.edit-device-popup__container{padding:24px}
.edit-device-popup__container .RCA_Filter_Container{width:100%}
.edit-device-popup__container .RCA_Filter_Container .entitiesBox{margin-top:16px;margin-bottom:0}
.edit-device-popup__container .RCA_Filtert .applyBtn{margin-top:19px}
.edit-device-popup__container .entitiesBox .nodataMsg{width:100%}
.edit-device-popup__container .nodataMsg__title{font-family:latoBold;color:#000;margin-bottom:8px}
.edit-device-popup__container .applyBtn{padding:8px 32px;width:auto;height:auto;min-width:auto}
.edit-device-popup__device-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
.edit-device-popup__monitor-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
.edit-device-popup__monitor-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:413px;overflow:auto}
.edit-device-popup__monitor-list ul.interface-monitor-list{height:309px}
.edit-device-popup__monitor-list ul li{width:100%;border-bottom:1px solid #dcdcdc;padding-top:8px;padding-bottom:8px}
.edit-device-popup__monitor-list ul li:hover{background:#fafafa}
.edit-device-popup__sub-title{font-size:16px;font-family:latoBold}
.edit-device-popup__monitor-list-group{padding:16px;border:1px solid #ddd;border-radius:4px}
.edit-device-popup__monitor-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:16px}
.edit-device-popup__monitor-list-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}
.edit-device-popup__monitor-search{position:relative}
.edit-device-popup__monitor-search input{background:#f0f0f0;border:1px solid #dcdcdc;padding:8px 12px;width:250px}
.edit-device-popup__monitor-search .svgIcon{position:absolute;top:8px;right:12px}
.edit-device-popup__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-top:16px}

.reportRevamp{background:#fafafa}
.reportRevamp__header{background:#fff;border-bottom:1px solid #ddd;padding:6px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.reportRevamp__title{font-size:18px;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.reportRevamp__title-edit{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:24px;-webkit-transition:.5s;transition:.5s}
.reportRevamp__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;height:32px}
.reportRevamp__actions .opmBtn{margin:0;border-radius:2px;padding:8px 16px;min-width:auto;display: flex;align-items: center}
.reportRevamp__actions .graphClose{position:relative;cursor:pointer}
.reportRevamp__actions .graphClose i.icon-remove:before,.reportRevamp__actions .graphClose i.icon-remove:after{top:5px;}
.reportRevamp__actions .actionDropDown{margin:0;z-index:1;display:flex;column-gap:8px;align-items:center;padding: 8px 16px;border-radius:2px;height: 32px;font-size:14px;width:165px}
.reportRevamp .opmFormHolder{left:0;top:90px;padding:0}
.reportRevamp .rbGraphContainer{padding: 12px 0 0;position: absolute;top: 75px;left: 0px;bottom: 0;right: 0;overflow-y:scroll}
.chart-view-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 16px}
.chart-view-container .chart-section{border:1px solid #ddd;background:#fff;height:auto;border-radius:4px;margin-bottom:16px}
.chart-view-container .chart-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.chart-view-container .chart-title{font-family:latoBold}
.chart-view-container .chart-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}

body.NavText.slideDivIn-1 #PageSideBar + #PageContent{padding:0 !important}
.form-group{border:1px solid #ddd;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:12px}
.button-full{width:100%;border-radius:4px;padding:12px 16px}
/*.slideDivIn-1 #PageContent:before{z-index:11;background:rgba(0,0,0,.3)}*/
.slideContentContainer div>header.greyBg+section.button-fixed-bottom{bottom:80px}
.slideContentContainer div>header.greyBg+section.button-fixed-bottom+.action-btn{position:absolute;bottom:20px;left:20px;right:20px}


.monitor-list-view{border:1px solid #dcdcdc;border-radius:4px;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.monitor-list-view__search{position:relative}
.monitor-list-view__search.searchMonitors input{background: #f0f0f0 !important;border: 1px solid #dcdcdc !important;width: 100%;padding: 8px 30px 8px 8px}
.monitor-list-view__search.searchMonitors input:hover{background:#fbfbfb}
.monitor-list-view__search .svgIcon{position:absolute;top:8px;right:8px}
.monitor-list-view__list-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:12px}
.monitor-list-view__list-items li{padding:8px 4px;border-bottom:1px solid #dcdcdc}
.monitor-list-view__list-items li:last-child{border:0}
.monitor-list-view__list-items li:hover{background:#fbfbfb}

.monitor-list-view__list-items.set-screen-height{overflow:auto;}
.monitor-list-view__list-items.set-screen-height-interface{max-height:calc(100vh - 577px);overflow:auto;}
.opmTopBandBannerActive .monitor-list-view{max-height: calc(100vh - 590px);min-height: 200px}
.monitor-list-view{max-height: calc(100vh - 550px);min-height: 200px}
html.onScrollTopBandHide .monitor-list-view__list-items.set-screen-height,html.onScrollTopBandHide.opmTopBandBannerActive .monitor-list-view__list-items.set-screen-height{max-height:calc(100vh - 490px) !important}
html.opmTopBandBannerActive .monitor-list-view__list-items.set-screen-height{max-height:calc(100vh - 575px) !important}

html.onScrollTopBandHide .monitor-list-view__list-items.set-screen-height-interface, html.onScrollTopBandHide.opmTopBandBannerActive .monitor-list-view__list-items.set-screen-height-interface{max-height:calc(100vh - 530px) !important}
html.opmTopBandBannerActive .monitor-list-view__list-items.set-screen-height-interface{max-height:calc(100vh - 620px) !important}


.edit-device-popup__container .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td:not(.jqgrid-multibox) {white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis}
.common-tooltip{position:relative;z-index:1}
.common-tooltip .common-tooltip__info{display:none;padding: 8px 12px !important;font-size: 12px;color: #fff;background:#353C4A !important;position: absolute;top: calc(100% + 8px);left: 50%;border-radius: 4px;height: auto !important;text-align:left;white-space: nowrap;transform: translateX(-50%);}
.common-tooltip .common-tooltip__info:before{width:12px;height:12px;background:#353C4A;position:absolute;top:-6px;left:50%;transform: rotate(45deg);content:"";margin-left:-6px;}
.common-tooltip:hover .common-tooltip__info{display:block;}
.common-tooltip .common-tooltip__info.multiline{width:300px !important;white-space: normal;}
.common-tooltip .common-tooltip__info.right{left:inherit;right:0px;transform: translateX(0px);}
.common-tooltip .common-tooltip__info.right:before{right:12px;left:inherit;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons.tooltipOverflowVisible:hover{overflow:visible !important}
.common-tooltip{position:relative;z-index:1}
.common-tooltip .common-tooltip__info{display:none;padding: 8px 12px !important;font-size: 12px;color: #fff;background:#353C4A !important;position: absolute;top: calc(100% + 8px);left: 50%;border-radius: 4px;height: auto !important;text-align:left;white-space: nowrap;transform: translateX(-50%);}
.common-tooltip .common-tooltip__info:before{width:12px;height:12px;background:#353C4A;position:absolute;top:-6px;left:50%;transform: rotate(45deg);content:"";margin-left:-6px;}
.common-tooltip:hover .common-tooltip__info{display:block;}
.common-tooltip .common-tooltip__info.multiline{width:300px !important;white-space: normal;}
.common-tooltip .common-tooltip__info.right{left:inherit;right:0px;transform: translateX(0px);}
.common-tooltip .common-tooltip__info.right:before{right:12px;left:inherit;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons.tooltipOverflowVisible:hover{overflow:visible !important}

body.slideDivIn-63 #main:before{background: rgba(0, 0, 0, 0.3);z-index:1;content:"";position: absolute;top;top: 0;right: 0;bottom: 0;left: 0;}
/*GRAPH ENHANCEMENT M4*/
.tab1.availablitily-tab{max-width:100% !important}
.tab1.availablitily-tab li{width:50%;text-align:center}
.tab1.availablitily-tab li:last-child{border-right:0}
.tab1.availablitily-tab li.active{font-family:latoBold}
.tab1.availablitily-tab + .opmGraph-details{margin-top:-2px;border-radius:0}
.opmGraph-summary__chartSection.bandwidthReport:hover{box-shadow: none}
.opmGraph-summary__chartSection.bandwidthReport .opm_jqGridUI.jqTableMultiSpan{border-right:0}
.opm_jqGridUI.jqTableMultiSpan.bandwidthSummary{max-width:1280px;margin:0 auto}
#intfDetailstable.interfaceInfoGrid.interfaceGraphDetails .col div:first-child{width:30%}
#intfDetailstable.interfaceInfoGrid.interfaceGraphDetails .col div{width:70%}
.ataGlanceChart{width:100%}
.ataGlancepieChart .legseries{display:flex;}
.ataGlancepieChart .legseries li{width:auto;margin-right:12px !important;padding:0 !important}
.ataGlancepieChart .legseries li span.legendlabel{font-size:12px !important;padding-right:4px !Important;margin-left:4px !important}
.ataGlancepieChart .legseries li .legendfilterbox{width:8px !important;height:8px !important;margin-top:3px !important}
.ataGlannceIfGrid > div{padding:0 !important}
/*.opmGraph-summary__chartSection.bandwidthReport .opm_jqGridUI.jqTableMultiSpan{border-right:0}
.opmGraph-details.bandwidthReport-details{align-items: center;}
.opmGraph-details.bandwidthReport-details .opm_jqGridUI.jqTableMultiSpan.bandwidthSummary{max-width:1280px;}*/
.opmGraph-summary__chartSection.group{border:none;background:none;padding:0;box-shadow:none !important}
.opmGraph-summary__chartSection.group > .opmGraph-summary__chartSection{width:100% !important}

.grid-container.availabilityGraphContainer.snapshotPage{height: calc(100vh - 235px)}
.grid-container.availabilityGraphContainer.alarmPage{height: calc(100vh - 310px)}
.overflowYScroll{overflow-y:scroll !important}
.cliCommandTextArea{width: 350px !important}
.cli-help-card-list {padding: 8px;border: 1px solid #ffdf4d;background:#fef7db;border-radius:8px;margin-bottom:8px;}
.cli-help-card-list > ul:first-child { padding: 0 !important;margin:0;}
.cli-help-card-list ul{margin-top:8px;}
.cli-help-card-list ul li{margin-bottom:0 !important}
.cli-help-card-list ul li ul li ul li{list-style:disc}
/*LINUX AGENT SUPPORT CHANGES*/
.title_1.desc+.tabStatic.tabStatic__fixedTop{top:80px}
.title_1.desc+.tabStatic.tabStatic__fixedTop+.opmFormHolder{top:130px!important}
.opm-vertical-steps ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding-bottom:30px;padding-left:32px;padding-top:8px;position:relative;border-left:1px solid #dcdcdc;margin-left:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.opm-vertical-steps ul li:last-child{border:0}
.opm-vertical-steps__count{position:absolute;top:0;left:-16px;width:32px;height:32px;border:1px solid #dcdcdc;background-color:#fff;border-radius:32px;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.opm-vertical-steps__download-btn{background:#27ab67;color:#fff;padding:16px 40px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;gap:8px;cursor:pointer}
.opm-vertical-steps__title{font-size:14px;font-family:latoBold}
.opm-vertical-steps__code-block{display:flex;position:relative;width:100%;}
.opm-vertical-steps__commend-code{overflow:auto;position:relative;width:100%;background:#353C4A;border-radius:4px;color:#fff;padding:12px 55px 12px 16px;white-space: normal;font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}
.opm-vertical-steps__commend-code code{white-space: nowrap;}
.opm-vertical-steps__code-block .copy-icon,.opm-vertical-steps__code-block .eye-icon{position: absolute;top: 3px;right: 0px;cursor: pointer;z-index: 2;background: #353c4a;width: 30px;height: 36px;display: flex;align-items: center;justify-content: center;}
.opm-vertical-steps__code-block .eye-icon{right:25px}
/*-------*/

body.overlaySmallSlide.slideDivIn-4 #main:before{background: rgba(0, 0, 0, 0.3);z-index:12;content:"";position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#barChartColorOptions .helpCardContent > div{max-height: 220px !important}
#barChartColorOptions .helpCard.manualWidth .helpCardInfo{width: 280px !important}

/****** Aalarms list revamp changes starts ******/
.alarmInventoryFilterToggle{background:#fff;width:15px;height:40px;margin:auto;border:1px solid #d8d8d8;border-right:0;border-radius:5px 0 0 5px;position:absolute;top:0;right:0;bottom:0;z-index:2;cursor: pointer;}
.alarmInventoryFilterToggle:before{width:6px;height:6px;content:'';margin:auto;border:2px solid #717171;border-bottom:0;border-left:0;transform:rotate(-135deg);position:absolute;top:0;right:0;bottom:0;left:4px}
#opmInventorySideBarContent.alarmInventoryFilterToggleActive .alarmInventoryFilterToggle{transform:rotate(-180deg);right:auto;left:0;cursor: pointer;}
html.horizontalView .alarmInventoryFilterToggle{display:block !important}
html.horizontalView #opmInventorySideBarContent #PageSideBar{transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageContent{padding-left:80px !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive.alarmsPage.fullAlarmDetail #PageContent,html.horizontalView #opmInventorySideBarContent.alarmsPage.fullAlarmDetail #PageSideBar + #PageContent{padding-left:0px !important;z-index:1}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterType{width:80px !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .sortByInfo,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterByList,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #alarmsPageFilterTime,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterChart .donutTextDiv:after,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterChart #donutText,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .alarmDialbg:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .CatChart:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .CatChart .component .label,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar > div.BarInfo:first-child,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar > div.StatusColor,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div > *:not(.count){display:none}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .dialHolder{width:84px;height:10px;transform:scale(.22);position:relative;top:-18px;left:-22px;overflow:visible}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterChart .donutTextDiv{left:49px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .FilterChart #donutCount{font-size: 70px !important;position:relative;top: -25px;}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart{padding:20px;position:relative}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart:before,html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart:after{background:#78b4d8;width:45px;height:1px;content:'';margin:auto;position:absolute;top:20px;right:0;bottom:auto;left:0;display:block !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart:after{top:auto;bottom:0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > div{width:100%;height:60px;transform:scale(.45);position:relative;left:-21px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear{transform:scale(1);overflow:visible !important;left:-23px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar{width:45px;height:45px;padding:0;border:3px solid var(--severity-clear);border-radius:50%}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar.active{background:var(--severity-clear)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar > .BarInfo:nth-child(2){width:42px;font:15px/250% LatoRegular;text-align:center}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .severityDonutChart > #BarHolderClear > .SingleBar.active > .BarInfo:nth-child(2){color:#fff}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .CatChart .labels .label{font-size:35px !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .CatChart:after{width:100px;height:100px;top:10px;left:15px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .CatChart.active .labels .label{fill:#fff !important}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatCritical-A .component{fill:var(--severity-critical)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatTrouble-A .component{fill:var(--severity-trouble)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatAttention-A .component{fill:var(--severity-attention)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatServiceDown-A .component{fill:var(--severity-servicedown)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatInfo-A .component{fill:var(--severity-info)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatCritical-A.active:after{background:var(--severity-critical)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatTrouble-A.active:after{background:var(--severity-trouble)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatAttention-A.active:after{background:var(--severity-attention)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatServiceDown-A.active:after{background:var(--severity-servicedown)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar #CatInfo-A.active:after{background:var(--severity-info)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div{background:none;width:45px;min-height:auto;padding:10px 0;border:0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div:after{background:rgba(255,255,255,.3);content:'';border:1px solid rgba(255,255,255,.3);position:absolute;top:0;right:0;bottom:0;left:0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div.acknowledge:after{border-radius:10px 10px 0 0;border-bottom:0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div.unacknowledge:after{border-radius:0 0 10px 10px}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div.active:after{background:rgba(94,94,94,.1)}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div > .count{font-size:18px;text-align:center;padding:25px 0 0 0}
html.horizontalView #opmInventorySideBarContent.alarmInventoryFilterToggleActive #PageSideBar .acknowledgeActions > div > .count:before{margin:auto;right:0;left:0}
/****** Aalarms list revamp changes ends ******/

html #opmInventorySideBarContent.alarmDetailedPage #PageSideBar{display:none}
html #opmInventorySideBarContent.alarmDetailedPage #PageContent{padding-left:0 !important}

.opmGettingStarted #NCMGettingStarted .menuList li .circleIcon .iconBackupConfig{background:url('../../img/opm-sprites.png') no-repeat -200px -1209px;width:26px;height:29px;margin:15px  auto}
.opmGettingStarted #NCMGettingStarted .menuList li .circleIcon .iconChangeDetection{background:url('../../img/opm-sprites.png') no-repeat -229px -1209px;width:24px;height:28px;margin:15px  auto}
.opmGettingStarted #NCMGettingStarted .menuList li .circleIcon .iconCompliance{background:url('../../img/opm-sprites.png') no-repeat -255px -1208px;width:25px;height:27px;margin:15px  auto}

.opmGettingStarted #NFAGettingStarted .menuList li,.opmGettingStarted #NFAGettingStarted .menuList .overEffect{width:33.3%}
.opmGettingStarted #NFAGettingStarted .menuList li .circleIcon .iconFlowExport{background:url('../../img/opm-sprites.png') no-repeat -147px -1177px;width:30px;height:25px;margin:15px auto}
.opmGettingStarted #NFAGettingStarted .menuList li .circleIcon .iconDataManagement{background:url('../../img/opm-sprites.png') no-repeat -179px -1177px;width:27px;height:29px;margin:15px  auto}
.opmGettingStarted #NFAGettingStarted .menuList li .circleIcon .iconReporting{background:url('../../img/opm-sprites.png') no-repeat -208px -1178px;width:21px;height:27px;margin:15px  auto}
.opmGettingStarted #NFAGettingStarted .menuList li .circleIcon .iconAlertsandNotifications{background:url('../../img/opm-sprites.png') no-repeat -232px -1177px;width:26px;height:27px;margin:15px  auto}

.trafficLabelIcon{background: url('../../img/opm-sprites.png')  -219px -1131px;width:27px;height:15px;margin-top:10px;float:left;cursor:pointer;}

.trafficLoad li > div:nth-child(1) > div.colorBox{width:25px;height:25px;margin-right:10px;margin-top:0}
.trafficLoad li:hover > div:nth-child(1) > div.colorBox::after,.trafficLoad li:focus > div:nth-child(1) > div.colorBox::after,.trafficLoad li.active > div:nth-child(1) > div.colorBox::after{display:-webkit-box;display:-ms-flexbox;display:flex}
.trafficLoad li > div:nth-child(1) > div.colorBox::after{content:'\e8ac';font-family:'fontello';float:right;font-size:10px;position:relative;top:15px;text-align:center;left:5px;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:15px;height:15px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:40px}
.trafficLoad >ul >li > div:nth-child(1){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.trafficLoad li.active:after{top:47px;margin-left:-38px}
.opuAddRequirements label >div {float: right;color: #2196F3;display: inline-block;cursor:pointer}
#trapWithoutCommunityDiv > label{line-height: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 10px !important;margin-bottom: 12px;}
.opuAddRequirements label >div {float: right;color: #2196F3;display: inline-block;cursor:pointer}
#trapWithoutCommunityDiv label > i{display: inline-block;width: 23px;height: 23px;content: '';background: url(../../img/opm-sprites.png) no-repeat 0 -1240px;margin-left: 0;margin-right: 10px;}
#trapWithoutCommunityDiv > label > span {width: calc(100% - 50px);display: block;font-size: 14px;line-height: 1.4;}
.pl10{padding-left: 10px;}
#TrapDetailsList tr td{text-align:left !important;}
.serverStatusRow > .opmFormRow{max-width:550px;margin-bottom:0}
.serverStatusRow{margin:10px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1050px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.SNMPServerStatus > div {background:#fffcf1;border:1px solid #ffe188;height:33px;margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;width:430px}
.SNMPServerStatus i{margin-right:10px;font-size:16px}
#domainList .icon-plus+.domainEditIcon{margin-left:10px !important;}

.dashboardWidgetIcons .smallIcon .icon-file-pdf.widget_edit{padding:10px 4px !important;}
.dashboardWidgetIcons .smallIcon .opmIconDownloadFile.opmIconExcel,.dashboardWidgetIcons .smallIcon .opmIconDownloadFile.opmIconcsv{width:22px;opacity:.6;padding:10px 4px !important;}
.dashboardWidgetIcons .smallIcon .opmIconDownloadFile.opmIconExcel:before{background: url('../../img/opm-sprites.png')  -310px -1176px;width:12px;height:14px;top:12px;}
.dashboardWidgetIcons .smallIcon .opmIconDownloadFile.opmIconcsv:before{background: url('../../img/opm-sprites.png')  -323px -1176px;width:11px;height:14px;top:12px;}
.dashboardWidgetIcons .smallIcon .opmIconDownloadFile:before{top:13px;}
#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons .smallIcon  i:hover{opacity:1;}
.OpUWarning > label{line-height: 1;color: #fa5b5a; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 10px !important;margin-bottom: 12px;}
.OpUWarning label > i{display: inline-block;width: 23px;height: 23px;content: '';background: url(../../img/opm-sprites.png) no-repeat 0 -1240px;margin-left: 0;margin-right: 10px; flex:0 0 23px;}
.OpUWarning label > i.failure{background-position:-76px -1240px;}
.OpUWarning > label > span {width: calc(100% - 50px);display: block;font-size: 14px;line-height: 1.4;}
.OpUWarning.style1{    background: #fffcf1;border: 1px solid #ffe188;padding:10px 0;}
.OpUWarning.style1 > label{margin-bottom:0;margin-left: 20px !important;}
html.horizontalView .dashboardWidgetButtonHdr{height:40px}
html.horizontalView .opmDashboard > header .dashboardWidgetButtonHdr > h4{font:16px/40px LatoRegular}
html.horizontalView .dashboardWidgetButtonHdr i{width:40px;height:27px}
html.horizontalView .dashboardReset,.dashboardWidgetReArrangeSave,.dashboardCancel{min-width:100px;padding:8px 20px}

.treeList.oputilsTree .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.treeList.oputilsTree .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{width:2px;background:#000}
/*#subnetSummary.DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerContainer{left: inherit;right: 0;top: 5px;}*/
.opmDiscoveryProfileType2.type2{border:none;margin:0}
html #inventoryGridStyle > .ember-view{padding:0 0 0 15px}
html #inventoryGridStyle > .ember-view > .grid-stack{float:left;width:100%;max-width:1395px !important;min-height:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}
#newReportFieldsSrc > div > div{width:100% !important}

html.MessageViewBoxOpen.secondLevelNavActive #inventoryGridStyle .dashboardWidgetExpandView{top:170px !important;}
html.horizontalView.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive #inventoryGridStyle .dashboardWidgetExpandView{top: 207px !important;}
html.opmTopBandBannerActive.horizontalView #inventoryGridStyle .dashboardWidgetExpandView,
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive #inventoryGridStyle .dashboardWidgetExpandView{top: 170px !important;}

#nfaReportingForm .opmRadioBtn{margin-right:20px;}
#dataUnitInputs .opmRadioBtn + label.dataUnitHelpIcon{width: auto; margin-top: 7px; margin-left: -20px;padding-right: 20px;}

.headerLink{color: #555 !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.headerLink::before{content:'';display: inline-block;background: url('../../img/opm-sprites.png') no-repeat;margin-right: 8px;}
.headerLink.Icon-import::before{background-position: -319px -1283px;width: 16px;height: 18px;}
.headerLink.Icon-add::before{background-position: -337px -1284px;width: 17px;height: 17px;}
.button-grey:hover{background-color: #bbb;}
.button-grey{background-color: #dedede;line-height: 2;font-family: LatoRegular;display: inline-block;height: auto !important;float: none;padding: 0 12px;border-radius: 4px;margin: 5px;cursor: pointer;color: #222;}
/*Layer2 UI Enhancement CSS*/

.layer2Actions{float:left;width:auto;height:30px;border:1px solid #d8d8d8;border-radius:5px;display:inline-block;position:relative;top:-7px;overflow:hidden}
.layer2Actions > div{float:left;background:#fafafa;width:40px;height:100%;text-align:center;padding:5px 8px;border-right:1px solid #d8d8d8;display:inline-block;cursor:pointer}
.layer2Actions > div:last-child{border:0}
.layer2Actions > div.active{background:#fff;cursor:default}
.layer2Actions > div:not(.active){opacity:.6;alpha(opacity=60)}
.layer2Actions > div > img{height:18px;display:inline}
.layer2Actions > div.BalloonTree > img{height:15px;position:relative;top:1px}

.layer2AlertInfo{background:#fdf79f;width:99%;height:45px;padding:1px 5px;margin:auto;border:1px solid #f3eb76;border-radius:4px;position:absolute;top:-100px;right:0;left:0;overflow:hidden;z-index:9}
.layer2AlertInfo > div > i{background:#fa5b5a;width:50px;height:33px;margin:4px 5px 0 5px;border-radius:4px;position:relative;cursor:pointer}
.layer2AlertInfo > div > i:hover{background:#e15352}
.layer2AlertInfo > div > i:before,.layer2AlertInfo i:after{background:#fff !important;content:'';margin:auto;transform:rotate(135deg);position:absolute;top:0;right:0;bottom:0;left:0}
.layer2AlertInfo > div > i:before{width:1px;height:20px}
.layer2AlertInfo > div > i:after{width:20px;height:1px}
body.layer2AlertInfoActive .layer2AlertInfo{top:4px}
.layer2AlertInfo > h4{font:16px/42px RobotoSlabLight;text-align:center;position:absolute;top:0;right:320px;bottom:0;left:10px;z-index:0}
.layer2AlertInfo > div{float:right;position:relative;z-index:1}
.layer2AlertInfo > div > *{float:right}
.layer2AlertInfoReset,.layer2AlertInfoSave{float:left;min-width:120px;width:auto;text-align:center;text-decoration:none;padding:8px 20px;margin:4px 0 0 5px;border-radius:4px;cursor:pointer}
.layer2AlertInfo,.layer2AlertInfoReset,.layer2AlertInfoSave,.layer2AlertInfo > div > i{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.layer2AlertInfoReset{background:#cecece;color:#000}
.layer2AlertInfoReset:hover{background:#babec4}
.layer2AlertInfoSave{background:#49bd80;color:#fff}
.layer2AlertInfoSave:hover{background:#2aa263}

.mapSideNavToggle{background:#fff;width:15px;height:40px;margin:auto;border:1px solid #d8d8d8;border-left:0;border-radius:0 5px 5px 0;position:absolute;top:0;left:0;bottom:0;z-index:2;cursor:pointer}
.mapSideNavToggle:before{width:6px;height:6px;content:'';margin:auto;border:2px solid #717171;border-bottom:0;border-left:0;transform:rotate(-135deg);position:absolute;top:0;right:0;bottom:0;left:4px}
.settingsCnt.settingsNoAside .mapSideNavToggle:before{transform:rotate(45deg);right:4px;left:0}


.jiraConfig .jiralogo{background: url(../../img/TPI-Jira.png) no-repeat; width:75px; height: 75px; display: block;margin-left: auto;margin-top: 25px;}
.sdpodConfig .sdpodlogo{background: url(../../img/TPI-SDPOD2.png) no-repeat; width:75px; height: 75px; display: block;margin-left: auto;margin-top: 25px;}
.slackConfig .slacklogo{background: url('../../img/opm-sprites.png') no-repeat -2px -1350px;width: 74px;height: 74px;display: block;margin-left: auto;margin-top: 25px;}
.slackConfig .msteamslogo{background: url(../../img/TPI-MSTeams.png) no-repeat; width:75px; height: 75px; display: block;margin-left: auto;margin-top: 25px;}
.slackConfig .opmFormTitle{margin: 10px 0 15px;}
.slackConfig .opmFormTitle p{margin-bottom: 10px;}
.slackConfig .grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.slackConfig .grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.slackConfig .grid-col-10,.slackConfig .grid-col-2{position:relative;width:100%;padding-right:15px;padding-left:15px}
.slackConfig .grid-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.slackConfig .grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.slackConfig .grid-col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.slackConfig [class^="grid-col-"]:first-child{padding-left:0}
.slackConfig [class^="grid-col-"]:last-child{padding-right:0}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive #filterDataBy{top:-45px;width:90%;padding-top:0;padding-bottom:0}
.AETIDContent.EventsFilter .AETIDList.filterDataByActive #filterDataBy{top:-45px;width:100%;padding-top:0;padding-bottom:0}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive #filterDataBy .title,
.AETIDContent.EventsFilter .AETIDList.filterDataByActive #filterDataBy .title{left:150px}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive,
.AETIDContent.EventsFilter .AETIDList.filterDataByActive{padding:0}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive:before,
.AETIDContent.EventsFilter .AETIDList.filterDataByActive:before{height:0}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive #filterDataBy .filterInfoHolder,
.AETIDContent.EventsFilter .AETIDList.filterDataByActive #filterDataBy .filterInfoHolder{overflow-x: hidden;}
.AETIDContent.AlarmsFilter .AETIDList.filterDataByActive #filterDataBy > div,
.AETIDContent.EventsFilter .AETIDList.filterDataByActive #filterDataBy > div  { padding: 8px 35px 5px 200px; width: auto; max-width:100%; float: left; position: relative; height:45px; overflow-y:auto; overflow-x:hidden;display:inline-flex;align-items:center; }

.serviceDeskPlus{float:left;width:100%;height:auto}
.serviceDeskPlus .opmFormCol{width:70%}
.serviceDeskPlus .selBoxInput2{float:left;width:100%;height:auto}
.serviceDeskPlus .selBoxInput2 > div{float:left;width:68%}
.serviceDeskPlus .selBoxInput2 > div:first-child{width:16%}
.serviceDeskPlus .selBoxInput2 > div:last-child{width:16%;padding-left:10px;position:relative}
.serviceDeskPlus .selBoxInput2 > div:last-child:before{background:#f0f0f0;width:6px;height:31px;content:':';line-height:28px;color:#989898;padding-left:4px;border:1px solid #dcdcdc;border-right:0;border-left:0;position:absolute;top:0;left:0}
.ticketSettings > label,.assetSettings > label{margin:5px 50px 0 0}
.ticketSettings > *{float:left;width:auto !important}
.assetSettings > label{width:auto !important}

.serviceDeskPlus{float:left;width:100%;height:auto}
.serviceDeskPlus .opmFormCol{width:70%}
.serviceDeskPlus .opmFormCol.w-80{width: 80%;}
.serviceDeskPlus .selBoxInput2{float:left;width:100%;height:auto}
.serviceDeskPlus .selBoxInput2 > div{float:left;width:68%}
.serviceDeskPlus .selBoxInput2 > div:first-child{width:16%}
.serviceDeskPlus .selBoxInput2 > div:last-child{width:16%;padding-left:10px;position:relative}
.serviceDeskPlus .selBoxInput2 > div:last-child:before{background:#f0f0f0;width:6px;height:31px;content:':';line-height:28px;color:#989898;padding-left:4px;border:1px solid #dcdcdc;border-right:0;border-left:0;position:absolute;top:0;left:0}
.ticketSettings > label,.assetSettings > label{margin:5px 50px 0 0}
.ticketSettings > *{float:left;width:auto !important}
.assetSettings > label{width:auto !important}

.dashboardWidget > .FA-ReportSearch{width:100%;padding:10px;background:#f2f2f2;border:1px solid #d7d7d7;border-top:0;position:absolute;top: 89px;left:0;z-index:2;display:none;}
.dashboardWidget > .FA-ReportSearch.active{display:block}
.dashboardWidget > .FA-ReportSearch input{width:100%;line-height:20px;padding: 0 50px 0 10px;}
.dashboardWidget > .FA-ReportSearch + .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{margin-top:40px}
.dashboardWidget  .FA-ReportSearch.active + .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{margin-top:45px}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn{min-width:120px; left: -10px;}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn i{width: 100%;height: 31px; padding: 7px 40px 7px 10px;}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn .arrow {right: 22px;}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn .monitorsPlusBtn{right: 6px;left: auto;}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn i::after {content: '';display: block;background: rgba(0, 0, 0, 0.1);width: 34px;height: 31px;position: absolute;bottom: 19px;border-top-right-radius: 3px;right: 8px;border-bottom-right-radius: 3px;}
.opmMoreList.type2 > .addMonitorsBtn.drpdwn ul:before{right:15px}
.dashboardWidget  .FA-ReportSearchClear{position:absolute;top: 15px;right:15px;width: 13px;height: 12px;z-index:2;font-size: 12px;}
.dashboardWidget  .FA-ReportSearchClear:after{width:10px;height: 10px;top: -2px;right:0;content:'x';position:absolute;cursor:pointer;border-radius:10px;text-align:center;}
.dashboardWidget  .FA-Report.icon-search.devsearchicon{position:absolute;top: 61px;right: 10px;z-index:3;}
.dashboardWidget > .FA-ReportSearch + .opm_jqGridUI {padding-top:10px}
.FA-ReportSearch{width:100%;padding:10px;background:#f2f2f2;border:1px solid #d7d7d7;border-top:0;position:absolute;top: 49px;left:0;z-index:2;display:none;}
.FA-ReportSearch.active{display:block}
.FA-ReportSearch input{width:100%;line-height:20px;padding: 0 50px 0 10px;}
.FA-ReportSearch + .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{margin-top:00px}
.FA-ReportSearch.active + .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{margin-top:45px}
.FA-ReportSearchClear{position:absolute;top: 15px;right:15px;width: 13px;height: 12px;z-index:2;font-size: 12px;}
.FA-ReportSearchClear:after{width:10px;height: 10px;top: -2px;right:0;content:'x';position:absolute;cursor:pointer;border-radius:10px;text-align:center;}
.FA-Report.icon-search.devsearchicon{position:absolute;top: 21px;right: 10px;z-index:3;}
.FA-ReportSearch + .opm_jqGridUI {padding-top:10px}
.accordionWithTable .area{display:inline-block;margin-bottom:10px !important}
.accordionWithTable .area:last-child{margin-bottom:0px !important}
.accordionWithTable .area b{font-family:lato !important}
.accordionWithTable .area b + .opm_jqGridUI{margin-top:10px;}
.accordionWithTable h4{background:rgba(244,244,246,1);font-family:LatoRegular !important;font-size: 14px !important;padding: 0 10px !important;line-height: 40px !important;height: auto !important;border:1px solid rgba(212,212,212,.5);}
.accordionWithTable h4 span{color:#000;background: none !important;border: none !important;font-size: 14px !important;display: inline-table !important;}
.accordionWithTable h4:after,.accordionWithTable h4.active:after{display:none}
.accordionWithTable h4:before{content: '' !important;width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(135deg);right: 13px !important;top: 13px !important;position:absolute;left: unset !important;}
.accordionWithTable h4.active:before{content:'' !important;width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000;transform: rotate(-45deg);right:0;top: 18px !important;position:absolute;}
.accordionWithTable h4 + a{top:10px !important;color:#31a5f0 !important}
.accordionWithTable > header{height: auto !important;}
.accordionWithTable > header + section{background:#fff;border:1px solid rgba(212,212,212,.5);border-top:0;padding: 10px;}
.accordionWithTable > header + section .ui-jqgrid-bdiv{border:1px solid rgba(212,212,212,.5);border-top: 0;}
.accordionWithTable > header + section .ui-jqgrid-hdiv{border:1px solid rgba(212,212,212,.5) !important;border-bottom: 0 !important;}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid{border: 0}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top:0;}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th{background:rgba(244,244,246,1)!important}
.accordionWithTable > header + section .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th span{display:none}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{border:0;transition:.5s;}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:nth-child(odd){background:rgba(244,244,246,.5) !important;border:0 !important;}
.accordionWithTable > header + section .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:hover{background:#fcf6e6;transition:.5s;}

#topApps{height:285px;}
/* .icon-showApps:before{background-position:-255px -1683px;width: 22px;height: 22px;}
.icon-showApps:hover:before,.icon-showApps.active:before{background-position:-280px -1683px} */
#topApps > section{padding:10px}
#topApps ul li{width:33.333%;text-align:center;float:left;padding:10px;transition:.5s;background:#fff;transform:scale(.9);}
#topApps ul li:hover{transition:.5s;transform:scale(1);}
#topApps ul li a{text-decoration:none;display:inline-block;}
#topApps ul li p{font-size:14px;color:#000;}

/*TOP Band ICON design starts*/
#userNotify .userNotifyList,.topBandDropDown .topBandDropDownHolder{background:#fff;width:470px;height:200px;position:absolute;top:35px;right:0;box-shadow:0 0 3px rgba(0,0,0,.1);-ms-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);opacity:0;filter:alpha(opacity=0);display:none;border-radius: 6px;padding: 16px 25px;}
#userNotify .userNotifyList .header,.topBandDropDown header{background:#fff;width:100%;height:40px;font-size:16px;line-height:100%;color:#000;z-index:1;cursor:default;border-radius: 6px;}
#userNotify .userNotifyList .header i,.topBandDropDown header i{font-size:12px;color:#a0a0a0;padding:5px;position:absolute;top:7px;right:8px;cursor:pointer;display:block}
#userNotify .userNotifyList .header i:hover,.topBandDropDown header i:hover{color:#000}
#userNotify .userNotifyListHolder,.topBandDropDown section{/ position:absolute; *// top:40px; // right:0; // bottom:0; // left:0; */overflow:auto;}
#userNotify .userNotifyList{background:none;box-shadow: none;}
#userNotify .userNotifyList .header{border-radius:6px 6px 0 0}

#topApps > section{padding: 0px;position: absolute;left: 19px;}
#topApps ul li{width:33.333%;text-align:center;float:left;padding: 0px 10px 20px 0px;transition:.5s;background:#fff;transform:scale(.9);}
#topApps ul li:hover{transition:.5s;transform:scale(1);}
#topApps ul li a{text-decoration:none;display: flex;align-items: center;}
#topApps ul li a .imgCover{background:#f2f2f2;padding: 7px 7px 3px 7px;border-radius:4px;margin-right: 10px;}
#topApps ul li a .imgCover img {height:21px;width:21px;}
#topApps ul li p{font-size: 14px;color:#000;text-align: left;}
/*TOP Band ICON design ends*/

/*! Associate dropdown start */
.associateDD{margin-bottom:20px}
.associateDD label{margin-bottom:10px;display:block}
.associateDD__wrapper{background-color:#f8f8f8;border:1px solid #e2e2e2;position:relative;margin-bottom: 20px;}
.associateDD__wrapper .associateDD__block{padding:10px 20px;padding-left:20px !important;}
.associateDD__wrapper .associateDD__block:nth-child(odd){padding-right:30px}
.associateDD__wrapper .associateDD__block:nth-child(even){padding-left:30px}
.associateDD__wrapper .associateDD__block:nth-child(2){border-left:1px solid #e2e2e2}
.associateDD__wrapper .associateDD__add{position:absolute;right:-50px;top:30px;cursor:pointer}
.associateDD__wrapper .associateDD__add .add-block .svgIcon{width:40px;height:40px}
.associateDD__wrapper .associateDD__add .add-block .svgIcon svg{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);fill:#27a965}
.associateDD__wrapper .associateDD__add .delete-block{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:50%}
.associateDD__wrapper .associateDD__add .delete-block .svgIcon{width:16px;height:16px}
.associateDD__wrapper .arrow{content:'';position:absolute;left:calc(50% - 15px);top:39px;padding:10px;width:30px;height:30px;background:#f8f8f8;border:1px solid #e2e2e2;border-radius:50%}
.associateDD__wrapper .arrow:after,.associateDD__wrapper .arrow:before{content:'';display:block;position:absolute}
.associateDD__wrapper .arrow:before{width:14px;height:2px;top:13px;left:7px;background-color:#c9c9c9}
.associateDD__wrapper .arrow:after{width:10px;height:10px;top:8px;left:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #c9c9c9;border-right:2px solid #c9c9c9}
.associateDD__wrapper.associateDD__expand{background-color:#fff;border-top-width:0;margin-top: -20px;}
.associateDD__wrapper.associateDD__expand .associateDD__noDD{position:relative}
.associateDD__wrapper.associateDD__expand .associateDD__noDD .text{background-color:#fff;display:inline;position:absolute;top:8px;max-width:100%;padding-right:6px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.associateDD__wrapper.associateDD__expand .associateDD__noDD::before{content:'';width:calc(100% + 17px);height:0;border-top:2px dashed #c9c9c9;position:absolute;top:16px}
.associateDD__wrapper.associateDD__expand .associateDD__block{padding-top:15px;padding-bottom:15px}
.associateDD__wrapper.associateDD__expand .associateDD__block:nth-child(2){border-left-color:transparent}
.associateDD__wrapper.associateDD__expand .arrow{top:17px;background-color:transparent;border-color:transparent}
/*! Associate dropdown Ends */

.opm_jqGridUI > .FA-Report.icon-search.devsearchicon{top:12px}
.opm_jqGridUI > .FA-ReportSearch{top:37px}
.opm_jqGridUI > .FA-ReportSearch.active + .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{top:78px !important}

body[class^='deviceSlideDivIn-'] .DeviceGroupDetails .DI-Header:before,body[class*=' deviceSlideDivIn-'] .DI-Header:before,.DI-Header.disabled:before{background:rgba(0,0,0,.3);width:auto;height:auto;content:'';position:absolute;top:0;right:0;bottom:-1px;left:0;z-index:9;display:none}
.DeviceGroupDetails .DI-Header .DI-Options.actions .reportOption{position:relative;top:8px;right:10px;margin-left:10px;float:right}
.DeviceGroupDetails .DI-Header .DI-Options.actions .reportOption i[class^='icon-']{margin-right:8px;font-size:20px;}
.clearBoth{clear:both}
body:not(.MacOS), body:not(.MacOS) *{scrollbar-color: #888 #fafafa; scrollbar-width:thin;}
body:not(.MacOS)::-webkit-scrollbar-track, body:not(.MacOS)  *::-webkit-scrollbar-track{background-color: #fafafa;}
body:not(.MacOS)::-webkit-scrollbar, body:not(.MacOS)  *::-webkit-scrollbar{width: 15px;background-color: #fafafa;height: 15px;}
body:not(.MacOS)::-webkit-scrollbar-thumb, body:not(.MacOS)  *::-webkit-scrollbar-thumb{background-color: #888;border:2px solid #fafafa;border-radius: 10px;}


.MsgInfoSidebarFix #PageSideBar{top:40px;}

.oputilsSnapshot .FilterTypeHolder{width:290px;height:100%;position:relative;left:0;overflow:hidden}
.oputilsSnapshot .treeFilter .treeList{top: 46px;}
.oputilsSnapshot.IPAMmsgShow .FilterAccordionContainer { top: 40px !important; }
.oputilsSnapshot .header { height: 44px; display: flex; justify-content: space-between; align-items: center; }
.oputilsSnapshot .header h4 { padding-left: 80px; }
.oputilsSnapshot .header{float:left;width:100%;height:44px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;position: absolute;background: #f9f9fb;}
.oputilsSnapshot .header > div { position: static; }

.settingsCnt.OverFlowFix > section > .settingsContent{overflow: scroll;overflow-x: hidden;}
.settingsCnt.OverFlowFix > section > .settingsContent > .opmFormHolder{overflow: visible;}
.oputilsSnapshot .DI-Header h2 { line-height: 1; height: 45px; font-size: 13px; }
.oputilsSnapshot .DI-Header h2 > div:nth-child(1) { max-width: 100% !important; }
.oputilsSnapshot .DI-Header h2 > div:nth-child(2) { max-width: 100% !important; }
.oputilsSnapshot #nameOnly.opuHeader { width: 100% !important; }
.oputilsSnapshot .FilterAccordionContainer .FilterAccContent{padding: 0px !important}
.oputilsSnapshot .FilterAccordionContainer .FilterAccContent:before { display: none; }
.oputilsSnapshot .graphWidget { overflow: visible !important; }
.oputilsSnapshot .opmDisProRow { display: flex; flex-direction: row; align-items: flex-start; }
.oputilsSnapshot .opmDisProRow > div { position: static !important; float: none !important; flex: 0 0 50%; }
.oputilsSnapshot .opmDisProRow > div:first-child, .oputilsSnapshot .opmDisProRow > div:last-child { padding: 8px 10px; }
.oputilsSnapshot .DIGmCustomScroll1 .selBox { width: 100%; }
.oputilsSnapshot .canvas-property .legseries{overflow: visible;}
.oputilsSnapshot .addSubnet{float: left;}
.oputilsSnapshot .DI-Header .DI-Options .subHdrSpan2 {border-left: 0px;}
.oputilsSnapshot .opmDiscoveryProfile::before { left: 48% !important; left: calc(50% + 5px) !important; }
.oputilsSnapshot .DI-Header .DI-Options .subHdrSpan2 i{font-size: 16px;display: flex !important;line-height: 47px;justify-content: center;align-items: center;padding-top: 2px;padding-bottom: 0;}
.oputilsSnapshot .DI-Header .DI-Options .AETIDFilDropDownList:after{width: 0;height: 0;content: '';display: inline-block;position: absolute;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fbfbfb;top: -5px;right: 10px;}
.oputilsSnapshot .DI-Header .DI-Options .AETIDFilDropDownList li:after{margin: 0 10px;}
.oputilsSnapshot .DI-Header .DI-Options .AETIDFilDropDownList li{padding: 10px;}
.oputilsSnapshot .DI-Header .DI-Options .AETIDFilDropDownList:before{display: none}
.oputilsSnapshot .opmDiscoveryProfile::before { left: 50%; }
.oputilsSnapshot #PageContent .DeviceDetails .DI-Accordion .DIA-Header + .DIA-Content { top: 40px; background: #f5f6f8; }
.oputilsSnapshot #inventoryGridStyle{background:#f5f6f8;}
.oputilsSnapshot div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager {left: unset; bottom: 0; }
.oputilsSnapshot .widgetJqGridFlow .ui-jqgrid-view{overflow-x: auto;}
.oputilsSnapshot .mCSB_inside > .mCSB_container {-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transform-origin: 0 0;transform-origin: 0 0;margin: 20px 0 0; width: calc(100% + 25px);}
.oputilsSnapshot .treeFilter .jstree li { padding-left: 9px; }
html.horizontalView .oputilsSnapshot #inventoryGridStyle > .ember-view { padding: 7px 0 0 15px; }
.ipamSummary { position: absolute; top: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.ipamSummary i { margin-right: 9px; }
.ipamSummary i:last-child { margin: 0; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu {padding: 5px 0;border-radius: 4px;}
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu .vakata-context-hover a { background: #faf7d0; -webkit-box-shadow: none; box-shadow: none; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li { display: block; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li a {border-bottom-width: 0;padding: 8px 18px 8px 55px;color: #252525;}
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li a:hover { background: #faf7d0; -webkit-box-shadow: none; box-shadow: none; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i {left: 21px;}
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.contextMenuIcon{background:none}
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.contextMenuIcon:before,.contextMenuIcon:before { background: url("../../img/opm-sprites.png") no-repeat; content: ''; display: inline-block; cursor: pointer; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.rename16:before,.rename16:before { background-position: -253px -1533px; width: 16px !important; height: 17px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.scan16:before,.scan16:before { background-position: -275px -1531px; width: 15px !important; height: 20px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.add16:before,.add16:before { background-position: -295px -1531px; width: 15px !important; height: 20px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.addFolder16:before,.addFolder16:before { background-position: -314px -1530px; width: 18px !important; height: 20px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.edit16:before,.edit16:before { background-position: -335px -1529px; width: 18px !important; height: 20px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.delete16:before,.delete16:before { background-position: -178px -1531px; width: 15px !important; height: 20px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.deleteicon:before,.deleteicon:before { background-position: -178px -1531px; width: 15px !important; height: 15px !important; }
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.split16:before,.split16:before {  background-position: -343px -1460px;width: 13px;height: 21px;}
ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu li i.rediscover16:before,.rediscover16:before{background-position:-214px -136px;width: 23px;height: 23px;transform-origin: top left;transform: scale(0.85);}
.vakata-context.jstree-contextmenu li > a > i.popoutImg{background:url(../../img/opm-sprites.png) no-repeat -238px -135px;width:18px !important;height:18px !important;margin: 0;position:absolute;top: 7px;right:0;display: inline-block;}
.oputilsSnapshot .treeFilter .jstree ul.jstree-children:before{left:24px}
.oputilsSnapshot .treeFilter .jstree > ul li:after{left:10px}
.oputilsSnapshot .treeFilter .jstree li > i {left: 4px;top: 1px;}
.icon-editSubnet{ background: url("../../img/opm-sprites.png") no-repeat; content: ''; display: inline-block; cursor: pointer; background-position: -335px -1529px; width: 18px !important; height: 16px !important; }
.icon-scanSubnet:before{background: url("../../img/opm-sprites.png") no-repeat -275px -1531px;content: '';display: inline-block;cursor: pointer;width: 15px !important;height: 15px !important;}
.opuActions > .addMonitorsBtn.drpdwn{min-width:120px; left: -10px;}
.opuActions > .addMonitorsBtn.drpdwn i{width: 100%;height: 31px; padding: 7px 40px 7px 10px;}
.opuActions > .addMonitorsBtn.drpdwn .arrow {right: 22px;}
.opuActions > .addMonitorsBtn.drpdwn .monitorsPlusBtn{right: 6px;left: auto;}
.opuActions > .addMonitorsBtn.drpdwn i::after {content: '';display: block;background: rgba(0, 0, 0, 0.1);width: 34px;height: 31px;position: absolute;bottom: 19px;border-top-right-radius: 3px;right: 8px;border-bottom-right-radius: 3px;}
.opuActions > .addMonitorsBtn.drpdwn ul:before{right:15px}
.opuActions > .addMonitorsBtn{left:-35px;width:1%;font-size:0;white-space:nowrap;vertical-align:middle;padding:0 8px;border-right:0;position:relative;display:table-cell}
.opuActions > .addMonitorsBtn > i{background:#45bd7f;float:right;min-width:90px;width:auto;height:auto;font:14px LatoRegular;color:#fff;text-align:center;padding:7px 20px;margin:0;border-radius:3px;display:inline-block;cursor:pointer}

.oputilsSnapshot .addLinkStyle  .deviceListPgAddBtn.noDD{box-shadow:unset}
.oputilsSnapshot .addLinkStyle  .deviceListPgAddBtn.noDD > i{padding-right:10px;}
.oputilsSnapshot .addLinkStyle  .deviceListPgAddBtn.noDD i:after {content:initial}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn{background:#49bd80;width:140px !important;height:30px;border-radius:4px;box-shadow:0 6px 8px 4px rgba(0, 0, 0, 0.06);position:absolute;top:-4px;right:-45px;z-index:2;cursor:pointer}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.hideSortFilter .AETIDFilter .deviceListPgAddBtn{right:5px}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > i{float:left;width:100%;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:7px 30px 7px 10px;margin:0;border-radius:3px;display:inline-block;cursor:pointer}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > i:after{background:rgba(0,0,0,.1);width:25px;height:100%;content:'';border-radius:0 4px 4px 0;position:absolute;top:0;right:0}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > .arrow{width:0;height:0;margin:auto;position:absolute;top:0;right:9px;bottom:0;border-top:5px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > ul{width:100%;border-radius:0 0 4px 4px;box-shadow:0 0 3px rgba(0,0,0,.3);overflow:hidden;position:absolute;top:30px;right:0;z-index:-1;display:none}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > ul li{background:#fbfbfb;font:13px LatoRegular;padding:8px 10px;border-bottom:1px solid #eaeaea}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > ul li:last-child{border:0}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > ul li:after{margin:0}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn > ul li:hover{background:#f0f1eb}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.open{border-radius:4px 4px 0 0}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.open > i:after{background:#fbfbfb;border-radius:0 4px 0 0}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.open > .arrow{border-top-color:#000}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.open > ul{display:block}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2 > i{padding:7px 10px}
/*.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2 > i:before{content:'\e897';font-family:fontello;margin:0 5px 0 0}*/
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2.open{border-radius:4px}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2 > i:after,.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2 > .arrow,.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.type2.open > ul{display:none}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.listIcons .icon-filter.AETIDFilDropDown{right:103px !important}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.listIcons .AETIDFilDropDownList{right:95px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.listIcons.hideSortFilter .AETIDHeader .viewType{right:160px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder:not(.hideAddIcon) .AETIDHeader .viewType{right:180px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder .AETIDHeader .AETIDFilter .devsearchicon{padding-right:105px}
.oputilsSnapshot .addLinkStyle .opmGroupInventory{width:auto;height:40px;position:absolute;right:307px;bottom:0;left:54px;z-index:2}
.oputilsSnapshot .addLinkStyle  .opmInventoryHolder.hideAddIcon .AETIDFilter .deviceListPgAddBtn[data-type='add']{display:none !important}
html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle .opmInventoryHolder.AETIDRowChecked .AETIDFilter,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle .opmInventoryHolder.AETIDRowChecked .viewType,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle .opmInventoryHolder.alarmShortSummaryActive .viewType,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle .opmInventoryHolder.deviceShortSummaryActive .viewType,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle #DeviceList.AETIDRowChecked .AETIDFilter,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle #DeviceList.AETIDRowChecked .viewType,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle #DeviceList.alarmShortSummaryActive .viewType,html.MessageViewBoxOpen .oputilsSnapshot .addLinkStyle #DeviceList.deviceShortSummaryActive .viewType{top:-70px !important}

.opufilterSectionToggle{background:url(../../img/opm-sprites.png) no-repeat -315px -947px;width:18px;height:18px;display:inline-block;position:relative;top:2px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder:not(.hideAddIcon) .AETIDHeader.width120Btn .deviceListPgAddBtn.type2{width:120px !important;}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder:not(.hideAddIcon) .AETIDHeader.width120Btn .viewType{right:160px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.listIcons.hideSortFilter .AETIDHeader.width120Btn .viewType{right:140px}
.oputilsSnapshot .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.width120Btn .icon-filter.AETIDFilDropDown{right:83px !important}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.opuSnapshot.add{top:6px;right:170px;}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.opuSnapshot.settings{top:6px;right:20px;}
.oputilsSnapshot .addLinkStyle .deviceListPgAddBtn.opuSnapshot.subnetSnapshot{top:6px;right:66px !important;}
.adminMonitors .title.no-border{border: 0 !important;}

span.count{float: right; background: #d7d7d7; padding: 2px 7px;}
span.available,span.unAvailable,span.unknown,span.snmpedit,span.policyLoading{position: relative; padding-left: 20px;}
span.snmpedit,span.policyLoading{margin-left:10px;}
span.available:before{background: url('../../img/opm-sprites.png') no-repeat -70px -1263px; width: 17px; height: 16px;position:absolute;left:0;top:0;content:'';}
span.unAvailable:before{background: url('../../img/opm-sprites.png') no-repeat -112px -1263px; width: 16px; height: 16px;position:absolute;left:0;top:0;content:'';}
span.unknown:before{background: url('../../img/opm-sprites.png') no-repeat -91px -1263px; width: 17px; height: 16px;position:absolute;left:0;top:0;content:'';}
span.snmpedit:before{background: url('../../img/opm-sprites.png') no-repeat -152px -1262px; width: 16px; height: 16px;position:absolute;left:0;top:0;content:'';}
span.policyLoading:before{background: url('../../img/refresh_loader.gif') no-repeat; width: 16px; height: 16px;position:absolute;left:0;top:0;content:'';}

.qosNbarPollingEnableCheckBox{padding-left:22px;position:relative;}
.qosNbarPollingEnableCheckBox.checked:before{background: url('../../img/opm-sprites.png') no-repeat -71px -1282px; width: 16px; height: 16px;position:absolute;left:0;top:3;content:'';}
.qosNbarPollingEnableCheckBox:before{background: url('../../img/opm-sprites.png') no-repeat -90px -1282px; width: 16px; height: 16px;position:absolute;left:0;top:3;content:'';}
.iconInfo-NBAR-CBQ{float:right;margin-top: 15px;}
.iconInfo-NBAR-CBQ > ul > li{float:left;padding:0 20px 0 25px;border-right:1px solid #7f8386;position:relative;margin-left:20px;}
.iconInfo-NBAR-CBQ > ul > li:before{width: 17px; height: 16px;position:absolute;top:2px;left:0px;content:'';}
.iconInfo-NBAR-CBQ > ul > li.available:before{background: url('../../img/opm-sprites.png') no-repeat -70px -1263px; }
.iconInfo-NBAR-CBQ > ul > li.unavAilable:before{background: url('../../img/opm-sprites.png') no-repeat -112px -1263px;}
.iconInfo-NBAR-CBQ > ul > li.unknown:before{background: url('../../img/opm-sprites.png') no-repeat -91px -1263px;}
.iconInfo-NBAR-CBQ > ul > li:last-child{padding-right:0;border-right:0;}
.iconInfo-NBAR-CBQ > ul > li:first-child{margin:0;}

.cbqosNbarFixedTable .fixedPollingParams{position:absolute;top:0;z-index: 2;}
.cbqosNbarFixedTable .fixedTable{position:absolute;top:0px;height:100%;padding-top:157px;margin-top:-50px}
.cbqosNbarFixedTable .fixedTable > .fixedTableInner{width:100%;float:left;height:100%;overflow:auto;}
.cbqosNbarFixedTable .fixedButton{position:absolute;bottom:-30px}
.settingsCnt > section .settingsContent .opmFormHolder.cbqosNbarFixedTable{overflow:hidden;}
.cbqosNbarFixedTable  > .opmForm{height:100%;}
.DIA-Header.hideHeader{display:none}

div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{background:rgba(244,244,246,1)!important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:1px solid rgba(212,212,212,.5) !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{border:1px solid rgba(212,212,212,.5) !important;border-top:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{border-bottom:1px solid rgba(212,212,212,.5)}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child{width: 0; height: 0 !important; border: 0; position: relative; overflow: hidden; visibility: hidden;}

.opmReportsGridviewSubTable > .ui-jqgrid > .ui-jqgrid-view  .ui-jqgrid-bdiv table td  .ui-jqgrid-hdiv .ui-jqgrid-hbox table{border-top:0;border:1px solid rgba(212,212,212,.5);display: block;border-bottom: 0;}
.opmReportsGridviewSubTable > .ui-jqgrid > .ui-jqgrid-view  .ui-jqgrid-bdiv table td  .ui-jqgrid-hdiv table thead{background:rgba(244,244,246,1)}
.opmReportsGridviewSubTable > .ui-jqgrid > .ui-jqgrid-view  .ui-jqgrid-bdiv table td  .ui-jqgrid-bdiv table{border:1px solid rgba(212,212,212,.5);border-top:0;display:block;margin:0;}
.opmReportsGridviewSubTable > .ui-jqgrid > .ui-jqgrid-view  .ui-jqgrid-bdiv table td  .ui-jqgrid-bdiv table.ui-jqgrid-btable.gridnodata{padding:15px 0;}
.deviceStatusList{width: calc(100% + 20px); float:left;}
.deviceStatusList > ul > li{float:left;padding:20px 30px;border-bottom:1px solid #eee;}
.deviceStatusList li:first-child{padding-top:0;}
.deviceStatusList li ul li:last-child{border:0;}
.deviceStatusList li ul liul{float:left;width:100%;}
.deviceStatusList li ul li{padding-right:10px;padding-left:10px;float:left;position:relative;border-right:1px solid #b2b2b2;}
.deviceStatusList li ul li:first-child{padding-left:15px;}
.deviceStatusList li ul li span.red{width:10px;height:10px;background:#fa5b5a;position:absolute;top:3px;left:0;border-radius:10px;}
.deviceStatusList li strong{font-family:latoBold;color:#000;}
.deviceStatusList li > p {color:#525050;line-height:20px;width:100%;float:left;margin-top:10px;}

/*.toolTipIcon{width:30px;height:30px;background:#fa5b5a;position:relative;float:left;margin-left:100px;}
*/
.deviceInfoToolTip{display:none;width:300px;height:200px;box-shadow:0px 0px 18px 5px rgba(0,0,0,.2);border-radius:5px;position:absolute;left:0px;top: 0;z-index: 10;}
.networkPathLink.deviceInfoToolTip{display:none;width:400px;height:auto !important;max-height:350px !important;box-shadow:0px 0px 18px 5px rgba(0, 0, 0, .2);border-radius:5px;position:absolute;left:0px;top:0;z-index:10;line-height:1.4;white-space:normal;overflow:hidden;}
.networkPathLink.deviceInfoToolTip >.heading {width:100%;height:auto !important;position:static;top:0;left:0;background:#eee;font-size:14px;line-height:40px;padding:0 20px;font-family:LatoRegular}
.networkPathLink.deviceInfoToolTip >.heading strong{font-family:LatoBold}
.networkPathLink.deviceInfoToolTip > .des{background:#fff;border:1px solid #eee;width:100%;height:160px;position:static;top:40px !important;left:0;padding:20px;}
.networkPathLink.deviceInfoToolTip > .des .grid-row > .grid-col-8 > .grid-row{border: none !important;}
.networkPathLink .deviceInfoToolTip .text-truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.deviceInfoToolTip .npSeverity3{background:#FDEFEF !important;color: #A02428;}
.deviceInfoToolTip .npSeverity2{background:#FFF7EF !important;color: #DD7F1D;}
.deviceInfoToolTip .npSeverity1{background:#FFFBE6 !important;color: #977F00;}
.deviceInfoToolTip .npSeverity{background:#ffffff !important;color: #000000;}
.text-truncate-1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.text-truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.text-truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.text-truncate-4{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}


/*.deviceInfoToolTip:after{width:25px;content:''; height: 25px; background: #fff; border-right: 1px solid #eee;border-bottom: 1px solid #eee; left:30px;top:100%;transform:rotate(45deg);position:absolute;margin-top:-12px;}*/
.deviceInfoToolTip > .heading{width:100%;height:40px;position:absolute;top:0;left:0;background:#eee;font-size:14px;line-height:40px;padding:0 20px;}
.deviceInfoToolTip > .des{background:#fff;border:1px solid #eee;width:100%;height:160px;position:absolute;top:40px;left:0;padding:20px;}
.deviceInfoToolTipOne > .des{background:#fff;border:1px solid #eee;width:100%;height:160px;position:absolute;top:40px;left:0;padding:20px;}
.deviceInfoToolTip > .des > p{color:#000;margin-bottom:10px;}
.deviceInfoToolTip > .des > p > strong{font-family:latoBold;}
.deviceInfoToolTip > .des > p > strong + span{color: #fa5b5a; height: 8px; width: 8px; border-radius: 10px; background: #fa5b5a; padding: 0; border: none; display: inline-block; margin-right: 4px;}
.deviceInfoToolTip > .des > p > strong > span{padding:0;border:none;vertical-align: text-bottom;background:none;width:auto;font-size:14px;display:inline-block;color:#fa5b5a;}
.deviceInfoToolTip > .des:after{width:15px;content:''; height: 15px; background: #fff; border-right: 1px solid #eee;border-bottom: 1px solid #eee; left:35px;top:100%;transform:rotate(45deg);position:absolute;margin-top:-7px;}
.deviceInfoToolTip > .des > .viewMoreBtn{background:#40b575;line-height:30px;color:#fff;padding:0 20px;position:absolute;bottom:20px;right:20px;cursor:pointer;}
.deviceInfoToolTip > .des > .viewMoreBtns{color:#009df6;line-height:30px;padding:0 20px;position:absolute;bottom:20px;right:20px;cursor:pointer;}
.deviceInfoToolTip > .des > .viewMoreBtns:hover{text-decoration: underline;}
.linkHover:hover{text-decoration: underline;}
.toolTipIcon:hover .deviceInfoToolTip{display:block;}
.slideMaxWid{width: 440px !important}
.slideMaxWid div > header{height: 65px !important;padding: 15px !important;}
.slideMaxWid div > header i.icon-remove{top:14px !important;}
.slideMaxWid div > section{top: 70px !important}
.vis-tooltip.hideTooltip{visibility:hidden !important};
.vis-tooltip.showTooltip{visibility:visible; !important};

.deviceInfoToolTip > .des.bottomLeft:after{left: 15px;}
.deviceInfoToolTip > .des.bottomCenter:after{left: 130px;}
.deviceInfoToolTip > .des.bottomRight:after{left: 265px;}
.deviceInfoToolTip > .des.topLeft:after{top:-40px;left: 15px;background:#eee;}
.deviceInfoToolTip > .des.topCenter:after{top:-40px;left: 130px;background:#eee;}
.deviceInfoToolTip > .des.topRight:after{top:-40px;left: 265px;background:#eee;}
.deviceInfoToolTip > .des > .viewMoreBtns:after {content: '';right: 0   px; top: 13px;border-right: 1px solid #009df6;border-top: 1px solid #009df6;position: absolute;width: 5px;height: 5px;transform: rotate(45deg);}

.networkpath_link .deviceInfoToolTip > .des:after {display: none}
.networkpath_link .deviceInfoToolTip  {width: 400px;height: auto;}
.networkpath_widget .deviceInfoToolTip {height:auto}
.networkpath_link .deviceInfoToolTip > .heading, .networkpath_widget .deviceInfoToolTip > .heading{height: auto !important;position: relative !important;padding: 10px 20px !important}
.networkpath_link .deviceInfoToolTip > .des, .networkpath_widget .deviceInfoToolTip > .des{top: 0px !important;position: relative;}
.networkpath_link .deviceInfoToolTip > .des .grid-row, .networkpath_widget .deviceInfoToolTip > .des .grid-row {padding: 10px 0px !important}
.networkpath_link .deviceInfoToolTip.desc > .heading .pathName, .networkpath_widget .deviceInfoToolTip.desc > .heading .pathName{margin-bottom: 0px}
.networkpath_widget .deviceInfoToolTip.desc > .des.topLeft:after {top:-60px}
.networkpath_widget .deviceInfoToolTip.desc > .des.topRight:after {top:-60px}
.deviceInfoToolTip > .des .grid-row .nptSeverityBg{border-radius: 5px;padding: 0px 3px 3px 3px;margin-left: -3px;}

/*div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.NFA > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{background:#fff;}*/

body.darkTheme .ui-pager-control{background:#000}
body.darkTheme .ui-state-default.ui-jqgrid-pager.ui-corner-bottom{border: none !important; background: #000; height: 40px; line-height: 40px}
body.darkTheme .ui-jqgrid .ui-paging-info{height:auto; margin-top:0; margin-right:20px}
body.darkTheme .ui-jqgrid .ui-pg-selbox {font-size: 12px; height: 20px; border: none; color: #b5b5b5 !important}
body.darkTheme .ui-jqgrid .ui-pg-input{font-size:12px; height: 20px; border: none;text-align: center; color: #000 !important; background: #ddd}
body.darkTheme #opmCCTV .ui-jqgrid .ui-pg-table td, body.darkTheme #opmCCTV .ui-jqgrid .ui-pg-button:hover{padding: 0 3px !important; font-size:12px; background:none; border:none}

.fRight{float:right;}
.mRight20{margin-right:20px;}

.DeviceDetails.PageContent .DIGL-Row i[class^="icon-status"].ncmSnapshotIcon{top:-2px}


.actionIcon {background: url("../../img/opm-sprites.png") no-repeat;content: '';display: inline-block;-webkit-filter: contrast(3);filter: contrast(3);margin-left: 15px;cursor: pointer;}
.actionIcon:hover { -webkit-filter: contrast(1); filter: contrast(1); }
.actionIcon:first-child { margin-left: 0; }
.actionIcon.IconCopy { background-position: -161px -1531px; width: 13px; height: 14px; }
.actionIcon.IconDelete { background-position: -178px -1531px; width: 14px; height: 14px; }
.actionIcon.IconView { background-position: -196px -1531px; width: 14px; height: 15px; }
.actionIcon.IconExecute { background-position: -214px -1531px; width: 16px; height: 14px; }
.actionIcon.IconExport { background-position: -233px -1530px; width: 15px; height: 16px; }
.workflow-icon-edit:before {background: url('../../img/opm-sprites-v2.svg') no-repeat -274px 0;width: 15px;height: 14px;content:'';display:inline-block;}
.workflow-icon-edit:hover {-webkit-filter: contrast(1);filter: contrast(1);}
.iconAlarmClear:before{background: url('../../img/opm-sprites.png') no-repeat -309px -1263px;width: 13px;height: 16px;content:'';display:inline-block;}


.BV-Description{position:relative;max-height:33px;overflow:hidden;}
.BV-Description:after{position:absolute;bottom:0;right:0;content:'...';width:50px;height:16px;background:#fff;}
#opmCCTV .dashboardWidget > .content .vis-tooltip,#opmCCTV .dashboardWidget > .content .vis-tooltip b{color:#000 !important}
.slideDivIn-8 #bvAlarmSlide{left: auto;max-width: 440px;right: 0px}

.bv_text_container{position: relative;display: inline-block;width: 24em;max-height: calc(2em + 10px);overflow: hidden;white-space: normal;min-height: 10px;}
.bv_text_content{font-weight: 500;word-break: break-all;position: relative;display: inline-block;max-height: 3em;color: #000;margin-right:5px;}
.bv_ellipsis{position:absolute;right:0;text-align:left;background:#fff;top: calc(4em + 9px - 100%)}

.intfTempTop{top :80px !important;z-index: 9}

html.horizontalView #MainNav .NavUl > li > ul.subMenuIconLev2:not(.mCS_destroyed){width:450px;box-shadow:none}
html.horizontalView #MainNav .NavUl > li > ul > div > div.mCSB_container{padding:0 2px}
html.horizontalView #MainNav .NavUl > li > ul > div > div.mCSB_container:before{width:201px;height:100%;content:'';box-shadow:0 2.72727px 2px 0 rgba(0,0,0,.14),0 4.09091px 1px -6px rgba(0,0,0,.2),0 1.36364px 5px 0 rgba(0,0,0,.12);position:absolute;top:0;left:1px;z-index:-1}
html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul > div > div.mCSB_container:before{right:1px;left:auto}
html.horizontalView #MainNav .NavUl > li > ul.subMenuIconLev2:after{width:201px;height:2px;content:'';box-shadow:0 2.72727px 2px 0 rgba(0,0,0,.14),0 4.09091px 1px -6px rgba(0,0,0,.2),0 1.36364px 5px 0 rgba(0,0,0,.12);position:absolute;bottom:0;left:1px;z-index:-1}
html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul.subMenuIconLev2:after{right:1px;left:auto}
html.horizontalView #MainNav .NavUl > li:not(.dropDownMenuLeft) > ul > div > div.mCSB_scrollTools{left:200px}
html.horizontalView #MainNav .NavUl > li > ul > div > div > li{clear:both;float:left;width:200px}
html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul > div > div > li{clear:both;float:right}
html.horizontalView #MainNav .NavUl > li.dropDownMenuLeft > ul > div > div > li > ul{z-index:1}
.slideContentContainer div > header.greyBg{background:#eeeeee;height:55px;padding:15px 20px;}
.slideContentContainer div > header.greyBg.desc{height:75px}
.slideContentContainer.slideSmall div > header.greyBg.desc{height:100px}
.slideContentContainer div > header.greyBg.desc + section{top:75px}
.slideContentContainer.slideSmall div > header.greyBg.desc + section{top:100px}
.opmFormCol.opmRadioBtn1 > .opmRadioBtn{margin-right:20px !important;}
.slideContentContainer div > header.greyBg.desc p{font-size:12px;color:#767676;margin-top:5px;}
.slideContentContainer div > header.greyBg i.icon-remove{right:18px;top:15px;}
.slideContentContainer div > header.greyBg.desc i.icon-remove{right:18px;top:25px;}
.slideContentContainer div > header.greyBg + section{padding-top:20px;top:55px;}
.slideContentContainer div > header.greyBg + section .advSetLink{color:#009df6; cursor:pointer}
.slideContentContainer div > header.greyBg + section .advSetInfo{width:100%; float:left; display:none; margin-top:20px}
.slideContentContainer div > header.greyBg + section .advSetInfo .opmFormRow:last-child{margin:0 !important}
.slideContentContainer div > header.greyBg + section .slideContHolder .opmForm{padding:0 20px;}
.slideContentContainer div > header.greyBg + section .advSetInfo1{width:100%; float:left; display:none; margin-top:20px}
.slideContentContainer div > header.greyBg + section .advSetInfo1 .opmFormRow:last-child{margin:0 !important}

.opmBtnHldrTop.styleOne{top:13px;}
input[type="checkbox"].AdvancedSettings{display:none}
input[type="checkbox"].AdvancedSettings:checked + label + .advSetInfo{display:block}
input[type="checkbox"].AdvancedSettingsV3{display:none}
input[type="checkbox"].AdvancedSettingsV3:checked + label + .advSetInfo1{display:block}


.probeDwnURL{position:absolute;right:20px;bottom:35px;padding-right: 20px;z-index: 2;}
.probeDwnURL + .opmFormHolder{bottom:50px}
.IPAMmsgShow #DeviceList{top :40px !important;}
.IPAMmsgShow .opUtilsSnapShotPageAside{top :40px !important;}
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText .opUtilsSnapShotPageAside #PageContent{padding-top :0px !important}
.positionCenter {display: flex;justify-content: center;}
.oputilsSnapshot .DIGG-Time{margin-bottom: 0 !important;}
.oputilsThinScroll {
  scrollbar-color: #888 #fafafa !important;
  scrollbar-width: thin !important;
}

.oputilsThinScroll::-webkit-scrollbar-track{
  background-color: #fafafa !important;
}

.oputilsThinScroll::-webkit-scrollbar-thumb{
  background-color: #888 !important;
  border: 2px solid #fafafa !important;
  border-radius: 10px !important;
}
.oputilsThinScroll::-webkit-scrollbar{
  width: 6px !important;
  height: 5px !important;
}

.oputilsSnapshot .opmDiscoveryProfile.type2 .opmDisProRow > div{font: 13px LatoRegular !important;}
.oputilsSnapshot .opmDiscoveryProfile.type2 .opmDisProRow > div:first-child {font-weight:bold !important}
.oputilsSnapshot #inventoryGridStyle .opm_widget_title{border-bottom:0;}



.quickConfigurationWizard{margin:0;padding:0}
.quickConfigurationWizard li{list-style:none;float:left;width:266px;height:100px;text-align:center;background:#f4f5f6;margin-right:20px;margin-bottom:20px;transition:.5s}
.quickConfigurationWizard li:hover{transition:.5s;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); transform: scale(1.03);background:#fff;cursor:pointer}
.quickConfigurationWizard .icon{background: url('../../img/opm-sprites.png') ;margin:20px  auto 10px auto; }
.quickConfigurationWizard .icon.DeviceTemplates{background-position: -2px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.NotificationProfiles{background-position: -43px -1555px; width: 35px; height: 34px}
.quickConfigurationWizard .icon.ServiceMonitors{background-position: -81px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.ThresholdSettings{background-position: -122px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.Eventlogrules{background-position: -163px -1555px; width: 28px; height: 35px}
.quickConfigurationWizard .icon.DeviceDependencies{background-position:  -194px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.Credentials{background-position: -235px -1555px; width: 35px; height: 35px}
.quickConfigurationWizard .icon.Deletedevices{background-position: -273px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.ManageUnmanageDevices{background-position: -314px -1555px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.AlarmSuppression{background-position: -5px -1597px; width: 32px; height: 35px}
.quickConfigurationWizard .icon.MonitoringIntervals{background-position: -40px -1597px; width: 38px; height: 35px}
.quickConfigurationWizard .icon.UpdateDisplayName{background-position: -81px -1597px; width: 35px; height: 35px}
.quickConfigurationWizard .icon.DiscoverAddOn{background-position: -284px -1733px; width: 38px; height: 35px; }
.quickConfigurationWizard .icon.customField{background: url('../../img/opm-sprites-v2.svg') -152px -213px; width: 44px; height: 35px}

.boxTitle{color:#000000;}

ul.flex-align {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.profileTypes .noteMsg{padding-top: 13px;clear: both;}
.rdmLink { background: transparent; border: 1px solid transparent; color: #212121; padding: 0px 10px; height: 20px; font-size: 14px; font-family: LatoRegular; line-height: 1; margin: 2px 0px 2px 10px; float: right; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rdmLink a { color: #3996dd; }
.rdmLink.mr20 { margin-right: 20px; margin-top: 8px;}
.rdmLink.yellow { padding-left: 18px; padding-right: 18px; background: #fffcf1; border-color: #ffe89e; }
.DIA-Header .rdmLink { position: absolute; right: 0; top: 7px; margin-right: 10px; }

/* RDP restart message styles */
.restartMsg {position: absolute !important;left: 100%;background: #fffbeb;border: 1px solid #f6d53d;padding: 5px 20px 4px 43px;line-height: 20px;font-family: latoRegular;margin-left: -175px;width: 48% !important;z-index:1;min-height: 35px;}
.restartMsg:before{position:absolute;width:10px;height:10px;background:#fffbeb;border-left:1px solid #f6d53d;border-top:1px solid #f6d53d;content:"";left:-6px;top: 10px;transform:rotate(-45deg)}
.restartMsg:after{background:url('../../img/opm-sprites.png')-342px -1482px;width: 17px;height: 16px;position:absolute;left:20px;top: 9px;content:""}
.restartMsg.withoutIcon {padding-left: 10px;}
.restartMsg.withoutIcon::after{display:none;}
.restartMsg.hasLabel {left: unset;margin-left: 20px;top: -9px;width:auto !important;}
.restartMsg.hasLabel.inCheckbox {top: -3px;}
.restartMsg.withchkRoundBtn{margin-left:-305px}
.restartMsg.posiBottom {bottom: 0; width: 100% !important;}
.restartMsg.posiBottom:before{top:inherit;bottom:10px}

.statisticMsg {position: absolute !important;margin-left:3px;top: 0px;}
.dbMaintainPagedivMaxWidth600 div,.dbMaintainPagedivMaxWidth600 hr{max-width:600px !important}

.slideType2 > div > header{background:#f4f6f8;height:50px !important;font:14px BitterRegular;padding:15px !important}
.slideType2 > div > header i.icon-remove{top:13px !important}
.slideType2 > div > header + section{top:50px}

body:not(.MacOS), body:not(.MacOS) *{scrollbar-color: #888 #fafafa; scrollbar-width:thin;}
body:not(.MacOS)::-webkit-scrollbar-track, body:not(.MacOS)  *::-webkit-scrollbar-track{background-color: #fafafa;}
body:not(.MacOS)::-webkit-scrollbar, body:not(.MacOS)  *::-webkit-scrollbar{width: 10px;background-color: #fafafa;height: 10px;}
body:not(.MacOS)::-webkit-scrollbar-thumb, body:not(.MacOS)  *::-webkit-scrollbar-thumb{background-color: #888;border:2px solid #fafafa;border-radius: 10px;}

.widgetTabMenu > ul.tabList{float:left;}
.widgetTabMenu > ul.tabList li{float:left;padding:0 10px;border-left:1px solid #000;cursor:pointer;color:#2f9dee;font-size:14px;font-family:lato;}
.widgetTabMenu > ul.tabList li:hover{text-decoration:underline}
.widgetTabMenu > ul.tabList li.active{color:#000;text-decoration:none;cursor:default;}
.widgetTabMenu > ul.tabList li:first-child{border:0;padding-left:0;}

.verticalTabList { padding: 0; width: 100%; margin: auto; clear: both; height: 550px; border: 1px solid #f0f0f0; }
.verticalTabList .mCustomScrollbar { width: 200px; display: inline-block; height: 550px; position: relative;overflow: auto; }
.verticalTabList .mCustomScrollbar .title { left: 15px; }
.verticalTabList .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail { width: 7px; background-color: transparent; }
.verticalTabList .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; background-color: #7d7d7d; }
.verticalTabList .mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
.verticalTabList .mCustomScrollbar ul { background-color: #f0f0f0;  }
.verticalTabList .mCustomScrollbar ul li { padding: 10px 15px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.verticalTabList .mCustomScrollbar ul li:hover { background-color: rgba(0, 0, 0, 0.05); }
.verticalTabList .mCustomScrollbar ul li.active { background-color: #3996dd; color: white; }
.verticalTabList .title { display: inline-block; position: absolute; top: 13px; left: 40px; font-weight: bold; font-family: LatoBold; }
.verticalTabList .activeTable { display: inline-block; padding: 40px; width: calc(100% - 200px); height: 100%; overflow-y: auto; position: relative; }
.verticalTabList .activeTable .opmPerformanceMonitor .ui-jqgrid .ui-jqgrid-titlebar { background-color: transparent; padding: 0 0 10px; }
.graphScrollOffSet .tableTitle { font-size: 16px; font-family: "LatoBold"; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; position: relative}
.graphScrollOffSet .tableTitle .icon-remove { top: 0; right: 0; }
.graphScrollOffSet .tableTitle + em { color: #7d7d7d; margin-bottom: 20px; display: block; }
.container-fluid { display: block; margin: 0 auto; width: 95%; float: none; }

.individualGraphHdr{background:#f5f6f8;padding:10px 20px;}
.individualGraphHdr > .widgetTabMenu{margin-top:7px;}
.individualGraphHdr + #graphPlotOptions.chartTypeBox{padding-left:64px !important;}
.individualGraphHdr .widgetTabMenu + div > div i{opacity:.6;margin-left:5px;}
.individualGraphHdr .widgetTabMenu + div > div i:hover{opacity:1;}
.individualGraphHdr .widgetTabMenu + div > div {float:right}
.individualGraphHdr .widgetTabMenu + div > div  .opmIconMail{width:27px !important;}
.individualGraphHdr .widgetTabMenu + div > div  .opmIconMail:before{top:2px !important;left:0 !important;}

.chartTypeBox{float: left !important;margin: 20px 0  5px  0 !important;padding-left: 63px !important;}
.chartTypeBox .chartType{float: left;width: auto;margin: 0; line-height: 30px; margin-right: 10px;}
.chartTypeBox .chartTypeIcons{float:left;border:1px solid #ececec;border-right:0;width: auto;}
.chartTypeBox .chartTypeIcons li{list-style:none;float:left;width: 30px;height: 30px;border-right:1px solid #ececec;position:relative;cursor:pointer;}
.chartTypeBox .chartTypeIcons li:hover{background:#eee;}
.chartTypeBox .chartTypeIcons li.areaChart:before{position:absolute;top:50%;left:50%;content:'';background: url('../../img/opm-sprites.png') no-repeat 0 -1264px;width: 15px;height: 15px;margin-top:-7px;margin-left:-7px;}
.chartTypeBox .chartTypeIcons li.barChart:before{position:absolute;top:50%;left:50%;content:'';background: url('../../img/opm-sprites.png') no-repeat -17px -1264px;width: 17px;height: 15px;margin-top:-7px;margin-left:-8px;}
.chartTypeBox .chartTypeIcons li.lineChart:before{position:absolute;top:50%;left:50%;content:'';background: url('../../img/opm-sprites.png') no-repeat -36px -1264px;width: 14px;height: 15px;margin-top:-7px;margin-left:-7px;}
.chartTypeBox .chartTypeIcons li.pieChart:before{position:absolute;top:50%;left:50%;content:'';background: url('../../img/opm-sprites.png') no-repeat -52px -1264px;width: 15px;height: 15px;margin-top:-7px;margin-left:-7px;}
.chartTypeBox .chartTypeIcons li.active{background: #eee;}
#graphPlotOptions.chartTypeBox{float: left !important;margin: 0px 0px  0px  0px !important;padding-left: 150px !important;}
.nfaGrayBox + .opmFormHolder .chartTypeBox{margin:0 !important}
.nfaGrayBox + .opmFormHolder .chartTypeBox + .nfaReportGraphs{padding-top:50px;}
.nfaReportsInvGraphDiv .chartTypeBox{margin:0 !important}
.nfaReportsInvGraphDiv .chartTypeBox + .nfaReportGraphs{padding-top:50px;}

html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView{padding:20px 20px 20px !important;top:170px !important;z-index:0 !important}
html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView .graphWidget.multipleJqGrid > .ember-view,html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .ui-widget-content.subgrid-data .tablediv.opm_jqGridUI{overflow:visible !important}
html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #opm_dashboardExpandContainer .dashboardWidgetExpandView{top:130px !important;z-index:1 !important}

html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .ui-widget-content.subgrid-data .tablediv.opm_jqGridUI{overflow:visible !important}

html.horizontalView.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView{top: 207px !important;}
html.opmTopBandBannerActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView,
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView{top: 210px !important;}

html.horizontalView.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle #opm_dashboardExpandContainer .dashboardWidgetExpandView{top: 163px !important;}
html.opmTopBandBannerActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #opm_dashboardExpandContainer .dashboardWidgetExpandView,
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle #opm_dashboardExpandContainer .dashboardWidgetExpandView{top: 175px !important;}

html.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle .dashboardWidgetExpandView{top: 250px !important;}
html.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #opm_dashboardExpandContainer .dashboardWidgetExpandView{top: 210px !important;}

.DI-Header.disabled >  a#btn-back{display:none !important;}
.DI-Header.disabled >  h2{margin-left:22px}

#PageContent .DeviceDetails .opm_widget_title .opm_backIcon{float:left;font-size:14px;text-align:center;color:#8a8e91;padding: 0;margin: 0 !important;margin: 0;ter;display:inline-block;top: -3px;left: -10px;}
.opm_backIcon + .level2Title{top:-31px;left: 22px}

.loadingImage{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.loadingImage ul{margin: 0;padding: 0;display:inline-block;}
.loadingImage li{width:10px;height:10px;background:#a8a5a5;margin:0 5px;border-radius:10px;float:left;transition:.5s;}
.loadingImage > div {font-size:22px;margin-bottom:10px;font-family:latoLight}
@keyframes loadingCircleOne{20%{background:#40b475;transform: scale(1.5)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
@-webkit-keyframes loadingCircleOne{20%{background:#40b475;transform: scale(1.5)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
.widgetLoading .loadingCircleTwo{animation: loadingCircleTwo 3s infinite;-webkit-animation: loadingCircleTwo 3s infinite;}
@keyframes loadingCircleTwo{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#40b475;transform: scale(1.5)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
@-webkit-keyframes loadingCircleTwo{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#40b475;transform: scale(1.5)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
.widgetLoading .loadingCircleThree{animation: loadingCircleThree 3s infinite;-webkit-animation: loadingCircleThree 3s infinite;}
@keyframes loadingCircleThree{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#40b475;transform: scale(1.5)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
@-webkit-keyframes loadingCircleThree{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#40b475;transform: scale(1.5)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#a8a5a5;transform: scale(1)} }
.widgetLoading .loadingCircleFour{animation: loadingCircleFour 3s infinite;-webkit-animation: loadingCircleFour 3s infinite;}
@keyframes loadingCircleFour{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#40b475;transform: scale(1.5)} 100%{background:#a8a5a5;transform: scale(1)} }
@-webkit-keyframes loadingCircleFour{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#40b475;transform: scale(1.5)} 100%{background:#a8a5a5;transform: scale(1)} }
.widgetLoading .loadingCircleFive{animation: loadingCircleFive 3s infinite;-webkit-animation: loadingCircleFive 3s infinite;}
@keyframes loadingCircleFive{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#40b475;transform: scale(1.5)} }
@-webkit-keyframes loadingCircleFive{20%{background:#a8a5a5;transform: scale(1)} 40%{background:#a8a5a5;transform: scale(1)} 60%{background:#a8a5a5;transform: scale(1)} 80%{background:#a8a5a5;transform: scale(1)} 100%{background:#40b475;transform: scale(1.5)} }

div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{background:rgba(244,244,246,1)!important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:1px solid rgba(212,212,212,.5) !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{border:1px solid rgba(212,212,212,.5) !important;border-top:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{border-bottom:1px solid rgba(212,212,212,.5)}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:first-child{width: 0; height: 0 !important; border: 0; position: relative; overflow: hidden; visibility: hidden;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-pager{background:rgba(244,244,246,1)!important;}

.nfaWidgetIcons{margin: 0 10px;}
.opmIconDownloadFile.opmIconEmail,.opmIconDownloadFile.opmIconCSV,.opmIconDownloadFile.opmIconPDF,.opmIconDownloadFile.opmIconTImer{opacity: 0.7}
.opmIconDownloadFile.opmIconEmail::before{background-position: -250px -1311px;width: 18px;height: 20px;}
.opmIconDownloadFile.opmIconCSV::before{background-position: -328px -1311px; width: 16px; height: 20px;}
.opmIconDownloadFile.opmIconPDF::before{background-position: -288px -1311px;width: 16px;height: 20px;}
.opmIconDownloadFile.opmIconTimer::before{background-position: -308px -1311px;width: 18px;height: 20px;}

div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{border-right:1px solid rgba(212,212,212,.5) !important;border-top:1px solid rgba(212,212,212,.5) !important;text-align:center}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:1px solid rgba(212,212,212,.5) !important;border-top:0 !important}

.icon-left-open.disabled:before, .icon-right-open.disabled:before{border-color:#d6d6d6 !important}

.multipleJqGrid.scrollFix td.ui-widget-content.subgrid-data table{-webkit-transform: scale(0.985);transform: scale(0.985);-webkit-transform-origin: 0 0;transform-origin: 0 0;}

.AddonProductSummary{height: 100%;overflow: auto;}
.AddonProductSummary .title{position: inherit!important;margin-left: 30px;margin-top: 30px;margin-right: 30px;}
.addOn { width: 100%; float: left; padding:10px;}
.addOn>ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}
.addOn ul li { width: 31%; min-height: 210px; float: left; border: 1px solid #e0e0e0; padding: 15px; padding-bottom: 50px; position: relative; margin-right: 2%; margin-bottom: 20px; border-radius: 10px; height: auto;max-height: 100%;}
.addOn__heading {font-size:16px;font-family:latoBold;padding: 0px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:20px}
/*.addOn__heading { font-size: 16px; font-family: latoBold; padding: 0px; position: relative}*/
.addOn__heading .logoImg { width: 50px; height: 50px; position: relative; left: 0; top: 0}
.addOn__heading .logoImg img { height: 50px}
.addOn__desc { font-size: 14px; line-height: 20px; margin-top: 10px;margin-bottom: 20px;}
.addOn__gStrip { position: absolute; bottom: 0px; left: 0; padding: 10px 15px; background: #f4f5f6; width: 100%; border-radius: 0 0 10px 10px}
.addOn__gStrip .helpDesk { float: left}
.addOn__gStrip .addOnAdd { float: right; padding-left: 15px; position: relative; color: #40b475; cursor: pointer}
.addOn__gStrip .addOnAdd:before { position: absolute; top: 8px; left: 0; width: 11px; height: 1px; background: #40b475; content: ""}
.addOn__gStrip .addOnAdd:after { position: absolute; top: 3px; left: 5px; width: 1px; height: 11px; background: #40b475; content: ""}



#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI.opmReportsGridview.nfa .ui-corner-all .ui-corner-bottom .ui-pager-control td td{width:auto !important}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content > .ember-view.hideScroll{overflow:initial}
.dashboardWidget .min-max-table-body > div > div:first-child span + span{white-space:normal}
.AddCrentialsRight{position:absolute; top:0; right:0; color:#009df6}

/*********************************FailOver CSS Start********************************************/
html.opmLeftAlign .grid-row.grid-container,html.opmAlignCenter .grid-row.grid-container{max-width:100%}
.grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.grid-col,.no-gutters>[class*=.grid-col-]{padding-right:0;padding-left:0}
.grid-col,.grid-col-1,.grid-col-10,.grid-col-11,.grid-col-12,.grid-col-2,.grid-col-3,.grid-col-4,.grid-col-5,.grid-col-6,.grid-col-7,.grid-col-8,.grid-col-9,.grid-col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.grid-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.grid-col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.grid-col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.grid-col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.grid-col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.grid-col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.grid-col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.grid-col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.grid-col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.grid-col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.grid-col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.grid-col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
[class^="grid-col-"]:first-child{padding-left:0}
[class^="grid-col-"]:last-child{padding-right:0}
.grid-row.grid-fix [class^="grid-col-"]:first-child{padding-left:15px}
.grid-row.grid-fix [class^="grid-col-"]:last-child{padding-right:15px}
.hrdwrInvRepListRow.style2 { margin-bottom: 30px; }
.hrdwrInvRepListRow.style2 .singleRow:first-child h4 { background: #f0f0f0; padding: 10px 20px; }
.hrdwrInvRepListRow.style2 .singleRow h4.subtitle { background: #fff; border-bottom: 1px solid #e2e2e2; margin: 0 20px; padding: 20px 0 10px; font-weight: 700; }
.hrdwrInvRepListRow.style2 .col div { font-size: 12px; }
.hrdwrInvRepListRow.style2 .col div:first-child { padding-left: 20px; font-family: LatoRegular; }
.hrdwrInvRepListRow.style2 .col div:last-child { padding-right: 20px; }
.hrdwrInvRepListRow.style2 h4 i { float: right; }
.hrdwrInvRepListRow .col.full-col { width: 100% !important; }
.failoverserver-flow { max-width: 1250px; margin-top: 20px; overflow-x: hidden; }
.failover-header { background: #f0f0f0; padding: 12px; width: 98%; }
.failover-body { background: #fff; border: 1px solid #e2e2e2; }
.failover-col:nth-child(1) { width: 28%; }
.failover-col:nth-child(2) { width: 68%; }
.failover-flow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 440px; margin: 30px auto 20px 20px; width: 710px; -webkit-transform: scale(0.86); transform: scale(0.86); -webkit-transform-origin: left top; transform-origin: left top; font-size: 12px; }
.failover-flow.testing { -webkit-transform: scale(1); transform: scale(1); }
.failover-flow.noLastLayer { width: 500px; margin-left: auto; }
html.opmAlignCenter .failover-flow { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center left; transform-origin: center left; margin-left: 30px; }
html.opmLeftAlign .failover-flow { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center left; transform-origin: center left; margin-left: 30px; }
.flow-column { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flow-column:nth-child(1) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.flow-column:nth-child(5) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.flow-column:nth-child(5) .iconblock span.virtualIP { top: auto; top: 75px; color: #000; width: 100px; text-align: center; display: block; left: -15px; overflow: visible; }
.flow-column:nth-child(5) .iconblock span.virtualIP.truncate {white-space: nowrap;text-overflow: ellipsis;overflow: hidden !important;height: 20px;max-width: 200px !important;}
.flow-column:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flow-column:nth-child(2) .curved-line-path:nth-child(2) { -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; }
.flow-column:nth-child(4) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; }
.flow-column:nth-child(4) .curved-line-path:nth-child(2) { -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; }
.flow-column:nth-child(6) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flow-column:nth-child(6) .curved-line-path:nth-child(2) { -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; }
.flow-column:nth-child(3) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flow-column:nth-child(7) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.curved-line-path { width: 100px; -webkit-transform-origin: 0 0; transform-origin: 0 0; margin: 0 0 30px; position: relative; }
.curved-line-path.rotate180 { margin: 30px 0 0; }
.curved-line-path.rotate180 svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-filter: FlipV; filter: FlipV; }
.curved-line-path.MtoDB::before { right: 0; top: -2px; }
.curved-line-path.MtoDB::after { left: 0; bottom: 1px; left: -1px; }
.curved-line-path.SectoDB::before { bottom: 1px; right: 0; }
.curved-line-path.SectoDB::after { left: -1px; top: -2px; }
.curved-line-path.vIptoM::before { left: 0; bottom: -1px; }
.curved-line-path.vIptoM::after { right: -1px; top: 0; -webkit-transform: scale(-1); transform: scale(-1); -webkit-filter: FlipV; filter: FlipV; }
.curved-line-path.vIptoSec::before { left: 0; top: -4px; }
.curved-line-path.vIptoSec::after { bottom: 3px; right: -1px; -webkit-transform: scale(-1); transform: scale(-1); -webkit-filter: FlipV; filter: FlipV; }
.curved-line-path.RtovIP::before { right: 0; top: -2px; }
.curved-line-path.RtovIP::after { left: -1px; bottom: 1px; }
.curved-line-path.SltovIP::before { right: 0; bottom: 1px; }
.curved-line-path.SltovIP::after { top: -2px; left: -1px; }
.curved-line-path.active::before { background: #27a965; }
.curved-line-path.active::after { border-right-color: #27a965; }
.curved-line-path.failed::before { background: #f56060; }
.curved-line-path.failed::after { border-right-color: #f56060; }
.curved-line-path.active svg path { stroke: #27a965; }
.curved-line-path.failed svg path { stroke: #f56060; }
.curved-line-path::before { content: ''; background: #b0b0b0; position: absolute; width: 10px; height: 10px; border-radius: 50%; }
.toVirtualIPpath::after { content: ''; background: #b0b0b0; position: absolute; width: 10px; height: 10px; border-radius: 50%; right: -2px; top: -4px; -webkit-transform: scale(-1); transform: scale(-1); -webkit-filter: Flipv; filter: Flipv; }
.curved-line-path::after { content: ''; background: transparent; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 10px solid #b0b0b0; }
.toVirtualIPpath::before { content: ''; background: transparent; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 10px solid #b0b0b0; left: -2px; top: -1px; }
.reachStatus { position: relative; height: 298px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 15px; }
.reachStatus > div { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; }
.reachStatus > div.secTOpri { -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; }
.reachStatus .MtoSF::after, .reachStatus .MtoSF::before, .reachStatus .StoSF::after, .reachStatus .StoSF::before, .reachStatus .priTOsec::before, .reachStatus .secTOpri::before { content: ''; background: transparent; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 10px solid #b0b0b0; border-right-color: #b0b0b0; }
.reachStatus .secTOpri::before { top: 0; left: -5px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.reachStatus .priTOsec::before { bottom: 0; left: -5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.reachStatus .MtoSF::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); left: -6px; }
.reachStatus .MtoSF::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: -5px; }
.reachStatus .StoSF::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); left: -6px; }
.reachStatus .StoSF::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: -5px; }
.reachStatus .priTOsec, .reachStatus .secTOpri { height: 298px; text-align: center; border-left: 1px solid #b0b0b0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.reachStatus .priTOsec span, .reachStatus .secTOpri span { display: block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -15px; -webkit-transform-origin: center left; transform-origin: center left; width: 200px; bottom: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reachStatus .priTOsec.active, .reachStatus .secTOpri.active { border-left-color: #27a965; }
.reachStatus .priTOsec.failed, .reachStatus .secTOpri.failed { border-left-color: #f56060; }
.reachStatus .sharing { position: relative; height: 298px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; }
.reachStatus .sharing span { display: block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: 85px; -webkit-transform-origin: center left; transform-origin: center left; width: 200px; bottom: 40px; color: #b0b0b0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reachStatus .MtoSF, .reachStatus .StoSF { display: block; height: 110px; content: ''; width: 1px; border-left: 1.3px solid #b0b0b0; left: 50%; position: absolute; }
.reachStatus .MtoSF { top: 0; }
.reachStatus .StoSF { bottom: 0; }
.reachStatus .active::before { border-right-color: #27a965; }
.reachStatus .failed::before { border-right-color: #f56060; }
.iconBox { width: 70px; height: 70px; background: #f5f5f5; border: 1px solid #e2e2e2; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.iconBox i { width: 65px; height: 65px; content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url('../../img/opm-sprites.png') no-repeat; }
.iconBox i.icon_failover-database { background-position: -1px -1304px; width: 34px; height: 40px; }
.iconBox i.icon_failover-ip { background-position: -222px -1308px; width: 22px; height: 35px; }
.iconBox i.icon_failover-server { background-position: -39px -1307px; width: 38px; height: 38px; }
.iconBox i.icon_failover-desktop { background-position: -117px -1308px; width: 50px; height: 35px; }
.iconBox i.icon_failover-router { background-position: -170px -1310px; width: 48px; height: 31px; }
.iconBox i.icon_failover-sharedfolder { background-position: -80px -1307px; -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 38px; }
.iconBox > span { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; margin-left: 5px; }
.iconBox > span > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iconBox > span > div > * { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iconBox > span > div > br { display: none; }
.iconBox.active { background: rgb(228, 253, 239); border-color: rgba(121, 234, 173, 1); }
.iconBox.failed { background: rgb(255, 242, 242); border-color: rgba(255, 138, 138, 1); }
.iconblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 70px; position: relative; }
.iconblock span { font-weight: 700; font-size: 12px; position: absolute; text-align: center; bottom: 75px; display: block; color: #b0b0b0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: calc(2 + 1); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: unset; }
.iconblock.toVirtualIP .toVirtualIPpath { content: ''; position: absolute; left: -100px; top: 35px; height: 0; width: 100px; display: block; border-bottom: 1px solid #b0b0b0; background: #b0b0b0; }
.iconblock.toVirtualIP .toVirtualIPpath.active::after { background: #27a965; }
.iconblock.toVirtualIP .toVirtualIPpath.active::before { border-right-color: #27a965; }
.iconblock.toVirtualIP .toVirtualIPpath.active { border-bottom-color: #27a965; background: #27a965; }
.iconblock.toVirtualIP .toVirtualIPpath.failed::after { background: #f56060; }
.iconblock.toVirtualIP .toVirtualIPpath.failed::before { border-right-color: #f56060; }
.MtoSF.active::before, .StoSF.active::before { border-right-color: #27a965; }
.MtoSF.active::after, .StoSF.active::after { border-right-color: #27a965; }
.MtoSF.active, .StoSF.active { border-left-color: #27a965; }
.MtoSF.failed::before, .StoSF.failed::before { border-right-color: #f56060; }
.MtoSF.failed::after, .StoSF.failed::after { border-right-color: #f56060; }
.MtoSF.failed, .StoSF.failed { border-left-color: #f56060; }
.iconblock-lg .iconBox { padding: 15px 12px; width: 195px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }
body.ie .curved-line-path.MtoDB::after { bottom: -2px; }
body.ie .curved-line-path.SectoDB::after { top: -3px; }
body.ie .curved-line-path.vIptoM::before { bottom: -4px; }
body.ie .curved-line-path.RtovIP::after { bottom: -2px; }
body.ie .curved-line-path.SltovIP::after { top: -3px; }
body.ie .toVirtualIPpath::before { top: -2px; }
body.ie .reachStatus .priTOsec::before { margin-left: -6px; }
body.ie .reachStatus .secTOpri::before { margin-left: -6px; }
body.ie .priTOsec::before, body.ie .secTOpri::before { left: 0; }
body.ie .curved-line-path { margin-bottom: 40px; }
body.ie .curved-line-path.rotate180 { margin-top: 40px; }
.settingsCnt>section .settingsContent .title.Lato{font-family:LatoRegular}
.wrapArea{padding-right: 30px;margin-top: 10px;}
.alertMessageFlat{display:block;width:100%;margin:10px 0}
.alertMessageFlat .header{padding:15px 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#f5f5f5}
.alertMessageFlat .header i{content:'';margin-right:15px;background:url(../../img/opm-sprites.png) -127px -1410px no-repeat;width:26px;height:22px}
.alertMessageFlat .header strong{font-size:20px;font-family:LatoBold;font-weight:700;display:inline-block;color:#000;line-height:1}
.alertMessageFlat .content{background:#fafafa;padding:15px 25px}
.alertMessageFlat .content .errMsg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;margin-bottom:20px}
.alertMessageFlat .content .errMsg:last-child{margin-bottom:0}
.alertMessageFlat .content .errMsg .errMsgIcon{margin:0 17px 0 5px;color:#f34848;font-size:20px;line-height:1;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}
.alertMessageFlat .content .errMsg .errMsgCont strong{color:#f34848;font-weight:700;font-family:LatoBold;margin-bottom:7px;display:block;font-size:18px;line-height:1}
.alertMessageFlat .content .errMsg .errMsgCont p{display:block;color:#212121;font-size:12px;line-height:1.4;margin:0}
.alertMessageFlat .content .errMsg .errMsgCont p a{text-decoration:underline;cursor:pointer;color:#212121}
.alertMessageFlat .content .errMsg .errMsgCont p a:focus,.alertMessageFlat .content .errMsg .errMsgCont p a:hover,.alertMessageFlat .content .errMsg .errMsgCont p a:visited{color:#212121}
.alertMessageFlat.instruction{height:100%}
.alertMessageFlat.instruction .header{background:#fafafa;border:1px solid #ebebeb;padding:15px 20px}
.alertMessageFlat.instruction .header i{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;margin-right:23px}
.alertMessageFlat.instruction .header i.active{background-position:-276px -1462px;width:30px;height:31px}
.alertMessageFlat.instruction .header i.failover{background-position:-309px -1463px;width:30px;height:30px}
.alertMessageFlat.instruction .header strong{color:#212121}
.alertMessageFlat.instruction .header strong small{font-size:13px;color:#b0b0b0;display:inline-block;margin-left:10px}
.alertMessageFlat.instruction .content{border:1px solid #ebebeb;border-top:0;padding:25px 15px;overflow-y:auto}
.alertMessageFlat.instruction .content .errMsg{margin-bottom:32px;position:relative}
.alertMessageFlat.instruction .content .errMsg::after{content:'';height:102%;background:rgba(226,226,226,.5);width:2px;position:absolute;top:30px;left:19px}
.alertMessageFlat.instruction .content .errMsg:last-child{margin-bottom:0}
.alertMessageFlat.instruction .content .errMsg:last-child::after{display:none}
.alertMessageFlat.instruction .content .errMsg .errMsgIcon{margin-right:25px;font-size:13px;color:#212121;background:rgba(226,226,226,.5);border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px}
.alertMessageFlat.instruction .content .errMsgCont strong{color:#212121;font-size:16px}
.alertMessageFlat.instruction .content .errMsgCont p{font-size:13px}
.alertMessageFlat.instruction .content .errMsgCont p b{font-family:LatoBold;word-break:break-all}
.alertMessageFlat.instruction .content .errMsgCont p a{text-decoration:none;color:#3996dd}
.alertMessageFlat.instruction .content .errMsgCont p a:focus,.alertMessageFlat.instruction .content .errMsgCont p a:hover,.alertMessageFlat.instruction .content .errMsgCont p a:visited{color:#3996dd}
@-webkit-keyframes shaker{0%,100%,20%,40%,60%,80%{-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate(-20px, 0);transform:translate(-20px, 0)}}@keyframes shaker{0%,100%,20%,40%,60%,80%{-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate(-20px, 0);transform:translate(-20px, 0)}}
.shake{-webkit-animation-duration:0.5s;-webkit-animation-timing-function:linear;-webkit-animation-name:shaker;-webkit-animation-transform-origin:50% 50%;-moz-animation-duration:0.5s;-moz-animation-timing-function:linear;-moz-animation-name:shaker;-moz-animation-transform-origin:50% 50%;-ms-animation-duration:0.5s;-ms-animation-timing-function:linear;-ms-animation-name:shaker;-ms-animation-transform-origin:50% 50%;animation-duration:0.5s;animation-timing-function:linear;animation-name:shaker;animation-transform-origin:50% 50%}
#fosInstruction .grid-container, #fosInstruction .wrapArea{max-width:1100px}
.invisible{visibility: hidden}
.icon-sm-failover{background-position:-288px -1265px;}
.alertMessageFlat.warning { border: 1px solid #ffe89e; }
.alertMessageFlat.warning .content { background-color: #fffcf1; }
.alertMessageFlat .content .heading { font-family: LatoBold; margin-bottom: 10px; font-size: 16px; }
.alertMessageFlat .content ul { list-style-type: disc; padding-left: 10px; margin-left: 10px; }
.alertMessageFlat .content ul li { padding-left: 5px; margin-bottom: 10px; line-height: 1.5; color: #333; }
.alertMessageFlat .content ul li:last-child { margin-bottom: 0; }
.alertMessageFlat .content ul li a { color: #3996dd; }

/****************************FailOver CSS End****************************************************************/
.reportPreview {position: absolute;bottom: 0px;}
.reportPreview .previewOuter {border: 1px solid #f4f4f6;width: 335px;height: 135px;margin-top: 22px;display: table-cell;vertical-align: middle;}
.reportPreview .previewOuter img {display: block;width: auto;margin: auto;bottom: 0;max-width: 90%;max-height: 90%;object-fit: contain;}

.icon-zip-download {background: url('../../img/opm-sprites.png') no-repeat -175px -1681px; width: 15px; height: 18px; content: ''; display: inline-block;}


.IntfSettingsTab .header .opmFormRow{top:4px;margin-bottom:0}
.IntfSettingsTab .IntfThresholdSettings .header .opmFormRow>div {font-family: LatoBold;}
.IntfSettingsTab .IntfThresholdSettings .editTemplate>.opmFormRow>div,.IntfSettingsTab .IntfThresholdSettings .header .opmFormRow>div{width:32%;margin-right:0;min-height:auto}
.IntfSettingsTab .editTemplate,.IntfSettingsTab .editTemplate>.opmFormRow>div:first-child{margin-left:0!important}
.IntfSettingsTab .editTemplate>.opmFormRow>div:nth-child(2){margin-right:0!important;width:32%!important}
.IntfSettingsTab .editTemplate>.opmFormRow>div:last-child{width:35%!important}


#Update-DisplayName .updateTypes,#devicesListByFilter{left: 0;}
.colChooserAlarm > i {position: absolute;top:10px;right: 10px;z-index:1;}
#dashWidgetContent .dashboardInventory .HeatMap.widgetHeatmap {top: 0;padding-top: 20px;height: 264px !important;}
#dashWidgetContent .dashboardInventory .heatmapHolder {overflow: auto;height: 228px}
.HeatMapGroupsbreadcrumb {position: absolute;top: -22px;left: 0}
.HeatMapGroupsbreadcrumb li,.HeatMapGroupsbreadcrumb a{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.printerCategory .PrinterActiveState_1 .printerCategory__alertIcon.AlertOne{border:1px solid var(--severity-clear); opacity: 1; background: var(--severity-clear-bg)}
.printerCategory .PrinterActiveState_2 .printerCategory__alertIcon.AlertTwo{border:1px solid var(--severity-clear); opacity: 1; background: var(--severity-clear-bg)}
.printerCategory .PrinterActiveState_3 .printerCategory__alertIcon.AlertThree{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory .PrinterActiveState_4 .printerCategory__alertIcon.AlertFour{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory .PrinterActiveState_5 .printerCategory__alertIcon.AlertFive{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory .PrinterActiveState_6 .printerCategory__alertIcon.AlertSix{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory .PrinterActiveState_7 .printerCategory__alertIcon.AlertSeven{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory .PrinterActiveState_8 .printerCategory__alertIcon.AlertEight{background: var(--severity-trouble-bg); opacity: 1; border: 1px solid var(--severity-trouble);}
.printerCategory__alertIcon > div {display: inline-block}
.printerCategory__box {width: 260px; height: 200px; padding: 20px 10px; margin: 10px; float: left; text-align: center; padding-right: 100px; position: relative; transition: 0.5s}
.printerCategory__box.severity_2 {border: 1px solid var(--severity-trouble); background: var(--severity-trouble-bg) !important}
.printerCategory__box.severity_1 .printerCategory__name:before {background-color:var(--severity-critical);-webkit-mask:url(../../img/status-1.svg) no-repeat 0 0;mask:url(../../img/status-1.svg) no-repeat 0 0}
.printerCategory__box.severity_3 {border: 1px solid var(--severity-attention); background: var(--severity-attention-bg) !important}
.printerCategory__box.severity_2 .printerCategory__name:before {background-color:var(--severity-trouble);-webkit-mask:url(../../img/status-2.svg) no-repeat 0 0;mask:url(../../img/status-2.svg) no-repeat 0 0}
.printerCategory__box.severity_4 {border: 1px solid var(--severity-servicedown); background: var(--severity-servicedown-bg) !important}
.printerCategory__box.severity_3 .printerCategory__name:before {background-color:var(--severity-attention);-webkit-mask:url(../../img/status-3.svg) no-repeat 0 0;mask:url(../../img/status-3.svg) no-repeat 0 0}
.printerCategory__box.severity_5 {border: 1px solid var(--severity-clear); background: var(--severity-clear-bg) !important}
.printerCategory__box.severity_4 .printerCategory__name:before {background-color:var(--severity-servicedown);-webkit-mask:url(../../img/status-4.svg) no-repeat 0 0;mask:url(../../img/status-4.svg) no-repeat 0 0}
.printerCategory__box.severity_1 {border: 1px solid var(--severity-critical); background: var(--severity-critical-bg) !important}
.printerCategory__box.severity_5 .printerCategory__name:before {background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0}
.printerCategory__box.severity_6 {border: 1px solid var(--severity-info); background: var(--severity-unmanaged-bg) !important}
.printerCategory__box.severity_6 .printerCategory__name:before {background-color:var(--severity-info);-webkit-mask:url(../../img/status-6.svg) no-repeat 0 0;mask:url(../../img/status-6.svg) no-repeat 0 0}
.printerCategory__box.severity_7 {border: 1px solid var(--severity-unmanaged); background: var(--severity-unmanaged-bg) !important}
.printerCategory__box.severity_7 .printerCategory__name:before {background-color:var(--severity-unmanaged);-webkit-mask:url(../../img/status-7.svg) no-repeat 0 0;mask:url(../../img/status-7.svg) no-repeat 0 0}
.printerCategory__box:hover {transition: 0.5s; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); transform: scale(1.03);cursor: pointer;}
.printerInventoryWidget .printerCategory__alertIcon {width:150px; padding: 7px;}

.printerCategory{width:100%;float:left}
.printerCategory ul{margin:0;padding:0}
.printerCategory ul li{list-style:none;float:left}
.printerCategory__alertInfo{position:absolute;top:22px;right:20px;display:table;border-spacing:3px;border-collapse:separate;width:85px}
.printerCategory__alertInfo>div{display:table-row}
.printerCategory__alertIcon{display:table-cell;border:1px solid var(--grey-main);background-color: var(--grey-bg); width:40px;height:35px;padding:5px 5px 3px 5px;text-align:center;vertical-align:middle;opacity:.3}
.printerCategory__alertIcon>div{display:inline-block}
.printerCategory__box{width:260px;height:200px;padding:30px 5px;margin:10px;float:left;text-align:center;padding-right:100px;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:14px}
.printerCategory__name{font-size:14px;position:relative;padding-left:25px;display:inline-block;white-space:nowrap;max-width:94%;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-height:20px}
.printerCategory__name:before{width:20px;height:20px;position:absolute;top:0;left:0;content:""}
.printerCategory__status {font-size: 12px; color: var(--grey-text)}
.printerCategory__status ul {display: inline-block}
.printerCategory__status li{padding:0 5px;border-right:1px solid #ddd}
.printerCategory__status li:last-child {border: none}
.printerCategory__mode{font-size:14px;padding:3px 10px;vertical-align:middle;color:#fff;background-color:#a2a3a2;border-radius:20px}
.printerInventoryWidget{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.printerInventoryWidget>.printer-Icon{text-align:center}
.printerInventoryWidget>.printer-Icon .printer-mode span{margin-top:20px;background:#4e4e4e;color:#fff;border-radius:20px;display:inline-block;padding:5px 10px}
.printerInventoryWidget>.printer-status .printerCategory__alertInfo{width:320px;border-spacing:15px}
.printerInventoryWidget .printerCategory__alertInfo{position:relative;top:0;left:0}
.printerInventoryWidget .printerCategory__alertInfo .printerCategory__alertIcon>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}
.genFWAReport{background:#f3f3f4;float:left;width:auto;height:auto !important;font:14px LatoRegular !important;color:#909090;padding: 7px 20px 7px 20px !important;border-radius:20px;position:relative;top:-9px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer;}

div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr { border: 0 !important; }
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th { padding: 4px 10px; }
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th { padding: 4px 15px; }
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td { padding: 4px 15px !important; }
.headerIcons {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;float: right;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.headerIcons > i {margin-right: 0;margin-left: 10px;height:25px;position: relative !important;top:0 !important;right: auto!important;}
.headerIcons > i.opmIconMail:before{top:3px !important;}

.forensicHdr span{position:relative}
.forensicHdr span:after{position:absolute;top:20px;right:0;content:"";width:1px;height:20px;border-right:1px solid #ddd;}
.forensicHdr span:last-child:after{border:none}
.reportGraph .forensicHdr span[data-value="conversation"]{cursor:pointer}

/* NFA Time list styles */
.ddType1 {float:right;position:relative;min-width:150px;max-width:190px;margin:0 5px 0;cursor:pointer;}
.ddType1.dpiTimeSelection {float:left;margin-top:-3px;}
.ddType1__view {font-family:latoRegular;width: 100%; float: left; background: #fff; border-radius: 5px; padding: 0 30px 0 20px; line-height: 30px; position: relative}
.ddType1__view.IconView {padding-left: 40px}
.ddType1__view.IconView:before {background: url('../../img/opm-sprites.png') no-repeat -262px -1417px; width: 18px; height: 18px; position: absolute; top: 8px; left: 10px; content: ""}
.ddType1__view.protocol {padding-left: 40px}
.ddType1__view.protocol:before {background: url('../../img/opm-sprites.png') no-repeat -179px -2101px; width: 20px; height: 18px; position: absolute; top: 6px; left: 10px; content: ""}
.ddType1__view.svgIconView {padding-left:40px}
.ddType1__view.svgIconView .svgIcon {position:absolute;top:4px;left:10px;width:16px;height:16px;fill:#222;}
.ddType1__view.bgGrey {background: #ececec}
.ddType1__view .downArrow {z-index:23;border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; right: 15px; margin-top: -2px; position: absolute; top: 50%; width: 0}
.ddType1__view.active + .ddType1__list {display: block}
.ddType1__view.active > .downArrow {transform: rotate(-180deg)}
.ddType1__list {z-index:23;position: absolute; top: 30px; left: 0; padding-top: 10px; width: 100%; display: none}
.ddType1__list:after {border-color: #fff transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; height: 0; right: 15px; margin-top: -2px; position: absolute; top: 2px; width: 0; content: ""; transform: rotate(-180deg)}
.ddType1__list ul {width: 100%; min-height: 40px; max-height: 250px; float: left; overflow: auto; background: #fff; border-radius: 5px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2)}
.ddType1__list ul li {list-style: none; width: 100%;font-family:latoRegular; line-height: 20px; color: #000; padding: 5px 20px 5px 40px; border-bottom: 1px solid #f3f4f5; cursor: pointer; position: relative}
.ddType1__list ul li:last-child {border-bottom: 0}
.ddType1__list ul li:hover {background: #2a9bee; color: #fff}
.ddType1__list ul li.active {background: #2a9bee; color: #fff}
.ddType1__list ul li.active:before {left: 20px; top: 7px; position: absolute; content: ""; width: 4px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(38deg)}
.ddType1.disable{cursor:auto}
.ddType1.disable .downArrow{display:none}
.ddType1.disable .ddType1__list{display:none}

#timeFrameSelectBox #timeFrameInfo {display: block;max-width:100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#timeFrameSelectBox ul {min-width: max-content;}
#timeFrameSelectBox .ddType1__list {min-width: max-content;padding-top:5px; right: 0; left: auto;}
#timeFrameSelectBox .ddType1__list:after {display: none;}
#timeFrameSelectBox .ddType1__list ul li.active:before {display: none;}
#timeFrameSelectBox .ddType1__list ul li {padding-left:20px}

/* Dropdown for DPI in OPM Plus-Inventory */
html.horizontalView .inventorySubMenuDD > div,
html.horizontalView .inventorySubMenuDD > div > div {overflow: visible !important}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li.inventorySubMenuDDArrow::after{width: 5px; height: 5px; margin: auto; border: 1px solid #000; border-top: 0; border-right: 0; transform: rotate(-45deg); position: absolute; top: -4px; right: 9px; bottom: 0; transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; content:"";}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li{position:relative !important; overflow: visible !important}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div{background: #fff; width: 220px; height: auto; text-align: right; border: 1px solid #ececec; position: absolute; top: 35px; left: 0; box-shadow: 0 1px 2px rgba(0,0,0,.1); -ms-box-shadow: 1px 3px 3px rgba(0,0,0,.1); -moz-box-shadow: 1px 3px 3px rgba(0,0,0,.1); -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,.1); -o-box-shadow: 1px 3px 3px rgba(0,0,0,.1); z-index: 9; display: none;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul{margin:0; padding:0;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div{list-style:none; width:100%; height:75px; z-index: 99; float: left;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul li:hover,
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul li.active{background: #f3f2bf; color: #000;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul li{display:block !important; padding:0 !important; border:0; width:100%;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul li >  a {float: left; width: 100%; height: auto; text-align: left; white-space: normal; word-break: break-word; color: #000; padding: 10px 23px 10px 15px; border-bottom: 1px solid #ececec; position: relative; transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li > div > ul li >  a > span{color:#000; text-decoration: none;}
html.horizontalView .inventorySubMenuDD > div > div > ul.opmInventoryNavList > div >li:hover > div{display:block;}

/* NFA TAB */
.nfaGrayBox{width:100%; float:left; padding:5px 5px 5px 10px; background:#f5f6f7; margin:10px 0}
.nfaGrayBox > .tabMenu{float:left}
.nfaGrayBox > .tabMenu > ul{margin:0; padding:0}
.nfaGrayBox > .tabMenu > ul > li{list-style: none; float:left; color:#009df5; cursor:pointer; padding:0 15px; border-right:1px solid #d7d7d7; line-height:28px}
.nfaGrayBox > .tabMenu > ul > li:hover{text-decoration:underline}
.nfaGrayBox > .tabMenu > ul > li:first-child{padding-left:0}
.nfaGrayBox > .tabMenu > ul > li:last-child{padding-right:0; border:none}
.nfaGrayBox > .tabMenu > ul > li.active{color:#000; text-decoration: none}
.nfaGrayBox.fixedHeading{position:absolute;top:80px;left:30px;right:30px;margin:0;width:auto;}
.nfaGrayBox.fixedHeading + .opmFormHolder{top:135px !important}

.nfaGrayBoxRadioBtn {float: right;margin:0;clear:initial;padding-right:10px;}
.nfaGrayBoxRadioBtn .opmRadioBtn{margin-right:10px;}
.nfaGrayBoxRadioBtn .opmRadioBtn label:before{background:#fff;}
.nfaGrayBoxRadioBtn .opmCheckBox label, .nfaGrayBoxRadioBtn .opmRadioBtn label{line-height: 27px;}
.nfaGrayBoxRadioBtn .opmRadioBtn label:before{top:4px;}
.nfaGrayBoxRadioBtn .opmRadioBtn input:checked + label:after{top:8px;}
.nfaGrayBoxRadioBtn .opmCheckBox div, .nfaGrayBoxRadioBtn .opmRadioBtn div{padding-left: 32px;min-height: 20px;}
.nfaGrayBoxRadioBtn > .chkRoundBtn{float:left;margin-right:10px;margin-top:5px;}
.nfaGrayBoxRadioBtn > .chkRoundBtn + label{line-height:30px;}

.nfaIcon{float:left; margin-left:5px; cursor:pointer; margin-top:10px}
.nfa-closeIcon{background: url('../../img/opm-sprites.png') no-repeat -285px -1418px; width: 17px; height: 16px}
.nfa-editIcon{background: url('../../img/opm-sprites.png') no-repeat -328px -1423px; width: 11px; height: 12px; cursor:pointer}

body.nfaForecastReport .select2-container .select2-dropdown{min-width:84px !important;}

.nfa-ExportIcons .opmIconMail{width:38px !important;}
.nfa-ExportIcons .opmIconMail:before{top:2px !important;left:12px;}
.nfa-ExportIcons .nfa-closeIcon{display:inline-block;float:inherit;}
.nfa-ExportIcons.styleOne .opmIconDownloadFile{margin-top:3px}
.nfa-ExportIcons.styleOne .topTimer{float:right;margin-left:10px}


/*******************************Export Flow related css starts********************************************/
.opmForm.nfProfilePage small { font-size: 13px !important; }
.opmForm.nfProfilePage#input2{max-width: 100%;}
.opmForm.nfProfilePage .TwoColumns{display:block;clear: both;}
.opmForm.nfProfilePage .Column{width: 48%;display: inline-block;float: left;max-width: 710px;}
.opmForm.nfProfilePage .Column:nth-child(1){margin-right:2%;}
#manualConfiglets .reportlinkInfoMsg.type3 p {display: flex;align-items: center;font-size: 0.9em;}
#manualConfiglets .reportlinkInfoMsg.type3 p i{margin: 0 10px 0 0;}
.colRadio > label{width: auto !important;padding-right: 40px !important;padding-top: 6px !important;}
.colRadio  .opmRadioBtn{margin-right: 30px !important;}
.selBoxAdd label, .selBoxAdd.opmSelBoxWithButton .selDiv{width: 100% !important;}
.opmSelBoxWithButton.selBoxAdd  .selDiv .opmBtnHldr{left: auto;right: -50px;}
.opmFormHolder .explortFlowRadio{margin: 15px 0;}
.explortFlowRadio .opmRadioBtn.opmRadioBtn2 {margin-right: 30px;}

body:not(.MacOS) .exportFlowTab > ul::-webkit-scrollbar { width: 0px; height: 0px; }

.spinner-loader { width: 35px; margin-left: 10px; -webkit-transform: scale(0.5); transform: scale(0.5); height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.spinner-loader > div { position: absolute; width: 2px; height: 8px; background-color: #000000; opacity: 0.05; -webkit-animation: fadeit 0.8s linear infinite; animation: fadeit 0.8s linear infinite; }
.spinner-loader.success > div { background: #27a965; }
.spinner-loader > .bar-1 { -webkit-transform: rotate(0deg) translate(0, -12px); transform: rotate(0deg) translate(0, -12px); -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
.spinner-loader > .bar-2 { -webkit-transform: rotate(22.5deg) translate(0, -12px); transform: rotate(22.5deg) translate(0, -12px); -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.spinner-loader > .bar-3 { -webkit-transform: rotate(45deg) translate(0, -12px); transform: rotate(45deg) translate(0, -12px); -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.spinner-loader > .bar-4 { -webkit-transform: rotate(67.5deg) translate(0, -12px); transform: rotate(67.5deg) translate(0, -12px); -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.spinner-loader > .bar-5 { -webkit-transform: rotate(90deg) translate(0, -12px); transform: rotate(90deg) translate(0, -12px); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.spinner-loader > .bar-6 { -webkit-transform: rotate(112.5deg) translate(0, -12px); transform: rotate(112.5deg) translate(0, -12px); -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.spinner-loader > .bar-7 { -webkit-transform: rotate(135deg) translate(0, -12px); transform: rotate(135deg) translate(0, -12px); -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.spinner-loader > .bar-8 { -webkit-transform: rotate(157.5deg) translate(0, -12px); transform: rotate(157.5deg) translate(0, -12px); -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.spinner-loader > .bar-9 { -webkit-transform: rotate(180deg) translate(0, -12px); transform: rotate(180deg) translate(0, -12px); -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.spinner-loader > .bar-10 { -webkit-transform: rotate(202.5deg) translate(0, -12px); transform: rotate(202.5deg) translate(0, -12px); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.spinner-loader > .bar-11 { -webkit-transform: rotate(225deg) translate(0, -12px); transform: rotate(225deg) translate(0, -12px); -webkit-animation-delay: 0.55s; animation-delay: 0.55s; }
.spinner-loader > .bar-12 { -webkit-transform: rotate(247.5deg) translate(0, -12px); transform: rotate(247.5deg) translate(0, -12px); -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.spinner-loader > .bar-13 { -webkit-transform: rotate(270deg) translate(0, -12px); transform: rotate(270deg) translate(0, -12px); -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.spinner-loader > .bar-14 { -webkit-transform: rotate(292.5deg) translate(0, -12px); transform: rotate(292.5deg) translate(0, -12px); -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.spinner-loader > .bar-15 { -webkit-transform: rotate(315deg) translate(0, -12px); transform: rotate(315deg) translate(0, -12px); -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.spinner-loader > .bar-16 { -webkit-transform: rotate(337.5deg) translate(0, -12px); transform: rotate(337.5deg) translate(0, -12px); -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
@-webkit-keyframes fadeit { 0% { opacity: 1; }100% { opacity: 0; } }
@keyframes fadeit { 0% { opacity: 1; }100% { opacity: 0; } }
.infoMssg-multiple{margin:20px 0}
.infoMssg-multiple .infoMssg{margin:0}
.infoMssg-multiple .infoMssg+.infoMssg{margin-top:-1px}
.infoMssg { width: auto; text-align: left; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; border: 1px solid #e2e2e2; padding: 10px; margin: 20px 0; }
.infoMssg.warning { background: #fffcf1; border-color: #ffe89e; }
.infoMssg.warning .iconStatus { background-position: 0 -1240px; }
.infoMssg.default { background: #fafafa; border-color: #d4d4d4; }
.infoMssg.default .iconStatus { background-position: -25px -1240px; }
.infoMssg.success { background: #effff6; border-color: #79eaad; }
.infoMssg.success .iconStatus { background-position: -105px -1410px; }
.infoMssg.danger { background: #fff2f2; border-color: #ff8a8a; }
.infoMssg.danger .iconStatus{background-position:-80px -1410px}
.infoMssg.info{background:#e7f2fb;border-color:#3996dd}
.infoMssg.info .iconStatus{background-position:-80px -1410px}
.infoMssg.warnDanger{background: #fffcf1; border-color: #ff8a8a;}
.infoMssg > span { display: inline-block; width: 21px; height: 21px; -webkit-box-flex: 0; -ms-flex: 0 0 21px; flex: 0 0 21px; }
.infoMssg > p { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; }
.infoMssg.style2{border-radius:8px}
.infoMssg > p.noFlex{display:block; color: black !important}
.iconStatus { display: inline-block; width: 16px; height: 16px; content: ''; margin-right: 15px; background: url("../../img/opm-sprites.png") no-repeat -25px -1240px; }
.explortFlowRadio .opmRadioBtn label small { font-size: 90%; display: block; line-height: 1.2; color: #555; }
.credentialTest { background: rgba(255, 252, 241, 0.6); border: 1px solid #ffe89e; padding: 20px; margin-bottom: 20px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
.credentialTest > p b { color: #000; font-weight: bold; font-family: LatoBold; font-size: 16px; line-height: 1; margin-bottom: 10px; display: block; }
.credentialTest ul { padding: 0; }
.credentialTest ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0 15px; }
.credentialTest ul li:last-child { margin-bottom: 0; }
.credentialTest ul li > span { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; display: inline-block; width: 20px; height: 20px; content: ''; margin-left: 15px; background: url("../../img/opm-sprites.png") no-repeat 0 0; opacity: 0; }
.credentialTest ul li > span.loading { background-image: none; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; margin-left: 15px; opacity: 1; }
.credentialTest ul li > span.success { background-position: -105px -1410px; opacity: 1; }
.credentialTest ul li > span.failed { background-position: -80px -1410px; opacity: 1; }
.credentialTest ul li > p { display: block; font-size: 85%; margin-top: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.credentialTest ul li > p a { color: #3996dd; text-decoration: none; }
.exportFlowTab .tab1Content { padding: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; }
.exportFlowTab .tab1Content textarea {resize: none; padding: 5px; width: 100%; height: 100%; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 1.4; color: #000; border: 0; }
.exportFlowTabSingle { background: #f5f5f5; width: 100%; padding: 20px; font-size: 14px; margin: 20px 0; color: #000; }
.consoleTextarea {resize: none; padding: 20px; width: 100%; height: 300px; font-family: LatoRegular; font-size: 14px; line-height: 1.5; color: #000; border: 0; margin: 10px 0; border: 1px solid #d4d4d4; }
.opmInfoMsg.style2 { color: #000; }
.opmInfoMsg.style2:before { color: #000; content: '';}
.opmInfoMsg.style2 p { font-size: 13px !important; line-height: 1.6 !important; font-family: LatoRegular !important; }
.opmInfoMsg.style2 p i { font-size: 13px !important; line-height: 1.6 !important; font-family: LatoBold !important; }
.ncmHelpMark.style1 { width: 20px !important; height: 20px !important; display: inline-block; padding: 0; line-height: 1; top: -1px; position: absolute !important; padding: 0 !important; border-radius: 50%; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5 !important; border: 1px solid #d4d4d4 !important; }
.ncmHelpMark.style1:before { background: url("../../img/opm-sprites.png") no-repeat -142px -1532px; width: 11px; height: 11px; content: ''; }
.tab1.exportFlowTab .tab1Content{padding: 15px}

.tab1.tab-verticle.exportFlowTab .tab1Content .configlet_title {position:relative;top:0px; left:0px;font-family:LatoBold; font-size: 16px; border-bottom: 1px solid #efefef; padding-bottom: 10px;margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 500px}
.tab1.tab-verticle.exportFlowTab .tab1Content{position:relative;min-width: 520px;padding-right:0px !important}
.tab1.tab-verticle.exportFlowTab .tab1Content textarea#configlet_content {height:calc(100% - 30px)}
.tab1.tab-verticle.exportFlowTab > ul > li {word-break:break-word;}
.tab1.tab-verticle.exportFlowTab.fixed-height .tab1Content, .tab1.tab-verticle.exportFlowTab.fixed-height>ul{height:500px}
#nfaExportFlowResult textarea.terminal-view {width:100%;background-color:black !important;color:white;border:1px solid #000;border-left-width:11px;}

/*.tab-block.style2 .tabContent { border-width: 0; border-top-width: 1px; position: relative; max-height: unset; height: auto; padding: 0; }
.tab-block.style2 .tabContent small { display: block; margin: 15px 0 0; color: #7d7d7d; }
.tab-block.style2 .tabContent::before { display: inline-block; content: ''; position: absolute; left: -30px; top: -1px; height: 1px; width: 30px; background-color: #d4d4d4; }
.tab-block.tab-justified { display: -webkit-box; display: -ms-flexbox; display: flex; clear: both; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.tab-block.tab-justified .tabContent { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; }
.tab-block.tab-justified .tabLabel { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.tab-block .tabContent { display: none; padding: 20px 0 0; max-height: 300px; height: 300px; border: 1px solid #d4d4d4; padding: 35px; clear: both; width: 100%; }
.tab-block .tabInput { display: none; }
.tab-block .tabInput:checked + .tabLabel { color: #000; border-top: 1px solid #27a965; background-color: #fff; border-bottom: 1px solid #fff; }
.tab-block .tabInput:checked + .tabLabel::after { content: ''; display: block; background: #27a965; width: 100%; height: 2px; position: absolute; top: 0; }
.tab-block .tabInput[id*='1']:checked ~ .tabContent[id*='1'], .tab-block .tabInput[id*='2']:checked ~ .tabContent[id*='2'], .tab-block .tabInput[id*='3']:checked ~ .tabContent[id*='3'], .tab-block .tabInput[id*='4']:checked ~ .tabContent[id*='4'], .tab-block .tabInput[id*='5']:checked ~ .tabContent[id*='5'], .tab-block .tabInput[id*='6']:checked ~ .tabContent[id*='6'], .tab-block .tabInput[id*='7']:checked ~ .tabContent[id*='7'] { display: block; }
.tab-block .tabLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; cursor: pointer; margin: 0 0 -1px; padding: 15px 25px; float: left; z-index: 1; height: 55px; font-weight: 600; text-align: center; color: #000; border: 1px solid #d4d4d4; border-left-width: 0; border-top: 1px outset #d4d4d4; background-color: #f0f0f0; }
.tab-block .tabLabel.disable { cursor: not-allowed; }
.tab-block > *:nth-child(2) { border-left-width: 1px; }
.title.withTab { border-bottom-width: 0 !important; margin-left: 10px; }*/
.jqgrid_header_bg .ui-jqgrid-titlebar{background-color:#FFFFFF !important;}
.jqgrid_header_bg .ui-jqgrid-titlebar .ui-jqgrid-title{ margin-left: 0 !important;}
.opmStorageGrid .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-first,.opmStorageGrid .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-prev,.opmStorageGrid .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-next,.opmStorageGrid .opm_jqGridUI .ui-jqgrid-pager .ui-icon.ui-icon-seek-end{opacity: 0.6}

.disabledCheckBox td * {pointer-events:none;opacity:0.7}

body.opmWlcSnapshot .opmWlcSnapshotMonitor:not(.Addsnmpmonitor) { top: 166px !important; }
body.opmWlcSnapshot .opmFailureReasonInfo{padding:0}
html.opmAlignCenter body.opmWlcSnapshot #inventoryGridStyle > .ember-view > .grid-stack{max-width:1430px !important}
html.opmAlignCenter body.opmWlcSnapshot #inventoryGridStyle .grid-stack-item{padding:0 5px !important}
.startStopCommon .startCommon {position: relative;}
.startStopCommon .stopCommon {position: relative;}
.startStopCommon .startCommon i:before {background: url('../../img/opm-sprites.png') no-repeat -265px -1511px !important;content: '';width: 18px;height: 18px;display: inline-block;position: absolute;top: 8px;}
.startStopCommon .stopCommon i:before {background: url('../../img/opm-sprites.png') no-repeat -285px -1511px !important;content: '';width: 18px;height: 18px;display: inline-block;position: absolute;top: 8px;}
.signalTower { width: 25px; height: 16px; float: left}
.signalTower__green, .signalTower__grey { width: 100%; height: 100%; overflow: hidden; position: relative; margin-top: -16px}
.signalTower__green:before, .signalTower__grey:before { width: 31px; height: 18px; background: #f0f0f0; transform: rotate(-31deg); position: absolute; margin-top: 7px; content: ""}
.signalTower__greenPoint, .signalTower__greyPoint { width: 31px; height: 18px; background: #45bd7f; transform: rotate(-31deg); position: absolute; margin-top: 7px}
.signalTower--bgGrey { background: #f0f0f0}

/*******************************Export Flow related css ends********************************************/

.textSelBox .selBox.rptSet{width:30%;margin:0;padding:0 3px;min-width:20px;}
.textSelBox.dateBox .day.rptSet { width: 32%; display: inline-block; vertical-align: super; }
.textSelBox.dateBox .day__To.rptSet { width: 4%; display: inline-block; vertical-align: super; }

.textSelBox.dateBox .day { width: 100px; display: inline-block; vertical-align: super; }
.textSelBox.dateBox .day__To { width: auto; display: inline-block; vertical-align: super; }
.textSelBox.dateBox { line-height: 1; margin-bottom: 12px; }
.textSelBox.dateBox .selBox > div .select2-container { border-radius: 0; }
.textSelBox.dateBox .selBox > div .select2-container, .textSelBox.dateBox .selBox > div .select2-container .selection, .textSelBox.dateBox .selBox > div .select2-container .selection .select2-selection, .textSelBox.dateBox .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow, .textSelBox.dateBox .selBox > div { height: 30px; }
.textSelBox.dateBox .selBox > div .select2-container .selection .select2-selection .select2-selection__rendered { line-height: 25px; }
.selBox.multipleSelBox>div,.selBox.multipleSelBox>div .select2-container,.selBox.multipleSelBox>div .select2-container .selection,.selBox.multipleSelBox>div .select2-container .selection .select2-selection,.ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container{height:auto}
.selBox.multipleSelBox>div .select2-container .selection .select2-selection .select2-selection__rendered,.ui-jqgrid-view .ui-jqgrid-hdiv th div .selBox.multipleSelBox .select2-container .selection .select2-selection .select2-selection__rendered{height:calc(100% - 2px)}
.selBox.multipleSelBox .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background:0 0;width:auto;font-size:16px;line-height:20px;border:0;padding:0 0 0 6px;margin:0;float:right;color:#333}
.selBox.multipleSelBox .select2-container--default .select2-selection--multiple .select2-selection__rendered li{font-size:12px;line-height:20px;border-radius:3px;border-color:#d8d8d8;color:#333}
.selBox.multipleSelBox .select2-container--default .select2-search--inline .select2-search__field{background:0 0!important}

.newHeatIcon { transition: all 1s ease-in-out; -webkit-animation: leaves 1s ease-in-out 10 alternate;animation: leaves 1s ease-in-out 10 alternate;}
@keyframes leaves {0% {-webkit-transform: scale(0.6);transform: scale(0.6)}25%{-webkit-transform: scale(1.2);transform: scale(1.2)}50% {-webkit-transform: scale(1.5);transform: scale(1.5)}70% {-webkit-transform: scale(1.2);transform: scale(1.2)}100% {-webkit-transform: scale(1);transform: scale(1)}}
.dashboardInventory .heatmapHolder .heatmapStatus{border-radius: 4px;opacity: 2;padding:4px;color:#fff !important}
.dashboardInventory .heatmapHolder .heatmapStatus h4{text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient: vertical;display: block;display: -webkit-box;width: 100%;text-align: center;color:#fff !important}
.dashboardInventory .heatmapHolder .heatmapStatus.animate{-webkit-animation: radius 2s 2;animation: radius 2s 2;-webkit-transition: all  1s ease-in-out;transition: all  1s ease-in-out;}
@-webkit-keyframes radius{0%, 50%, 100% {border-radius: 3px;-webkit-transform: scale(1);transform: scale(1);}25%, 75% {border-radius: 50%;-webkit-transform: scale(0.6);transform: scale(0.6);}}
@keyframes radius{0%, 50%, 100% {border-radius: 3px;-webkit-transform: scale(1);transform: scale(1);}25%, 75% {border-radius: 50%;-webkit-transform: scale(0.6);transform: scale(0.6);}}
.liveWidgetRecentAlarms.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.animate{-webkit-animation: slideInRight 5s;animation: slideInRight 5s;}
@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn{background:#49bd80;width:140px !important;height:30px;border-radius:4px;position:absolute;top:-4px;right:-45px;z-index:2;cursor:pointer}
html.invAddBtn .addLinkStyle .opmInventoryHolder.hideSortFilter .AETIDFilter .deviceListPgAddBtn{right:5px}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > i{float:left;width:100%;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:7px 30px 7px 10px;margin:0;border-radius:3px;display:inline-block;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > i:after{background:rgba(0,0,0,.1);width:25px;height:100%;content:'';border-radius:0 4px 4px 0;position:absolute;top:0;right:0}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > .arrow{width:0;height:0;margin:auto;position:absolute;top:0;right:9px;bottom:0;border-top:5px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > ul{width:100%;border-radius:0 0 4px 4px;box-shadow:0 0 3px rgba(0,0,0,.3);overflow:hidden;position:absolute;top:30px;right:0;z-index:-1;display:none}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > ul li{background:#fbfbfb;font:13px LatoRegular;padding:8px 10px;border-bottom:1px solid #eaeaea}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > ul li:last-child{border:0}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > ul li:after{margin:0}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn > ul li:hover{background:#f0f1eb}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.open{border-radius:4px 4px 0 0}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.open > i:after{background:#fbfbfb;border-radius:0 4px 0 0}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.open > .arrow{border-top-color:#000}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.open > ul{display:block !important;}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.type2 > i{padding:7px 10px}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.type2.open{border-radius:4px}
html.invAddBtn .addLinkStyle .deviceListPgAddBtn.type2 > i:after,html.invAddBtn .addLinkStyle .deviceListPgAddBtn.type2 > .arrow,html.invAddBtn .addLinkStyle .deviceListPgAddBtn.type2.open > ul{display:none}
html.invAddBtn .addLinkStyle .opmInventoryHolder.listIcons .icon-filter.AETIDFilDropDown{right:103px !important}
html.invAddBtn .addLinkStyle .opmInventoryHolder.listIcons .AETIDFilDropDownList{right:95px}
html.invAddBtn .addLinkStyle .opmInventoryHolder.listIcons.hideSortFilter .AETIDHeader .viewType{right:160px}
html.invAddBtn .addLinkStyle .opmInventoryHolder:not(.hideAddIcon) .AETIDHeader .viewType{right:180px}
html.invAddBtn .addLinkStyle .opmInventoryHolder .AETIDHeader .AETIDFilter .devsearchicon{padding-right:105px}
html.invAddBtn .addLinkStyle .opmGroupInventory{width:auto;height:40px;position:absolute;right:307px;bottom:0;left:54px;z-index:2}
html.invAddBtn .addLinkStyle  .opmInventoryHolder.hideAddIcon .AETIDFilter .deviceListPgAddBtn[data-type='add']{display:none !important}
html.MessageViewBoxOpen.invAddBtn .addLinkStyle .opmInventoryHolder.AETIDRowChecked .AETIDFilter,html.MessageViewBoxOpen.invAddBtn .addLinkStyle .opmInventoryHolder.AETIDRowChecked .viewType,html.MessageViewBoxOpen.invAddBtn .addLinkStyle .opmInventoryHolder.alarmShortSummaryActive .viewType,html.MessageViewBoxOpen.invAddBtn .addLinkStyle .opmInventoryHolder.deviceShortSummaryActive .viewType,html.MessageViewBoxOpen.invAddBtn .addLinkStyle #DeviceList.AETIDRowChecked .AETIDFilter,html.MessageViewBoxOpen.invAddBtn .addLinkStyle #DeviceList.AETIDRowChecked .viewType,html.MessageViewBoxOpen.invAddBtn .addLinkStyle #DeviceList.alarmShortSummaryActive .viewType,html.MessageViewBoxOpen.invAddBtn .addLinkStyle #DeviceList.deviceShortSummaryActive .viewType{top:-70px !important}

html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .viewType{right:200px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .deviceListPgAddBtn{width:205px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .AETIDFilter .devsearchicon{padding-right:160px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .viewType{right:220px !important;}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .icon-filter.AETIDFilDropDown{right:145px !important}
html.invAddBtn.de_DE_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .AETIDFilDropDownList{right:135px !important;}

html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader:not(.intfView) .viewType{right:215px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader .icon-filter.AETIDFilDropDown{right:145px !important}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader .AETIDFilDropDownList{right:135px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .viewType{right:215px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .deviceListPgAddBtn{width:205px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .AETIDFilter .devsearchicon{padding-right:160px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .deviceListPgAddBtn{width:230px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .viewType{right:260px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .opmGroupInventory{max-width: 530px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .icon-filter.AETIDFilDropDown{right:185px !important}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .AETIDFilDropDownList{right:175px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .deviceListPgAddBtn{width:140px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .viewType{right:180px !important;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .icon-filter.AETIDFilDropDown{right:103px !important}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .AETIDFilDropDownList{right:95px !important;}

html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .deviceListPgAddBtn{width:230px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .viewType{right:245px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .deviceListPgAddBtn{width:205px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .AETIDFilter .devsearchicon{padding-right:160px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .deviceListPgAddBtn{width:230px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .viewType{right:260px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .opmGroupInventory{max-width: 530px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .icon-filter.AETIDFilDropDown{right:185px !important}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .AETIDFilDropDownList{right:175px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .deviceListPgAddBtn{width:140px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .viewType{right:180px !important;}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .icon-filter.AETIDFilDropDown{right:103px !important}
html.invAddBtn.it_IT_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .AETIDFilDropDownList{right:95px !important;}

html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .viewType{right:200px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .deviceListPgAddBtn{width:205px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .AETIDFilter .devsearchicon{padding-right:160px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .deviceListPgAddBtn{width:230px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .viewType{right:260px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .icon-filter.AETIDFilDropDown{right:185px !important}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .AETIDFilDropDownList{right:175px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .deviceListPgAddBtn{width:140px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .viewType{right:180px !important;}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .icon-filter.AETIDFilDropDown{right:103px !important}
html.invAddBtn.sp_SP_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .AETIDFilDropDownList{right:95px !important;}

html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .deviceListPgAddBtn{width:185px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.bvAddBtn .viewType{right:200px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .deviceListPgAddBtn{width:205px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.ipslaAddBtn .AETIDFilter .devsearchicon{padding-right:160px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .deviceListPgAddBtn{width:230px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.storageAddBtn .viewType{right:260px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .icon-filter.AETIDFilDropDown{right:185px !important}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.storageAddBtn .AETIDFilDropDownList{right:175px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .deviceListPgAddBtn{width:140px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.virtualAddBtn .viewType{right:180px !important;}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .icon-filter.AETIDFilDropDown{right:103px !important}
html.invAddBtn.ru_RU_lang .addLinkStyle .opmInventoryHolder.listIcons .AETIDHeader.virtualAddBtn .AETIDFilDropDownList{right:95px !important;}
.probeDownload{position: absolute;text-align: center;width: 500px;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-left: -50px}
.probeDownload p{line-height:22px}
.probeDownload span{font-family: latoBold}
.probeDownload .opmBtn{float:inherit;margin-top:10px}

.title_1.probDownloadTop{padding-right:500px}
.title_1.probDownloadTop .opmInfoMessage{margin:0}
.title_1.probDownloadTop + .opmBtnHldrTop.styleOne #allProbeBtn{margin-top:29px}
.title_1.probDownloadTop + .opmBtnHldrTop.styleOne .probeAuthKey input[type="text"]{clear:both;margin:0}
.title_1.probDownloadTop + .opmBtnHldrTop.styleOne .probeAuthKey #apiMaskEye{opacity:.5}
.title_1.probDownloadTop + .opmBtnHldrTop.styleOne .probeAuthKey .textFieldEyeIcon #apiMaskEye{opacity:.5}
.title_1.probDownloadTop + .opmBtnHldrTop.styleOne .probeAuthKey .textFieldEyeIcon:hover #apiMaskEye{opacity:1}
.tab1.style2 > ul { background: #fafafa; }
.tab1.style2 > ul > div, .tab1.style2 > ul > li { background: #fafafa; padding-left: 18px; padding-right: 18px; }
.tab1.style2 > ul > div .badge, .tab1.style2 > ul > li .badge { display: inline-block; background: #e2e2e2; margin: 10px; margin-right: 0; line-height: 1; font-size: 12px; border-radius: 15px; padding: 3px 7px; }
.tab1.style2 > ul > div.active .badge, .tab1.style2 > ul > li.active .badge { background: #27a965; color: #fff; }
.tab1.style2 > ul > div.active:after, .tab1.style2 > ul > li.active:after { background: transparent; }
.tab1.style2 > ul > div.toolSet, .tab1.style2 > ul > li.toolSet { float: right; border-right-width: 0; border-left: 1px solid #e2e2e2; cursor: pointer; display: table-cell; }
.tab1.style2 > ul > div.toolSet .icons, .tab1.style2 > ul > li.toolSet .icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tab1.style2 > ul > div.toolSet .icons i, .tab1.style2 > ul > li.toolSet .icons i { cursor: pointer; display: table-cell; margin-right: 10px; max-width: 27px; }
.tab1.style2 > ul > div.toolSet .icons i:last-child, .tab1.style2 > ul > li.toolSet .icons i:last-child { margin-right: 0; }
.tab1.style2 > ul > div.toolSet .icons i:before, .tab1.style2 > ul > li.toolSet .icons i:before,.tab1.style2 > ul > div.toolSet .icons i >img { vertical-align: middle; top: unset !important; position: unset; display: inline-block; }
.tab1.style2 > ul > div.toolSet i, .tab1.style2 > ul > li.toolSet i { content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 1; font-size: 16px; }
.tab1.style2 > ul > div.toolSet .icon-column-choose, .tab1.style2 > ul > li.toolSet .icon-column-choose { background: url("../../img/opm-sprites.png") no-repeat -110px -1435px; width: 24px; height: 24px; -webkit-transform: scale(0.8); transform: scale(0.8); }
.tab1.style2 > ul > div.toolSet .iconsearch, .tab1.style2 > ul > li.toolSet .iconsearch { background: url("../../img/opm-sprites.png") no-repeat -86px -1438px; width: 17px; height: 16px; }
.tab1.style2 > ul > div.button, .tab1.style2 > ul > li.button { float: right; border-right-width: 0; border-left: 0; cursor: pointer; padding-left: 20px; padding-right: 20px; background: #27a965; color: #fff; }
.tab1.style2 > ul > div.button:hover, .tab1.style2 > ul > li.button:hover { background: rgba(39, 169, 101, 0.9); }
.tab1.style2 .tab1Content.active { border-color: transparent; padding-left: 0; padding-right: 0; }
[class^="grid-col-"]:first-child{padding-left:0}
[class^="grid-col-"]:last-child{padding-right:0}
.opm_jqGridUI.themeOne.topAlign .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td { vertical-align: top; }
.opm_jqGridUI.IEsearchIconFix .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child {display: inline-block;}
.pr30 { padding-right: 30px !important; }
.pT0 { padding-top: 0 !important; }
.opmFormHolder.withoutTitle { top: 20px !important; }
.iconLog { background: url("../../img/opm-sprites.png") no-repeat -327px -1511px; width: 13px; height: 16px; content: ''; display: inline-block; }
.iconLogdisable { background: url("../../img/opm-sprites.png") no-repeat -343px -1511px; width: 13px; height: 16px; content: ''; display: inline-block; }
.activestatus, .inactivestatus , .expiredstatus{ width: 13px; height: 13px; content: ''; display: block; background: #27a965; border-radius: 50%; }
.inactivestatus { background: rgba(125, 125, 125, 0.5); }
.expiredstatus {background : red}
.icon-fwaarea:before, .icon-fwabar:before { background: url("../../img/opm-sprites.png") no-repeat 0 0; width: 22px; height: 20px; display: inline-block; cursor: pointer; content: ''; }
.icon-fwaarea:before { background-position: -208px -47px; }
.icon-fwabar:before { background-position: -230px -47px; }
.tableLegend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; }
.tableLegend > div { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tableLegend > div > * { display: inline-block; margin-left: 10px; }
.reportTypeSrch.full-height > div { height: calc(100vh - 320px); }
.reportTypeSrch.full-height > div ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reportTypeSrch.full-height > div ul li label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.reportTypeSrch.full-height > div ul li:last-child { border-bottom-width: 0; }
.reportTypeSrch.style2 { background: #fafafa; }
.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex-start1{-webkit-box-pack: start;-ms-flex-pack:start;justify-content:flex-start;align-items:center;display:flex;}
html.opmLeftAlign .grid-row.grid-container,html.opmAlignCenter .grid-row.grid-container{max-width:100%}
.grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.grid-col,.no-gutters>[class*=.grid-col-]{padding-right:0;padding-left:0}
.grid-col,.grid-col-1,.grid-col-10,.grid-col-11,.grid-col-12,.grid-col-2,.grid-col-3,.grid-col-4,.grid-col-5,.grid-col-6,.grid-col-7,.grid-col-8,.grid-col-9,.grid-col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.grid-row.sm .grid-col,.grid-row.sm .grid-col-1,.grid-row.sm .grid-col-10,.grid-row.sm .grid-col-11,.grid-row.sm .grid-col-12,.grid-row.sm .grid-col-2,.grid-row.sm .grid-col-3,.grid-row.sm .grid-col-4,.grid-row.sm .grid-col-5,.grid-row.sm .grid-col-6,.grid-row.sm .grid-col-7,.grid-row.sm .grid-col-8,.grid-row.sm .grid-col-9,.grid-row.sm .grid-col-auto{position:relative;width:100%;padding-right:5px;padding-left:5px}
.grid-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.grid-col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.grid-col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.grid-col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.grid-col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.grid-col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.grid-col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.grid-col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.grid-col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.grid-col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.grid-col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.grid-col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.tab1.tab1-sm.style2 > ul > div, .tab1.tab1-sm.style2 > ul > li { padding: 0 13px; line-height: 40px; }
.tab1.tab1-sm.style2 > ul > div.active:before, .tab1.tab1-sm.style2 > ul > li.active:before { height: 3px; }
.tab1.tab1-sm.style2 > ul > div.toolset .icons i:before, .tab1.tab1-sm.style2 > ul > li.toolset .icons i:before { -webkit-transform: scale(0.9); transform: scale(0.9); }
.tab1.tab1-sm.style2 > ul > div .badge, .tab1.tab1-sm.style2 > ul > li .badge { margin: 5px 0px 5px 10px; }
.tab1.tab1-sm .tab1Content { padding-top: 25px; padding-bottom: 25px; }
.tab1.full .toolSet.selBox > div{height: 41px;position: relative;top: 4px;width: 150px !important;}

.flex-sidebar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-sidebar .autoHeight{-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height: 450px;}
.flex-sidebar .autoHeight > div{height: 100%;}
.flex-sidebar .autoHeight > div label{border-bottom-width:0 !important;}
.flex-sidebar .autoHeight  .reportTypeSrch.style2 {height: calc(100% - 50px); padding: 0;}
.flex-sidebar .autoHeight  .reportTypeSrch > div ul{ height: 100%;padding: 10px}
.flex-sidebar .autoHeight  .reportTypeSrch.style2 .ProductCustomScroll{height: 100%;}
.flex-sidebar .autoHeight  .reportTypeSrch.style2 .ProductCustomScroll li > div{display: flex;}
.flex-sidebar .autoHeight  .reportTypeSrch.style2 .ProductCustomScroll li:last-child{border-bottom-width:0;}

.tab1.style2 > ul > div.toolSet .icons.close, .tab1.style2 > ul > div.toolSet .icons.close { vertical-align: middle; position: relative; }
.tab1.style2 > ul > div.toolSet .icons.close > i, .tab1.style2 > ul > div.toolSet .icons.close > i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tab1.tab1-sm.style2 > ul > li.toolset .icons.close > i, .tab1.tab1-sm.style2 > ul > div.toolset .icons.close > i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex-sidebar .autoHeight > div label > small {color: #999;font-size: 14px;margin-top: 5px;display: block;clear: both;}
.fwaAuditReportWidget{border: 1px solid #e2e2e2;padding:0px !important;margin-bottom:15px !important;}

div:not(#box_mapList_holder) > .opm_jqGridUI.opmfwaReportsGridview.nfa.groupHeading > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{border-right:1px solid rgba(212,212,212,.5);border-top:1px solid rgba(212,212,212,.5) !important;text-align:center}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmfwaReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{border-right:1px solid rgba(212,212,212,.5) !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmfwaunusedReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr > th{border-right:1px solid rgba(212,212,212,.5);border-top:1px solid rgba(212,212,212,.5) !important;text-align:center}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmfwanopaddingGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:0px !important;vertical-align:middle;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmfwanopaddingGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td:not(:nth-child(2)):not(:first-child) .fwaGridDiv{padding:7px 10px !important;text-align:center;border-bottom:1px solid rgba(212,212,212,.5) !important}

.com_IPAMSwitchSummary .DIGmCustomScroll1 .DIG-Graph .DIGG-Time{width: auto;display:block;margin-left: auto;margin-right: auto;float: none;margin-top:20px}
.com_IPAMSwitchSummary .DIGmCustomScroll1 .DIG-Graph .DIGG-Time .dialcounter > i:not(.edit){top:0}
.com_IPAMSwitchSummary .DIGmCustomScroll1 .DIG-Graph{padding: 0;width: 60%;float: none;position: unset;display: inline-block;padding:0 !Important;margin-left: auto;margin-right: auto;clear: left;}
.intfSubTabs_actions{float: right;height: 100%;}
.intfSubTabs_actions .cta{display: inline-flex;height: 100%;align-items: center;cursor: pointer;margin-left: 15px}
.intfSubTabs_actions .cta i{margin-right: 8px;margin-top: 3px;}



.iconStatus { display: inline-block; width: 16px; height: 16px; content: ''; margin-right: 15px; background: url("../../img/opm-sprites.png") no-repeat -25px -1240px; }
.GenerateReportsListMain{width:100% !important;height:100% !important;padding:0 20px 0 !important;}
.GenerateReportsListInner{width:100%;height:100%;overflow: auto;border:1px solid #f4f4f4}
.opmChckList .GenerateReportsList{max-height: none !important;position:absolute;top:0;left:0;width:100%;height:100%;}
.opmChckList .GenerateReportsList li{width:100%;float:left;height:25px;padding:0 10px;}
.opmChckList .GenerateReportsList li{width:100%;float:left;height:25px;padding:0 10px;}

.opmIconDownloadCsv,.opmIconDownloadXml,.opmIconUploadXml,.opmIconUploadCsv{width: 26px;height:30px;display:inline-block;position:relative;cursor: pointer;margin-right: 5px;margin-top: 4px;}
.opmIconDownloadCsv:before,.opmIconDownloadXml:before,.opmIconUploadXml:before,.opmIconUploadCsv:before{background: url(../../img/opm-sprites.png);background-repeat:no-repeat;width: 26px; height: 27px; content: ''; position: absolute; top: 0; left: 0px;}
.opmIconDownloadCsv:before {background-position: -28px -1808px;}
.opmIconUploadCsv:before {background-position: -1px -1808px;}
.opmIconDownloadXml:before {background-position: -84px -1808px;}
.opmIconUploadXml:before {background-position: -57px -1808px;}

.reportCriteria > .reportCriteria1{width:150px;padding-right:20px;float:left;padding-top: 7px}
.reportCriteria > .reportCriteria2{width:80px;padding-right:10px;float:left;}
.reportCriteria > .reportCriteria3{width: 156px;padding-right:10px;float:left;}
.reportCriteria > .reportCriteria4{min-width: 100px;padding-right:0px;float:left;}
.reportCriteria > .reportCriteria5{min-width:100px;padding-right:0px;float:left;}
.reportCriteria > .reportCriteria6{min-width: 25px;padding-right: 0;float:left;padding-top: 7px;margin-left: 0px;}
.validateField.error,.opmForm .validateField.error + span.select2{border-color: #f00 !important}
.nfaMultiSelectionViewEllipsis li label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100% !important;display: inline-block;}

/* NCM Firmware Vulnerability Styles Starts */
.spinner-loader.lg { -webkit-transform: scale(1); transform: scale(1); }

.credentialBox .opmRadioBtn1 .opmRadioBtn input:checked+label::after{width:10px;height:10px;left:12px;top:12px;border:none}
.date-range-select .custom-date {padding-left: 35px;}
.date-range-select .opmRadioBtn1 {height: auto !important; max-height:unset !important;}

.opmCheckBox.compact > div { min-width: 22px; min-height: 22px; padding-left: 30px; }
.opmCheckBox.compact label { line-height: 22px; }
.opmCheckBox.compact label::before { top: 0; left: 0; }
.opmCheckBox.compact label::after { top: 11px; left: 5px; }
.opmFormHolder.withoutTitle { top: 20px !important;}
.title .vulnerability-status { font-size: 13px; font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; top: -2px; position: relative; padding-right: 10px; border-radius: 20px; margin-left: 10px; }
.title .vulnerability-status .score { border-radius: 20px; display: inline-block; padding: 5px 14px; text-align: center; margin-right: 10px; background: #e2e2e2; }
.title .vulnerability-status .date { margin-left: 15px; display: inline-block; }
.title .vulnerability-status .date b { font-weight: bold; font-family: LatoBold; display: inline-block; margin-left: 15px; margin-right: 10px; }
.title .vulnerability-status.moderate .score { background: #ffe89e; }
.title .vulnerability-status.unrated .score { background: #e2e2e2; }
.title .vulnerability-status.low .score { background: #ac4cab; color: white; }
.title .vulnerability-status.critical .score { background: #f34848; color: #fff; }
.title .vulnerability-status.important .score { background: #faad5a; }

.vulnerability-details { line-height: 1.6; padding-bottom: 20px; padding-top: 10px; }
.vulnerability-details .state-name { display: inline-block; float: left; width: calc(100% - 60px); }
.vulnerability-details .count { display: inline-block; float: right; text-align: right; width: 50px; }
.vulnerability-details .count::before { content: '-'; margin-right: 10px; display: inline; float: left; }
.vulnerability-details .count + br { clear: both; display: block; content: ''; }
.vulnerability-details b { display: block; font-weight: bold; font-family: LatoBold; }
.vulnerability-details a { word-wrap: break-word; color: #3996dd; text-decoration: underline; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.vulnerability-details a:focus, .vulnerability-details a:hover { will-change: text-decoration; text-decoration: none; }

.vulnerability-details2 { padding-left: 20px; padding-right: 20px; font: 13px LatoRegular;}
.vulnerability-details2 hr.opmFormHrLine { margin-top: 0; }
.vulnerability-details2 .detail-list { border-bottom: 0; }
.vulnerability-details2 .detail-list.half dt { width: 220px; }
.vulnerability-details2 .detail-list.half dd { width: calc(100% - 300px); }
.vulnerability-details2 .detail-list:last-child { margin-bottom: 0; }
.vulnerability-details2 .detail-list dt { width: 140px; font-weight: bold; font-family: LatoBold; }
.vulnerability-details2 .detail-list dd { width: calc(100% - 140px); padding-left: 25px; line-height: 1.6; }
.vulnerability-details2 .detail-list dd textarea { max-width: 100%; }
.vulnerability-details2 .detail-list dd::before { left: 0; display: none; }
#reqVulDataVendorInput::-webkit-calendar-picker-indicator{display: none}

.vertical-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.vertical-center.opmFormCol { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.vertical-center.opmFormCol > *:first-child { margin-right: 15px; }
.vertical-middle-align {vertical-align:middle}

.commentToggle .edit, .commentToggle .view { display: none; height: 27px; }
.commentToggle .edit.active, .commentToggle .view.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.commentToggle .edit i { background-position: -131px -1283px; width: 18px; height: 19px; flex: 0 0 18px;}
.commentToggle .view i { background-position: -335px -1529px; width: 18px; height: 17px; flex: 0 0 18px;}
.commentToggle i { background: url("../../img/opm-sprites.png") no-repeat; content: ''; display: inline-block; margin-left: 10px; cursor: pointer; }

.LatoTitle { font-family: LatoRegular !important; }

.textbox { background: #f0f0f0 !important; float: left; width: 100%; font: 14px LatoRegular; max-width: 270px; padding: 5px 8px; border: 1px solid #dcdcdc; transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.detail-list{border-bottom: 1px solid #f2f2f2;clear: both;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;}
.detail-list:nth-last-child(1){border-bottom-color: transparent;}
.detail-list dt,.detail-list dd{display: inline-block;margin-bottom: 10px;float: left;word-wrap: break-word;}
.detail-list dt{width: 250px;}
.detail-list dd{width: calc(100% - 250px);}
.detail-list dd{position: relative;}
.detail-list dd::before {content: ':';position: absolute;left: -25px; display: inline-block;}
.detail-list dt{clear: left;}
.detail-list dd.inputtype > *{display: inline;}
.detail-list dd .heap-progressbar small{font-size: 10px;color: #666;display: block;margin-bottom: 3px;}
.detail-list dd .heap-progressbar .progBar{display: block; width: 200px;position: relative;height: 6px;content: '';border-radius: 20px;background: #ddd;}
.detail-list dd .heap-progressbar .progBar span{content: '';position: absolute;left: 0;top: 0;height: 6px;background: #239f5a;border-radius: 20px;}
.detail-list .inputtype .value, .detail-list .inputtype input{width: 40px;display: inline-block;outline: none;padding: 0;line-height: 20px;height: 20px;font-family: LatoRegular;border-width: 0;border-bottom: 1px solid transparent;font-size: 14px;}
.detail-list .inputtype input{border-bottom-color: #ddd;}
.detail-list .inputtype input:focus, .detail-list .inputtype input:hover{border-bottom-color:#27a964;}
.detail-list a,.detail-list .inputToggle, .detail-list a:visited{color: #147dbf}
.detail-list .inputToggle{margin-left: 5px;}

.vulnerability-details .infoMssg { margin-top: 0; padding: 15px 20px; }

.firmwareUpdateIcon{background:url(../../img/opm-sprites.png) no-repeat -334px -2133px;width:18px;height:18px;margin-bottom:-2px !important;display:inline-block;transform:scale(1.2);}
.firmwareAdvanceSearchIcon{background:url(../../img/opm-sprites.png) no-repeat -335px -2155px;width:18px;height:18px;margin-bottom:-2px !important;display:inline-block;transform:scale(1.2);}
.firmwareUpdateIcon.active{opacity: 1}

.AETIDContent #firmVulSettingsCnt{top:-4px !important}

.ncmFirVulnInfoBox{width:100%;float:left;background:#ffffff;padding:30px 20px;position:relative;padding-left:75px}
.ncmFirVulnInfoBox .count{font:23px LatoBold;width:100%;float:left}
.ncmFirVulnInfoBox .desc{font-size:14px;width:100%;float:left;color:#212121}
.ncmFirVulnInfoBox .vulDiscoveredDashSel{position:absolute;top:10px;right:10px}
.ncmFirVulnInfoBox:before{position:absolute;top:32px;left:20px;background:url("../../img/opm-sprites.png") no-repeat;width:36px;height:42px;content:""}
.ncmFirVulnInfoBox.iconTotalVulnerabilities:before{background-position:-84px -1733px}
.ncmFirVulnInfoBox.iconExploitsAvailable:before{background-position:-124px -1733px}
.ncmFirVulnInfoBox.iconAffectedDevices:before{background-position:-165px -1733px}
.ncmFirVulnInfoBox.iconVulnerabilitiesDiscovered:before{background-position:-206px -1733px}
.vulExploit{color:#ff4448}
.vulExploit.disable{display:none !important;}
.vulType{border: 1px solid #c01010 !important;padding: 3px 10px !important;border-radius: 4px !important;}
.vulType.disable{display:none !important;}

#advanced-criteria-div #enableDisableBtnDiv {display: flex;align-items: center;column-gap: 12px;}
#advanced-criteria-div #enableDisableBtnDiv .enableDisableBtn { width: 250px;height: 30px; }

#ccTvContent .dashboardWidget.FirmVulInfoCount:before{display:none}
#ccTvContent .dashboardWidget.FirmVulInfoCount .grid-container{padding:0}
#ccTvContent .dashboardWidget.FirmVulInfoCount .content{left:0;right:0;top:0}
#ccTvContent .dashboardWidget.FirmVulInfoCount .content .grid-row.sm{margin:0}
#ccTvContent .dashboardWidget.FirmVulInfoCount .content .grid-row.sm .grid-col-3:first-child{padding-left:0}
#ccTvContent .dashboardWidget.FirmVulInfoCount .content .grid-row.sm .grid-col-3:last-child{padding-right:0}

em.newTag{
 background-color: rgb(255, 248, 58);
    color: black;
    position: absolute;
    margin-left: 4px;
    font-size: 8px;
    border-radius: 2px;
    padding: 2px 4px;
    font-weight: 900;
    margin-top: -5px;
    font-family: sans-serif;
    border: 1px solid #fff972;
    text-transform: uppercase;
}

html.opmLeftAlign .grid-row.grid-container,html.opmAlignCenter .grid-row.grid-container{max-width:100%}
.grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.grid-col,.no-gutters>[class*=.grid-col-]{padding-right:0;padding-left:0}
.grid-col,.grid-col-1,.grid-col-10,.grid-col-11,.grid-col-12,.grid-col-2,.grid-col-3,.grid-col-4,.grid-col-5,.grid-col-6,.grid-col-7,.grid-col-8,.grid-col-9,.grid-col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.grid-row.sm .grid-col,.grid-row.sm .grid-col-1,.grid-row.sm .grid-col-10,.grid-row.sm .grid-col-11,.grid-row.sm .grid-col-12,.grid-row.sm .grid-col-2,.grid-row.sm .grid-col-3,.grid-row.sm .grid-col-4,.grid-row.sm .grid-col-5,.grid-row.sm .grid-col-6,.grid-row.sm .grid-col-7,.grid-row.sm .grid-col-8,.grid-row.sm .grid-col-9,.grid-row.sm .grid-col-auto{position:relative;width:100%;padding-right:5px;padding-left:5px}
.grid-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.grid-col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.grid-col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.grid-col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.grid-col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.grid-col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.grid-col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.grid-col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.grid-col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.grid-col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.grid-col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.grid-col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
[class^="grid-col-"]:first-child{padding-left:0}
[class^="grid-col-"]:last-child{padding-right:0}
.grid-container.formFields{padding:0}
.grid-container.formFields [class^="grid-col-"]:first-child{padding-left:15px;}
.grid-container.formFields [class^="grid-col-"]:last-child{padding-right:15px;}
.grid-container.formFields .grid-row [class^="grid-col-"] {margin-bottom:20px}
#zcContain_ageMatrixContainer {height: 400px;width: 450px;float:left;margin-top:20px;}

h4.subTitle{font-family:latoBold;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;width:100%;float:left;margin-top:20px}
.cumArtDefineCriteria1{width:150px;float:left}
.cumArtDefineCriteria2{width:150px;float:left;margin-left:10px}
.cumArtDefineCriteria3{width:70px;float:left;margin-left:10px}
.cumArtDefineCriteria4{width:120px;float:left;margin-left:10px}
.cumArtDefineCriteria5{width:120px;float:left;margin-left:10px}
.ncmFirVulnInfoBox{width:100%;float:left;background:#fff;padding:30px 20px;position:relative;padding-left:75px}
.ncmFirVulnInfoBox .count{font:23px LatoBold;width:100%;float:left}
.ncmFirVulnInfoBox .desc{font-size:14px;width:100%;float:left;color:#212121}
.ncmFirVulnInfoBox .vulDiscoSel{position:absolute;top:10px;right:10px}
.ncmFirVulnInfoBox:before{position:absolute;top:32px;left:20px;background:url("../../img/opm-sprites.png") no-repeat;width:36px;height:43px;content:""}
.ncmFirVulnInfoBox.iconTotalVulnerabilities:before{background-position:-84px -1733px}
.ncmFirVulnInfoBox.iconCriticalVulnerabilies:before{background-position:-124px -1733px}
.ncmFirVulnInfoBox.iconAffectedDevices:before{background-position:-165px -1733px}
.ncmFirVulnInfoBox.iconVulnerabilitiesDiscovered:before{background-position:-206px -1733px}
.ncmFirVulnInfoBox.iconExploitsAvailable:before{background-position:-245px -1732px}
.ncmFirVulnInfoBox__small{padding:20px 30px;padding-left:75px;background:#f9f9f9;border:1px solid #eeeeee}
.ncmFirVulnInfoBox__small:before{top:23px}
.vulnerabilitiesTopInfo{width:100%;float:left;padding:20px}
.vulnerabilitiesTopInfo .exploitsStatusNav{float:left;margin-top:20px;display:table-row;margin-right:10px}
.vulnerabilitiesTopInfo .exploitsStatusNav > div{display:table-cell;vertical-align:middle}
.vulnerabilitiesTopInfo .exploitsStatusNav > div:first-child{padding-right:10px;font-family:latoBold}
.vulnerabilitiesTopInfo .exploitsStatusNav .opmRadioBtn div{padding-left:33px;margin:0;margin-right:10px}
.vulnerabilitiesTopInfo .exploitsStatusNav .opmRadioBtn + .opmRadioBtn{margin:0}
.vulnerabilitiesTopInfo .exploitsStatusNav .enableDisableBtn{width:200px}
.vulnerabilitiesTopInfo .exploitsStatusNav .enableDisableBtn i{line-height:20px}
.vulnerabilitiesTopInfo .ncmDeviceGroup{float:left;margin-top:20px;display:table-row}
.vulnerabilitiesTopInfo .ncmDeviceGroup > div{display:table-cell;vertical-align:middle}
.vulnerabilitiesTopInfo .ncmDeviceGroup > div:first-child{font-family:latoBold}
.vulnerabilitiesTopInfo .ncmDeviceGroup .selBox{margin-left:10px;width:200px}
.vulnerabilitiesTopInfo .severityNav{float:right;margin-top:20px;margin-right:10px;display:table-row}
.vulnerabilitiesTopInfo .severityNav > div{display:table-cell;vertical-align:middle}
.vulnerabilitiesTopInfo .severityNav > div:first-child{font-family:latoBold;padding-right:10px}
.vulnerabilitiesTopInfo .severityNav > div ul li{list-style:none;float:left;margin-left:5px}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]{display:none}
.vulnerabilitiesTopInfo .severityNav > div ul li label{color:#212121;padding:0 20px;background:#f9f9f9;border:1px solid #eeeeee;line-height:31px;display:inline-block;border-radius:30px}
.vulnerabilitiesTopInfo .severityNav > div ul li label:hover{background:#45bd7f;color:#fff;border:1px solid #45bd7f}
.vulnerabilitiesTopInfo .severityNav > div ul li label:hover.severityCritical{background:#FF4448;border:1px solid #FF4448}
.vulnerabilitiesTopInfo .severityNav > div ul li label:hover.severityImportant{background:#FFB500;border:1px solid #FFB500}
.vulnerabilitiesTopInfo .severityNav > div ul li label:hover.severityModerate{background:#E8DE65;border:1px solid #E8DE65}
.vulnerabilitiesTopInfo .severityNav > div ul li label:hover.severityLow{background:#AC4CAB;border:1px solid #AC4CAB}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]:checked + label{background:#45bd7f;color:#fff;border:1px solid #45bd7f}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]:checked + label.severityCritical{background:#FF4448;border:1px solid #FF4448}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]:checked + label.severityImportant{background:#FFB500;border:1px solid #FFB500}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]:checked + label.severityModerate{background:#E8DE65;border:1px solid #E8DE65}
.vulnerabilitiesTopInfo .severityNav > div ul li input[type="checkbox"]:checked + label.severityLow{background:#AC4CAB;border:1px solid #AC4CAB}
.vulnerabilitiesTopInfo .exportIconNCM{float:right;margin-top:27px}
.vulnerabilitiesTopInfo .exportIconNCM span{margin-left:2px;font-size:16px}
.vulnerabilitiesTopInfo .requestUpdateBtn{float:right;margin-right:10px;margin-top:18px}
.vulnerabilitiesTopInfo .requestUpdateBtn .opmBtn{border-radius:5px}
.vulnerabilitiesTopInfo + .opmFormHolder{top:180px !important;padding-top:0 !important}

.vulnerableDevicesReport{width:calc(100% - 30px);float:left;background:#f9f9f9;border:1px solid #eeeeee;padding:20px;margin-top:20px}
.vulnerableDevicesReport ul.linkText li{display:inline-block;list-style:none;margin-right:5px}
.vulnerableDevicesReport ul.linkText li:after{content:","}
.vulnerableDevicesReport ul.linkText li a{text-decoration:underline;color:#212121;line-height:1.6;margin-left: 4px;}
.vulnerableDevicesReport .subTableInfo{width:100%;float:left;margin:20px 0}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li{display:inline-block;list-style:none;padding:0 15px;border-right:1px solid #e2e2e2;margin-right:0;}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li span.vulCount{font-size:15px;font-family:latoBold}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li:last-child{border-right:0}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li:first-child{padding-left:0}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a{color:#3996dd;padding-left:20px;position:relative}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a:before{position:absolute;top:1px;left:0;width:14px;height:14px;content:"";border-radius:14px}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a.critical:before{background:#FF4448}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a.important:before{background:#FFB500}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a.moderate:before{background:#E8DE65}
.vulnerableDevicesReport .deviceInfo ul.deviceStatus li a.low:before{background:#8F5AC6}
.vulnerableDevicesReport p.noDataMsg{mafgin:0;text-align:center;}
.ncmTopReportChart{width:1300px;margin:20px auto;display:table;min-height:400px}
.ncmTopReportChart .chartInfo{width:100%;float:left;position:relative;padding-left:600px;min-height:400px;padding-top:50px}
.ncmTopReportChart .chartInfo{font:13px LatoRegular;}
.ncmTopReportChart .chartInfo ul li{list-style:none;float:left;width:100%;padding:20px 0 20px 60px;position:relative}
.ncmTopReportChart .chartInfo ul li:before{width:50px;height:50px;background:#f0f0f0;position:absolute;top:50%;transform:translateY(-50%);left:0;content:"";border-radius:50%}
.ncmTopReportChart .chartInfo ul li.status-critical:before{background:#FF4448}
.ncmTopReportChart .chartInfo ul li.status-critical .totalCount{color:#fff}
.ncmTopReportChart .chartInfo ul li.status-important:before{background:#FFB500}
.ncmTopReportChart .chartInfo ul li.status-important .totalCount{color:#fff}
.ncmTopReportChart .chartInfo ul li.status-moderate:before{background:#E8DE65}
.ncmTopReportChart .chartInfo ul li.status-moderate .totalCount{color:#fff}
.ncmTopReportChart .chartInfo ul li.status-low:before{background:#8F5AC6}
.ncmTopReportChart .chartInfo ul li.status-low .totalCount{color:#fff}
.ncmTopReportChart .chartInfo ul li .totalCount{text-align:center;width:50px;height:50px;position:absolute;top:50%;transform:translateY(-50%);left:0;margin-top:18px}
.ncmTopReportChart .reportPieChart{position:absolute;left:0;width:600px;height:400px;top:0}
.ncmTopReportChart #ncmReportPieChart #zcContain_ncmReportPieChart{height:400px !important;width:600px !important;float:left;margin-top:20px;border:none;margin-top:-00px}
.ncmTopReportStatus, .ncmTopDeviceGroup, .ncmTopIcons{float:left;margin-left:10px}
.ncmTopReportStatus .opmRadioBtn{margin-left:20px}
.ncmTopReportStatus .opmRadioBtn > div{padding-left:35px}
.ncmTopDeviceGroup{min-width:175px}
.ncmTopIcons{font-size:16px;padding-top:6px}
.ncmTopIcons span{margin-left:5px}
html.opmLeftAlign .grid-row.grid-container,html.opmAlignCenter .grid-row.grid-container{max-width:100%}
.grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.grid-col,.no-gutters>[class*=.grid-col-]{padding-right:0;padding-left:0}
.grid-col,.grid-col-1,.grid-col-10,.grid-col-11,.grid-col-12,.grid-col-2,.grid-col-3,.grid-col-4,.grid-col-5,.grid-col-6,.grid-col-7,.grid-col-8,.grid-col-9,.grid-col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.grid-row.sm .grid-col,.grid-row.sm .grid-col-1,.grid-row.sm .grid-col-10,.grid-row.sm .grid-col-11,.grid-row.sm .grid-col-12,.grid-row.sm .grid-col-2,.grid-row.sm .grid-col-3,.grid-row.sm .grid-col-4,.grid-row.sm .grid-col-5,.grid-row.sm .grid-col-6,.grid-row.sm .grid-col-7,.grid-row.sm .grid-col-8,.grid-row.sm .grid-col-9,.grid-row.sm .grid-col-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}
.grid-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.grid-col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.grid-col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.grid-col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.grid-col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.grid-col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.grid-col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.grid-col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.grid-col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.grid-col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.grid-col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.grid-col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
[class^="grid-col-"]:first-child{padding-left:0}
[class^="grid-col-"]:last-child{padding-right:0}

#firmVulSettingsCnt div.ui-widget-content,#firmVulSettingsCnt div.ui-widget-content{background:#fbfbfb;border-top:0;opacity:1.8;filter:alpha(opacity=80);transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.vulerabilityDeviceIcon{cursor:pointer;content:'';background:url("../../img/opm-sprites.png") no-repeat -261px -1709px;width:15px;height:16px;}
.vulerabilityIdIcon{cursor:pointer;content:'';background:url("../../img/opm-sprites.png") no-repeat -280px -1708px;width:15px;height:18px;}
.vulerabilityVersionIcon{cursor:pointer;content:'';background:url("../../img/opm-sprites.png") no-repeat -299px -1708px;width:15px;height:17px;}
.vulerabilityDeviceIcon,.vulerabilityIdIcon,.vulerabilityVersionIcon,.vulerabilityFixTrend,.vulerabilityHistory{padding: 0 !important;margin: 0 7px 0 0;position: relative;top: 3px;display: inline-block;}
.vulerabilityFixTrend{cursor:pointer;content:'';background:url("../../img/opm-sprites-v2.svg") no-repeat -138px -152px;width:18px;height:18px;}
.vulerabilityHistory{cursor:pointer;content:'';background:url("../../img/opm-sprites-v2.svg") no-repeat -138px -132px;width:18px;height:18px;}
.ncmFirVulnInfoBox.ncmFirVulnInfoBox__small{height:100px}
/* NCM Firmware Vulnerability Styles Ends */
.statusUpIcon{background: url(../../img/opm-sprites.png) no-repeat -225px -1511px;width: 18px;height: 18px;margin-bottom: -2px !important; display: inline-block;}
.statusDownIcon{background: url(../../img/opm-sprites.png) no-repeat -245px -1511px;width: 18px;height: 18px;margin-bottom: -2px !important; display: inline-block;}
.oputilsExport{float:left;padding:10px 8px}
.oputilsExport label{margin:0 !important}
.oputilsExport .opm-reports2.opmExport { background:url(../../img/opm-sprites.png) no-repeat 0 0 !important;background-position: -246px -689px !important;}
.oputilsExport > div {overflow: inherit !important;}
.oputilsExport .icon-remove{background: #f5f5f5 !important}
.AETIDFilDropDownList li:not(.header) i.opuIcon{background-image: url(../../img/opm-sprites.png) !important; display: block; top: 7px !important; left: 8px; width: 17px; height: 20px; transform: scale(.8)}
.AETIDFilDropDownList li:not(.header) i.report-pdf-opu{background-position: -107px -700px !important}
.AETIDFilDropDownList li:not(.header) i.report-excel-opu{background-position: -88px -700px !important}

body.DevIntervalSelect2 .select2-container .select2-dropdown{min-width:50px !important;}
html:not(.MessageViewBoxOpen) .MsgInfoSidebarFix #PageSideBar{top:0;}
.refresh-tooltip{top:10px;left:10px;}
.refresh-tooltip .helpCardInfo{right:-118px;top:35px;}
.settingsPageHelp .opmTabCont.roadmapLinks{height:auto}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks{float:left;width:100%;padding:10px 0 5px;border-top:1px solid #ececec;display:block}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul{list-style-type:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;width:auto}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li::after{content:'';height:100%;width:2px;margin-left:10px;display:inline-block;background-color:#d4d4d4}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li:first-child{margin-left:0}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li:last-child::after{display:none}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a{line-height:1;color:#3996dd;font-family:LatoRegular}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:focus,.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:hover,.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:visited{text-decoration:none}

.pagerInTitleBar {top: 28px;right: 110px;width: auto;float: right;position:absolute;z-index: 9;}
#cveReportData.pagerInTitleBar {right: 135px;}
.pagerInTitleBar .hrdwrInvRepInfo{top: 0;padding: 0 30px 0 0;}
/*********************** CSS FOR FIRMWARE PAGING *******************/
.firmwarePaging .exploitsStatusNav .statusHeader, .firmwarePaging .ncmDeviceGroup .statusHeader, .firmwarePaging .severityNav .statusHeader{display: block;margin-bottom: 10px;}
.firmwarePaging .exploitsStatusNav .statusOption, .firmwarePaging .ncmDeviceGroup .statusOption, .firmwarePaging .severityNav .statusOption{position: relative;right: 10px;}
.firmwarePaging .ncmDeviceGroup{margin-right: 20px;}
.firmwarePaging .ncmDeviceGroup .selBox{width: 80px !important;}
.firmwarePaging .ncmDeviceGroup .statusOption .pageInfoInput{width: 30px;height: 33px;text-align: center;font: 14px LatoRegular;padding: 5px 8px;border: 1px solid #dcdcdc;background: #f0f0f0;margin-right: 5px;}
.firmwarePaging .ncmDeviceGroup .statusOption.r-0{right: 0px;padding-top: 7px;}
.firmwarePaging .severityNav .statusOption.r-0{right: 5px;}
.firmwarePaging .exploitsStatusNav .statusOption .size16 {width: 22px;height: 22px;margin-top: 5px;}
.firmwarePaging .requestUpdateBtn {margin-top: 45px !important;}
.firmwarePaging .exportIconNCM {margin-top: 55px !important;}

/* common icons */
.discIcon{position:relative; width:20px; height:16px; float:left; cursor:pointer; margin-right:10px}
.discIcon:before{background-image: url('../../img/opm-sprites.png'); background-repeat: no-repeat; content:""; position:absolute; left:0px; top:0px; width: 17px; height: 17px}
.discEditIcon:before{background-position: -219px -1439px; width: 14px}
.discSheduleIcon:before{background-position:  -238px -1438px}
.discReportIcon:before{background-position:  -260px -1437px}
.discDeleteIcon:before{background-position:  -282px -1438px; width: 15px}
.discCopyIcon:before{background-position:  -302px -1438px}

/*Add Virtual Server*/
.icon-sm-settingVM {background-position: -197px -1440px;}
/*Add storage device*/
.icon-sm-settingStorageDevice {background-position: -180px -1439px;width: 13px !important;}
/*Interface Discovery*/
.icon-sm-settingInterfaceDisc {background-position: -138px -1438px;width: 17px !important;}
/*Device credentials*/
.icon-sm-settingDeviceCredential {background-position: -157px -1438px;width: 17px !important;}


/*Interface Discovery Icon*/
.icon-sm-InterfaceDisc { background-position: -138px -1438px; width: 17px !important; }
/*Sub Interface CSS*/
.subIntfYellowBox{background: #faf5e1;font-size: 12px;padding: 0px 9px;border-radius: 4px;margin-left: 5px;float: left !important;border: 1px solid #fcea84;left: 180px;top: 5px;position: unset !important;display: flex;height: 30px;align-items: center;}
.subIntfRedBox{background: #ffedf0;font-size: 12px;padding: 0px 9px;border-radius: 4px;margin-left: 5px;float: left !important;border: 1px solid #ffedf0;color:#222;right: 80px;top: 5px;position: unset !important;display: flex;height: 30px;align-items: center;}
li[data-class=hidecheckBox] a .jstree-checkbox{display: none !important}
.hidecheckBox a .jstree-checkbox{display: none !important}
.novmsdiv {text-align: center; width: 100%; position:absolute}
.DIGmCustomScrollMod{height:360px;padding:30px 0 !important;margin:0 !important;overflow:hidden !important}
.DIGmCustomScrollMod > div{float:left;width:100%;height:100%;overflow:auto}
.refresh-tooltip{top:10px;left:10px;}
.refresh-tooltip .helpCardInfo{right:-118px;top:35px;}
.settingsPageHelp .opmTabCont.roadmapLinks{height:auto}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks{float:left;width:100%;padding:10px 0 5px;border-top:1px solid #ececec;display:block}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul{list-style-type:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;width:auto}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li::after{content:'';height:100%;width:2px;margin-left:10px;display:inline-block;background-color:#d4d4d4}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li:first-child{margin-left:0}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li:last-child::after{display:none}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a{line-height:1;color:#3996dd;font-family:LatoRegular}
.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:focus,.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:hover,.settingsPageHelp .opmTabCont.roadmapLinks .rmLinks ul li a:visited{text-decoration:none}
.sideBarScrollFix .AETIDList .FilterAccordionContainer{overflow: hidden;}
.sideBarScrollFix .AETIDList .FilterAccordionContainer .FilterAccContent,
.sideBarScrollFix .AETIDList .FilterAccordionContainer .FilterAccContent .oputilslefttab,
.sideBarScrollFix .AETIDList .FilterAccordionContainer .FilterAccContent .oputilslefttab .FltrCont{height: 100%;}
.sideBarScrollFix .AETIDList .FilterAccordionContainer .FilterAccContent .oputilslefttab .AllDevices.FilterType {padding: 50px 0 100px;overflow-y: auto;}
.oputilsSnapshot .filterTypeTab{width:100%;height:46px;position:absolute;right:270px;/* bottom:0; */left:54px;z-index:2;top: 0;left: 0;}
.oputilsSnapshot .filterTypeTab .list{float:left;width: 100%;height:100%;overflow:hidden;background:#fff;}
.oputilsSnapshot .filterTypeTab .list li{position:relative;float:left;width: 50%;height:100%;font:14px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#606060;padding: 1px 15px;line-height: 40px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-right:1px solid #e9e9ea;position:relative;overflow:hidden;}
.oputilsSnapshot .filterTypeTab .list li:after{position:absolute;bottom:0;width:100%;left:0;height:1px;background:#c1c1c1;content:""}
.oputilsSnapshot .filterTypeTab .list li.active:after{background:#49bd80}
.oputilsSnapshot .filterTypeTab .list li:hover,.oputilsSnapshot .filterTypeTab .list li.active{background:#fafafa;color:#000;font-family:LatoBold}
.oputilsSnapshot .filterTypeTab .list li:last-child{border:0}

.fwaServerPage { margin: 25px !important; display: -webkit-box; display: -ms-flexbox; display: flex; }
.fwaServerPage .flex-center { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 550px; flex: 0 0 550px; }
.fwaServerPage .imgContainer { display: inline-block; }
.fwaServerPage .imgContainer img { max-width: 100%; display: block; margin: auto; }
.fwaServerPage b { display: block; margin-top: 10px; }
.fwaServerPage b small { font-size: 75%; margin: 10px 0; font-family: LatoBold; display: block; }
.fwaServerPage .opmInfoMsg.style2 { margin-bottom: 15px; }
.fwaServerPage .opmBtn { margin: 10px 0; }
.fwaServerPage ul { list-style-type: disc; margin-bottom: 20px; }
.fwaServerPage ul li { padding-left: 5px; }
.opmInventoryHolder .AETIDHeader .AETIDFilterRight{right:20px;}
.DHCPstatusIcon i, .DHCPstatusIcon em {margin-right: 5px;display: inline-block;}
.DHCPstatusIcon{display:-webkit-box;display:-ms-flexbox;display:flex}
.DHCPstatusInProgress {position: relative; padding-left: 20px;}

/****---- Idle status css ----*/
.IdleBar {margin-top: 20px;padding: 0 20px}
.reportGraphContainer.fwaFixedTable{overflow:hidden;}
.reportGraphContainer.fwaFixedTable .opm_jqGridUI {position:absolute;padding-top:50px;padding-bottom:80px;height:100%}
.reportGraphContainer.fwaFixedTable .opm_jqGridUI >  div{height:100%}
.reportGraphContainer.fwaFixedTable .ui-state-default.ui-jqgrid-hdiv{margin-top:0 !important}
.reportGraphContainer.fwaFixedTable .opm_jqGridUI .ui-state-default.ui-jqgrid-pager.ui-corner-bottom{position:absolute;bottom:-63px;}
.reportGraphContainer.fwaFixedTable .opm_jqGridUI .ui-jqgrid-bdiv{position:absolute;top:35px;height:100% !important;overflow:auto !important;}
.reportGraphContainer.fwaFixedTable .dashboardWidget.fullCol{height:100% !important}
.reportGraphContainer.fwaFixedTable .ui-jqgrid-view{position:initial}
.reportGraphContainer.fwaFixedTable.searchOpen .opm_jqGridUI .ui-jqgrid-bdiv{height:calc(100% - 50px) !important;}
.reportGraphContainer.fwaFixedTable.searchOpen .dashboardWidget > .FA-ReportSearch{top:85px}
.reportGraphContainer.fwaFixedTable .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{height:auto}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget{height:100% !important;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle{height:100% !important;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview{position:relative;height:100%;padding:40px 0;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview > div,
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview > div > .ui-jqgrid-view{height:100% !important;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview .ui-state-default.ui-jqgrid-hdiv{position:absolute;top:-35px;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview .ui-jqgrid-bdiv{position:absolute;top:0;height:100% !important;overflow: auto;}
#fwaReportGraphData .fwaRawDeviceSingleReportWidget #inventoryGridStyle .opm_jqGridUI.opmReportsGridview .ui-corner-bottom{position:absolute;bottom:-30px;}
i.openToolTip + .cliApiToolTip{opacity:1;margin-left:0;transition:.5s}
.cliApiToolTip{float:left;padding-left: 5px;opacity:0;margin-top: -2px;position:relative;transition:.5s;margin-left:20px;}
.cliApiToolTip > .cliApiBtn{float:left;padding:0 10px;line-height: 20px;background: #f4f5f6;border: 1px solid #eaeaea;font-size: 12px;cursor:pointer;color: #000;z-index: 3;position: relative;}
.cliApiToolTip > .cliApiBtn:first-child{border-right:0;/* border-left:0; */}
.cliApiToolTip > .cliApiBtn:first-child:before{width: 8px;height: 8px;background: #f4f5f6;left: -4px;top: 7px;content:"";position:absolute;transform:rotate(45deg);border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;z-index: 2;}
.cliApiToolTip > .cliApiBtn:hover{background:#45bd7f;color:#fff;border-top:1px solid #45bd7f;border-bottom:1px solid #45bd7f}
.cliApiToolTip > .cliApiBtn:hover:before{background:#45bd7f}

.fwaRuleAdminCommandTable td{border:1px solid #d4d4d4;padding:10px;text-align:left;word-break:break-word}
.fwaRuleAdminAccordion h4:before{display:none;}
.fwaRuleAdminCnt{border: #dcddde 1px solid;border-radius: 5px;width: 100%;padding: 20px 25px 5px 25px;float: left}

.greyButton { margin: 0 10px; padding: 5px 12px; background: #eaeaea; border-radius: 3px; font: 12px LatoRegular; display: inline-block;cursor:pointer;}
.greyButton { margin: 0 10px; padding: 5px 12px; background: #eaeaea; border-radius: 3px; font: 12px LatoRegular; display: inline-block;cursor:pointer;}
.selBoxList .List { height: 140px; overflow: auto; border: 1px solid #e2e2e2; border-bottom: 0; }
.selBoxList .List ul { height: 100%; }
.selBoxList .List ul li { padding: 10px; position: relative; }
.selBoxList .List ul li .close{position: absolute;right: 11px;top: 10px;display: none;cursor: pointer;width:16px;height:16px;}
.selBoxList .List ul li .close:after {content: '';background: url("../../img/opm-sprites.png") no-repeat -179px -1469px;width: 9px;height: 9px;display: inline-block;}
.selBoxList .List ul li:hover { background-color: rgba(57, 150, 221, 0.5); }
.selBoxList .List ul li:hover:nth-child(even) { background-color: rgba(57, 150, 221, 0.5); }
.selBoxList .List ul li:hover .close { display: inline-block; }
.selBoxList .List ul li:nth-child(even) { background-color: #fafafa; }
.selBoxList .select2-search--dropdown .select2-search__field { padding: 10px 40px 10px 10px; border-color: #e2e2e2; }
.selBoxList .select2-container .select2-search--inline { width: 100% !important; }
.selBoxList .select2-container .select2-search--inline input { width: 100% !important; background-color: transparent !important; padding: 10px; height: 31px; }
.selBoxList .select2-container--default .select2-selection--multiple .select2-selection__choice { display: none; visibility: hidden; }
.selBoxList .selBox > div .select2-container.select2-container--focus.select2-container--open .selection .select2-selection:after { display: inline-block; content: ''; background: url("../../img/opm-sprites.png") no-repeat -86px -1438px; width: 17px; height: 16px; position: absolute; border: 0; right: 10px; top: 8px; }
.selBoxList .selBox > div .select2-container .selection .select2-selection { padding: 0 30px 0 0; }
.selBoxList .selBox > div .select2-container .selection .select2-selection:after { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; width: 0; height: 0; background: transparent; display: inline-block; content: ''; right: 11px; position: absolute; top: 13px; }
.selBoxList .selBox > div .select2-container.select2-container--focus.select2-container--open .selection .select2-selection:before{ display:none; }
.selBoxList .selBox > div .select2-container .selection .select2-selection:before {width: 1px; height: 32px; background: #d4d4d4; display: ; content: ''; right: 30px; position: absolute; top: 0px; }
.selBoxList .placeholder{position:absolute;width:270px;padding:7px 0px 10px 10px;z-index: 1;}
.selBoxList{position:relative;}

.selBoxComboEnabled .select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent; }
.selBoxComboEnabled .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #000; }
.selBoxComboEnabled .select2-container .select2-dropdown { background-color: white; -webkit-box-shadow: 0 8px 15px #eaeaea; box-shadow: 0 8px 15px #eaeaea; }
.selBoxComboEnabled .select2-results__option { padding: 7px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.selBoxComboEnabled .select2-results__option[aria-selected=true]:before { background-position: -71px -1282px; }
.selBoxComboEnabled .select2-results__option:before { display: inline-block; content: ''; background: url("../../img/opm-sprites.png") no-repeat -90px -1282px; width: 16px; margin-right: 15px; height: 16px; }
.selBoxComboEnabled .select2-search--dropdown { padding: 0; }

.revertIcon {background: url('../../img/opm-sprites.png') no-repeat -213px -1618px;width: 17px;height: 14px;content:"";display: inline-block;}
.settingsCnt > section .settingsContent .titleFull{font:20px BitterRegular;padding:0 0 10px;position:absolute;top: 0px !important;right:0px;left:0px;z-index:1;}
.settingsCnt > section .settingsContent .titleFull header{border-bottom:1px solid #efefef;background:#F5F6F8;padding: 10px 20px;height:45px}
.settingsCnt > section .settingsContent .titleFull header .fwaSearchList{margin: 0px;position: absolute;right: 20px;top: 7px;}
.settingsCnt > section .settingsContent .titleFull header .FilterTypeHolder{float: right;width: auto;padding-right: 10px;margin: 5px 0 0;cursor: pointer;}
.settingsCnt > section .settingsContent .titleFull header .FilterTypeHolder span{font-size: 12px;color: #8a8e91;display:block}
.settingsCnt > section .settingsContent .titleFull header .dateType{float: right;width: auto;padding-right: 10px;cursor: pointer;font-size: 13px;}
.settingsCnt > section .settingsContent .titleFull header .dateType .dpiTimeSelection{float: right;width: auto;padding-right: 10px;cursor: pointer;font-size: 13px;margin-top: 0;}
.settingsCnt > section .settingsContent .titleFull header .dashboardWidgetIcons{float: right;width: auto;margin: 5px 0px 0px;padding-right: 10px;}
.settingsCnt > section .settingsContent .titleFull header .borRight1{color: #8a8e91;font: 14px LatoRegular;}
.pt-0 {padding-top:0 !important}
.mt-50 {margin-top:50px !important}
/*WhatsNew css*/
#SummaryPage .row .col a span{position: relative}
#SummaryPage .row .col a span.newTag em,.AddonProductSummary .newTag em{background-color: rgb(255, 248, 58);color: black;position: absolute;margin-left: 4px;font-size: 8px;border-radius: 2px;padding: 2px 4px;font-weight: 900;margin-top: -5px;font-family: sans-serif;border: 1px solid #fff972;text-transform: uppercase;}
#SummaryPage .row .col a span.newTag em::after,.AddonProductSummary .newTag em::after{display: inline-block;width:4px; height:4px;background:red; position:absolute;right: -3px;top:-2px;border-radius:50%;border: 1px solid white;}
#SummaryPage .row .col a span.newTag em, .AddonProductSummary .newTag em {white-space:nowrap;}

header#header.whatsNewShow { z-index: 999; }
.whatsNew { float: right; width: 40px; height: 50px; padding: 15px 9px; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0; overflow: visible; }
.whatsNew:hover { background-color: #27a965; fill: #fff; }
.whatsNew .whatsNewMsg { background-color: #f34848; color: #fff; padding: 5px 8px; border-radius: 3px; position: absolute; top: 44px; right: 7px; font-size: 12px; min-width: 95px; text-align: center; display: none; }
.whatsNew .whatsNewMsg.blue { background-color: #3996dd; }
.whatsNew .whatsNewMsg.blue::before { border-bottom-color: #3996dd; }
.whatsNew .whatsNewMsg.red { background-color: #f34848; }
.whatsNew .whatsNewMsg.red::before { border-bottom-color: #f34848; }
.whatsNew .whatsNewMsg.yellow { background-color: #edc133; }
.whatsNew .whatsNewMsg.yellow::before { border-bottom-color: #edc133; }
.whatsNew .whatsNewMsg::before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top: 0; border-bottom: 5px solid #f34848; position: absolute; right: 8px; top: -5px; display: block; }
.whatsNew:hover .whatsNewMsg { display: block; }

.nfaAddRoundBtn{margin:24px !important;left:18px}

.FilterByList.type1{width:auto !important;}
.FilterByList.type1 > span.subHdrSpan1{cursor:pointer;}
.FilterByList.type1 > span.subHdrSpan1 > label{margin:5px;cursor:pointer;}
.FilterByList.type1 > span.subHdrSpan1 > i.opmFilter{top:5px !important;width:18px !important;float:none;margin:0 !important;}
.greyButton { margin: 0 10px; padding: 5px 12px; background: #eaeaea; border-radius: 3px; font: 12px LatoRegular; display: inline-block;cursor:pointer;}


.customSmallSlide{width:360px;}
.customSmallSlide header{background: #eeeeee;height: 55px !important;padding: 15px 20px !important;}
.customSmallSlide header .icon-remove{top:15px !important}
.customSmallSlide .opmTabCont{top:55px !important;}
.customSmallSlide .snapshotWidgetConfig > div:first-child{height:30px;border-bottom:1px solid #efefef}
.customSmallSlide .snapshotWidgetConfig ul{top:5px}
.customSmallSlide .snapshotWidgetConfig li{padding:3px 0;}
.customSmallSlide .snapshotWidgetConfig li:first-child{font-family:LatoRegular;}
.customSmallSlide .snapshotWidgetConfig li > div{padding:0 !important}
.customSmallSlide .opmForm .opmFormRow i{color:#777777;font-size:11px;}
.bulkEditStyle{top:60px !important;}
.bulkEditStyle .col-1{width:220px !important;}
.bulkEditStyle .col-1 .opmFormCol label{font-family: LatoBold;}
.bulkEditStyle .col-2{width:calc(100% - 220px) !important;}
.bulkEditStyle .col-2 .opmFormTitle2{border-bottom:0;font-family: LatoBold;}
.bulkEditStyle .opmForm .opmFormRow{margin-bottom:15px !important;}
.bulkEditStyle .slideContHolder{margin: 0 !important;}
.customSmallSlide .bulkEditStyle .opmTabCont{top: 0 !important;padding: 0;}
.slideContent.slideFrmSecMenu{top:-35px;height:calc(100% + 35px);}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .greyMoreBtn i{background:#a3a3a4 !important;}
.monitorSnapshotSlideIn .deviceSnapshotMonitors .greyMoreBtn .monitorsPlusBtn ul li:hover{background:#a3a3a4 !important;}
.customSmallSlide header .bulkEditDeviceType{opacity: 0.5;font-size: 75%;display: inline-block;margin-left: 10px;}
.noDataGridBtn{border:1px solid #3eaa7275;background:#45bd7f;color:#fff !important;padding:5px 12px;text-decoration:none !important;}
.moreActionsDropdown .opmMoreList.type2 > .addMonitorsBtn.drpdwn i::after{bottom:0px;right:0px;}
.moreActionsDropdown .monitorsPlusBtn:hover ul{display:block}

.exportIconsFix {vertical-align: bottom;}
.exportIconsFix.csvIcon{margin-right:5px; display:inline-block; height:26px;}
.exportIconsFix.csvIcon svg{height: 20px;width: 20px;display: inline-block;}
.fs20{font-size:20px}

.ncmDeviceSummary .nfaDeviceSummary{margin-bottom:20px}
.ncmDeviceSummary > div{float:left;width:49%}
.ncmDeviceSummary > div:only-child{float:left !important}
.ncmDeviceSummary > div:last-child{float:right}
.ncmDeviceSummary .right i[class^="icon-status"].ncmSnapshotIcon{top:-2px;}
.ncmDeviceSummary .right span{float:left;margin:0 5px 0 0}

/* NFA Schedule Reports CSS Start */
.NFA_scheduleReports h4{font-size:14px;margin-bottom:5px}
.NFA_scheduleReports .tab1{max-width:700px}
.NFA_scheduleReports .noOfPdfDropDown{position:relative;padding-right:90px}
.NFA_scheduleReports .noOfPdfDropDown .selBox{position:absolute;top:0;right:0;width:150px}
.NFA_scheduleReports .noOfPdfDropDown:after{content:")";top:8px;right:-10px;position:absolute}
.NFA_scheduleReports .timeFilter{max-width:550px;padding-left:30px}
.NFA_scheduleReports .nfa_showMoreLink{color:#3996dd;cursor:pointer;float:left}
.NFA_scheduleReports .nfa_showMoreCont{display:none}
.NFA_scheduleReports input[type="checkbox"]:checked + .nfa_showMoreCont{display:block}
.NFA_scheduleReports .opmForm .opmFormCol span{border-right:1px solid #efefef}
.NFA_scheduleReports .opmForm .opmFormCol .attachOption{float:left;line-height:33px;margin-right:20px}
.NFA_scheduleReports .opmForm .opmFormCol.scheduleSettings > div{min-width:100px}
.NFA_scheduleReports .mailFilter {width: 50px;position: absolute;top: 26px;right: 30px}
.NFA_scheduleReports .opmFormHrLine{margin-bottom:20px;margin-top:0}
.NFA_scheduleReports .opmDropDownType2List{left: inherit;right: -7px}
.NFA_scheduleReports .opmDropDownType2List:before{left: 206px}
.NFA_scheduleReports .tab1 .tab1Content{padding:30px 35px}
.opmFormCol + .opmFormCol.noLabel{margin-top:21px}
.NFA_scheduleReports .scheduleSettingsLabel .attachOption{min-width:150px !important}
.nfaDeviceGroupCriteria .opmFormRow.customColl .opmFormCol.nfaDefineCriteriaApp{min-width: 200px !important;max-width: 200px !important;}
.nfaDeviceGroupCriteria .opmFormRow.customColl .opmFormCol.nfaDefineCriteriaApp.coll300{min-width: 300px !important;max-width: 300px !important;}
.NFA_scheduleReports .opmForm .opmFormCol .attachOption.schedule_profile_pl0 { padding-left: 0; line-height: 18px;}
.scheduleConWidth-1000 {width: 1000px !important;}
.scheduleCheckboxBtm > div { margin-bottom: 10px;}
/* NFA Schedule Reports CSS End */

.nfaCustomDateDiv{width:23% !important; margin:0 !important}
.nfaCustomTimeDiv{width:42% !important; margin:0 0 0 20px !important}

.nfaRoundAddBtn{margin:24px !important; left:10px}

/* NFA Inventory List Styles Starts */
.opm_jqGridUI .opmCusGrid.opmTreeViewSubGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i{top:9px !important}
.opm_jqGridUI .opmCusGrid.opmTreeViewSubGrid .ui-jqgrid .ui-jqgrid-bdiv td img{vertical-align: middle !important}
.opmCusGrid.opmTreeViewSubGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-hbox{border:1px solid #e2e2e2;padding-right: 0;}
.opmCusGrid.opmTreeViewSubGrid.opmTreeViewGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > td.subgrid-data .ui-jqgrid-bdiv{border:1px solid #e2e2e2;border-top:0}
.opmCusGrid.opmTreeViewSubGrid  .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{height:auto !important}
#opm_devListHolder > .ui-jqgrid .ui-jqgrid{width:100 %!important;}
#AlrmEvtTrapInvDev.Grid.opmTreeViewSubGrid .opmCusGrid.opmTreeViewGrid .ui-jqgrid-btable .jqgrow.ui-row-ltr td:not(:first-child){position:inherit !important}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewSubGrid.opmTreeViewGrid .ui-jqgrid-btable .jqgrow.ui-row-ltr td:not(:first-child){left:0}
#AlrmEvtTrapInvDev.Grid .opmCusGrid.opmTreeViewSubGrid.opmTreeViewGrid.opmTreeViewGridWLC > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid .ui-jqgrid-bdiv{max-height:300px !important;float:left;}
#AlrmEvtTrapInvDev .opmCusGrid.opmTreeViewSubGrid .ui-jqgrid-view .ui-jqgrid-hdiv{border-bottom:0}

.AETIDFilter > .viewType > i:hover,.viewType > i.devsearchicon{padding: 11px !important;}
.AETIDFilter > .viewType > i:hover,.viewType > i.expand{background:#f0f0f0;padding: 10px !important;/* margin-left: 10px; */}
.AETIDFilter > .viewType > i:hover,.viewType > i.expand:before{background:url(../../img/opm-sprites.png) no-repeat -285px -1418px;width:17px;height:16px;content:'';margin:auto;display: inline-block;}

#PageContent .actions i.nfaAttacksSearch, .DeviceGroupDetails .actions .i.nfaAttacksSearch{margin-top:-10px;}

.m-l-5{margin-left: 5px !important;}
.m-l-20{margin-left: 20px !important;}
.opmAddDevice{float:right;padding: 20px;height: 40px;margin:0 0 0 -10px !important;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;position:relative;top: -9px;right: -10px;}
.AETIDFilter > i,.viewType > i{font-size:20px;color:#9f9f9f;margin: 0 0 0 15px;cursor:pointer;}
#AlrmEvtTrapInvDev .viewType{right: 10px;}

.opm_jqGridUI .opmCusGrid.no-select-all-cb .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels > th:first-child div > span.s-ico {display:none !important}
/* NFA Inventory List Styles Ends */

.reportGraph.netflowReportGraph.reportProfiles > section{top:30px;}

/* NFA grid custom pager related CSS starts */
.opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom:0;}
.nfaCustomerPagination{border-top: 1px solid #e3e3e3;position: absolute;bottom: -20px;left: 0;background: #f5f6f8;width:100%;height: 30px;padding: 1px;display: flex;align-items: center;justify-content: space-between;z-index:1;}
.nfaCustomerPagination i{cursor:pointer;}
.nfaCustomerPagination .iconDisabled i{cursor:default;}
.nfaCustomerPagination .csvIcon{background:url(../../img/opm-sprites.png) no-repeat -276px -1058px;width:14px;height:16px;z-index: 9;display: inline-block;margin: 0px 1px;padding: 2px;content:'';}
.nfaCustomerPagination .excelIcon{background: url(../../img/opm-sprites.png) no-repeat -262px -1059px;width: 14px;height: 14px;display: inline-block;margin: 0px 5px;padding: 2px;content:'';}
.nfaCustomerPagination .exportIcons{padding: 3px;float: left;position: relative;}
.nfaCustomerPagination .customerPager {display: inline-block;text-align: center;padding: 3px 0 1px;}
.nfaCustomerPagination .customerPager span{margin: 1px;background: none;}
.nfaCustomerPagination .customerPager .pageInfo{font-size: 11px;padding: 1px;display: inline-block;color: #555555;}
.nfaCustomerPagination .customerPager .pageSelect{font-weight: normal;padding: 1px;display: inline-block;color: #555555;}
.nfaCustomerPagination .customerPager .pageInfoInput{height:13px;font-size:.8em;margin: 0;width: 18px;border: 1px solid #e3e3e3;}
.nfaCustomerPagination .customerPager .iconDisabled{opacity: .35;background-image: none;cursor:default;}
.nfaCustomerPagination .customerPager .ui-seperator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;}
.nfaCustomerPagination .customerPager .icon-seek-first{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px;transform:rotate(-180deg);display: inline-block;}
.nfaCustomerPagination .customerPager .icon-seek-prev{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px;transform:rotate(-180deg);display: inline-block;}
.nfaCustomerPagination .customerPager .icon-seek-next{background:url(../../img/opm-sprites.png) no-repeat -306px -1059px;width:16px;height:12px;display: inline-block;}
.nfaCustomerPagination .customerPager .icon-seek-end{background:url(../../img/opm-sprites.png) no-repeat -339px -1059px;width:10px;height:12px;display: inline-block;}
.nfaCustomerPagination .customerPagingInfo{font-size: 11px;padding: 0px 30px;color: #555555;float: right;}

#reportsSection .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom: 11px;margin: 0px 10px;}
#reportsSection #searchReportDiv .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom:-9px; width:100%; margin:0px 20px 0px 0px;}
#reportsSection #reportgrap_Conversation .opm_jqGridCustomPager.reportProfile{height:35px;}
#reportsSection #reportgrap_Conversation .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom:0px;width:96%;margin: 0px 40px 0px 40px;height: 35px;}
#reportsSection #reportgrap_ConversationNetwork .opm_jqGridCustomPager.reportProfile{height:35px;}
#reportsSection #reportgrap_ConversationNetwork .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom:0px;width:96%;margin: 0px 40px 0px 40px;height: 35px;}
#reportsSection .nfaReportProfileTabs .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination{bottom: 5px;width: 101%;margin: 0px 20px 11px 0px;}
.opm_jqGridCustomPager.jqGridPgFl .nfaCustomerPagination {bottom: 6px;}
.opm_jqGridUI.expandGrid .nfaCustomerPagination {bottom: 11px;}
#UniqueConvDiv .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {bottom: 16px;margin: 0px 20px;}
#opm_devListHolder .nfaCustomerPagination {bottom:0;}
/* NFA grid custom pager related CSS ends */

#AlrmEvtTrapInvDev #deviceShortSummary.nfaShortSummary{left:100%;margin-left: 0 !important;width:800px;padding:0 !important}
#AlrmEvtTrapInvDev .deviceShortSummaryActive #deviceShortSummary.nfaShortSummary{left:100%;margin-left:-800px !important;width:800px;padding:0 !important}


/* NFA Aggregated Alert Profile Styles Starts */
h4.subTitle { font-family: latoBold; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; width: 100%; float: left; margin-top: 20px;}
.nfaAggregatedAlert .tab1, .nfaRealTimeAlert .tab1{max-width:100%}
.nfaAggregatedAlert .opmForm .opmFormCol span, .nfaRealTimeAlert .opmForm .opmFormCol span{border-right:1px solid #efefef}
.nfaAggregatedAlert .cumArtDefineCriteria1, .nfaRealTimeAlert .cumArtDefineCriteria1{width:150px;float:left}
.nfaAggregatedAlert .cumArtDefineCriteria2, .nfaRealTimeAlert .cumArtDefineCriteria2{width:150px;float:left;margin-left:10px}
.nfaAggregatedAlert .cumArtDefineCriteria3, .nfaRealTimeAlert .cumArtDefineCriteria3{width:115px;float:left;margin-left:10px}
.nfaAggregatedAlert .cumArtDefineCriteria4, .nfaRealTimeAlert .cumArtDefineCriteria4{width:120px;float:left;margin-left:10px}
.nfaAggregatedAlert .cumArtDefineCriteria5, .nfaRealTimeAlert .cumArtDefineCriteria5{width:120px;float:left;margin-left:10px}
.nfaAggregatedAlert .multiSelectBox4, .nfaRealTimeAlert .multiSelectBox4{position:relative;max-height:250px;padding:0 !important}
.nfaAggregatedAlert .severity1, .nfaAggregatedAlert .severity2, .nfaRealTimeAlert .severity1, .nfaRealTimeAlert .severity2{width:200px;float:left;margin-right:20px}
.nfaAggregatedAlert .severity3, .nfaRealTimeAlert .severity3{float:left;width:210px}
.nfaAggregatedAlert .accordion1.arrowRight .accordion1__nav, .nfaRealTimeAlert .accordion1.arrowRight .accordion1__nav{background:#f0f0f0;padding:0 20px}
.nfaAggregatedAlert .accordion1__cont, .nfaRealTimeAlert .accordion1__cont{padding:20px}
.nfaAggregatedAlert .thresholdsAction, .nfaRealTimeAlert .thresholdsAction{float:left;margin-right:20px}
.nfaAggregatedAlert .thresholdsAction > input, .nfaRealTimeAlert .thresholdsAction > input{width:80px;float:left;margin-right:3px}
.nfaAggregatedAlert .thresholdsAction > input + i, .nfaRealTimeAlert .thresholdsAction > input + i{line-height:33px}
.nfaAggregatedAlert .thresholdsAction > div, .nfaRealTimeAlert .thresholdsAction > div{float:left;line-height:33px}
.nfaAggregatedAlert .thresholdsAction .selBox, .nfaRealTimeAlert .thresholdsAction .selBox{width:148px}
.nfaAggregatedAlert .thresholdsAction:last-child, .nfaRealTimeAlert .thresholdsAction:last-child{margin:0}

.tab1.nfaAggregatedAlrtTab.tab-justified > ul > li{min-width:160px}
#sSrch,#aSrch{display:none}
/* NFA Aggregated Alert Profile Styles Ends */

/* NFA Multi Selection View Styles Starts */
.nfaMultiSelection .opmAccListChk > ul:before, .nfaMultiSelection .opmAccListChk > ul:after {bottom: 0px;}
.nfaMultiSelection .opmAccListChk > ul, .nfaMultiSelection .opmAccListChkChild {border-bottom: 1px solid #efefef;}

.nfaMultiSelection.width700 .opmAccListChk{margin-bottom:0}
.nfaMultiSelection.width700 .opmAccListChk.type2,
.nfaMultiSelection.width700 .opmAccListChk.type2 .opmAccListChk-srchOption input{width:350px !important}
.nfaMultiSelection.width700 .opmAccListChk.type2 .opmAccListChk-srchOption{width:700px}
.nfaMultiSelection.width700 .opmAccListChk.type2 > ul > li > ul{left:350px;border-bottom:1px solid #efefef}
.nfaMultiSelection.width700 .opmAccListChk > ul:before, .tab1.nfaAggregatedAlrtTab .opmAccListChk > ul:after{bottom:0}
.nfaMultiSelection.width700 .multiSelectBox4.type2 .DevicesSearchChkBox{display:none}

.nfaMultiSelection.width900  .opmAccListChk{margin-bottom:0}
.nfaMultiSelection.width900  .opmAccListChk.type2,
.nfaMultiSelection.width900  .opmAccListChk.type2 .opmAccListChk-srchOption input{width:450px !important}
.nfaMultiSelection.width900  .opmAccListChk.type2 .opmAccListChk-srchOption{width:900px}
.nfaMultiSelection.width900  .opmAccListChk.type2 > ul > li > ul{left:450px;border-bottom:1px solid #efefef}
.nfaMultiSelection.width900  .opmAccListChk > ul:before, .nfaMultiSelection.width900  .opmAccListChk > ul:after{bottom:0}
.nfaMultiSelection.width900  .multiSelectBox4.type2 .DevicesSearchChkBox{display:none}

.nfaMultiSelection.width1000 .opmAccListChk{margin-bottom:0}
.nfaMultiSelection.width1000 .opmAccListChk.type2,
.nfaMultiSelection.width1000 .opmAccListChk.type2 .opmAccListChk-srchOption input{width:500px !important}
.nfaMultiSelection.width1000 .opmAccListChk.type2 .opmAccListChk-srchOption{width:1000px}
.nfaMultiSelection.width1000 .opmAccListChk.type2 > ul > li > ul{left:500px;border-bottom:1px solid #efefef}
.nfaMultiSelection.width1000 .opmAccListChk > ul:before, .tab1.nfaAggregatedAlrtTab .opmAccListChk > ul:after{bottom:0}
.nfaMultiSelection.width1000 .multiSelectBox4.type2 .DevicesSearchChkBox{display:none}
/* NFA Multi Selection View Styles Ends */

.nfaDeviceGroupCriteria .opmFormRow.customColl .opmFormCol {max-width:110px;}

/*Graph Display CSS Starts*/
.textSelBox.dayBoxHead { line-height: 1; margin-bottom: 0px; }
.textSelBox.dayBoxHead .day.rptSet {width: 12%;display: inline-block;vertical-align: sub;}
.textSelBox.dayBoxHead .inputBox {width: 12% !important;}
.textSelBox .inputBox.rptSet label{width: 10%;margin: 0px;padding: 0 3px;min-width: 20px;}
.textSelBox.dayBox { line-height: 1; margin-bottom: 32px; }
.textSelBox.dayBox .day.rptSet {width: 12%;display: inline-block;vertical-align: sub;}
.textSelBox .inputBox.rptSet {width: 10%;margin: 0 10px;padding: 0 3px;min-width: 20px;}
.textSelBox.dayBox .day__To.rptSet {width: 2%;display: inline-block;vertical-align: sub;}
/*Graph Display CSS Ends*/

.settingsCnt > section .settingsContent .discoveryWizard.notifyProfileType1 .title{top:10px;font-size:18px;}
.defaultFont{font:14px LatoRegular !important;}
.quickConfigurationWizard .icon { background: url("../../img/opm-sprites.png"); margin: 20px  auto 10px auto; }
.quickConfigurationWizard {margin: 0;padding: 0; }
.quickConfigurationWizard li {list-style: none;float: left;width: 266px;height: 100px;text-align: center;background: #f4f5f6;margin-right: 20px;margin-bottom: 20px;transition: .5s;}
.quickConfigurationWizard li:hover {transition: .5s;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);transform: scale(1.03);background: #fff;cursor: pointer;}
.NotifyProfile li {width: 271px;height: 126px;padding: 20px;display: flex;flex-direction: column;justify-content: center;}
.NotifyProfile li:hover {transform: scale(1.05);}
.NotifyProfile li div:first-child {display: flex;align-items: center;}
.NotifyProfile li .icon {margin: 0px 10px 0px 0px;}
.NotifyProfile li .icon.icon-email {background-position: -72px -119px;width: 28px;height: 21px;}
.NotifyProfile li .icon.icon-emailsms {background-position: -162px -263px;width: 35px;height: 32px;}
.NotifyProfile li .icon.icon-sms {background-position: -101px -108px;width: 41px;height: 35px;}
.NotifyProfile li .icon.icon-chat-circle {background-position: -284px -1208px;width: 30px;height: 30px;}
.NotifyProfile li .icon.icon-runcommand {background-position: -101px -108px;width: 41px;height: 29px;}
.NotifyProfile li .icon.icon-runprogram {background-position: -229px -108px;width: 39px;height: 27px;}
.NotifyProfile li .icon.icon-logticket {background-position: -334px -117px;width: 21px;height: 26px;}
.NotifyProfile li .icon.icon-webalarm {background-position: -269px -88px;width: 39px;height: 27px;}
.NotifyProfile li .icon.icon-syslog {background-position: -309px -89px;width: 21px;height: 26px;}
.NotifyProfile li .icon.icon-trap {background-position: -309px -89px;width: 21px; height: 26px;}
.NotifyProfile li .icon.icon-webhook {background-position: -178px -1703px;width: 29px;height: 26px;}
.opmFormRow .btnClose {float:right;position:relative;background:#f4f5f6;color:#000;width:35px;min-width:35px;padding:0;height:35px;border-radius:50%;text-align:center;cursor:pointer;margin-left:10px}
.opmFormRow .btnClose:after {content: "+";font-size:20px;left:12px;top:5px;position:absolute;transform:rotate(45deg)}
.NotifyProfile li p {font-size: 12px;color: #8e8e8e;font-family: latoRegular;margin-top: 15px;text-align: left;display: block;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.tempColor{color: #cecece!important;background:#000000 !important}

.filterTypeMain{width:100%;position:absolute;top:0;left:0;height:100%;padding-top:0px;border-right: 1px solid #ddd;}
.filterTypeMain.hideGrpSelection{padding-top: 50px}
.filterTypeMain.treeStructureView{padding-top: 90px}
.filterTypeMain > .selectBox{position:absolute;top:50px;width: 100%;}
.filterTypeMain.hideGrpSelection > .selectBox{display:none}
.filterTypeTab{width:100%;height:40px;position:absolute;right:270px;/* bottom:0; */left:54px;z-index:2;top: 0;left: 0;}
.filterTypeTab .list{float:left;width: 100%;height:100%;overflow:hidden;background:#fff;}
.filterTypeTab .list li{position:relative;float:left;width: 50%;height:100%;font:14px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#606060;padding: 0 15px;line-height: 40px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-right:1px solid #e9e9ea;position:relative;overflow:hidden;}
.filterTypeTab .list li:after{position:absolute;bottom:0;width:100%;left:0;height:1px;background:#c1c1c1;content:""}
.filterTypeTab .list li.active:after{background:#49bd80}
.filterTypeTab .list li:hover,.filterTypeTab .list li.active{background:#fafafa;color:#000;font-family:LatoBold}
.filterTypeTab .list li:last-child{border:0}
.filterContainer{width:100%;height:100%;overflow:auto;}
.filterContainer .mCSB_container{margin-right:0;}
.filterContainer .mCSB_scrollTools{width:2px;}
.filterContainer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgb(0, 0, 0);}
.filterContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgb(0, 0, 0)}
.filterContainer .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,.2)}
.ddType2 {float: right;position: relative;width: 100%;padding: 0 10px;}
.ddType2__view {width: 100%;float: left;background: #fff;padding: 0 30px 0 20px;line-height: 30px;position: relative;cursor: pointer;}
.ddType2__view .downArrow {border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; right: 15px; margin-top: -2px; position: absolute; top: 50%; width: 0}
.ddType2__view.active + .ddType2__list {display: block}
.ddType2__view.active > .downArrow {transform: rotate(-180deg)}
.ddType2__list {position: absolute;top: 22px;left: 0;width: 100%;display: none;padding: 8px;z-index: 3;}
.ddType2__list:after {border-color: #fff transparent transparent transparent;border-style: solid;border-width: 10px 10px 0 10px;height: 0;right: 20px;margin-top: -2px;position: absolute;top: 2px;width: 0;content: "";transform: rotate(-180deg);display: none;}
.ddType2__list ul {width: 100%;min-height: 50px;max-height: 250px;float: left;overflow: auto;background: #fff;/* border-radius: 5px; *//* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); */}
.ddType2__list ul li {list-style: none;width: 100%;line-height: 30px;color: #000;padding: 0 20px 0 40px;border-bottom: 1px solid #f3f4f5;cursor: pointer;position: relative;}
.ddType2__list ul li:last-child {border-bottom: 0}
.ddType2__list ul li:hover {background: #f9f0c9;color: #000;}
.ddType2__list ul li.active {background: #f9f0c9;color: #000;}
.ddType2__list ul li.active:before {left: 20px;top: 11px;position: absolute;content: "";width: 4px;height: 10px;border-bottom: 2px solid #49bd80;border-right: 2px solid #49bd80;transform: rotate(38deg);}

.titleDropDown{display:inline-block;padding-left:30px;position:relative}
.titleDropDown:before{width:5px;height:5px;position:absolute;left:8px;top:8px;border:2px solid #000000;content:"";transform:rotate(45deg);border-left:0;border-bottom:0}
.titleDropDown:after{position:absolute;right:-15px;top:10px;content:"";border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;width:0;cursor:pointer;}
/*.titleDropDown:hover .ddList, .titleDropDown.active .ddList{display:block}*/
.titleDropDown.active .ddList{display:block}
.titleDropDown > span{cursor:pointer}
.titleDropDown .ddList{position:absolute;top:100%;right:-40px;background:#fff;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.31);width:200px;height:288px;display:none;border-radius:3px}
.titleDropDown .ddList:before{width:10px;height:10px;border:1px solid #eeeeee;transform:rotate(45deg);position:absolute;right:22px;border-bottom:0;border-right:0;top:-5px;background:#fff;content:""}
.titleDropDown .ddList > div{width:100%;height:100%;overflow:auto;z-index:6;position:relative;}
.titleDropDown .ddList ul li{font-size:14px;font-family:latoRegular;padding:0 20px;border-bottom:1px solid #eeeeee;line-height:35px;cursor:pointer;transition:.5s}
.titleDropDown .ddList ul li:hover{background:#fafafa;transition:.5s}
.titleDropDown .ddList ul li.active{background:#fdf5dd;transition:.5s}
.noList .titleDropDown:after{display:none;}
.noList .titleDropDown > span{cursor:default;}

.notifyProfileType1 > .opmFormHolder{top:60px !important;}
.notifyProfileType1 .title_1{top: 0px !important;border-bottom: none !important;left: 10px !important;}
.notifyProfileType1 .title_1 .title{padding-bottom: 0px !important;left: 20px !important;}
.notifyProfileType1 .NotifyProfile{padding-left:15px;padding-top: 10px;}
.notifyProfileType1 .NotifyProfile li label{cursor:pointer;}
.notifyProfileType1 .NotifyProfile li .icon{margin: 0px 6px 0px 0px;}
.notifyProfileType1 .reportlinkInfoMsg{z-index:0 !important;}
.notifyProfileType1.page1 div.title > span{cursor:pointer;}
.notifyProfileType1 .opmChckList{z-index:0;}
.notifyProfileType1 .infoBoxBlue{height:auto;}
.notifyProfileType1 .infoBoxBlue i{font-family:LatoBold;}
.notifyProfileType1 .infoBoxBlue a{color:#0c639b;font-family:LatoBold;}
.notifyProfileType1 .notifyProfileBrdCrumb > span{cursor:pointer;}
.notifyProfileType1 .notifyProfileBrdCrumb.noList > span{cursor:default;}
.notifyProfileType1.editProfile .titleDropDown:after{display:none}
.notifyProfileType1.editProfile .notifyProfileBrdCrumb,{cursor:none !important;}
html.ko_KR_lang .NotifyProfile li,html.sp_SP_lang .NotifyProfile li,html.it_IT_lang .NotifyProfile li,html.fr_FR_lang .NotifyProfile li,html.de_DE_lang .NotifyProfile li,html.ja_JP_lang .NotifyProfile li{padding-top: 10px;}

.settingsCnt.notifyStyle1 > section .settingsContent .title_1{top:20px;padding-bottom:10px;border-bottom:none;}
.settingsCnt.notifyStyle1 > section .settingsContent .opmBtnHldrTop{top:10px;}
.settingsCnt.notifyStyle1 > section .settingsContent .opmFormHolder{top:85px !important;}
html.ru_RU_lang #header .opmTrialVersion{padding:0;}
.topNews.notifystyle1{position:relative;display: block;-webkit-box-shadow: none;box-shadow: none;padding: 10px 0 0 0;text-align: center;}
.settingsCnt.notifyStyle1 > section .settingsContent .title_1.withOutNfa{border-bottom:1px solid #e2e2e2;padding-bottom:20px}
.settingsCnt.notifyStyle1 > section .settingsContent .title_1.withOutNfa + .opmFormHolder{top: 62px !important;}

.discoveryWizardStepsType2.style2 #nProfileTitle{top:10px;font-family: 'LatoBold';font-size: 18px;}
.discoveryWizardStepsType2.style2 .title{margin: 0 30px;border-bottom: 1px solid #efefef;}
.discoveryWizardStepsType2.style2 .opmInfoMessage{margin:35px 0px 10px !important;}
.discoveryWizardStepsType2.style2 #notificationProfileForm{top:70px;padding-left: 30px;overflow-x:hidden;padding-right:0px;}
.discoveryWizardStepsType2.style2 .title_1{font-family: 'LatoBold';font-size: 18px;}
.discoveryWizardStepsType2.style2 .notifyProfileType1.page1 .title{padding: 10px 0px !important;}
.discoveryWizardStepsType2.style2 .notifyProfileType1.page1 .notifyProfileBrdCrumb{padding-top: 10px;}
.discoveryWizardStepsType2.style2 .notifyProfileType1.page1 .opmInfoMessage{margin:0px !important;}
.discoveryWizardStepsType2.style2 .notifyProfileType1.page1 .ddList{z-index:9;}

i.opmIconDownloadFile.opmIconSchedule::before {background-position: -322px -1783px;width: 17px;height: 20px;}


/*.discoveryWizardStepsType2 .slideContHolder{float:left;width:100%;height:100%;position:relative;overflow:hidden}
.discoveryWizardStepsType2 .discoveryWizardSteps > div{width:25%}
.discoveryWizardStepsType2  #nProfileTitle{font:20px BitterRegular;padding:0 0 10px;position:absolute;top:90px;right:30px;left:30px;z-index:1}
.discoveryWizardStepsType2  #notificationProfileForm{width:auto;max-width:none;height:auto;position:absolute;top:140px;right:0;bottom:0;left:0}
.discoveryWizardStepsType2  #notificationProfileForm .opmNotifyProfile{float:left;width:100% !important;margin:0 0 20px}
.discoveryWizardStepsType2  #notificationProfileForm .opmFormHrLine{clear:both;max-width:700px}
.discoveryWizardStepsType2  #notificationProfileForm .nfProfilePage > div:not(.addProfile){clear:both;float:left;width:100%;max-width:700px}
.discoveryWizardStepsType2  #monitorHeader .icon-remove{right:30px}
.discoveryWizardStepsType2  #monitorHeader + section{top:85px}
.discoveryWizardStepsType2 #criteriaDesc{border-bottom:1px solid #efefef;position:absolute;top:110px;right:30px;left:30px;z-index:1}*/


/* Dashboard Second Level Tab CSS Starts */
.opmDashboardSubLinks .list li{width: auto !important;min-width:120px}
.opmDashboardSubLinks .list li a{padding-left:24px !important;padding-right:24px !important}
html.horizontalView .opmDashboardSubLinks:not(.ncmSubLinks) .list .dropDownMenu a{padding-left: 20px !important;padding-right: 32px !important;}
html.horizontalView .opmDashboardSubLinks:not(.ncmSubLinks) .list .dropDownMenu+li a{padding-left: 20px !important;padding-right: 36px !important;}
.opmDashboardSubLinks .list li:hover{background: #f2f3f8}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu.active{color:#454545;border-color:#49bd80;border-bottom: 3px solid #49bd80;}
.opmDashboardSubLinks .list li a:hover{color:#454545;}
html.horizontalView .opmDashboardSubLinks .list .dropDownMenu.active > a{color:#454545;border-color:transparent}
/* Dashboard Second Level Tab CSS Ends */

html{-webkit-transition: height 150ms ease, -webkit-transform 300ms ease;
        transition: height 150ms ease, -webkit-transform 300ms ease;
        -o-transition: height 150ms ease, transform 300ms ease;
        transition: height 150ms ease, transform 300ms ease;
        transition: height 150ms ease, transform 300ms ease, -webkit-transform 300ms ease;}
html.onScrollTopBandHide #OpM_AlertInfo {top: 45px;}
.opmFormHrLine.style2 {margin: 0;}
.pt7 {padding-top: 7px;}
.fwaReportsGraph .titleFull {z-index: 9 !important;}

.opmMapBVTabNav.fullWidth{max-width:100%}
.opmMapBVTabNav.fullWidth > header{display:flex}
.tableHeaderFix{overflow: hidden !important;}
.tableHeaderFix .opmForm,
.tableHeaderFix .opm_jqGridUI,
.tableHeaderFix .opm_jqGridUI .ui-jqgrid,
.tableHeaderFix .opm_jqGridUI .ui-jqgrid-bdiv > div,
.tableHeaderFix .opm_jqGridUI .ui-jqgrid-bdiv {max-height: 100%;height: 100% !important;}
.opm_jqGridUI,
.opm_jqGridUI .ui-jqgrid,
.opm_jqGridUI .ui-jqgrid-bdiv > div,
.opm_jqGridUI .ui-jqgrid-bdiv{z-index:0 !important;}
.tableHeaderFix .opm_jqGridUI .ui-jqgrid-bdiv > div{height: calc(100% - 38px) !important; overflow-y: scroll !important;}
.tableHeaderFix.searchFix .opm_jqGridUI .ui-jqgrid-bdiv > div{height: calc(100% - 86px) !important; overflow-y: scroll !important;}
/*.tableHeaderFix .opm_jqGridUI .ui-jqgrid-view {height: calc(100% - 40px)}*/
.tableHeaderFix .opm_jqGridUI .ui-jqgrid-view {height:100%}
.tableHeaderFix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:last-child{border:1px solid #e3e3e3 !important;}
.top65{top:65px !important;}
.top135{top:135px !important;}
.height100{height:100px !important;}
.monitorsTitle2{top:35px !important;padding-bottom:10px !important;}
.tableHeaderFix.withFAQ{overflow:auto !important}

.webhookSelect{position:relative;padding-right:30px;}
.helpbox__webhook{position: absolute;top: 0;right: 0px;padding: 0px 5px 0 6px;background: #f0f0f0;height:33px;border: 1px solid #dcdcdc;padding-top: 4px;cursor: pointer;}
.webhookSelectBox{position: absolute;top:0;left:0;display:none;}
.webhookUrlIcon .WebhookDD__icon.active + .WebhookDD__groupList, .WebhookDD__icon.active + .WebhookDD__list { display: block;/*right: 6px*/;left: 132px; width: 568px;z-index:6; }
.webhookUrlIcon  .helpbox__webhook{top:41.5px;/*left: 664px;*/;height:34px;}
.webhookUserAgentIcon .WebhookDD__icon.active + .WebhookDD__groupList{width:670px !important;}
.webhookUserAgentIcon .helpbox__webhook{top:22px}

.webhookBodyContentIcon .WebhookDD__icon.active + .WebhookDD__groupList{width:670px !important;}
.webhookBodyContentIcon .helpbox__webhook{top:22px}
.propertiesDropdown { padding-right: 30px; position: relative; }
.propertiesDropdown__icon { position: absolute; top: 0; right: 0; background: #f0f0f0; border: 1px solid #d4d4d4; width: 30px; height: 33px; position: absolute; border-left: 0; z-index: 3; }
.propertiesDropdown__icon.active { background: #f9f9f9; border-bottom: 0; z-index:5;}
.propertiesDropdown__icon.active + .propertiesDropdown__groupList, .propertiesDropdown__icon.active + .propertiesDropdown__list { display: block;z-index:5; }
.propertiesDropdown__list { width: 100%; position: absolute; top: 100%; max-height: 200px; overflow: auto; background: #f9f9f9; border: 1px solid #eeeeee; display: none; z-index: 2; }
.propertiesDropdown__list ul li a { color: #212121; padding: 10px; display: inline-block; width: 100%; }
.propertiesDropdown__list ul li a:hover { background: #3996dd; color: #fff; cursor: pointer; }
.propertiesDropdown__groupList { width: 100%; position: absolute; top: 100%; max-height: 200px; margin-top: -1px; overflow: auto; background: #f9f9f9; border: 1px solid #d4d4d4; display: none; z-index: 2; }
.propertiesDropdown__groupList ul li a { color: #212121; padding: 7px 10px; display: inline-block; width: 100%; font-family: latoBold; cursor: default; background-color: #E7E8E8}
.propertiesDropdown__groupList ul li ul li a { font-family: latoRegular; padding-left: 20px; cursor: pointer; background: #f9f9f9; }
.propertiesDropdown__groupList ul li ul li a:hover { background: #3996dd; color: #fff; }

div.selBox.borderRightNone > div > span{border-right:none;}
/*.WebhookDD__groupList optgroup{color: #212121; padding: 7px 10px; display: inline-block; width: 100%; font-family: latoBold; cursor: default;}

.WebhookDD__groupList optgroup option{font-family: latoRegular; padding-left: 20px; cursor: pointer; background: #f9f9f9; }

.WebhookDD__groupList optgroup option:hover{background: #3996dd; color: #fff;}*/

.nfa.webhookUserAgentIcon.helpbox__webhook{top:24px;height:33px}

.filterTypeMain{width:100%;position:absolute;top:0;left:0;height:100%;padding-top:0px;border-right: 1px solid #c1c1c1;}
.filterTypeMain.hideGrpSelection{padding-top:50px;padding-bottom:20px;}
.filterTypeMain.treeStructureView{padding-top: 90px;padding-bottom:20px;}
.filterTypeMain > .selectBox{position:absolute;top:50px;width: 100%;}
.filterTypeMain.hideGrpSelection > .selectBox{display:none}
.filterTypeTab{width:100%;height:40px;position:absolute;right:270px;/* bottom:0; */left:54px;z-index:2;top: 0;left: 0;}
.filterTypeTab .list{float:left;width: 100%;height:100%;overflow:hidden;background:#fff;}
.filterTypeTab .list li{position:relative;float:left;width: 50%;height:100%;font:14px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#606060;padding: 0 15px;line-height: 40px;cursor:pointer;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-right:1px solid #e9e9ea;position:relative;overflow:hidden;}
.filterTypeTab .list li:after{position:absolute;bottom:0;width:100%;left:0;height:1px;background:#c1c1c1;content:""}
.filterTypeTab .list li.active:after{background:#49bd80}
.filterTypeTab .list li:hover,.filterTypeTab .list li.active{background:#fafafa;color:#000;font-family:LatoBold}
.filterTypeTab .list li:last-child{border:0}
.filterContainer{width:100%;height:100%;overflow:auto;}
.filterContainer .mCSB_container{margin-right:0;}
.filterContainer .mCSB_scrollTools{width:2px;}
.filterContainer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgb(0, 0, 0);}
.filterContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgb(0, 0, 0)}
.filterContainer .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,.2)}
.ddType2 {float: right;position: relative;width: 100%;padding: 0 10px;}
.ddType2__view {width: 100%;float: left;background: #fff;padding: 0 30px 0 20px;line-height: 30px;position: relative;cursor: pointer;border: 1px solid #e7e8ea;}
.ddType2__view .downArrow {border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; right: 15px; margin-top: -2px; position: absolute; top: 50%; width: 0}
.ddType2__view.active + .ddType2__list {display: block}
.ddType2__view.active > .downArrow {transform: rotate(-180deg)}
.ddType2__list {position: absolute;top: 22px;left: 0;width: 100%;display: none;padding: 8px;z-index: 3;}
.ddType2__list:after {border-color: #fff transparent transparent transparent;border-style: solid;border-width: 10px 10px 0 10px;height: 0;right: 20px;margin-top: -2px;position: absolute;top: 2px;width: 0;content: "";transform: rotate(-180deg);display: none;}
.ddType2__list ul {width: 100%;min-height: 50px;max-height: 250px;float: left;overflow: auto;background: #fff;/* border-radius: 5px; *//* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); */}
.ddType2__list ul li {list-style: none;width: 100%;line-height: 30px;color: #000;padding: 0 20px 0 40px;border-bottom: 1px solid #f3f4f5;cursor: pointer;position: relative;}
.ddType2__list ul li:last-child {border-bottom: 0}
.ddType2__list ul li:hover {background: #f9f0c9;color: #000;}
.ddType2__list ul li.active {background: #f9f0c9;color: #000;}
.ddType2__list ul li.active:before {left: 20px;top: 11px;position: absolute;content: "";width: 4px;height: 10px;border-bottom: 2px solid #49bd80;border-right: 2px solid #49bd80;transform: rotate(38deg);}
body:not(.MacOS) .filterContainer::-webkit-scrollbar-track{background-color:#f3f3f3;}
.noDataTree{padding:50px 0;text-align:center}

/* Agent Based Server Monitoring -DeployAgent */
.certificateInfo{background: rgba(255, 219, 97,0.18);float:left;width:100%;height:auto;border:1px solid rgba(255, 219, 97,1);padding:20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
.certificateInfo .dangerIcon em{fill:#f34848;margin-right:10px;height:32px;width:32px}
.certificateInfo .titleSection .heading{font:24px LatoBold;margin:4px 0 10px;line-height:1}
.certificateInfo .titleSection p{font-size:14px;color:#222}


.cursorPointerAgent :first-child{cursor:pointer}

.deployAgent .downloadInfo{padding:20px;background:rgba(0, 166, 247, 0.1);border:1px solid #bfe9fd;padding-right:200px;position:relative;width:100%;float:left}
.deployAgent .downloadInfo .downLoadBtn{position:absolute;top:50%;right:20px;transform:translateY(-50%);margin:0}
.deployAgent .multiAgentInfo{border:1px solid #bfe9fd;border-top:0;width:100%;float:left;padding:20px}
.deployAgentInfoMsgShow{padding-bottom:60px;margin:0}
.deployAgentInfoMsgShow .deployAgentInfoMsg{display:block}
.deployAgentInfoMsgShow .credentialErrorMsg{bottom:27px}
.deployAgentInfoMsg { position: absolute; bottom: 00px; left: 30px; display: none; }
.opmFormHolder .manage-action {position:relative;right:34px;float:right;margin-bottom:15px;}
.notifyProfileType1.underManageAgents .notifyProfileBrdCrumb .titleDropDown:after{border:none}

.icon-sm-deployAgent { background-position: -238px -1709px; width:17px !important; }
/* Agent Based Server Monitoring -DeployAgent Ends */
/*Inventory FAQ CSS Starts*/
/*#AlrmEvtTrapInvDev.Grid.InvTableWithFAQ .opm_jqGridUI .opmCusGrid.customGrid .ui-jqgrid-view .ui-jqgrid-bdiv{position:inherit;top:40px;right:0;bottom:25px;left:0}
#AlrmEvtTrapInvDev.Grid.InvTableWithFAQ .opm_jqGridUI .opmCusGrid.customGrid .ui-jqgrid-pager{border-top:1px solid #e3e3e3;position:inherit;bottom:0;left:0}
#AlrmEvtTrapInvDev.Grid.InvTableWithFAQ  #opm_devListHolder.opmCusGrid.customGrid.noHorizontalScroll{overflow-y: auto !important;overflow-x: hidden;}
#AlrmEvtTrapInvDev.Grid.InvTableWithFAQ  #opm_devListHolder.opmCusGrid.customGrid.noHorizontalScroll .ui-jqgrid-bdiv{position:inherit !important}
#AlrmEvtTrapInvDev.InvTableWithFAQ .inventoryQuickLinks {position: absolute;bottom: 0;width: 100%;}
.InvTableWithFAQ #PageContent #interfaceList .opm_jqGridUI .opmCusGrid > div.ui-jqgrid > .ui-jqgrid-view .ui-jqgrid-bdiv{position:inherit !important}
.InvTableWithFAQ #opm_devListHolder .ui-jqgrid{width: 100% !important; height: auto !important;}
#DeviceList.hasFAQ > .AETIDList {overflow-x: hidden;overflow-y: auto;background: white;}
#DeviceList.hasFAQ .opmCusGrid {height: auto;}
#DeviceList.hasFAQ .inventoryQuickLinks {position: unset;float: left;clear: left;background: white;}
.FAQonInv.hasFAQ > .AETIDList {overflow: auto;background: white;}
.FAQonInv.hasFAQ .opmCusGrid {height: auto !important;}
.FAQonInv.hasFAQ .settingsPageHelp{margin:0}
.FAQonInv.hasFAQ .inventoryQuickLinks {position: unset !important;float: left;clear: left;background: white; margin-top:40px;}
.FAQonInv.hasFAQ .opm_jqGridUI .opmCusGrid.customGrid .ui-jqgrid-pager{bottom: -40px !important;}
.FAQonInv.hasFAQ .opm_jqGridUI .ui-jqgrid{border-bottom: 0}
.FAQonInv.hasFAQ.toggleSearch .opm_jqGridUI .opmCusGrid.customGrid .ui-jqgrid-pager{bottom: -90px !important;}
.FAQonInv.hasFAQ.toggleSearch .inventoryQuickLinks{margin-top:90px}
#DeviceList.hasFAQ.FAQvirtualServer .opmCusGrid{height:100% !important;overflow: hidden;}
.InvTableWithFAQ .FAQvirtualServer #opm_devListHolder .ui-jqgrid{position:absolute;top:0;bottom:0;right: -15px;width: 101% !important;}
.InvTableWithFAQ .FAQvirtualServer #opm_devListHolder .ui-jqgrid #opm_DevicePager{width: 99% !important;}*/
/*Inventory FAQ CSS Ends*/

.nfaNoteMsg i{font-weight: bold}
#nfa_ConvTable .right{float:left;width: 100%;height:auto;padding:15px 40px 0 0;}
#nfa_ConvTable .ut-row{clear:both;float:left;width:100%;height:15px;margin:0 0 15px}
#nfa_ConvTable .right .ut-row{width:0;border:1px solid #efeddc;border-left:0;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
#nfa_ConvTable .right .ut-row span{position:absolute;top:-4px;right:-40px;}

#CustomSourceCriteriaeDiv #entityDiv{min-width:300px !important}

/* Failure Reasons CSS Starts*/
.nfaDeviceSummary .failureReasons{padding:25px 0px;color:#212121;border:1px solid #e2e2e2;height:223px;display:flex;flex-direction:column;align-items:center;}
.nfaDeviceSummary .failureReasons .reasonTitle{font-family:'LatoBold';font-size:18px;margin-bottom:20px;color:#212121;width:65%;display:flex;margin-left:-40px;}
.nfaDeviceSummary.opuDiscoveredKB .failureReasons .reasonTitle{width:auto;margin-left:0px;}
.nfaDeviceSummary .failureReasons ul{list-style-type:disc;margin-left:235px;}
.nfaDeviceSummary .failureReasons ul li{width:50%;margin-bottom:15px !important;margin-left:0 !important;float:left;}
.nfaDeviceSummary .failureReasons .associateBtn {background:#45bd7f;min-width:195px;width:auto;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:8px 20px;margin:3px;border:0;display:inline-block;cursor:pointer;}
.iconCritical{background:url("../../img/opm-sprites.png") no-repeat -210px -1705px;width:24px;height:21px;display:inline-block;content:"";margin-right:10px;}
/* Failure Reasons CSS Ends*/

/*NFA Device Summary CSS Start*/
.nfaDeviceSection{width:100%;float:left}
.nfaDeviceSummary{padding-right:0px}
.nfaDeviceSummary > h3{background:#f4f5f6;border:1px solid #e0e0e0;border-bottom:0;line-height:40px;padding:0 20px;font-family:latoBold}
.nfaDeviceSummaryTable{width:100%;display:table;border:1px solid #eaeaea;border-collapse:collapse;}
.nfaDeviceSummaryTable > .row{display:table-row;width:100%}
.nfaDeviceSummaryTable > .row > .coll{vertical-align:top;display:table-cell;width:50%;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:10px 0;}
.nfaDeviceSummaryTable > .row > .coll:last-child{border-right:0}
.nfaDeviceSummaryTable > .row > .coll > .left{width:40%;float:left;padding:0 20px;position:relative;word-break:break-word}
.nfaDeviceSummaryTable > .row > .coll > .left:after{position:absolute;top:50%;right:0;content:":";margin-top:-10px}
.nfaDeviceSummaryTable > .row > .coll > .right{width:60%;float:left;padding:0 20px;word-break:break-word}
.nfaDeviceSummaryTable .heap-progressbar small{font-size: 10px;color: #666;display: block;margin-bottom: 3px;}
.nfaDeviceSummaryTable .heap-progressbar .progBar{display: block; width: 200px;position: relative;height: 6px;content: '';border-radius: 20px;background: #ddd;}
.nfaDeviceSummaryTable .heap-progressbar .progBar span{content: '';position: absolute;left: 0;top: 0;height: 6px;background: #239f5a;border-radius: 20px;}
.subHeading{font-family:latoBold;margin-bottom:10px;display: inline-block;}
.spmswitchContainer.nfa {max-height:none }
.spmswitchContainer.nfa .spmswitchHolder .spmswitchRow.titleName{margin:80px 29px;}

html.opmFullScreen #inventoryGridStyle.fullWidth, html #inventoryGridStyle.fullWidth > .ember-view > .grid-stack{width:100%; max-width:100% !important}
html.opmFullScreen #inventoryGridStyle.fullWidth .nfaDeviceSummary .failureReasons .reasonTitle{display: block}
html.opmFullScreen #inventoryGridStyle.fullWidth .nfaDeviceSummary .failureReasons ul{list-style-type: disc; margin-left: 235px; max-width: 1200px}
html.opmFullScreen #inventoryGridStyle.fullWidth .nfaDeviceSummary .failureReasons ul li{text-align: left}
/*NFA Device Summary CSS End*/

.overflowAuto{overflow:auto !important;}

.opmFormRow.fieldType1.full-width .opmFormCol > div {width: 400px !important;}
.fielddisable {opacity: 0.4;pointer-events: none;cursor:none;}
.iconOnMainNav{color:#fff;font-size:22px;line-height:35px;padding:0 10px;fill:#fff;cursor:pointer;height:35px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.iconOnMainNav svg{width:18px;height:18px}
.iconOnMainNav:hover{background-color:#ffffff29}
.iconOnMainNavDiv{position:absolute;right:30px;z-index:5}
html.product__rmm #nav .iconOnMainNavDiv{right:0}
html.product__rmm #container.globalSearchActive #globalSearch{padding-bottom:35px}
html.product__rmm #MainNav .NavUl{width:100%!important}

/* #DependencyDetailsTree ul li a{border:1px solid #fff;padding:0 10px 0 5px}
#DependencyDetailsTree ul li a:hover{background:#fdf5dd;border:1px solid #ffe89e}
#DependencyDetailsTree ul li.selected > a{background:#f4f5f6;border:1px solid #e2e2e2}
#DependencyDetailsTree ul li ul li:last-child ul{position:relative}
#DependencyDetailsTree ul li ul li:last-child ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top:-16px;bottom:0;content:"";z-index:2}
.DependencyDetails__search{width:60%;padding-right:100px;position:relative}
.DependencyDetails__btn, .DependencyDetails__exportPdf{color:#fff;line-height:33px;position:absolute;right:0;top:0;background:#45bd7f;min-width:100px;text-align:center;cursor:pointer;padding:0 20px} */
#DependencyDetailsTree ul > li a{border:1px solid #fff;padding:0 10px 0 5px}
#DependencyDetailsTree ul > li a:hover{background:#fdf5dd;border:1px solid #ffe89e}
#DependencyDetailsTree ul > li.selected > a{background:#f4f5f6;border:1px solid #e2e2e2}
#DependencyDetailsTree ul > li:last-child > ul:last-child{position:relative}
#DependencyDetailsTree ul > li:last-child > ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top: -22px;bottom:0;content:"";z-index:2;}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child{position:relative}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top:-16px;bottom:0;content:"";z-index:2}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child{position:relative}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top:-16px;bottom:0;content:"";z-index:2}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child{position:relative}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top:-16px;bottom:0;content:"";z-index:2}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child{position:relative}
#DependencyDetailsTree ul > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child > li:last-child > ul:last-child:before{width:5px;background:#fff;position:absolute;left:-34px;top:-16px;bottom:0;content:"";z-index:2}
.DependencyDetails__search{width:60%;padding-right:100px;position:relative}
.DependencyDetails__btn, .DependencyDetails__exportPdf{color:#fff;line-height:33px;position:absolute;right:0;top:0;background:#45bd7f;min-width:100px;text-align:center;cursor:pointer;padding:0 20px}
.DependencyDetailsTreePDF ul{padding:0}
.DependencyDetailsTreePDF li{list-style:none}
.DependencyDetailsTreePDF li a{color:#000}

.opmFormHolder-FixedBtnBottom{display: flex;height: calc(100vh - 275px);overflow: auto;position: relative;}
html.opmTopBandBannerActive .opmFormHolder-FixedBtnBottom{height: calc(100vh - 315px)}
html.MessageViewBoxOpen .opmFormHolder-FixedBtnBottom{height: calc(100vh - 315px)}
html.MessageViewBoxOpen.opmTopBandBannerActive .opmFormHolder-FixedBtnBottom{height: calc(100vh - 355px)}
.opmFormHolder-FixedBtnBottom + .btnBottom{padding: 10px 0px 0 0;border-top: 1px solid #dcdcdc;margin-top: 10px;margin-right: 20px}
.jsTreeType1{width:300px;float:left}
.jsTreeType1 ul li{margin:0;padding:0;position:relative;padding-left:30px;margin:0 !important}
.jsTreeType1 ul li .deviceInfo{color:#7d7d7d;position:relative;margin-left:10px;line-height:24px}
.jsTreeType1 ul li .deviceInfo:before{content:"(";position:absolute;left:-5px;line-height:25px}
.jsTreeType1 ul li .deviceInfo:after{content:")";position:absolute;right:-5px;line-height:25px}
.jsTreeType1 ul li .count{color:#969696;padding:0 5px;margin-left:5px;position:relative}
.jsTreeType1 ul li .count:before{content:"(";position:absolute;left:0;top:-3px}
.jsTreeType1 ul li .count:after{content:")";position:absolute;right:0;top:-3px}
.jsTreeType1 ul li ul{position:relative;margin-top:5px}
.jsTreeType1 ul li ul:after{top:-18px;left:-29px;width:1px;height:100%;border-left:1px solid #e4e4e4;position:absolute;content:""}
.jsTreeType1 ul li ul li{position:relative}
.jsTreeType1 ul li ul li:before{top:10px;width:33px;left:-29px;height:1px;border-bottom:1px solid #e4e4e4;position:absolute;content:""}
.jsTreeType1 ul li:after{background:url("../../img/opm-sprites.png") no-repeat -2px -1528px;width:20px;height:19px;top:1px;left:10px;position:absolute;content:"";transform:scale(0.8)}
.jsTreeType1 ul li.status1:after{background-position:-117px -1528px}
.jsTreeType1 ul li.status2:after{background-position:-94px -1528px}
.jsTreeType1 ul li.status3:after{background-position:-48px -1528px}
.jsTreeType1 ul li.status4:after{background-position:-71px -1528px}
.jsTreeType1 ul li.status5:after{background-position:-2px -1528px}
.jsTreeType1 ul li.status6:after{background-position:-25px -1528px}
.jsTreeType1 ul li .jstree-anchor{margin:0;padding:0 5px;border-radius:0;background:none;border:none;box-shadow:none}
.jsTreeType1 ul li .jstree-anchor .jstree-themeicon{display:none}
.jsTreeType1 .jstree-default .jstree-node, .jsTreeType1 .jstree-default .jstree-icon{background:none;margin:0}
.jsTreeType1 .jstree-leaf > .jstree-ocl{display:none}
.jsTreeType1 .jstree-open > .jstree-ocl{border-color:#797979 transparent transparent transparent;border-style:solid;border-width:8px 5px 0 5px;height:0 !important;left:-3px;margin-top:8px;position:absolute;width:0 !important;z-index:2}
.jsTreeType1 .jstree-closed > .jstree-ocl{border-color:#797979 transparent transparent transparent;border-style:solid;border-width:8px 5px 0 5px;height:0 !important;left:0px;top:7px;position:absolute;width:0 !important;transform:rotate(-90deg)}
.jsTreeType1 .jstree-default .jstree-node{line-height:30px;min-height:30px}
.jsTreeType1 .jstree-default .jstree-search{color:#fd7070}
.jsTreeType1.fullWidth{width:100%}
.jsTreeType1.plusMinus ul li{padding-left:20px}
.jsTreeType1.plusMinus ul li:after{display:none}
.jsTreeType1.plusMinus ul li ul:after{left:-13px}
.jsTreeType1.plusMinus ul li ul li:before{left:-13px;width:28px}
.jsTreeType1.plusMinus .jstree-open > .jstree-ocl{width:15px !important;height:15px !important;border:0;background:#797979;margin-top:4px;left:0}
.jsTreeType1.plusMinus .jstree-open > .jstree-ocl:before{width:9px;height:1px;position:absolute;top:7px;left:3px;background:#fff;content:""}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl{width:15px !important;height:15px !important;border:0;background:#797979;transform:inherit;top:4px;left:0}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl:before{width:9px;height:1px;position:absolute;top:7px;left:3px;background:#fff;content:""}
.jsTreeType1.plusMinus .jstree-closed > .jstree-ocl:after{width:1px;height:9px;position:absolute;top:3px;left:7px;background:#fff;content:""}
.jsTreeType1.VMDiscoveryTable{width:100%;margin-top: 20px!important}
.jsTreeType1.VMDiscoveryTable .jstree-default .jstree-node{margin-top:5px !important}
.jsTreeType1.VMDiscoveryTable .jstree-default .jstree-node:first-child{margin-top:0 !important}
.jsTreeType1.VMDiscoveryTable ul li a{font-size:13px}
.jsTreeType1.VMDiscoveryTable ul li ul{margin-top:10px}
.jsTreeType1.VMDiscoveryTable ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-46px;top:-22px;content:"";background:#fff;z-index:8}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li:last-child ul:before{width:5px;height:calc(100% + 55px);position:absolute;left:-26px;top:-55px;content:"";background:#fff;z-index:8}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a{padding-left:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a > .jstree-checkbox{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-closed a div.tableHeading{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a{height:auto;padding-bottom:42px;padding-left:0;position:relative;width:calc(100% - 20px)}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a > .jstree-checkbox{margin-top:37px;display:block}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div{display:table-cell;padding:0 20px 0 0;white-space:normal;word-break:break-all}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName{width:100%}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName:before{width:calc(100% + 20px);height:34px;background:#f4f5f6;border:1px solid #e0e0e0;border-bottom:0;left:-20px;top:-3px;position:absolute;content:"";box-sizing:border-box}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.clusterSubHostName span{position:relative;z-index:2}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.tableHeading{width:calc(100% + 20px);padding:0;padding-left:70px;position:absolute;left:-20px;bottom:0px;border:1px solid #e0e0e0;border-bottom:0;line-height:34px;display:block;font-family:latoBold}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.powerState{width:200px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.entityName{width:250px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.dnsName{width:300px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.ipAddress{width:160px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li.jstree-open a div.guestOS{width:400px;padding-right:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul{margin:0;border:1px solid #e0e0e0;padding:10px 20px 5px;margin-bottom:10px;margin-left:-20px;width:100%}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li{padding-left:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li:before{display:none}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li.jstree-leaf a{height:auto;padding:0;padding-left:50px}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul li.jstree-leaf a > .jstree-checkbox{margin:0}
.jsTreeType1.VMDiscoveryTable ul li ul li ul li ul:after{display:none}
.jsTreeType1.checkBox{margin:0}
.jsTreeType1.checkBox ul li{padding-left:25px}
.jsTreeType1.checkBox ul li ul:after{left:-19px}
.jsTreeType1.checkBox ul li ul li:before{left:-19px}
.jsTreeType1.checkBox ul li a{padding:0;position:relative;padding-left:25px}
.jsTreeType1.checkBox ul li a .jstree-checkbox{border:1px solid #e0e0e0;width:15px;height:15px;background:#fff;position:absolute;left:0;top:4px;z-index:2}
.jsTreeType1.vxRail.checkBox ul li a .jstree-checkbox{z-index:1!important}
.jsTreeType1.checkBox ul li a.jstree-checked{background:none}
.jsTreeType1.checkBox ul li a.jstree-checked .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.checkBox ul li a.jstree-hovered{background:none !important}
.jsTreeType1.checkBox ul li.disabledCheckbox a .jstree-checkbox{pointer-events:none;opacity:0.5}
.jsTreeType1.checkBox ul li.disabledCheckbox a .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.dashBorder ul:after{border-left:1px dashed #e0e0e0}
.jsTreeType1.dashBorder ul li:before{border-bottom:1px dashed #e0e0e0}
.jsTreeType1.hideUnwantedLine ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-61px;top:-16px;content:"";background:#f4f3f3;z-index:34}
.jsTreeType1.hideUnwantedLine.apmmonitor ul li ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-61px;top:-16px;content:"";background:none;z-index:34}
.apmContent .opmFormRow i.opm_link.collapse{position:absolute;right:0px;top:10px;}
.jsTreeType1.inventoryFilter.apmmonitor ul li a .jstree-checkbox{border:1px solid #e2e2e2;width:15px;height:15px;background:#fff;position:absolute;left:0;top:4px;/* background: red; */z-index:2;}
.jsTreeType1.inventoryFilter.apmmonitor ul li a.jstree-checked .jstree-checkbox:after{width:3px;height:7px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:04px;top:1px;content:"";transform:rotate(45deg)}
.jsTreeType1.inventoryFilter.apmmonitor ul li .jstree-anchor .jstree-icon.status1:after{background-position:-117px -1528px}
.jsTreeType1.inventoryFilter{padding-left:10px}
.jsTreeType1.inventoryFilter.apmmonitor{max-height:320px;overflow-y:scroll;width:100%; margin-top:8px;}
.jsTreeType1.inventoryFilter.hideUnwantedLine ul li ul li:last-child ul:before{left:-60px;top:-19px}
.jsTreeType1.inventoryFilter .jstree-default .jstree-node{line-height:30px;min-height:30px;font-size:13px}
.jsTreeType1.inventoryFilter ul li{padding-left:30px}
.jsTreeType1.inventoryFilter ul li:after{display:none}
.jsTreeType1.inventoryFilter ul li.noCount a:after{display:none}
.jsTreeType1.inventoryFilter ul li .jstree-anchor{padding:0;padding-left:25px;padding-right:5px;position:relative;margin-left:-22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:219px}
.jsTreeType1.inventoryFilter.apmmonitor ul li .jstree-anchor{padding:0;padding-left:25px;padding-right:5px;position:relative;margin-left:-22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:400px}
.jsTreeType1.inventoryFilter.apmmonitor ul li .jstree-anchor{margin-left:-12px;}
.jsTreeType1.inventoryFilter ul li .jstree-anchor:before{content:attr(displayName)}
.jsTreeType1.inventoryFilter ul li .jstree-anchor[count]:after{content:" ( " attr(count) " )";color:#969696}
.jsTreeType1.inventoryFilter ul li .jstree-anchor:hover{background:#fdf5dd}
.jsTreeType1.inventoryFilter ul li .jstree-anchor.jstree-clicked{background:#fdf5dd}
.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon{display:block;position:absolute;top:5px;left:5px;width:15px;height:15px}
.jsTreeType1.inventoryFilter ul li ul{margin-top:0}
.jsTreeType1.inventoryFilter ul li ul:after{left:-29px;top:-17px}
.jsTreeType1.inventoryFilter ul li ul li:before{width:30px;left:-30px}
.jsTreeType1.inventoryFilter > .jstree ul:first-child > li > .jstree-anchor{max-width: 260px;}
.jsTreeType1.interfaceDiscoveryTable{width:100%;margin-top:-4px}
.jsTreeType1.interfaceDiscoveryTable .jstree-default .jstree-node{margin-top:5px !important}
.jsTreeType1.interfaceDiscoveryTable .jstree-default .jstree-node:first-child{margin-top:0 !important}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a{padding-left:0}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a .clusterSubHostName:before{left:-20px !important}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li > a > .jstree-checkbox{display:none;top:40px}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li.jstree-open > a > .jstree-checkbox{display:block}
.jsTreeType1.interfaceDiscoveryTable ul > li > ul > li li a > .jstree-checkbox{display:block;top:4px}
.jsTreeType1.interfaceDiscoveryTable ul li a{font-size:13px}
.jsTreeType1.interfaceDiscoveryTable ul li:last-child ul:before{width:5px;height:100%;position:absolute;left:-46px;top:-22px;content:"";background:#fff;z-index:34}
.jsTreeType1.interfaceDiscoveryTable ul li ul li:last-child ul:before{width:5px;height:calc(100% + 55px);position:absolute;left:-26px;top:-55px;content:"";background:#fff;z-index:34}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-closed a div.tableHeading{display:none}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a{height:auto;padding-bottom:42px;position:relative;width:calc(100% - 20px)}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div{float:left;padding:0 20px 0 0;white-space:normal}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName{width:100%;position:relative}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName:before{width:calc(100% + 20px);height:34px;background:#f4f5f6;border:1px solid #e0e0e0;border-bottom:0;left:-45px;top:-4px;position:absolute;content:"";box-sizing:border-box}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.clusterSubHostName span{position:relative;z-index:2}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.tableHeading{width:calc(100% + 20px);padding:0;padding-left:70px;position:absolute;left:-20px;bottom:0px;border:1px solid #e0e0e0;border-bottom:0;line-height:34px;display:block;font-family:latoBold}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifIndex{width:200px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifDescr{width:380px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifName{width:270px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ipAddress{width:150px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li.jstree-open a div.ifSpeed{width:270px;padding-right:0}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul{margin:0;border:1px solid #e0e0e0;padding:10px 20px 5px;margin-bottom:10px;margin-left:-20px;width:100%}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li{padding-left:0}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li:before{display:none}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul li.jstree-leaf a{height:auto;padding:0;padding-left:50px}
.jsTreeType1.interfaceDiscoveryTable ul li ul li ul:after{display:none}


.checkBoxWithDesc{padding:5px 0;padding-left:40px;position:relative}
.checkBoxWithDesc:before{width:1px;height:100%;position:absolute;top:0;left:30px;content:"";background:#d4d4d4}
.checkBoxWithDesc:after{border-color:#d4d4d4 transparent transparent transparent;border-style:solid;border-width:7px 6px 0 6px;width:1px;height:5px;position:absolute;top:50%;left:18px;content:"";transform:translateY(-50%) rotate(90deg)}
.checkBoxWithDesc label{width:20px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.checkBoxWithDesc label input[type=checkbox]{display: block;width: 0;height: 0;opacity:0}
.checkBoxWithDesc label input[type=checkbox] + div{background:#f0f0f0;border:1px solid #d4d4d4;width:100%;height:100%;position:relative}
.checkBoxWithDesc label input[type=checkbox]:checked + div:after{width:4px;height:10px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;top:2px;left:6px;content:"";transform:rotate(45deg)}
.mapingTable{width:100%;display:table;border:1px solid #dcdcdc;border-collapse:collapse;flex-wrap:wrap}
.mapingTable__maxWidth{max-width:300px}
.mapingTable__row{width:100%;display:table-row;border:1px solid #dcdcdc}
.mapingTable__row:last-child{border:0}
.mapingTable__row:first-child{background:#f9f9f9}
.mapingTable__coll{padding:5px;border:1px solid #dcdcdc;display:table-cell;width:100px;line-height:25px;vertical-align:middle}
.mapingTable__coll:first-child{border-left:0;width:228px;padding-right:50px;position:relative}
.mapingTable__coll:first-child .chkRoundBtn{position:absolute;top:50%;right:5px;transform:translateY(-50%)}
.mapingTable__coll.conditionDD{width:70px;position:relative}
.mapingTable__coll.conditionDD:after{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;content:"";opacity:.6}
.mapingTable__coll.applyDisable{position:relative}
.mapingTable__coll.applyDisable:after{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;content:"";opacity:.6}
.mapingTable__coll.resPonTime .mapingVal:after{content:"ms";right:9px;top:2 px}
.mapingTable__coll input[type=text]{padding-right:40px}
.mapingTable__coll input[type=text]:disabled + .mapingVal:before, .mapingTable__coll input[type=text]:disabled + .mapingVal:after{opacity:.3}
.mapingTable__coll .mapingVal{position:relative}
.mapingTable__coll .mapingVal:before{content:"";position:absolute;top:0;right:0;width:33px;height:31px;background:#f0f0f0;border:1px solid #e2e2e2}
.mapingTable__coll .mapingVal:after{content:"%";position:absolute;top:5px;right:12px}
.mapingTable__coll .collHeading{padding-left:25px;position:relative}
.mapingTable__coll .collHeading:before{background:url("../../img/opm-sprites.png");background-repeat:no-repeat;width:20px;height:19px;position:absolute;top:3px;left:0;content:""}
.mapingTable__coll .collHeading.atten:before{background-position:-48px -1528px}
.mapingTable__coll .collHeading.trouble:before{background-position:-94px -1528px}
.mapingTable__coll .collHeading.critical:before{background-position:-117px -1528px}
.enableFormOverflow{position:relative;float:left}
.enableFormOverflow:before{background:rgba(255, 255, 255, 0.7);position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:2;transition:.5s}
.enableFormOverflow.disable:before{transition:.5s;background:rgba(255, 255, 255, 0.7);z-index:0}


#dialog-confirm + .ui-dialog-buttonpane .ui-dialog-buttonset{width:100%}

/*body > .ui-widget-overlay + .ui-dialog[aria-describedby="dialog-confirm"] .ui-dialog-titlebar{border:0;background:}
.no-close .ui-dialog-titlebar-close {  display: none !important ;}

body > .ui-dialog[aria-describedby="falsealarms-confirm"] .ui-dialog-titlebar{border:0;background:}
body > .ui-dialog[aria-describedby="falsealarms-confirm"] #falsealarms-confirm{background:#fff;padding:10px 20px}
body > .ui-dialog[aria-describedby="falsealarms-confirm"] #falsealarms-confirm p span.ui-icon.ui-icon-alert{display:none;}
body > .ui-widget-overlay + .ui-dialog[aria-describedby="falsealarms-confirm"] .ui-dialog-buttonpane{border:0}*/

.EditThresholdContainer{width:100%;padding:20px;float:left}
.EditThresholdContainer .heading{font-size:18px;font-family:latoBold}
.EditThresholdContainer .formBox{width:100%;float:left;border:1px solid #e2e2e2;margin-top:20px}
.EditThresholdContainer .formBox__left{width:400px;float:left;border-right:1px solid #e2e2e2;background:#f9f9f9;max-height:calc(100vh - 280px);overflow:auto}
.EditThresholdContainer .formBox__left ul li{padding:15px 20px;border-bottom:1px solid #e2e2e2;transition:1s}
.EditThresholdContainer .formBox__left ul li:hover{transition:1s;background:#f0f0f0;cursor:pointer}
.EditThresholdContainer .formBox__left ul li.active{background:#fff;border-left:3px solid #45bd7f;font-family:latoBold}
.EditThresholdContainer .formBox__left ul li:last-child{border:0}
.EditThresholdContainer .formBox__right{width:calc(100% - 400px);float:left;max-height:calc(100vh - 280px);overflow:auto;padding:20px}
.EditThresholdContainer .formBox__right .heading{margin-bottom:20px}
.EditThresholdContainer .formBox__right .maxWid100p{max-width:100% !important}
.EditThresholdContainer .formBox__right .opmFormRow.column3 .opmFormCol.coll-3-2{width:78.4%}
.EditThresholdContainer .formBox__right .opmFormRow.column3 .opmFormCol{width:15.6%}
.EditThresholdContainer .formBox + .EditThresholdBtn{margin-top:20px;margin-left:10px;float:left;width:100%}
.EditThresholdContainer .formBox + .EditThresholdBtn .opmBtn{margin-right:10px}


.helpCardAdaptiveThreshold{width:100%;float:left;font-size:12px}
.helpCardAdaptiveThreshold .table{width:100%;display:table;border:1px solid #e2e2e2;border-collapse:collapse;margin-top:20px}
.helpCardAdaptiveThreshold .table .tr{width:100%;display:table-row}
.helpCardAdaptiveThreshold .table .tr .th{display:table-cell;background:#fff4c4;padding:8px 5px;border:1px solid  #ffdf4d;font-family:latoBold}
.helpCardAdaptiveThreshold .table .tr .td{display:table-cell;padding:8px 5px;border:1px solid #ffdf4d;background:#fef7db}
.associateAdaptiveThreshold{position:absolute;top:150px;left:0;bottom:80px;right:0}
.associateAdaptiveThreshold .multiSelectBox4{padding:0 20px}
.associateAdaptiveThresholdsaveBtn{position:absolute;bottom:0px;right:20px}
.AT-setting-link{text-align:right}
.AT-setting-link a{margin-top:20px;display:inline-block}
.width18percent{width: 18%!important}
.opmFormRow.column4 .opmFormCol.thresholdCondition{width:12%}
.opmFormRow.column4 .opmFormCol.thresholdCondition2{width:18%}
.opmFormRow.column4 .opmFormCol.thresholdValue{width:20%}
.opmFormRow.column4 .opmFormCol.at_thresholdValue{width:32%}
.opmFormRow.column4 .opmFormCol.thresholdMsg{width:32%}
.opmFormCol.disable{position:relative}
.opmFormCol.disable:after{width:100%;height:111%;background:#fff;top:0;left:0;opacity:.5;content:"";position:absolute}



.screen-resize .searchIcon{width: 20px;height: 20px;position: relative;right: 4px;display: inline-block;cursor: pointer;bottom: 6px;}
.screen-resize .searchIcon:before{color: #838688;}
.screen-resize .searchIcon.active:before{color: #000000;}
.bvDeviceSearchBox{position: absolute;
    right: 36px;
    bottom: 0px;
    margin: 0;
     display: none;
     width: 250px;
    top: 4px;
    height: 40px;
}
.bvDeviceSearchBox input[type="search"] {
    padding: 0 10px;
    line-height: 33px;
    height: 33px;
    width: 100%;
    border: 1px solid #d4d4d4;
    padding-right: 47px;
}
.bvDeviceSearchBox .searchBoxClose {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: none;
}
.bvDeviceSearchBox input[type="search"]::-webkit-search-decoration, .bvDeviceSearchBox input[type="search"]::-webkit-search-cancel-button, .bvDeviceSearchBox input[type="search"]::-webkit-search-results-button, .bvDeviceSearchBox input[type="search"]::-webkit-search-results-decoration{display:none}

.bvDeviceSearchBox .searchBoxClose{position:absolute;top:10px;right:10px;content:"";width:10px;height:10px;cursor:pointer;display:none}
.bvDeviceSearchBox .searchBoxClose:before{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(45deg)}
.bvDeviceSearchBox .searchBoxClose:after{width:2px;height:10px;content:"";right:6px;top:2px;position:absolute;background:#858585;transform:rotate(-45deg)}

.bvDeviceSearchBox .searchCnt{display: block;
    position: absolute;
    top: 11px;
    right: 21px;
    width: 25px;
    height: 40px;
    font-size: 9px;
    }

.devBV_status{width: 12px;height: 12px;margin: -1px 5px;border-radius: 50% !important;left: 1.5px;z-index: 1;display: inline-block;}

.imageRow .single i.detele-icon {background: #e4e4e4;color: #292929;width: 24px;height: 24px;position: absolute;border-radius: 24px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 12px;right: -6px;top: -6px;-webkit-box-shadow: 0 0px 10px #d6d6d6;box-shadow: 0 0px 10px #d6d6d6;cursor: pointer;z-index: 9;display: none;border: 1px solid #d4d4d4;}
.imageRow .single:hover i.detele-icon{display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}

.nfaAddGroupSet .multiSelectBox4{top: 150px !important}
.nfaAddGroupSet.opmEEAllProbes .multiSelectBox4{top: 225px !important}
.nfaAddGroupSet .nfaAddGroupCriteria{top:150px; right:20px; bottom:0; left:20px; overflow:auto; position:absolute}
.nfaAddGroupSet.opmEEAllProbes .nfaAddGroupCriteria{top:225px}
.nfaAddGroupSet .opmForm{padding:0 !important}
.nfaAddGroupSet .opmForm .opmFormRow.customColl .opmFormCol{max-width: 105px;}
.nfaAddGroupSet .opmForm .opmFormRow.customColl .opmFormCol__w218{width:218px !important; max-width:218px !important}
.nfaAddGroupSet #nfaCriteriaName{display:inline-block}
.nfaAddGroupSet #nfaCriteriaName .opmFormCol{max-width: 350px !important;margin-left:20px !important;width: 350px !important;}
.nfaAddGroupSet #nfaCriteriaNetWorkMask{display:inline-block}
.nfaAddGroupSet #nfaCriteriaNetWorkMask .opmFormCol{min-width: 160px !important;margin-left:20px !important;}
.nfaAddGroupSet #nfaCriteriaIpMask{display:inline-block}
.nfaAddGroupSet #nfaCriteriaIpMask .opmFormCol{min-width:100px !important; margin-left:20px !important}
.slideContentContainer div > header.greyBg + .fixedFooter + section .nfaAddGroupCriteria .opmForm{padding:0 !important}
.slideContentContainer div > .fixedFooter.opmEEAllProbes{height:150px}
.slideContentContainer div > .fixedFooter.opmEEAllProbes + section{bottom:150px}

.importFromCSV .opmFormCol span.info { background: #f9f9fb; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; padding: 0 8px; position: relative; display: table-cell; border: 0 !important; border-left: 1px solid #dcdcdc !important; }
.importFromCSV .opmFormCol span.info label { color: #636363; font-size: 14px; margin: 0 !important; }
.importFromCSV .opmFormCol .fileUpload { width: 100% !important; }
.importFromCSV .compareBtn {position: relative; top: 18px;left: 3px;}
.configDiff .fileHeading {float: left;width: 100%;margin-bottom: 10px;}
.configDiff .fileHeading .fileName1 {font: 16px LatoBold;display: inline-block;width: 60.5%;}
.configDiff .fileHeading .fileName2 {font: 16px LatoBold;display: inline-block;}
.configDiff .staticTable--col6 .staticTable__col .emptyCol {width: 100%;padding: 0px 20px;}
.configDiff .staticTable--col6 .staticTable__col .lineCol {width: 100%;padding: 0px 12px;}
.configDiff .staticTable--col6 .staticTable__col .compareView {width: 20px;border-right: 1px solid #e2e2e2;padding: 10px 23px 25px 10px;height: 36px;margin-left: 20px;border-left: 1px solid #e2e2e2;}
.fwaDiffContent .diffModifiedLine,.fwaDiffContent .diffModifiedLine:hover{background:#bac1ff !important}
.fwaDiffContent .diffDeletedLine,.fwaDiffContent .diffDeletedLine:hover{background:#fac1c1 !important}
.fwaDiffContent .diffNewLine,.fwaDiffContent .diffNewLine:hover{background:#c5eeaf !important}
.fwaDiffContent .diffNormalLine,.fwaDiffContent .diffNormalLine:hover{background:#fff !important}
.c-pointer {cursor: pointer;}
.p-0 {padding: 0 !important;}
.configDiff .tableData {height: 100%;overflow: auto;width: 100%;max-height: 380px;}

/*.iconOnMainNav.icon-support:before{background-position:-318px -240px}*/
html.product__rmm #MainNav.mCustomScrollbar .mCSB_scrollTools[style*="block"]{right: 120px !important;}
/*Notification template related CSS starts*/
.logTicketZIndex{z-index:0 !important}
.webAlarmsNotification .containerBlockContent .opmFormRow .opmFormCol{width:100%}
.webAlarmsNotification .containerBlockContent .opmFormRow .opmFormCol > .opmFormRow > .opmFormCol{width:100%}
.webAlarmsNotification.twoColumn .containerBlockContent .opmFormRow .opmFormCol{width:47.6%}
.webAlarmsNotification.twoColumn .containerBlockContent .opmFormRow .opmFormCol > .opmFormRow > .opmFormCol{width:100%}
.webAlarmsNotification.threeColumn .containerBlockContent .opmFormRow .opmFormCol{width:30.6%}
.webAlarmsNotification.threeColumn .containerBlockContent .opmFormRow .opmFormCol > .opmFormRow > .opmFormCol{width:100%}
.nfaSoundFile.opmFormCol{width:48% !important}
/*Notification template related CSS ends*/

.newSnapCustomScroll.DIGmCustomScroll{padding:15px 0 !important;}
.newSnapCustomScroll.DIGmCustomScroll .DIGL-Row div{padding:5px 25px;}
.newSnapCustomScroll.DIGmCustomScroll:before,.newSnapCustomScroll.DIGmCustomScroll .mCS_no_scrollbar .mCSB_scrollTools{display:none !important}
.newSnapCustomScroll.DIGmCustomScroll .mCS_no_scrollbar .mCSB_container:before{background:#e1e1e1 !important;width:1px;height:100%;content:'';position:absolute;top:0;left:35%}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools{background:rgba(169,169,169,.2);width: 12px !important;height:100%;border-radius:5px;position:absolute;top:0;right:0;}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonUp,.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown{width:6px !important;top:0;left: 2px;}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_buttonDown{top:auto;bottom:0}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerContainer{width: 4px;margin:0 auto !important;top:20px;right:0;bottom:20px;left:0;}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools,.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_draggerRail{width: 4px;left:34% !important;opacity:1 !important;filter:alpha(opacity=100) !important;border-radius:15px;}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{left:0 !important}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.newSnapCustomScroll.DIGmCustomScroll .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#ccc;}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#8a8e91}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before,.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{content:''}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before,.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{width:4px;height:4px;content:'';margin:auto;border:2px solid #000;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:1px}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before{border-right:0;border-bottom:0}
.newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{border-top:0;border-left:0}
.newSnapCustomScroll.DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(169,169,169,0)}
.newSnapCustomScroll.DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp:before,#PageContent.snapRevamp1 #inventoryGridStyle .DIGmCustomScroll .mCustomScrollbar.mCS_no_scrollbar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown:before{color:rgba(169,169,169,1)}

#PageContent.snapRevamp1 .DeviceDetails .DI-Accordion{background:#fafafa;}
#PageContent.snapRevamp1 .DeviceDetails .DI-Accordion .DIA-Content{top:40px;bottom:10px;}
#PageContent.snapRevamp1 .wlcTabUl.NutanixSnapshot + .DIA-Header + .DIA-Content{top:120px !important;}
#PageContent.snapRevamp1.noTabHeader .DeviceDetails .DI-Accordion .DIA-Content{top:0px;}
#PageContent.snapRevamp1 #inventoryGridStyle{background:transparent;}
#PageContent.snapRevamp1 #inventoryGridStyle > .ember-view{padding: 4px;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item{padding:0px !important}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item[data-gs-x="1"][data-gs-width="5"]:not(.dashboardWidgetExpandView){padding-right:4px !important;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView{padding:4px !important}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item:before{background:#fff;content:'';position:absolute;top:0;right:15px;bottom:0;left:0}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_widget_title{background:#f5f5f5;border-bottom:1px solid #e3e3e3;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_widget_title .dashboardWidgetIcons i{background:transparent;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .content{padding:43px 10px 20px;background:#fff;}
#PageContent.snapRevamp1 #inventoryGridStyle .ondemandWidget,html.horizontalView #inventoryGridStyle .ondemandWidget i{background:#e3e9f9 !important}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons{overflow:hidden !important}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item-content{border: 1px solid #e2e2e2;overflow:hidden;}
#PageContent.snapRevamp1 #inventoryGridStyle .custDialSpeedoMeter > .singleBlock > .header{border-bottom:1px solid #eee;background:#ffffff;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid{border-bottom:1px solid #e3e3e3;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background: #fff;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{padding-left: 10px;}
#PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:not(.jqgrid-multibox){padding-left: 23px;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{font-size: 14px;}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv{overflow-x:hidden;}
#PageContent.snapRevamp1 #inventoryGridStyle .snapShotSummaryDetails{background:#fff;border-bottom: 1px solid #e3e3e3;padding:10px 20px;width:540px;}
#PageContent.snapRevamp1 #inventoryGridStyle .snapShotSummaryDetails i{color:#878788;top:3px;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .widgetNoData{color:#8a8e97;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content{padding:0;}
#PageContent.snapRevamp1 #inventoryGridStyle .DI-Grid .DIG-Graph{bottom:48px;}
#PageContent.snapRevamp1 #inventoryGridStyle .DIGG-Time .DIGGT-Row{top:10px;}
#PageContent.snapRevamp1 #inventoryGridStyle .DIGG-Time .legend{padding-top:10px;}
#PageContent.snapRevamp1 #inventoryGridStyle .DIGG-Time.DIGG-Dials{top:-20px;z-index:1;}
#PageContent.snapRevamp1 #inventoryGridStyle .opmFailureReasonInfo{margin-top:25px;}
#PageContent.snapRevamp1 #inventoryGridStyle .DI-Grid{border-bottom:none;}
#PageContent.snapRevamp1 #inventoryGridStyle .opmStorageGrid{background:#fff;}
/* html.horizontalView.hideMainTopBand body,html.horizontalView.hideMainTopBand body.settingsPage,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage{padding:35px 0 0 0 !important} */
html.horizontalView.hideMainTopBand body #header,html.horizontalView.hideMainTopBand body.settingsPage #header,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage #header{top:-50px !important}
/* html.horizontalView.hideMainTopBand body #nav,html.horizontalView.hideMainTopBand body.settingsPage #nav,html.horizontalView.hideMainTopBand body.initialMsg.settingsPage #nav{top:0 !important} */
html.horizontalView.hideMainTopBand #inventoryGridStyle .dashboardWidgetExpandView{top:80px !important}
html.horizontalView.hideMainTopBand #globalSearchContainer{top:0;left:0}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot{border:0;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr0 h3{margin-bottom:0px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr0 li{padding-left:35px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr{padding: 12px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr1{padding-bottom:18px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr h3{margin:-2px 0 4px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr1 h3,#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot.customHdr2 h3{margin-bottom:5px;}
#PageContent.snapRevamp1 #inventoryGridStyle .recentAlarmsInvSnapShot .moreAlarmsLink{font-size:12px;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .content{padding:0;}
html.horizontalView.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive #PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView{top:160px !important;}
html.opmTopBandBannerActive.horizontalView #PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView,html.horizontalView.MessageViewBoxOpen.secondLevelNavActive #PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView{top: 120px !important;}
#PageContent.snapRevamp1 .customSlideHdrStyle{top:45px;}
#PageContent.snapRevamp1 .customSlideHdrStyle .deviceInnerSlide-1 header{height:55px;padding:15px 20px;background:#f0f0f0;}
#PageContent.snapRevamp1 .customSlideHdrStyle .deviceInnerSlide-1 header .slideActions{margin-top:5px;}
#PageContent.snapRevamp1 .customSlideHdrStyle .deviceInnerSlide-1 header .icon-remove{top:15px;}
#PageContent.snapRevamp1 .customSlideHdrStyle .deviceInnerSlide-1 .opmTabCont{top:55px;}
#PageContent.snapRevamp1 .newSnapCustomScroll.DIGmCustomScroll .DIGL-Row .icon-status{font-size:16px;}
#PageContent.snapRevamp1 .grid-stack-storage .grid-stack-item .grid-stack-item-content{background: white !important;}
#PageContent.snapRevamp1 .grid-stack-storage .grid-stack-item::before{background-color:transparent !important}
#PageContent.snapRevamp1 .grid-stack-storage .opmStorageGridTitle{margin: 0 auto 20px;background: transparent;}
#PageContent.snapRevamp1 .grid-stack-hardware .grid-stack-item .grid-stack-item-content{border-color: transparent !important;}
#PageContent.snapRevamp1 .grid-stack-hardware .grid-stack-item::before{background-color:transparent !important}
.singleInvWidget .DI-Grid {min-height:unset}
#PageContent.snapRevamp1 .grid-stack-hardware .grid-stack-item .gridStack-innerFullCol{border: 1px solid #d4d4d4; background: white !important;}
#PageContent.snapRevamp1 .grid-stack-hardware .grid-stack-item  .content.singleInvWidget {padding-left: 15px !important;padding-right: 15px !important;width: calc(100% - 30px);margin-left: auto;margin-right: auto;float: none;}
#PageContent.snapRevamp1 .DI-Accordion .wlcTabUl{padding: 10px 10px;}
#PageContent.snapRevamp1 .grid-stack-hardware .searchRightAlign .opm_jqGridUI .jqSearchIcon{left:25px;}
#PageContent.snapRevamp1 .sliderWidgets .AdExMssqlMonitors .opm_widget_title{border: 1px solid #e3e3e3;background: #f3f5f6;}
#PageContent.snapRevamp1 .sliderWidgets .AdExMssqlMonitors > .content{border: 1px solid #e3e3e3;background: white;float: none;padding: 0px;border-top: #fff;}
#PageContent.snapRevamp1 .sliderWidgets .AdExMssqlMonitors .AdExMssqlMonitors{padding: 10px 5px;}
#PageContent.snapRevamp1 .sliderWidgets .AdExMssqlMonitors .AdExMssqlMonitors .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top-width: 0;}
#PageContent.snapRevamp1 .sliderWidgets .AdExMssqlMonitors .AdExMssqlMonitors .opm_jqGridUI .ui-jqgrid{border-bottom-width: 0;}
.grid-stack-exchange .gridStack-innerFullCol{border: 1px solid #e3e3e3; padding-left:0;margin-bottom: 5px;}
.grid-stack-exchange .gridStack-innerFullCol > .opm_widget_title{left: 0 !important}
.grid-stack-exchange .gridStack-innerFullCol > .content{padding: 0 10px !important;}
.grid-stack-exchange .gridStack-innerFullCol > .content > div{margin:auto}
.grid-stack-exchange .gridStack-innerFullCol.exchangeExpand{padding: 0 !important;}
.grid-stack-exchange .gridStack-innerFullCol.exchangeExpand > .opm_widget_title{width: 100% !important;margin-top: 0!important;}
.grid-stack-exchange .gridStack-innerFullCol.exchangeExpand > .content{top: 0!important;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-view .ui-jqgrid-bdiv{overflow-x: hidden;}
body.firefox #PageContent.snapRevamp1 .grid-stack-exchange .gridStack-innerFullCol .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr {border-bottom: 2px solid #e3e3e3;}
#PageContent.snapRevamp1 #inventoryGridStyle .snapSubGrid .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{display:none;}
.monitorCategory div {margin-bottom: 10px;}

#nfaShowPortsExportDiv .subHdrDivReport .icon-exportXML svg{width:25px;height:25px;fill:#8a8e91;position:relative;bottom:13px;}
#nfaShowPortsExportDiv .subHdrDivReport{right: 60px;top: 28px;position: absolute;}
#nfaShowPortsExportDiv .subHdrDivReport .AETIDFilDropDownList.active{display: block;opacity: 1;top: 35px;right: -12px;width: 175px;}
#nfaShowPortsExportDiv .subHdrDivReport .AETIDFilDropDownList.noIcon li {padding: 10px 15px;}
#nfaShowPortsExportDiv .subHdrDivReport .AETIDFilDropDownList.noIcon li::after {margin: 0 15px 0 15px}
#nfaShowPortsExportDiv .subHdrDivReport .AETIDFilDropDownList .icon-remove {top: 10px !important;}

/*KEY GENERATOR CSS STARTS*/
.nflowGenerator .installationKey{position: relative;bottom: 14px;}
.nflowGenerator .installationKey label{font: 14px LatoRegular;display: inline-block;margin: 0 0 5px;}
.nflowGenerator .installationKey label i {color: #27a965;float: right;position: relative;left: 9%;display: inline-block;}
.nflowGenerator .installationKey label i::before{content: '';display: inline-block;width: 3px;height: 6px;border: solid #27a965;border-width: 0 2px 2px 0;transform: rotate(45deg);margin-right: 10px;}
.nflowGenerator .installationKey .keyInput{width: 350px;height:35px;padding:0;position:relative;overflow:hidden;display:table;border-collapse:separate;border: none;}
.nflowGenerator .installationKey .keyInput input{width:100%;height:100%;position:absolute;top:0;left:0;border: 1px solid #dcdcdc;padding: 5px 95px 5px 8px;}
.nflowGenerator .installationKey .keyInput span.info {cursor: pointer;width: 1%;font-size: 0;white-space: nowrap;vertical-align: middle;padding: 0 8px;position: relative;display: table-cell;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.nflowGenerator .size16 svg {width: 16px;height: 16px;}
.nflowGenerator p {width: 63%;}
/*KEY GENERATOR CSS ENDS*/

.nfgInstallation{width:100%;max-width:1000px;margin:0 auto;text-align:center}
.nfgInstallation__greyBox{display:flex;background:#f4f5f6;padding:40px 30px;margin-bottom:20px;border-radius:30px;margin-top:30px}
.nfgInstallation__greyBox .nfgColumn{display:inline-block;width:100%}
.nfgInstallation__greyBox .nfgColumn.arrowline{position:relative;padding-top:25px}
.nfgInstallation__greyBox .nfgColumn.arrowline:before{content:"";position:absolute;top:50px;left:0;width:100%;height:1px;border-bottom:1px dashed #000}
.nfgInstallation__greyBox .nfgColumn.arrowline:after{background:url("../../img/opm-sprites.png") no-repeat -118px -1828px;position:absolute;top:49px;right:-7px;content:"";width:5px;height:6px}
.nfgInstallation__greyBox .nfgColumn.lineSolid:before{border-bottom:1px solid #000}
.nfgInstallation__greyBox .imageBox{width:100%;position:relative;padding-top:90px}
.nfgInstallation__greyBox .imageBox:before{background:url("../../img/opm-sprites.png") no-repeat -1px -1921px;position:absolute;top:0;left:0px;content:""}
.nfgInstallation__greyBox .imageBox.exportingIcon:before{width:145px;height:73px;left:20px}
.nfgInstallation__greyBox .imageBox.generatorIcon:before{background-position:-150px -1919px;width:77px;height:74px;left:60px}
.nfgInstallation__greyBox .imageBox.analyzerIcon:before{background-position:-230px -1920px;width:81px;height:74px;left:50px}
.nfgInstallation p{text-align:center;padding:0 30px}
.downloadGenerator{width:500px;border:1px solid #45bd7f;margin:20px auto;border-radius:10px;line-height:50px;display:flex}
.downloadGenerator.npsDownload{width:525px}
.downloadGenerator .download{position:relative;padding-left:60px;padding-right:10px}
.downloadGenerator .download:before{background:#45bd7f;position:absolute;left:0;top:0;width:50px;height:100%;content:"";border-radius:9px}
.downloadGenerator .download:after{background:url("../../img/opm-sprites.png") no-repeat -132px -1805px;width:16px;height:18px;position:absolute;left:16px;top:15px;content:""}
.downloadGenerator .osIcon{position:relative;padding-left:45px;padding-right:20px;border-radius:9px;color:#3996dd}
.downloadGenerator .osIcon:after{position:absolute;left:11px;top:15px;content:""}
.downloadGenerator .osIcon.window:after{background:url("../../img/opm-sprites.png") no-repeat -158px -1836px;width:25px;height:24px;left:11px;top:15px}
.downloadGenerator .osIcon.linux{padding-left:40px;margin-left:10px}
.downloadGenerator .osIcon.linux:after{background:url("../../img/opm-sprites.png") no-repeat -190px -1834px;width:22px;height:25px;left:11px;top:15px}
.downloadGenerator .osIcon.linux:before{width:1px;height:20px;border-left:1px solid #A2A2A2;position:absolute;left:-10px;top:15px;content:""}
.downloadGenerator.noBorder{border:0;float:right;width:auto;margin-right:10px;margin-top:0px}
.downloadGenerator.noBorder .download{padding-left:0}
.downloadGenerator.noBorder .download:before, .downloadGenerator.noBorder .download:after{display:none}

/*! Shimmer Effect starts */
.shimmer{width:100%;height:33px;display:inline-block;content:'';border-radius:6px;margin:8px auto;background-color:#f5f5f5;background-repeat:repeat-y;background-image:-o-linear-gradient(315deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 100%);-webkit-animation:shimmerBackground 1s linear infinite;animation:shimmerBackground 1s linear infinite}
.shimmer__sm{height:32px}
.shimmer__md{height:64px}
.shimmer__lg{height:96px}
@-webkit-keyframes shimmerBackground{
0%{background-position:-100vw 0}
100%{background-position:100vw 0}
}
@keyframes shimmerBackground{
0%{background-position:-100vw 0}
100%{background-position:100vw 0}
}
/*! Shimmer Effect ends */

/*! No data msg starts */
.no-dataText{height:240px}
.no-dataText .title-text{font-size:20px;font-family:LatoBold;margin-bottom:10px}
.no-dataText.style2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;color:#555}
.no-dataText.style2 .svgIcon{margin-bottom:20px}
.no-dataText.style2 .svgIcon svg{fill:#555}
.no-dataText.style3{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:auto;height:100%}
.no-dataText.style3 .svgIcon{margin-right:15px}
.no-dataText.style3 .svgIcon svg{fill:#555}
/*! No data msg ends */

/*! Timepicker starts */
.ui-datepicker{z-index:999!important;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.13);box-shadow:0 10px 10px rgba(0,0,0,.13)}
.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:LatoRegular}
.ui-datepicker-calendar+.ui-timepicker-div{border-top:1px solid #d4d4d4}
.ui-timepicker-div{padding-top:.7em}
.ui-timepicker-div dl dd{margin-bottom:18px!important}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle{border-radius:50%;background-image:none;background-color:#27a965;border-color:#1d804c;top:-.5em}
.ui-timepicker-div .ui_tpicker_hour_slider,.ui-timepicker-div .ui_tpicker_minute_slider,.ui-timepicker-div .ui_tpicker_second_slider{border-radius:0;background-color:#f2f2f2;background-image:none;border-color:#d4d4d4;height:6px}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{border-bottom-color:transparent!important;font-weight:700}
.ui-timepicker-div .ui_tpicker_timezone select{width:100%;border:1px solid #d4d4d4;border-radius:0}
.ui-datepicker-buttonpane .ui-priority-primary{background-image:none;background-color:#27a965;color:#fff;border:#1d804c;font-weight:400}
/*! Timepicker ends */


/*! Active VPN status Table CSS starts */
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid{margin-bottom:50px}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid{border-bottom-width:0}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-width:0}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr{border-bottom-width:0}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead{background:0 0!important}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{padding-top:0}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:not(:first-child){position:relative;height:120px}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:not(:first-child)>div{position:absolute;width:100px;-webkit-transform:rotate(-90deg) translateX(-80px) translateY(14px);-ms-transform:rotate(-90deg) translateX(-80px) translateY(14px);transform:rotate(-90deg) translateX(-80px) translateY(14px);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;font-family:LatoBold}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:not(:first-child)>div>span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:static;width:100%;display:block}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv{border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr{border-bottom-width:0}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr td{padding-top:8px!important;padding-bottom:8px!important;line-height:1.6!important}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr td:first-child,#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr td:nth-child(2){border-right:1px solid #d4d4d4}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr.jqgfirstrow td{padding-top:0!important;padding-bottom:0!important}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .ui-jqgrid .ui-jqgrid-bdiv tbody>tr:hover{background-color:transparent}
#inventoryGridStyle .opm_jqGridUI.vpn-status-grid .loading.ui-state-default{display:none!important}
.active-vpn-status{font-size:0;display:block;text-align:center}
.active-vpn-status:before{content:'';width:14px;height:14px;border-radius:50%;background-color:#d4d4d4;display:inline-block}
.active-vpn-status.online:before{background-color:#1d804c}
.active-vpn-status:hover:before{background-color:#bbb}
.active-vpn-status:hover.online:before{background-color:#145633}
.active-vpn-status.label{margin-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.active-vpn-status.label:before{margin-right:5px}
.table-status-legends{position:absolute!important;top:60px}
.table-status-legends+.s-ico{display:none!important}
/*! Active VPN status Table CSS ends */


.sampleImgLeft{float:left;width:100%;height:100%;max-width:1360px;margin-top:20px;}
.opmFormRow.displayType .w-65{width: 65% !important;}
.opmFormRow.displayType .w-30{width: 30% !important;}
.opmFormRow .allDialogRm .w-30{width: 30% !important;}
.opmFormCol .w-90{width: 90% !important;}
.colourPickerIcon{background: url(../../img/opm-sprites.png) no-repeat -265px -1177px;width: 25px;height: 25px;display: inline-block;cursor: pointer;position: absolute;right: 0px;top: 26px;}

.multiSelectBox4.height200 {height: 200px;}
.responseInfo2{background:#fffbe5;float:left;width:100%;height:auto;border: 1px solid #ffe89e;padding: 10px 15px;}
.responseInfo2.type4 .area >  ul li b{font:14px LatoBold;margin:0 0 5px;display:inline-block}
.responseInfo2.type4 .area > ul{list-style-type:none;}
.responseInfo2.type4 .area > ul li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.responseInfo2.type4 .area > ul li p{margin: 0 2px 5px;color:#454545;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.fullScreen_toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 35px; width: 30px; background-color: #252525; cursor: pointer; }
.fullScreen_toggle > .svgIcon > path { fill: white; -webkit-transition: -webkit-transform ease 0.1s; transition: -webkit-transform ease 0.1s; transition: transform ease 0.1s; transition: transform ease 0.1s, -webkit-transform ease 0.1s; -webkit-transform-origin: center center; transform-origin: center center; }
.fullScreen_toggle.active #arrow-toggle { -webkit-transform: scaleY(-1) translateY(-9px); transform: scaleY(-1) translateY(-9px); }
/*.fullScreen_toggle.active #top-left { -webkit-transform: rotate(180deg) translateX(14px) translateY(14px); transform: rotate(180deg) translateX(14px) translateY(14px); }
.fullScreen_toggle.active #top-right { -webkit-transform: rotate(180deg) translateX(-14px) translateY(14px); transform: rotate(180deg) translateX(-14px) translateY(14px); }
.fullScreen_toggle.active #bottom-left { -webkit-transform: rotate(180deg) translateX(14px) translateY(-14px); transform: rotate(180deg) translateX(14px) translateY(-14px); }
.fullScreen_toggle.active #bottom-right { -webkit-transform: rotate(180deg) translateX(-14px) translateY(-14px); transform: rotate(180deg) translateX(-14px) translateY(-14px); }*/

.mailEdit{position:relative;padding-right:41px;display:inline-block;width:90%}
.mailEdit > div.mailEditIcon{position:absolute;top:0;right:17px;width:16px;height:100%;cursor:pointer;border-right:1px solid #e2e2e2;padding-right:15px}
.mailEdit > div.mailEditIcon:before{background:url("../../img/opm-sprites.png") no-repeat -328px -1423px;width:11px;height:12px;content:"";top:4px;right:5px;position:absolute}
.mailEdit > div.mailDeleteIcon{position:absolute;top:0;right:0;width:16px;height:100%;cursor:pointer}
.mailEdit > div.mailDeleteIcon:before{background:url("../../img/opm-sprites.png") no-repeat -178px -1531px;width:14px;height:14px;content:"";top:3px;right:0;position:absolute;transform:scale(0.9)}

.tabStatic.tabStatic__fixedTop.nfaScheduleTabs li{padding: 0 20px}

.multiSelectBox4 .listBox.nfaSingleSelectBox{width:100%;}
.multiSelectBox4 .listBox.nfaSingleSelectBox:last-child{padding-left:0px;}
.opmTabContainer > section > .slideContHolder{width:100%;height:100%;display:inline-block}
.opmTabContainer > section > .slideContHolder #associateSNMPHolder{width:100%;height:calc(100% - 10px);display:inline-block}
.opmTabContainer > section > .slideContHolder #associateSNMPHolder #AssociateCredResult{width:100%;display:inline-block;position:relative}
.opmTabContainer > section > .slideContHolder #associateSNMPHolder #AssociateCredResult .dataListActions{position:relative;overflow:auto}
.opmTabContainer > section > .slideContHolder #associateSNMPHolder #AssociateCredResult .nfaSNMPActionsDiv{position:relative}
.mailEdit{position:relative;padding-right:41px;display:inline-block;width:90%}
.mailEdit > div.mailEditIcon{position:absolute;top:0;right:17px;width:16px;height:100%;cursor:pointer;border-right:1px solid #e2e2e2;padding-right:15px}
.mailEdit > div.mailEditIcon:before{background:url("../../img/opm-sprites.png") no-repeat -328px -1423px;width:11px;height:12px;content:"";top:4px;right:5px;position:absolute}
.mailEdit > div.mailDeleteIcon{position:absolute;top:0;right:0;width:16px;height:100%;cursor:pointer}
.mailEdit > div.mailDeleteIcon:before{background:url("../../img/opm-sprites.png") no-repeat -178px -1531px;width:14px;height:14px;content:"";top:3px;right:0;position:absolute;transform:scale(0.9)}

@media (max-height:700px){
  .opmTabContainer > section > .slideContHolder #associateSNMPHolder #AssociateCredResult .dataListActions{max-height:200px;}
}
@media (max-height:600px){
  .bvpopupOverlay{align-items: flex-start !important;}
}

.floatLeftImportant{float:left !important}

.exportOption {display: inline-block;position: relative;top: 0px;right: 10px;}
.exportOption .opmExportIcon:before{background-image:url(../../img/opm-sprites.png) !important;background-position:-107px -700px !important;width:17px;height:20px;content:'';display:inline-block;transform: scale(0.8);}
.exportOption span {position: relative;top: -5px;font: 14px LatoRegular;color: #606060;right: 0px;}
.dashboardViewCustTime {position: absolute;z-index: 1;right: 100px;text-align: right;margin-top: 10px;}

.nfgFreeEditionInfoMsg{padding:25px;color:red}
.urlShortFormClass{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tenantSearch{border: 1px solid #dcdcdc; padding: 3px 10px; font-size: 12px; background: #ffffff}

.opmDashboardSubLinks{background:#fff;width:auto;height:45px;position:absolute;right:50px;bottom:0;left:0}
.opmDashboardSubLinks .list{background:rgb(250,250,250);float:left;width:auto;height:100%;overflow:hidden}
.opmDashboardSubLinks .list li{float:left;width:160px;height:100%;font-size:14px;overflow:hidden;position:relative}
.opmDashboardSubLinks .list li a{float:left;width:100%;height:100%;font:14px LatoRegular;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#7f7f7f;padding:12px 23px 12px 12px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;border-bottom:3px solid transparent;overflow:hidden}
.opmDashboardSubLinks .list li a.active{color:#454545;border-color:#49bd80}
.opmDashboardSubLinks .list li i,.opmDashboardSubLinks .more ul li i{color:#9f9f9f;padding:0 5px;position:absolute;top:0;right:0;bottom:0;cursor:pointer;z-index:1;display:none}
.opmDashboardSubLinks .list li i.hideFavIcon,.opmDashboardSubLinks .more ul li i.hideFavIcon{display:none !important}
.opmDashboardSubLinks .list li i:before{line-height:42px}
.opmDashboardSubLinks .list li i:hover,.opmDashboardSubLinks .list li i.active,.opmDashboardSubLinks .more ul li i:hover,.opmDashboardSubLinks .more ul li i.active{color:#49bd80}
.opmDashboardSubLinks .list li i.active,.opmDashboardSubLinks .list li:hover i,.opmDashboardSubLinks .more ul li:hover i{display:block}
.opmDashboardSubLinks .more{width:100px;height:100%;font-size:14px;text-align:center;position:relative;top:0;right:0;left:unset!important;float:left;white-space: nowrap;}
.opmDashboardSubLinks .more:hover{background-color: #f2f3f8;}
.opmDashboardSubLinks .more > a{float:left;padding:9px 24px 9px 15px;position:relative;top:0;color:#7f7f7f;}
.opmDashboardSubLinks .more > a:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:5px 4px 0 4px;border-top-color:#888;position:absolute;top:1px;right:9px;bottom:0}
.opmDashboardSubLinks .more ul{background:#fff;min-width: unset;width: auto;height:auto;text-align:right;border:1px solid #ececec;position:absolute;top:35px;right:0;box-shadow:0 1px 2pxrgba(0,0,0,.1);-ms-box-shadow:1px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:1px 3px 3px rgba(0,0,0,.1);-webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1);-o-box-shadow:1px 3px 3px rgba(0,0,0,.1);display:none}
.opmDashboardSubLinks .more ul li{float:left;width:100%;height:auto;border-bottom:1px solid #ececec;position:relative;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opmDashboardSubLinks .more ul li:last-child{border:0}
.opmDashboardSubLinks .more ul li a{width:100%;height:auto;white-space:nowrap;color:#000;padding:5px 23px 5px 10px;display:block}
.opmDashboardSubLinks .more ul li:hover{background:#fafafa}
.opmDashboardSubLinks .more ul li i:before{line-height:29px}
.opmDashboardSubLinks.hovered:hover ul{display:block}

.opmDashboardSubLinks.iFrameLinksApm ul{width:auto}
.opmDashboardSubLinks.iFrameLinksApm li{min-width:unset}
.opmDashboardSubLinks.iFrameLinksApm{right:0!important}
html.horizontalView .opmDashboardSubLinks.iFrameLinksApm:not(.ncmSubLinks) .list li:not(.dropDownMenu) a {padding-left: 20px !important;padding-right: 20px !important;}

.multiSelect3Columns.restrict2columns{height:350px}
.multiSelect3Columns.restrict2columns .multiSelectBox4 .listBox{width:50%}
.multiSelect3Columns.restrict2columns .multiSelectBox4 .moveLeftBtn,.multiSelect3Columns.restrict2columns .multiSelectBox4 .moveRightBtn{right:50%}

html.horizontalView .settingsCnt.ncmAdvReport {top: 36px;}
html.horizontalView .settingsCnt.ncmAdvReport .slideContentContainer {box-shadow: none;}
body[class*=" slideDivIn-"] .ncmAdvReportTab.ncmAdvReport#ReportSubTabs .slideContent { z-index: 2}
body[class*=" slideDivIn-"] .ncmAdvReportTab.ncmAdvReport#ReportSubTabs #reportsSection{display:none}
.ncmAdvReport .slideContent{box-shadow:0 0 8px rgba(0,0,0,.1);-ms-box-shadow:0 0 8px rgba(0,0,0,.1);-moz-box-shadow:0 0 8px rgba(0,0,0,.1);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);-o-box-shadow:0 0 8px rgba(0,0,0,.1);}

.sliderIcons .svgIcon {margin: 0 6px;display: inline-block;cursor: pointer;}
.sliderIcons {margin-right: 50px;}
.virtualstep3 .fieldType1 .opmFormCol > label,.virtualstep3 .fieldType2 .opmFormCol > label{width: 340px}

.settingsCnt > section .settingsContent .adminMonitors .opmFormHolder.nfaTabInfoMessage{top:150px}
.meicon-mac-to-ip-mapping.nfa-ip-mapping-icon:before{left:-5px;position:absolute;top:3px}
.nfaFavIcon:before{background:url('../../img/opm-sprites.png') no-repeat -329px -668px; width:21px; height:20px;position:absolute;top:0;left:0;content:""}
.nfaFavIcon.active:before{background-position:-307px -668px;cursor:default}
.nfa-ExportIcons .nfaFavIcon{cursor:pointer;position:relative;width:24px;height:18px;display:inline-block;}

#PageContent .DI-Accordion .wlcTabUl + .DIA-Header{max-width:100%}
#PageContent .DeviceDetails .DI-Accordion .wlcTabUl + .DIA-Header + .DIA-Content{left:6px;width:auto}
#PageContent .DeviceDetails .wlcTabUl + .DIA-Header{background:#fafafa}
#PageContent.snapRevamp1 .wlcTabUl.NutanixSnapshot + .DIA-Header + .DIA-Content {top:125px !important}
#PageContent.snapRevamp1 .wlcTabUl.NutanixSnapshot + .DIA-Header.hideHeader + .DIA-Content {top:85px !important}
.DeviceDetails.PageContent .sdnTopologyMap{top:135px !important}
.DeviceDetails.PageContent #resizeDiv.sdnTopologyMapView {height:auto;width:auto !important;position:absolute;top:0;right:010px;bottom:10px;left:10px;border:1px solid #e2e2e2}
.DeviceDetails.PageContent #resizeDiv.sdnTopologyMapView #ACITopologyMap {position:relative;overflow:auto}
.rdmLink.mr50 {margin-right: 50px;margin-top: 18px;}

.opmAccordion-search{float:left;width:100%;font:14px LatoRegular;padding:0;position:relative;height:auto;margin-bottom:10px}
.opmAccordion-search>input {background:none;width:100%;height:40px;font:14px LatoRegular;padding:0 30px 0 15px;border:1px solid #ddd;position:relative;border-right-width:0;border-left-width:0;z-index:1;}

.opmDashBodIconWithValue{width:100%;display:flex;margin-bottom: 10px;}
.opmDashBodIconWithValue > div{flex:1;margin:0 5px;background:#fff;position:relative}
.opmDashBodIconWithValue > div .count{font-size:26px;font-family:latoBold}
.opmDashBodIconWithValue > div .desc{font-size:14px}
.opmDashBodIconWithValue.sdnDashBoardWid > div{padding:10px 50px 10px 70px}
.opmDashBodIconWithValue.sdnDashBoardWid > div:before{background:url("../../img/opm-sprites.png");background-repeat:no-repeat;width:40px;height:40px;position:absolute;top:50%;left:20px;content:"";transform:translateY(-50%)}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnAPICIcon:before{background-position:-19px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnSuperSpineIcon:before{background-position:-60px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnSpineIcon:before{background-position:-101px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnLeafIcon:before{background-position:-142px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnTennantIcon:before{background-position:-183px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div.sdnEndpointGroupsIcon:before{background-position:-224px -2058px}
.opmDashBodIconWithValue.sdnDashBoardWid > div .sdnProbDevisCount{background:var(--severity-critical);width:30px;height:30px;position:absolute;top:50%;right:20px;transform:translateY(-50%);border-radius:50%;color:#fff;text-align:center;line-height:30px;font-family:latoBold;cursor:pointer}
.opmDashBodIconWithValue.sdnDashBoardWid > div .sdnProbDevisCount:hover + .sdnProbDevisCountToolTip{display:block}
.opmDashBodIconWithValue.sdnDashBoardWid > div .sdnProbDevisCountToolTip{background:black;color:#fff;position:absolute;top:50%;transform:translateY(-50%);right:10px;padding:7px 10px;border-radius:3px;font-size:12px;margin-top:36px;z-index:1;display:none}
.opmDashBodIconWithValue.sdnDashBoardWid > div .sdnProbDevisCountToolTip:before{width:10px;height:10px;background:black;position:absolute;top:-4px;right:20px;content:"";transform:rotate(45deg)}
.wlcTabUl.f20 > div > ul > li > b{font-size:20px !important}

#Avail_UptimeStatics.accordion1.oneView{width:94%}
#Avail_UptimeStatics .accordion1__nav.small{font-weight: bold}
#AvailUptimeContent .right{border:none}
#UptimeStatics.accordion1.oneView{width:57%}
.compareReportTable{width:100%; padding-right:30px; margin:20px 0}
.reportGraphSingle header.styleOne{padding:0px 10px 0 0; background:#f4f5f6 !important; width:calc(100% - 30px);font-family:LatoBold; border:2px solid #eee; font-size:16px}
.reportGraphSingle header.styleOne > div > span{line-height:32px}
.reportGraphContainer.styleOne{padding:0 30px 40px 0}
.reportGraph .reportGraphSingle > section.styleOne{padding:20px 0px}
.nfaReportGraphs + .compareReportTable{margin-top:0px}
.reportProfile .nfaCustomTimeDiv{width:48% !important;}

.nfaScheduleIcon:before{background-image:url(../../img/opm-sprites.png);background-repeat:no-repeat;content:"";position:absolute;left:0px;top:0px;width:16px;height:16px;background-position:-267px -2058px}
.nfaEditIconSize:before{font-size:16px;}

.cloud-flow-msg-content{max-width:700px;display:block;margin:auto}
.cloud-flow-msg-content .bold{font-size:24px}
.cloud-flow-msg-content .opmBtn{float:none}
.cloud-flow-icon svg{fill:#f5be71}
.icon-sm-cloudMonitor{background-position:-329px -2062px;width:16px!important;height:11px!important}

.devGrouping_NFA.nfaFilterList .BarHolder{padding:10px 20px}
.devGrouping_NFA.nfaFilterList .BarHolder.AddCategory{padding:0 20px}
.devGrouping_NFA.nfaFilterList .BarHolder.AddCategory > div{font-size:16px;font-family:latoBold;}
.devGrouping_NFA.nfaFilterList .BarHolder .SingleBar{padding:7px 20px}
.devGrouping_NFA.nfaFilterList .BarHolder .SingleBar.active{font-family:latoBold}
.devGrouping_NFA.nfaFilterList .BarHolder .SingleBar.active .BarInfo:first-child:before{border-color:#47be80}
.devGrouping_NFA.nfaFilterList .BarHolder .SingleBar .StatusColor{height:5px}
.nfaCollectorName{max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#sunburstGraph .slice {cursor: pointer;}
#sunburstGraph .slice .main-arc {stroke: #fff;stroke-width: 1px;}
#sunburstGraph .slice .hidden-arc {fill: none;}
#sunburstGraph .slice text {pointer-events: none;dominant-baseline: middle;text-anchor: middle;font-size:12px;}
#sunburstGraph path{stroke: #fff}

/* <----- NFA Forensics CSS starts -----> */

.forensicsCriteriaDiv{width:800px}
.nfaForensics .nfaFavIcon{width:18px}
.tabStatic.tabStatic__fixedTop.nfaForensicTabs{top:80px}
.tabStatic.tabStatic__fixedTop.nfaForensicTabs li{padding:0 20px}
.settingsCnt>section.nfaForensics .settingsContent #reportPageDiv .opmFormHolder{width:auto;padding:0 20px 0 0!important;top:150px!important}
.nfaForensics .opmFormHolder section{position: absolute;top:60px;right:0;bottom:50px;left:0;overflow: auto;}
.nfaForensics .nfaGrayBox.fixedHeading.nfaForensicTabs{top:160px;position:static;width:100%;margin-bottom:20px}
.nfaForensics .nfaGrayBox.fixedHeading.nfaForensicTabs+section{float:left;width:100%}
.nfaForensics .nfaGrayBoxSelect{float:right;margin-right:10px;clear:initial;padding-right:10px;border-right:1px solid #d7d7d7;display:flex;align-items:center;width:200px;justify-content:space-evenly}
.nfaForensics .nfaGrayBoxSelect .selBox{width:120px}
.nfaForensics .nfaGrayBoxRadioBtn{border-right:1px solid #d7d7d7;margin-right:10px}
.nfaForensics .opmFormHolder .reportGraphContainer{height:100%;}
.nfaForensics .nfaForensicsGraph{height:auto;}
.nfaForensics .chartTypeBox{margin-top:-40px!important;float:left}
.nfaForensics .nfaReportGraphs{margin-top:40px}
.nfaForensics .opm_jqGridUI.horizScroll{width:100%;overflow:auto;border:1px solid #eee;border-block:0;height: 100%;}
.nfaForensics .opm_jqGridUI.horizScroll .ui-jqgrid .ui-jqgrid-hbox{padding-right:0}
.nfaForensics .opm_jqGridUI.horizScroll .ui-jqgrid .ui-jqgrid-bdiv,.nfaForensics .opm_jqGridUI.horizScroll .ui-jqgrid .ui-jqgrid-hdiv{overflow:visible}
.nfaForensics .opm_jqGridUI.horizScroll .ui-jqgrid .ui-jqgrid-bdiv>div{overflow:visible!important}
.nfaForensics div:not(#box_mapList_holder)>.opm_jqGridUI.opmReportsGridview.horizScroll .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-bdiv>div{border-width:0!important}
.nfaForensics #reportPageDiv .opm_jqGridCustomPager.reportProfile{width:100%;float:left;position:absolute;top:auto;bottom:4px;left:0}
#reportsSection.nfaForensics .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination{bottom:21px;margin:0px;position:relative}

html.MessageViewBoxOpen.secondLevelNavActive #reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view{height:calc(100vh - 410px)}
html.opmTopBandBannerActive #reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view{height:calc(100vh - 410px)}
html.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive #reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view{height:calc(100vh - 450px)}
#reportPageDiv.forensicsConv .opmFormHolder section,#reportPageDiv.forensicsConv .opm_jqGridUI.horizScroll{overflow:hidden}
#reportPageDiv.forensicsConv .opmFormHolder section {top:50px }
#reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{z-index:1}
#reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view {overflow-x:auto; height:calc(100vh - 370px); border-right:1px solid #dcdcdc !important}
#reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{position:sticky; top:-1px; z-index:1}
#reportPageDiv.forensicsConv div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{position:absolute; height:100px; top:50px}
#reportPageDiv.forensicsConv .opm_jqGridCustomPager.reportProfile{width:calc(100% - 20px)}
#reportPageDiv .forensicsColumnChooser{position:absolute; top:5px; right:30px; z-index:2; padding:5px 10px; background:#f4f4f6}
html.firefox #reportPageDiv .forensicsColumnChooser{right:20px}

/* <----- NFA Forensics CSS ends -----> */

.widHeader{page-break-inside:avoid !important}
.widHeader h2 {padding-left: 10px !important;margin: 8px 0;}
.reportGraphContainer .widHeader{background:none;border:0}
.reportGraphContainer .widHeader > h2{font-family:LatoBold;font-size:16px;padding-left:0 !important}

.zohoChartRow{display:flex;width:calc(100% - 20px)}
.zohoChartColumn{-webkit-flex:1;flex:1;}
.zohoChartColumn:first-child{padding:0 10px 0 0}
.zohoChartColumn:last-child{padding:0 0 0 10px}
.zohoChartColumn:first-child:last-child{padding:0}
.greyHeader{position:relative;border: 1px solid #e2e2e2;font-family:LatoBold; background:#f5f6f8;height:40px;padding:10px 20px;margin-top:20px;width:100%;}

.ut-Grid .lineChartOuter {width:calc(100% - 50px);padding:0 0px 0 0 !important;border:0;background:#ddd;position:relative;height:6px;margin-top:5px;border-radius:3px;}
.ut-Grid .lineChartOuter span{position:absolute;top:-7px;left:calc(100% + 10px);width:30px;}
.ut-Grid .lineChartValue{height:6px;border:0;border-radius:3px;}

/*! Ui-dialog CSS */
/*! Changed line */
/*body.ui-dialog-style2>.ui-dialog{border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.21);box-shadow:0 0 10px rgba(0,0,0,.21);background-color:#fff}
body.ui-dialog-style2.ui-dialog-hide-title>.ui-dialog .ui-widget-content{border-radius:10px}*/
/*! Added line */
/*body.ui-dialog-style2{position:relative}
body.ui-dialog-style2 .ui-dialog__close{position:absolute;right:6px;top:6px;width:25px;height:25px;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;z-index:2;background-color:#fff;border-radius:3px}
body.ui-dialog-style2 .ui-dialog__close .close-icon{border-radius:50%;position:relative;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;cursor:pointer;contain:layout;display:-webkit-box;display:-ms-flexbox;display:flex;width:25px;height:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:0;top:0;will-change:width;-webkit-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;transition:all ease-in-out .1s}
body.ui-dialog-style2 .ui-dialog__close .close-icon::after,body.ui-dialog-style2 .ui-dialog__close .close-icon::before{content:'';width:1px;height:11px;background-color:#7d7d7d;display:block;contain:style;position:absolute}
body.ui-dialog-style2 .ui-dialog__close .close-icon::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
body.ui-dialog-style2 .ui-dialog__close .close-menu{display:none;padding:25px 0 3px;text-align:right;border:1px solid #fff}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li{border-top:1px solid #f0f0f0}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a{padding:4px 8px;font-size:12px;display:block;color:#444;background-color:#fff}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:active,body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:focus,body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:hover{color:#000;background-color:#f5f5f5}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:visited{color:unset}
body.ui-dialog-style2 .ui-dialog__close:hover{width:auto;height:auto;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}
body.ui-dialog-style2 .ui-dialog__close:hover .close-menu{display:block;border:1px solid #f0f0f0;border-radius:3px}
body.ui-dialog-style2 .ui-dialog__close:hover .close-icon{cursor:default}*/





/*! Mobile App Promotion starts */
.mobile-promo-popup-qr{content:'';width:383px;height:210px;background-repeat:no-repeat;background-position:0;background-image:url(/apiclient/fluidicv2/img/mobile_app/qr-scan-person.svg);background-position-x:-10px}
.mobile-promo-popup-qr .app-promotion-page .qr-img{margin-right:0}
.mobile-promo-popup-qr .app-promotion-page .qr-img::after,.mobile-promo-popup-qr .app-promotion-page .qr-img::before{background-color:#f0f0f0}
.grey-bg{background-color:#f0f0f0}
.grey-bg .app_download{background-color:#fff}
.download-app{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}
.download-app .badge{background-color:#222;color:#fff;width:140px;border-radius:6px;padding:8px 4px;margin:0 2px;cursor:pointer}
.download-app .badge:hover{background-color:#111}
.download-app .badge .svgIcon{margin-right:8px}
.download-app .badge svg{fill:#fff}
.download-app .badge .download-text{font-size:10px;line-height:1.3;text-align:left}
.download-app .badge .download-text .platform{font-size:14px;display:block}
@-webkit-keyframes sideMobilePromoSlideOut{from{right:-60px}to{right:0}}
@keyframes sideMobilePromoSlideOut{from{right:-60px}to{right:0}}
@-webkit-keyframes sideMobilePromoSlideIn{from{right:0}to{right:-60px}}
@keyframes sideMobilePromoSlideIn{from{right:0}to{right:-60px}}
.side-mobile-promo{position:absolute;top:calc(50% - 70px);right:-60px;z-index:98;height:140px;-webkit-animation:sideMobilePromoSlideIn 1s;animation:sideMobilePromoSlideIn 1s}
.side-mobile-promo,.side-mobile-promo *{-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.side-mobile-promo.active{right:0;-webkit-animation:sideMobilePromoSlideOut 1s;animation:sideMobilePromoSlideOut 1s}
.side-mobile-promo:not(.active) .side-mobile-promo__toggle .svgIcon{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
.side-mobile-promo__wrapper{position:relative}
.side-mobile-promo__toggle{position:absolute;/*! Line modified */left:-16px;top:calc(50% - 26px);background-color:#fff;border:1px solid #e2e2e2;padding:8px 0 8px 2px;border-top-left-radius:8px;border-bottom-left-radius:8px;text-align:center;-webkit-box-shadow:-3px 0 8px rgba(0,0,0,.1);box-shadow:-3px 0 8px rgba(0,0,0,.1);cursor:pointer}
.side-mobile-promo__apps{width:60px;-webkit-box-shadow:-3px 0 8px rgba(0,0,0,.1);box-shadow:-3px 0 8px rgba(0,0,0,.1);border-top-left-radius:10px;border-bottom-left-radius:10px}
.side-mobile-promo__apps .svgIcon{margin-bottom:4px}
.side-mobile-promo svg{fill:#7d7d7d}
.side-mobile-promo__store{cursor:pointer;border:1px solid #e2e2e2;border-bottom-width:0;border-top-left-radius:10px;background-color:#fff;height:60px;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;font-size:10px;word-break:break-all}
.side-mobile-promo__store:last-child{border-bottom-width:1px;border-top-left-radius:0;border-bottom-left-radius:10px}
html.opmTopBandBannerActive .PDTContainer.has-promotion .ProAccordion{height: calc(100vh - 238px);}
.PDTContainer.has-promotion .ProAccordion{height: calc(100vh - 198px);}
.ProAccordionContainer{height:calc(100vh - 238px) !important;}
html.opmTopBandBannerActive .ProAccordionContainer{height:calc(100vh - 278px) !important;}
.PDTContainer.has-promotion footer.mobile-promotion{ background-color: rgba(0,0,0,.4); width: 100%; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 0; padding: 12px; font-size: 13px;cursor: pointer; }
.PDTContainer.has-promotion footer.mobile-promotion small{font-size:10px}
/*.PDTContainer.has-promotion .download-content{-webkit-box-flex:0;-ms-flex:0 0 125px;flex:0 0 125px}*/
.PDTContainer.has-promotion .app-button{background-color:rgba(0,0,0,.3);border-radius:4px;cursor:pointer;margin:0 8px;padding:8px;line-height:1.3}
.PDTContainer.has-promotion .app-button svg{fill:#fff}
.PDTContainer.has-promotion .app-button:last-child{margin-right:0}
.PDTContainer.has-promotion .app-button:hover{background-color:rgba(0,0,0,.4)}
.app-promotion-page{max-width:500px}
.app-promotion-page .opmFormHrLine{float:none}
.app-promotion-page__image{/*! Line added */width:calc(100% - 500px)}
.app-promotion-page__image img{max-width:650px;}
.app-promotion-page .qr-img{border:3px solid #222;border-radius:12px;width:180px;height:180px;padding:10px;margin-right:40px;position:relative}
.app-promotion-page .qr-img:after,.app-promotion-page .qr-img:before{content:'';width:110px;height:182px;background-color:#fff;position:absolute;left:35px;top:-3px;z-index:0}
.app-promotion-page .qr-img:after{left:32px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.app-promotion-page .qr-img img{max-width:100%;display:block;z-index:2;position:absolute;top:0px;left:0px;width:175px;z-index:1;mix-blend-mode:multiply}
.app-promotion-page__content{margin-bottom:40px;-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px}
.app-promotion-page__download{-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.app-promotion-page__download .app_download{/*! Line added */-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.app-promotion-page.right-side{max-width:280px;text-align:center;margin-left:80px}
.app-promotion-page.right-side .app-promotion-page__download{margin-top:20px}
.app-promotion-page.right-side .app_download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}
.app-promotion-page .detail-list dt{width:160px}
.app-promotion-page .detail-list dd{width:calc(100% - 160px)}
.app-badge{background-color:#fff;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:10px 0}
.app-badge > a{-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px;display:inline-block}
.app-badge__img{margin:10px 5px;height:40px;width:100%}
.app-badge--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.app-badge--vertical > a{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px}
.app-badge--vertical .app-badge__img{height:auto;width:140px}
.icon-svg-mobile-app{background-position: -271px -32px}
.licensePopup__wrapper .licensePopup__license .app-promotion-page__content .qr-img img{margin-top: 0px;}
.settingssummary .icon-svg-mobile-app{margin-right: 7px;}
/* Mobile App Promotion ends */
body.TFASecurityMsg #OpM_AlertInfo{right: 430px !important;left: 250px !important;}

/********************** RCA Styles starts *************************/
html.opmFullScreen.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.NavText #settingSubTabs.rcaCnt{top: 40px !important;}
#opmInventorySideBarContent.rcaTabActive #PageSideBar{display: none;}
.RCA_Filter_Container .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr:first-child th:first-child input.cbox{display:none}

html.noSecondLevelMenu .settingsCnt, html.horizontalView .apmDashboard > section{top:0 !important}
.RCA_Filter_Container{width:calc(100% - 30px)}
.RCA_Filtert{width:100%;display:flex}
.RCA_Filtert .dropDown{flex:wrap;width:220px;margin-right:20px}
.RCA_Filtert .dropDown label{margin-bottom:5px;display:inline-block}
.RCA_Filtert .dropDown.groups, .RCA_Filtert .dropDown.url{display:none}
.RCA_Filtert .applyBtn{background:#45bd7f;color:#fff;padding:0 30px;text-align:center;height:33px;line-height:33px;margin-top:22px;cursor:pointer}

.entitiesBox{margin-top:20px}
.entitiesBox .entitiesBoxRow{display:flex}
.entitiesBox .entitiesBoxRow .availableBox, .entitiesBox .entitiesBoxRow .selectedBox{border:1px solid #e2e2e2; padding:20px; margin-top:5px; min-height:350px; position:relative; flex:2}
.entitiesBox .entitiesBoxRow .selectedBox{border-left:0; background:#FAFAFA; flex:1.5}
.entitiesBox .entitiesBoxRow > .leftSide, .entitiesBox .entitiesBoxRow .rightSide{flex:2}
.entitiesBox .entitiesBoxRow > .leftSide h2, .entitiesBox .entitiesBoxRow .rightSide h2{font-family:latoBold; font-size:16px}
.entitiesBox .entitiesBoxRow .rightSide{flex:1.5}
.entitiesBox .nodataMsg{text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; color:#787878}
.entitiesBox .nodataMsg span{font-family:latoBold; font-size:16px; color:#000}
.opmBtn.rcaNextCancel{margin-bottom:50px; margin-right:30px}

.selectedEntitiesLeftBox{position:relative;height:100%;width:360px;background:#F8F8F9;border-right:1px solid #E3E5E8;padding-top:104px;padding-bottom:40px;transition:.5s}
.selectedEntitiesLeftBox.showInfoNotes{padding-top:156px}
.selectedEntitiesLeftBox.showInfoNotes .infoNotes{display:block}
.selectedEntitiesLeftBox.showInfoNotes .entitiesSearch{top:102px}
.selectedEntitiesLeftBox .infoNotes{width:100%;background:#DFF0F9;position:absolute;top:50px;padding:10px 10px;left:0;font-size:12px;font-family:latoBold;padding-right:30px;z-index:1;border-top:1px solid #BFE9FD;border-bottom:1px solid #BFE9FD;display:none}
.selectedEntitiesLeftBox .infoNotes span{font-family:latoRegular}
.selectedEntitiesLeftBox .infoNotes .clostBtn{position:absolute;width:15px;height:15px;top:17px;right:10px;cursor:pointer}
.selectedEntitiesLeftBox .infoNotes .clostBtn:before, .selectedEntitiesLeftBox .infoNotes .clostBtn:after{width:1px;height:15px;position:absolute;background:#000;top:0;left:7px;content:"";transform:rotate(45deg)}
.selectedEntitiesLeftBox .infoNotes .clostBtn:after{transform:rotate(-45deg)}
.selectedEntitiesLeftBox__openCloseBtn{width:17px;height:30px;border:1px solid #E3E5E8;background:#fff;position:absolute;top:50%;right:-8px;margin-top:-15px;z-index:4;border-radius:4px;cursor:pointer}
.selectedEntitiesLeftBox__openCloseBtn:before{width:6px;height:6px;position:absolute;margin-top:-3px;margin-left:-2px;top:50%;left:50%;border-left:1px solid #45bd7f;border-bottom:1px solid #45bd7f;transform:rotate(45deg);content:""}
.selectedEntitiesLeftBox.close{margin-left:-360px;transition:.5s}
.selectedEntitiesLeftBox.close .selectedEntitiesLeftBox__openCloseBtn{right:-15px;background:#45bd7f;border:1px solid #45bd7f}
.selectedEntitiesLeftBox.close .selectedEntitiesLeftBox__openCloseBtn:before{margin-left:-5px;transform:rotate(-135deg);border-color:#fff}
.selectedEntitiesLeftBox.close + .chartRightBox{left:0px;transition:.5s}
.selectedEntitiesLeftBox .headingBox{padding:0px 20px;position:absolute;border-bottom:1px solid #E3E5E8;left:0;top:0;width:100%}
.selectedEntitiesLeftBox .headingBox h2{font-family:latoBold;font-size:14px;line-height:50px}
.selectedEntitiesLeftBox .headingBox .entitiesFilter{position:absolute;top:16px;right:20px;cursor:pointer;width:18px;height:16px}
.selectedEntitiesLeftBox .headingBox .entitiesFilter:before{width:18px;height:16px;position:absolute;top:0;right:0;content:"";background:url("../../img/opm-sprites-v2.svg") no-repeat -71px 0}
.selectedEntitiesLeftBox .headingBox .entitiesFilter:hover .entitiesFilterDropDown{display:block}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown{position:absolute;top:23px;right:-10px;background:#fff;padding:15px 20px;border-radius:5px;z-index:3;border:1px solid #e3e5e8;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.25);display:none;min-width:200px}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown:before{width:10px;height:10px;background:#fff;border-left:1px solid #e3e5e8;border-top:1px solid #e3e5e8;content:"";top:-6px;right:13px;position:absolute;transform:rotate(45deg)}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown:after{position:absolute;top:-50px;right:0;width:100%;height:50px;content:""}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown input[type="checkbox"]#ShowAllMonitorsChkBox{display:none}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown input[type="checkbox"]#ShowAllMonitorsChkBox:checked + label:after{width:4px;height:8px;border-right:2px solid #45bd7f;border-bottom:2px solid #45bd7f;position:absolute;top:18px;left:26px;content:"";transform:rotate(35deg)}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown label{padding-left:25px;cursor:pointer;display:block}
.selectedEntitiesLeftBox .headingBox .entitiesFilter .entitiesFilterDropDown label:before{width:16px;height:16px;background:#f0f0f0;border:1px solid #dcdcdc;border-radius:3px;position:absolute;top:15px;left:20px;content:""}
.selectedEntitiesLeftBox .entitiesSearch{padding:5px 20px;position:absolute;border-bottom:1px solid #E3E5E8;left:0;top:50px;width:100%}
.selectedEntitiesLeftBox .entitiesSearch input{border:1px solid #E3E5E8;height:40px;width:100%;border-radius:5px;padding:0 40px 0 20px;box-sizing:border-box}
.selectedEntitiesLeftBox .entitiesSearch__icon{position:absolute;top:17px;right:35px;width:15px;height:15px;cursor:pointer}
.selectedEntitiesLeftBox .entitiesSearch__icon:before{width:15px;height:15px;position:absolute;top:0;right:0;content:"";background:url("../../img/opm-sprites-v2.svg") no-repeat -90px 0}
.selectedEntitiesLeftBox .entitiesSearch__iconClose{position:absolute;top:17px;right:32px;border-radius:15px;width:20px;height:20px;background:#E3E5E8;cursor:pointer}
.selectedEntitiesLeftBox .entitiesSearch__iconClose:before, .selectedEntitiesLeftBox .entitiesSearch__iconClose:after{width:1px;height:10px;background:#747474;position:absolute;top:5px;left:10px;content:"";transform:rotate(45deg)}
.selectedEntitiesLeftBox .entitiesSearch__iconClose:after{transform:rotate(135deg)}
.selectedEntitiesLeftBox .addRemoveBtn{position:absolute;left:0;bottom:0;background:#45bd7f;color:#fff;text-align:center;cursor:pointer;width:100%;line-height:40px}
.selectedEntitiesLeftBox .entitiesList{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:auto}
.selectedEntitiesLeftBox .entitiesList .noResultMsg{font-size:16px;font-family:latoBold;position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%, -50%);width:100%;padding:0 20px}
.selectedEntitiesLeftBox .entitiesList__accor{width:100%;position:relative;z-index:2;}
.selectedEntitiesLeftBox .entitiesList__accor:hover{z-index:3}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon{position:absolute;right:40px;top:10px;background:url("../../img/opm-sprites-v2.svg") no-repeat -75px -19px;width:22px;height:22px;cursor:pointer;z-index:1}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon:hover .parentAncestorDevicesIcon__tooltip{display:flex}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon + .removeBtn{right:70px}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip{background:#000;position:absolute;top:28px;right:-30px;width:300px;min-height:50px;padding:10px;z-index:1;color:#fff;font-size:12px;border-radius:5px;display:flex;flex-direction:column;text-align:center;display:none}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip:before{position:absolute;top:-5px;right:36px;width:10px;height:10px;background:#000;transform:rotate(45deg);content:""}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip:after{position:absolute;top:-50px;right:0;width:100%;height:50px;content:""}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip > div{flex-direction:row;display:flex;margin:0 auto;margin-bottom:5px}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip > div:last-child{margin-bottom:0}
.selectedEntitiesLeftBox .entitiesList__accor .parentAncestorDevicesIcon__tooltip > div .parentAncestorDevicesIcon__btn{background:#45bd7f;color:#fff;margin:0px 2px;padding:2px 10px;border-radius:2px;cursor:pointer;width:40px;text-align:center}
.selectedEntitiesLeftBox .entitiesList__accor .removeBtn{position: absolute;top: 10px;right: 40px;background: #E86660;font-size: 10px;color: #fff;cursor: pointer;border: 1px solid #fff;padding: 0 10px;line-height: 20px;border-radius: 3px;transform: scale(0);transition-property: transform;transition-duration: 1s;transition-delay: .1s;}
.selectedEntitiesLeftBox .entitiesList__accor:hover .removeBtn{z-index: 1;transform: scale(1);transition-property: transform;transition-duration: .5s;transition-delay: 1s;}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav{width:100%;border-bottom:1px solid #e3e5e8;display:flex;flex-direction:column;padding:5px 40px 5px 20px;cursor:pointer;transition:.5s;position:relative}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav:hover, .selectedEntitiesLeftBox .entitiesList__accor .accorNav.open{background:#fff;transition:.5s}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav.open{border-bottom:1px solid #fff}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav.open:after{transform:rotate(180deg);transition:.5s;border-color:#45bd7f transparent transparent transparent}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav:after{border-color:#888 transparent transparent transparent;border-style:solid;border-width:7px 5px 0 5px;height:0;position:absolute;top:50%;margin-top:-2px;right:20px;width:0;content:"";transition:.5s}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav .entityType{font-size:12px;color:#8D8D8D}
.selectedEntitiesLeftBox .entitiesList__accor .accorNav .entityName{font-size:14px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails{width:100%;background:#fff;border-bottom:1px solid #e3e5e8;display:none}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading{padding:6px 0px 6px 40px;position:relative;cursor:pointer}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -107px 0;width:15px;height:15px;position:absolute;top:7px;left:20px;content:"";border-radius:2px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .groupheading{padding:6px 0px 6px 60px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .groupheading:before{left:40px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .groupheading + ul li .dragDropNav{padding-left:72px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .groupheading + ul li .dragDropNav:before{left:60px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul{display:none}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav{padding:6px 0px 6px 52px;cursor:move;position:relative;transition:.5s;border-top:1px solid #fff;border-bottom:1px solid #fff}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -139px 0;width:9px;height:12px;position:absolute;top:9px;left:40px;content:"";border-radius:2px}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav:hover, .selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav.active{background:#F2F9F5;transition:.5s;border-top:1px solid #E7F2EB;border-bottom:1px solid #E7F2EB}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav:hover:before, .selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav.active:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -148px 0}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav.active{cursor:not-allowed}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav.active:after{width:100%;height:100%;background:rgba(255, 255, 255, 0.5);top:0;left:0;content:"";position:absolute}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading.open{border-bottom:0}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading.open:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -123px 0}
.selectedEntitiesLeftBox .entitiesList__accor .accorDetails ul li .groupheading.open + ul li .groupheading{border:0}
.selectedEntitiesLeftBox + .chartRightBox{left:360px;}
.chartRightBox{position:absolute;top:0;left:0;right:0;bottom:30px;padding-top:50px;padding-bottom:50px;transition:.5s}
.chartRightBox .topSection{position:absolute;top:0;left:0;width:100%;padding:0 20px;border-bottom:1px solid #e3e5e8;background:#fff;display:flex}
.chartRightBox .topSection .left{display:flex;flex:auto}
.chartRightBox .topSection .right{display:flex;flex:auto;flex-direction:row-reverse;padding:9px 0}
.chartRightBox .topSection .rca_name{font-size:18px;font-family:latoBold;line-height:25px;position:relative;padding-right:25px;padding-top:11px}
.chartRightBox .topSection .rca_name .nameEdit{position:absolute;top:19px;right:6px;width:14px;height:14px;background:url("../../img/opm-sprites-v2.svg") no-repeat -274px 0;cursor:pointer}
.chartRightBox .topSection .actionDropDown{ border-radius:3px;margin:0;z-index:2;height:33px;line-height:33px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px; -o-bord:;-o-border-radius:3px}
.chartRightBox .topSection .actionDropDown:hover{border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0}
.chartRightBox .topSection .actionDropDown:hover:after{border-top-right-radius:3px}
.chartRightBox .topSection .actionDropDown:before{top:15px}
.chartRightBox .topSection .actionDropDown:after{border-left:1px solid #3bab71;height:32px}
.chartRightBox .topSection .actionDropDown .actionDropDown__list{top:32px}
.chartRightBox .topSection .markAsResolvedBtn{min-width:180px;margin-right:10px;cursor:pointer;display:flex;border-radius:3px}
.chartRightBox .topSection .markAsResolvedBtn:hover{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
.chartRightBox .topSection .markAsResolvedBtn:before, .chartRightBox .topSection .markAsResolvedBtn:after{display:none}
.chartRightBox .topSection .markAsResolvedBtn .actionDropDown__list{width:180px;display:none}
.chartRightBox .topSection .markAsResolvedBtn.resolved .markAsResolveMsg{display:none}
.chartRightBox .topSection .markAsResolvedBtn.resolved .resolvedMsg{display:flex}
.chartRightBox .topSection .markAsResolvedBtn.resolved:before, .chartRightBox .topSection .markAsResolvedBtn.resolved:after{display:block}
.chartRightBox .topSection .markAsResolvedBtn.resolved:hover{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0}
.chartRightBox .topSection .markAsResolvedBtn.resolved:hover .actionDropDown__list{display:block}
.chartRightBox .topSection .markAsResolvedBtn .markAsResolveMsg{text-align:center;width:100%}
.chartRightBox .topSection .markAsResolvedBtn .resolvedMsg{position:relative;padding-left:25px;display:none}
.chartRightBox .topSection .markAsResolvedBtn .resolvedMsg:before{position:absolute;top:8px;left:0px;background:url("../../img/opm-sprites-v2.svg") no-repeat 0 -38px;width:17px;height:17px;content:""}
.chartRightBox .topSection .dateTimeDD{margin-right:10px}
.chartRightBox .topSection .pollIntervalDD{margin-right:10px;display:flex}
.chartRightBox .topSection .pollIntervalDD .labelName{margin-right:10px;margin-top:6px}
.chartRightBox .topSection .pollIntervalDD .labelName span{color:#9E9E9E}
.chartRightBox .bottomSection{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #e3e5e8;padding:10px 10px;height:50px;display:flex;flex-direction:row-reverse}
.chartRightBox .bottomSection .saveBtn, .chartRightBox .bottomSection .cancelBtn{color:#fff;padding:0px 30px;line-height:30px;background:#45bd7f;border-radius:3px;cursor:pointer;margin-right:10px}
.chartRightBox .bottomSection .cancelBtn{color:#000;background:#f0f0f0}
.chartRightBox .middleChartInfo{position:absolute;top:20px;left:20px;bottom:20px;right:20px;border:2px dashed #dcdcdc;text-align:center;overflow:auto}
.chartRightBox .middleChartInfo .stepInfo{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.chartRightBox .middleChartInfo .stepCount{background:#F5FAF7;border:1px solid #DDEFE3;border-radius:50%;width:40px;height:40px;margin:0 auto;line-height:40px;margin-bottom:5px}
.chartRightBox .middleChartInfo .stepHeading{font-family:latoBold;width:100%;max-width:300px;margin:0px auto 5px auto;font-size:16px}
.chartRightBox .middleChartInfo .stepDesc{width:100%;max-width:300px;margin:0 auto;color:#9E9E9E;padding-bottom:60px;position:relative}
.chartRightBox .middleChartInfo .stepDesc:before{position:absolute;bottom:15px;left:50%;background:url("../../img/opm-sprites-v2.svg") no-repeat no-repeat -64px -21px;width:8px;height:33px;content:"";margin-left:-4px}
.chartRightBox .middleChartInfo .stepDesc:last-child{padding-bottom:0}
.chartRightBox .middleChartInfo .stepDesc:last-child:before{display:none}
.chartRightBox .middleChartSection{width:100%;display:flex;flex-direction:row-reverse;height:100%;position:relative;}
/*.chartRightBox .middleChartSection .chartContainer{padding:20px;display:flex;flex-direction:column;width:100%;overflow:auto;padding-right: 330px;}*/
.chartRightBox .middleChartSection .chartContainer{padding:20px;display:flex;width:100%;overflow:auto;overflow-x: hidden;}
.chart-value-info{  width: 300px;padding: 20px;border: 1px solid #dcdcdc;display: flex;height: 100%;align-items: center;justify-content: center;background: #f9f9f9;border-radius: 5px;flex-direction: column;text-align:center;}
/*.chartRightBox .middleChartSection .chart-value{position:absolute;background:#f4f5f6;right:20px;top:20px;bottom:20px;width:300px;z-index:2;border:1px solid #E3E5E8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}*/
.chartRightBox .middleChartSection .chart-value{width: 300px;z-index: 2;border: 1px solid #E3E5E8;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding-bottom: 5px;}
.chartRightBox .middleChartSection .chart-value-info svg{fill:#7c7c7c}
/*.chartRightBox .middleChartSection .chart-value__time{font-family:latoBold;padding:15px 20px;border-bottom:1px solid #E3E5E8;padding-left: 40px;font-size: 13px;}*/
.chartRightBox .middleChartSection .chart-value__time{font-family:latoBold;padding:15px 20px;border-bottom:1px solid #E3E5E8;padding-left: 30px;font-size: 13px;background: #f0f0f0;position: relative;}
/*.chartRightBox .middleChartSection .chart-value__time:before{background: url("../../img/opm-sprites-v2.svg") no-repeat -215px -15px; width: 14px; height: 14px; position: absolute; top: 17px; left: 20px; content: ""; }*/
.chartRightBox .middleChartSection .chart-value__time:before{background: url("../../img/opm-sprites-v2.svg") no-repeat -229px 0px;width: 14px;height: 14px;position: absolute;top: 17px;left: 10px;content: "";}
/*.chartRightBox .middleChartSection .chart-value__data{display:flex;flex-direction:column;padding:10px 20px 20px;height:calc(100% - 50px);overflow:auto}*/
/*.chartRightBox .middleChartSection .chart-value__data {display: flex;flex-direction: column;padding: 10px 20px 20px;}*/
/*.chartRightBox .middleChartSection .chart-value__data{display:flex;flex-direction:column;}*/
/*.chartRightBox .middleChartSection .chart-value__list{display:flex;position:relative;padding-right:50px;margin-top:3px;line-height:22px}*/
.chartRightBox .middleChartSection .chart-value__list{display:flex;position:relative;margin-top:3px;flex: 1;padding: 0 10px;padding-left: 10px;}
.chartRightBox .middleChartSection .hasCriticalAlerts .chart-value__list{padding-left: 24px;}
.chartRightBox .middleChartSection .chart-value__list:hover{background:#f9f9f9}
.chartRightBox .middleChartSection .chart-value__list:nth-child(1){margin-top: 5px;}
/*.chartRightBox .middleChartSection .chart-value__list--alert { position: relative; }*/
/*.chartRightBox .middleChartSection .chart-value__list--alert {position: relative;padding-left: 24px;}*/
/*.chartRightBox .middleChartSection .chart-value__list--alert:before { background: url("../../img/opm-sprites-v2.svg") no-repeat -271px -32px; width: 8px; height: 10px; position: absolute; top: 6px; left: -12px; content: ""; }*/
.chartRightBox .middleChartSection .chart-value__list--alert:before {background: url("../../img/opm-sprites-v2.svg") no-repeat -183px -97px;width: 19px;height: 19px;position: absolute;top: 4px;left:2px;content: "";transform: scale(0.8);}
/*.chartRightBox .middleChartSection .chart-value__valInfo{position:absolute;top:0;right:0;font-family:LatoBold;padding:0 5px;background:#000;color:#fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size: 14px;min-width:35px;text-align:center;}*/
.chartRightBox .middleChartSection .chart-value__valInfo{font-family:LatoBold;padding:0 5px;color:#fff;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size: 13px;min-width: 60px;text-align: left;display: flex;align-items: center;flex-direction: row-reverse;}
/*.chartRightBox .middleChartSection .chart-value__label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;max-width: 180px;}*/
.chartRightBox .middleChartSection .chart-value__label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;padding: 5px 0;margin-right: 5px;flex: 2}
.chartRightBox .middleChartSection .alarmSection{display:flex;width:100%;flex-direction:column;margin-bottom:20px;background:#FFF8DA;border:1px solid #FFD54F;border-radius:5px}
.chartRightBox .middleChartSection .alarmSection__info{padding:10px;position:relative;padding-left:60px;padding-right:150px}
.chartRightBox .middleChartSection .alarmSection__info:before{position:absolute;top:7px;left:10px;background:url("../../img/opm-sprites-v2.svg") no-repeat no-repeat -20px -19px;width:43px;height:42px;content:""}
.chartRightBox .middleChartSection .alarmSection__heading{font-size:16px;font-family:latoBold}
.chartRightBox .middleChartSection .alarmSection__desc{font-size:12px}
.chartRightBox .middleChartSection .alarmSection__btn{position:absolute;top:10px;right:10px;background:#FFE58F;padding:0 20px;line-height:30px;color:#000;cursor:pointer;border-radius:3px;font-size:12px;min-width:100px;text-align:center}
.chartRightBox .middleChartSection .alarmSection__table{height:auto;background:#FFFCF0;border-radius:0 0 4px 4px;border-top:1px solid #FFD54F;display:none;z-index:8;}
/*.reportGraph.pdfReportGraph .zohoCharts-Container.chartBox{border:1px solid #E3E5E8;border-radius:5px;margin-bottom:20px;min-height:300px;}*/
.chartRightBox .middleChartSection .chartBox{border:1px solid #E3E5E8;border-radius:5px;width:100%;display:flex;overflow:hidden;padding-top:0px;position:relative;margin-bottom:10px;min-height:220px;}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn{display: block;position:absolute;top:10px;right:10px;width:21px;height:21px;border-radius:20px;border:1px solid #D1D1D1;cursor:pointer;transition:.5s;z-index:1}
.chartRightBox .middleChartSection .dragDropArea .chartCloseBtn{display: none;}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options{position:absolute;top:27px;right:-6px;min-width:200px;background:#fff;border-radius:5px;border:1px solid #fff;padding:5px 10px;box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.25);flex-direction:column;display:none;}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options > div{overflow: auto;max-height:160px;}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options > div > div{font-size:12px;padding: 8px 0px;border-bottom:1px solid #D1D1D1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px;}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options > div > div:last-child{border:0}
/*.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options > div > div:hover{text-decoration:line-through}*/
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options:before{position:absolute;top:-7px;right:9px;width:10px;height:10px;transform:rotate(45deg);content:"";background:#fff;border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn__options:after{position:absolute;top:-50px;right:0;width:100%;height:50px;content:""}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn:hover{transition:.5s;background:#454545;border-color:#454545}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn:hover:before, .chartRightBox .middleChartSection .chartBox .chartCloseBtn:hover:after{background:#fff}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn:hover .chartCloseBtn__options{display:flex}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn:before, .chartRightBox .middleChartSection .chartBox .chartCloseBtn:after{position:absolute;top:4px;left:9px;width:1px;height:11px;background:#D1D1D1;content:"";transform:rotate(135deg)}
.chartRightBox .middleChartSection .chartBox .chartCloseBtn:after{transform:rotate(-135deg)}
.chartRightBox .middleChartSection .chartBox .chartArea{height:220px !important;width: 100%}
.chartRightBox .middleChartSection .chartBox .canvas-property{border:0 !important;box-shadow:none !important}
.chartRightBox .middleChartSection .chartBox .charttitle, .chartRightBox .middleChartSection .chartBox .subtitle{display:none !important}
.chartRightBox .middleChartSection .dragDropArea{border:3px dashed #4287CD;background:rgba(16,165,249,.1);min-height: 50px;margin-bottom:20px;position:relative;text-align:center;border-radius:5px}
.chartRightBox .middleChartSection .dragDropArea .rcaInfoMsg{position:absolute;top:50%;left:0%;transform:translateY(-50%);width:100%;font-size: 18px;color: #222;font-family:latoBold}
.opmForm .opmTileCheckBox.sheduleDiscovery > div label{background:#f0f0f0}
.MailSubjectFilter, .MailMessageFilter{padding-right:30px}
.MailSubjectFilter .opmDropDownType2, .MailMessageFilter .opmDropDownType2{position:absolute;top:22px;right:00px}
.MailSubjectFilter .opmDropDownType2:hover .opmDropDownType2List, .MailMessageFilter .opmDropDownType2:hover .opmDropDownType2List{display:block}
.MailSubjectFilter .opmDropDownType2List, .MailMessageFilter .opmDropDownType2List{position:absolute;top:25px;right:-15px;width:200px;opacity:1;left:inherit}
.MailSubjectFilter .opmDropDownType2List li, .MailMessageFilter .opmDropDownType2List li{padding:10px}
.MailSubjectFilter .opmDropDownType2List:before, .MailMessageFilter .opmDropDownType2List:before{left:inherit;right:20px}

.selectedEntitiesLeftBox .entitiesList.hideDefaultMonitors .entitiesList__accor .accorDetails ul li .groupheading + ul li .dragDropNav[showbydefault="false"]{display:none}
.rca-icon-edit, .rca-icon-viewMessage, .rca-icon-copy, .rca-icon-shedule, .rca-icon-delete,.rca-icon-chart{position:relative;width:18px;height:18px;float:left;margin-right:10px;cursor:pointer;padding:2px;}
.rca-icon-edit:before, .rca-icon-viewMessage:before, .rca-icon-copy:before, .rca-icon-shedule:before, .rca-icon-delete:before,.rca-icon-chart:before{position:absolute;top:2px;left:2px;content:""}
.rca-icon-edit:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -274px 0;width:15px;height:14px}
.rca-icon-viewMessage:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -216px 0;width:12px;height:14px}
.rca-icon-copy:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -244px 0;width:14px;height:14px}
.rca-icon-shedule:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -229px 0;width:14px;height:14px}
.rca-icon-delete:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -259px 0;width:14px;height:14px}
.rca-icon-chart:before{background:url('../../img/opm-sprites-v2.svg') no-repeat  -215px -30px;width:14px;height:14px}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border-top: 1px solid #e3e3e3;}
.opm_jqGridUI.rcaTable .ui-jqgrid{border-bottom: 0}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:last-child{border-bottom: 1px solid #e3e3e3 !important}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-state-default.ui-jqgrid-pager.ui-corner-bottom{padding: 10px 0 5px 0 !important;height: 35px;}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr{position: relative;cursor:pointer}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-state-highlight{background:#fffcf1}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input{display:none}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input + i{position: relative;width: 15px;height: 15px;display:flex;}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input:checked + i:before{background: #f9f9f9;}

.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input + i:before, .opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > div > input + i:before {width: 15px;height: 15px;border: 1px solid #dcdcdc;background: #f0f0f0;border-radius: 3px;position: absolute;top: -3px;left: -2px;content: "";}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input {display:none}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr > td > input:checked + i:after, .opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > div > input:checked + i:after {width: 4px;height: 9px;border-right: 2px solid #44bd7f;border-bottom: 2px solid #44bd7f;position: absolute;top: 0px;left: 4px;content: "";transform: rotate(45deg);}

.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > div > input {position:absolute;z-index:9;opacity:0;cursor:pointer}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > div > input + i {position: relative;width: 15px;height: 15px;display: flex;left: 4px;top:4px}

.rcaSelectedEntity{padding:6px 20px 6px 30px;cursor:move;position:relative;border:1px solid #dcdcdc;background:#f9f9f9;border-radius:3px;border-radius:5px;z-index:2;box-shadow:5px 5px 30px rgba(0,0,0,.3);}
html.onScrollTopBandHide .rcaSelectedEntity{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px)}
.rcaSelectedEntity:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -148px 0;width:9px;height:12px;position:absolute;top:9px;left:10px;content:"";border-radius:2px}
html.opmFullScreen.horizontalView body.rcaPage #opmInventoryNav{display:none}
html.opmFullScreen.horizontalView body.rcaPage #opmInventorySideBarContent{top:0}
.opm_jqGridUI.rcaTable .icon-search:before{font-size:16px}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{vertical-align: middle;}
.opm_jqGridUI.rcaTable .ui-jqgrid-view .ui-jqgrid-hdiv th div .select2-container {border:1px solid #d4d4d4;background:#fff;height:30px}

div.view-unpolled-btn-container { max-width:99vw; }
div.view-unpolled-btn-container>div { max-width:50%; margin: auto; }
.h-33 {height:33px !important}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv #unpolledList tbody > tr td {word-break: unset !important;}
.unpolled-dataLink-graphPage { display: flex; align-items: center; justify-content: flex-end; width: 100%; padding-right: 30px !important; margin-top: 20px; cursor: pointer; }
.RCA__AlarmsTable .ui-jqgrid{border:0}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable{border:0}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable tr{border-bottom:1px solid #feeeb5}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable thead{background:#FFFCF0;font-family:latoBold}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv tbody{background:#FFFCF0}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv tbody tr{border-bottom:1px solid #FFEDB6}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv tbody tr:first-child{border:0}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv tbody tr:hover{background:#ffffff}
.RCA__AlarmsTable .ui-jqgrid .ui-corner-bottom{background:#fff8da !important;border-top:1px solid #fed54e}
.RCA__AlarmsTable .ui-jqgrid .ui-jqgrid-pager{height:35px}
.RCA__AlarmsTable .ui-jqgrid .ui-pg-table td{padding:4px 1px}

.yesNoMsg{display:inline-block;border:1px solid #F3CE63;background:#FDF3C9;padding:5px 7px}
.yesNoMsg a{margin-left:5px;padding:3px 10px;background:#45bd7f;color:#fff;line-height:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
.yesNoMsg a.bgGrey{background:#A8A8A8}

.discovery-device-search {position: absolute !important;right:20px;top:0px;width:300px !important;z-index: 2}
.yesNoMsg.absolute-center {position:absolute; top:0px; left:50%; z-index:99;transform:translateX(-50%)}
.yesNoMsg.absolute-center svg {position:relative; top:3px;margin-right:5px; fill: #c4840d}
.text-grey{color:#777;fill:#777 !important}

.discovery-device-search.vxRail {z-index: 1 !important}
.yesNoMsg.absolute-center {position:absolute; top:0px; left:50%; z-index:99;transform:translateX(-50%)}
.yesNoMsg.absolute-center svg {position:relative; top:3px;margin-right:5px; fill: #c4840d}
.text-grey{color:#777;fill:#777 !important}

.criticalCustomAnnotation{box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius:20px;margin-top: -12px;display: block;width:12px;height:12px;border-radius:0;box-shadow:none;}
.criticalEventTooltip:before{background:#FFB2B2;border-top: 1px solid #FF7373;border-right: 1px solid #FF7373;z-index: 1;box-shadow: none;height: 12px;left: 0px;}
.criticalEventTooltip .title{background:#FFB2B2;border: 1px solid #FF7373;border-radius:5px;color: black;}

body.rcaPage div[id^='zctooltip']{background:#fff !important;border:1px solid #f9f9f9 !important;box-shadow: 0px 0px 28px 4px rgb(0 0 0 / 15%);display:flex;z-index: 10 !important;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div:first-child{color:#a9a9a9;padding:0;margin-top:0;font-size:10px;line-height: 12px;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div{display:flex;color:#222;font-size: 11px;margin-top: 2px;position:relative;padding-right: 50px;line-height: 16px;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div{text-overflow:ellipsis;max-width:190px;overflow: hidden;white-space: nowrap;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div[class^='rcaTooltipSeries']{position:absolute;top: -1px;right:0;padding:0 3px;line-height: 16px;border-radius:2px;color:#fff;min-width:30px;text-align:right;font-family:LatoBold;font-size: 12px;}
body.rcaPage div[id^='tooltipcontent']{max-height:170px !important;padding: 0px !important}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div.rcaTooltipSeries0{background:#F09165;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div.rcaTooltipSeries1{background:#4287CD;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div.rcaTooltipSeries2{background:#59C14A;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div.rcaTooltipSeries3{background:#DC4FC4;}
body.rcaPage div[id^='zctooltip'] .rcaTooltip > div > div.rcaTooltipSeries4{background:#17B8FD;}
body.rcaPage div[id^='zctooltip'] > div .rcaCustomTooltipFooter{width:100%;color:#2F80ED;border:0;line-height:20px;margin-top: 0;cursor:pointer;text-align:center;font-size: 12px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;padding: 1px 10px;}
body.rcaPage div[id^='zctooltip'] > div input{width:100%;border:1px solid #dcdcdc;margin-top:10px;padding:5px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
body.rcaPage div[id^='zctooltip'].showAddAction > div#tooltipcontent{display:none;}
body.rcaPage div[id^='zctooltip'].showAddAction > div.rcaAddAnnotationTooltip{display:block;max-width: 588.8px;min-width: 73.6px;line-height: 13.5px;overflow-wrap: break-word;white-space: normal;overflow-y: auto;padding: 5px;font-size: 12px;font-family: 'LatoRegular';color: white;max-height: 256px;}
html.onScrollTopBandHide div[id^='zctooltip']{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(0px); -o-transform:translateY(50px)}
html.onScrollTopBandHide body.rcaPage div[id^='zctooltip']{ transform:translateY(45px); -webkit-transform:translateY(45px); -moz-transform:translateY(45px); -ms-transform:translateY(0px); -o-transform:translateY(45px); }
html.onScrollTopBandHide.opmTopBandBannerActive  body.rcaPage div[id^='zctooltip']{ transform:translateY(85px); -webkit-transform:translateY(85px); -moz-transform:translateY(85px); -ms-transform:translateY(0px); -o-transform:translateY(85px); }
.rcaAddAnnotationTooltip{width: 100%;color: #ffffff;padding: 5px 10px;display:none;}
.rcaAddAnnotationTooltip select{width:100%}

body.hideZChartTooltip div[id^='zctooltip'],body.hideZChartTooltip.rcaPage .highlightergroup{display: none !important}
body.hideZChartAnnotation div[id^='zctooltip']{display: none !important}
.rcaTooltip{width:230px}

.chartRightBox .middleChartSection .chartBox .rcaOverlapChart{position:absolute;width:100%;height:100%;top:0%;border:3px dashed #4287CD;left:0;text-align:center;background:rgba(219,241,254,.8);z-index:2;font-size:18px;font-family:latoBold;padding-top:80px;color:#222;display:none;}
body.rcaDragEnable .chartRightBox .middleChartSection .chartBox .rcaOverlapChart{display:block}
body.rcaDragEnable .chartRightBox .middleChartSection .chartBox .rcaOverlapChart.maxEntity{border:3px dashed #e5e5e5;background:rgba(255,255,255,.9);color: #bfbfbf;cursor: no-drop;}
body.rcaDragEnable .chartRightBox .middleChartSection .chartBox{transition:.5s}
body.rcaDragEnable .dragDropArea.ui-droppable .rcaOverlapChart,.dragDropArea.ui-droppable .rcaOverlapChart,.middleChartInfo .rcaOverlapChart{display:none}
body.rcaDragEnable .chartRightBox .middleChartSection .chartBox{border:0}
.chartRightBox.viewReport{padding-bottom:20px}
.chartRightBox .middleChartInfo .rcaOverlapChart{display:none;border-radius:5px;width: 100%;height: 100%;background: rgba(16,165,249,.1);border: 3px dashed #4287CD;align-items: center;justify-content: center;font-size: 18px;font-family: 'LatoBold';z-index: 10000;}
body.rcaDragEnable .chartRightBox .middleChartInfo .rcaOverlapChart{display:flex}
body.rcaDragEnable .chartRightBox .middleChartInfo .stepInfo{display:none}
body.rcaDragEnable .chartRightBox .middleChartInfo{border:0}
.chartRightBox.viewReport .middleChartSection .chartBox:last-child{margin-bottom:0}
.chartRightBox.viewReport .middleChartSection .chart-value{bottom:0}
.chartRightBox.viewReport .middleChartSection .chartContainer{padding-bottom:0}
body.rcaTooltipDynamicHt .chartRightBox.viewReport .middleChartSection .chartContainer .rcaGraphSection{width:calc(100% - 310px) !important;}
body.rcaTooltipDynamicHt .chartRightBox.viewReport .middleChartSection .chartContainer .rcaTooltipEle{position:absolute;right:20px;}
.reportGraph.pdfReportGraph .chartRightBox{position: relative;padding-top: 0px}
.reportGraph.pdfReportGraph .chartRightBox .middleChartSection .chartContainer{padding: 0px;}
/********************* RCA Styles ends ***************************/

.disLineBlock{display:inline-block}
.opmGroupInventory.inventoryTabWithDD{right:378px}
.opm_jqGridUI.opmReportsGridview.dpiForensicsTbl .ui-state-default.ui-jqgrid-hdiv{height:40px}
.opm_jqGridUI.opmReportsGridview.dpiForensicsTbl .ui-jqgrid .ui-jqgrid-hbox{padding-right:0}
.nfaConversation .reportGridUI.dpiForensics + .opm_jqGridCustomPager{right:40px}

.icon-svg-monitoring-agent{background-position: -270px -168px;width: 16px !important;height: 14px !important;}
.icon-svg-nps {background-position: -270px -135px;width: 15px;height: 16px;}
.icon-svg-itomagent{background-position: -254px -32px;width:16px !important;height:14px !important;position:relative;top:7px;right:5px;}
/* Network Packet Sensor CSS Start */
.npsImgSection {position:relative;display:flex;align-items:center;justify-content: center;margin: 32px 16px;width: 99%}
.npsImgSection img {height:510px;}
.npsInstallationKeySection {display:flex;background-color:rgba(242, 242, 242, 0.5);padding: 32px 320px 0px 250px;border-radius: 20px;max-width: 75%;margin: 20px auto;min-height: 310px;}
.npsInstallationKeySection .npsInstallationSteps{position:relative;}
.npsInstallationKeySection .npsInstallationSteps::before {position:absolute;height: 30px;width:2px;background-color:#c7c7c7;content:'';display:block;left: 15px;z-index:0;top:30px;}
.npsInstallationKeySection .npsInstallationStep {display:flex;flex-direction:row;margin-bottom:24px;align-items: self-start;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationStatus{z-index: 1;border-radius: 100%;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationStatus.success .size36 {width: 32px;height: 32px;fill:#49BD80;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationStatus.pending {width: 34px;height: 34px;background-color:#c3c3c3;border:6px solid #E0E0E0;padding: 10px;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent {margin-left:30px;line-height: 1.5;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .content1{font:16px LatoBold;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent p {font-size:14px;margin:10px 0px 20px;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .opmFormCol label {font:14px LatoBold;margin-bottom:10px;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .opmFormCol .passwdContainer {background-color:#f0f0f0;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .opmFormCol .passwordShowHide {margin-bottom:20px;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .keynote {margin:0;font-size:12px;}
.npsInstallationKeySection .npsInstallationSteps .npsInstallationContent .keynote b{font:12px LatoBold;}
.npsSettings [class^="grid-col-"]:first-child {padding:0px 15px;margin-bottom:15px;}
.npsSettings .npsSettingsCollapse{display:flex;align-items:center;justify-content:space-between;background-color:#f8f8f8;padding:9px 13px;border-radius: 7px 7px 0px 0px;border:1px solid #eee;border-bottom: 0;}
.npsSettings .npsSettingsCollapse.noArea {border-bottom:1px solid #eee;border-radius:7px;}
.npsSettings .heading{font:14px LatoBold;}
.npsSettings .npsSettingsCollapseArea {border:1px solid #eee;padding:14px;border-radius:0px 0px 7px 7px;display:none;}
.npsSettings .npsSettingsCollapseArea.active {display:block;}

html.horizontalView .opmDashboard.apmSettings > section {
    top: 0px !important;
    background: #fff;
    padding: 0px 0px 0px 15px;
}
/* Network Packet Sensor CSS Ends */
#reportsReportListDiv.forecastGraph{position: absolute;top: 400px;}

#graphDiv.forcastReports{position: absolute;top: 42px}

.opmIcon_actionFix .icon-configedit{font-size:16px;line-height:1}
.opmIcon_actionFix .ui-icon{margin-top:0em}
.flow_filter_settings_ui .filter_count{margin-left: 20px;padding: 3px 8px;background-color: #ffffff;border: 1px solid #d7d7d7;}
.flow_filter_settings_ui .helpCard{z-index: 99;}
#nfaIntfDonut .opm_filterBy .list{display:flex}
#nfaIntfDonut .opm_filterBy .list li{flex:1}

.adminServerID_leftAlign{float:left !important}
.zoom-buttons .custom-buttons.reset{background: url(../../img/home.svg) no-repeat !important;background-size: 10px !important;background-position: center center !important;}
.zoom-buttons .custom-buttons.zoomIn{background: url(../../img/zoom-in.svg) no-repeat !important;background-size: 10px !important;background-position: center center !important;}
.zoom-buttons .custom-buttons.zoomOut{background: url(../../img/zoom-out.svg) no-repeat !important;background-size: 10px !important;background-position: center center !important;}

.dropdown_hover ul.submenu-wrapper a {display: flex !important;align-items: center;}
.dropdown_hover ul.submenu-wrapper a i {margin-right: 10px;width: 16px;}
.dropdown_hover ul.submenu-wrapper i {font-size: 16px;}

i.icon-apmstatus1.--fault-severity:before{color:var(--severity-critical);content:'\e86a'}
i.icon-apmstatus4.--fault-severity:before{background:var(--severity-trouble);width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-apmstatus5.--fault-severity:before{color:var(--severity-clear);content:'\e8ae'}
i.icon-apmstatus-.--fault-severity:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.apmSeverity_1.--fault-severity,.apmSeverity_1.--fault-severity:before{background:var(--severity-critical) !important}
.apmSeverity_4.--fault-severity,.apmSeverity_4.--fault-severity:before{background:var(--severity-trouble) !important}
.apmSeverity_5.--fault-severity,.apmSeverity_5.--fault-severity:before{background:var(--severity-clear) !important}
.apmSeverity_-.--fault-severity,.apmSeverity_-.--fault-severity:before{background:#7f7f7f}
.apmSeverity_8.--fault-severity,.apmSeverity_8.--fault-severity:before{background:#9F9FEB !important}

i.icon-apmstatus1:before{color:var(--severity-critical);content:'\e86a'}
i.icon-apmstatus4:before{background:var(--severity-trouble);width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-apmstatus5:before{color:var(--severity-clear);content:'\e8ae'}
i.icon-apmstatus7:before,i.icon-apmstatus-:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
i.icon-apmstatus6:before,i.icon-apmstatus8:before{color:#9F9FEB;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.apmSeverity_1,.apmSeverity_1:before{background:var(--severity-critical) !important}
.apmSeverity_4,.apmSeverity_4:before{background:var(--severity-trouble) !important}
.apmSeverity_5,.apmSeverity_5:before{background:var(--severity-clear) !important}
.apmSeverity_7,.apmSeverity_7:before,.apmSeverity_-,.apmSeverity_-:before{background:#7f7f7f !important}
.apmSeverity_6,.apmSeverity_6:before,.apmSeverity_8,.apmSeverity_8:before{background:#9F9FEB !important}

.FilterChart .donutTextDiv.noAlertIcon:after{display:none;}
.apmHeatmapDiv{width: 30px;height: 30px;}
.APMMonitorTreeViewGrid table table thead,.APMMonitorTreeViewGrid table table tbody > tr:first-child{display:none;}
.pieChartType2 .opm_legend2Col li{float:none;width:auto;margin-right: 5px !important;}
.pieChartType2 .opm_legend2Col .legseries .legendfilterbox{top: 8px;}
.APMMonitorTreeViewGrid tr.ui-widget-content > td:first-child{visibility:hidden !important}
.APMMonitorTreeViewGrid tr.showSubGridExpandIcon > td:first-child{visibility:visible !important}
.APMHeatMapWidget{position: absolute;top: 20px;right: 10px;bottom: 10px;left: 290px;}
.APMHeatMapWidget .heatmapHolder{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.APMHeatMapData{border-radius: 3px;opacity: 2;width: 40px !important;height: 40px !important;z-index: 1;}
.APMFilterChart .donutTextDiv:after{display: none;}
i.icon-apmstatus1,i.icon-apmstatus4,i.icon-apmstatus5,i.icon-apmstatus-{float:left;font-size:20px;line-height:12px;margin:0 5px 0 0;display:inline-block;position:relative;top:1px}
i.icon-apmstatus1:before{color:#fa5b5a;content:'\e86a'}
i.icon-apmstatus4:before{background:#faad5a;width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-apmstatus5:before{color:#46bb7d;content:'\e8ae'}
i.icon-apmstatus-:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.apmSeverity_1,.apmSeverity_1:before{background:#fa5b5a !important}
.apmSeverity_4,.apmSeverity_4:before{background:#faad5a !important}
.apmSeverity_5,.apmSeverity_5:before{background:#46bb7d !important}
.apmSeverity_-,.apmSeverity_-:before{background:#7f7f7f}
.apmSeverity_8,.apmSeverity_8:before{background:#9F9FEB !important}
/*i.icon-apmstatus2:before{background:#faad5a;width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-apmstatus3:before{color:#e8de65;content:'\e8c9'}
i.icon-apmstatus6:before,i.icon-apmstatus7:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}*/


.APMMonitorTreeViewGrid .ui-sgcollapsed{width: 10px}
 #opmCCTV .opm_jqGridUI.APMMonitorTreeViewGrid tr.showSubGridExpandIcon td.ui-sgcollapsed span{position:fixed;margin-top:-9px;}
body.apmReportsView #reportsSection{left: 0px !important;}
body.fwaOpuNcmMailServerAuditView #reportsSection{left: 0px !important;}
body.fwaOpuNcmMailServerAuditView #MyfavoriteDIV, .nfaMailServerAuditView #MyfavoriteDIV{display: none !important;}
body.nfaMailServerAuditView #reportsmenuitems #moreActionsDiv, body.fwaOpuNcmMailServerAuditView #reportsmenuitems #moreActionsDiv{display:none !important}
body.nfaMailServerAuditView #reportsmenuitems #lineSplitter, body.fwaOpuNcmMailServerAuditView #reportsmenuitems #lineSplitter{display:none !important}
body.nfaMailServerAuditView #reportsmenuitems, body.fwaOpuNcmMailServerAuditView #reportsmenuitems{width: auto !important;}
body.apmReportsInvView #apmReportsListPage > .opmBtnHldrTop,body.apmReportsInvView #apmReportsListPage .opm_jqGridUI{display: none !important;}
body.apmReportsInvView #apmInventoryFieldSelection{display:block !important;}
.bgNone{background: none !important;}
#apmReportsPage .opm-reports2.previous{cursor:pointer;left: 30px;top: 30px !important;}
#PageContent.apmMontiorsListPage .icon-search.devsearchicon{display: none !important;}
body.apmDownloadPage #PageSideBar + #PageContent.apmMontiorsListPage{padding-left:0px !important}
body.apmDownloadPage #PageContent.apmMontiorsListPage .icon-search.devsearchicon,body.apmDownloadPage #PageContent.apmMontiorsListPage .filterSectionToggle,body.apmDownloadPage #PageContent.apmMontiorsListPage .deviceListPgAddBtn,body.apmDownloadPage #PageContent.apmMontiorsListPage #opm_devListHolder{display: none !important;}
body.apmDownloadPage #PageContent.apmMontiorsListPage .apmDownloadSection{display:block !important;background:#fbfbfb;width:100%;height: 100%;position: relative;}
#PageContent.apmMontiorsListPage .opmInventoryHolder.AETIDRowChecked .genReport,#PageContent.apmMontiorsListPage .opmInventoryHolder.AETIDRowChecked .icon-refresh,#PageContent.apmMontiorsListPage .opmInventoryHolder.AETIDRowChecked .icon-plus{display:none !important;}
.opmDeviceMoreList li.apmMonitorActions{display: none !important;}
#PageContent.apmMontiorsListPage .opmDeviceMoreList li{display:none !important;}
#PageContent.apmMontiorsListPage .opmDeviceMoreList li.apmMonitorActions{display:block !important;}
i.icon-apmstatus1,i.icon-apmstatus4,i.icon-apmstatus5,i.icon-apmstatus-,i.icon-apmstatus6,i.icon-apmstatus8,i.icon-apmstatus7{float:left;font-size:20px;line-height:12px;margin:0 5px 0 0;display:inline-block;position:relative;top:1px}
i.icon-apmstatus1:before{color:#fa5b5a;content:'\e86a'}
i.icon-apmstatus4:before{background:#faad5a;width:18px;height:18px;font:14px/18px LatoBold !important;content:'!!';color:#fff;border-radius:50%;}
i.icon-apmstatus5:before{color:#46bb7d;content:'\e8ae'}
i.icon-apmstatus7:before,i.icon-apmstatus-:before{color:#7f7f7f;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
i.icon-apmstatus6:before,i.icon-apmstatus8:before{color:#9F9FEB;content:'\e8c7';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.apmSeverity_1,.apmSeverity_1:before{background:#fa5b5a !important}
.apmSeverity_4,.apmSeverity_4:before{background:#faad5a !important}
.apmSeverity_5,.apmSeverity_5:before{background:#46bb7d !important}
.apmSeverity_7,.apmSeverity_7:before,.apmSeverity_-,.apmSeverity_-:before{background:#7f7f7f !important}
.apmSeverity_6,.apmSeverity_6:before,.apmSeverity_8,.apmSeverity_8:before{background:#9F9FEB !important}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.Critical:after{background-color:var(--severity-critical);-webkit-mask:url(../../img/status-1.svg) no-repeat 0 0;mask:url(../../img/status-1.svg) no-repeat 0 0}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.Clear:after{background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.Unmanaged:after{background-color:#9F9FEB;-webkit-mask:url(../../img/status-7.svg) no-repeat 0 0;mask:url(../../img/status-7.svg) no-repeat 0 0}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.Unknown:after{background:url("../../img/opm-sprites.png") no-repeat -25px -1528px;width:20px;height:19px;top:-2px;left:-2px;position:absolute;content:"";transform:scale(0.8)}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.-:after{background-color:var(--severity-clear);-webkit-mask:url(../../img/status-5.svg) no-repeat 0 0;mask:url(../../img/status-5.svg) no-repeat 0 0}
.apmTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor .jstree-icon.Warning:after{background-color:var(--severity-trouble);-webkit-mask:url(../../img/status-2.svg) no-repeat 0 0;mask:url(../../img/status-2.svg) no-repeat 0 0}
html.apmAddBtn .addLinkStyle .deviceListPgAddBtn{background:#49bd80;width:140px !important;height:30px;border-radius:4px;position:absolute;top:-4px;right:-45px;z-index:2;cursor:pointer}
html.apmAddBtn .addLinkStyle .opmInventoryHolder.hideSortFilter .AETIDFilter .deviceListPgAddBtn{right:5px}
html.apmAddBtn .addLinkStyle .deviceListPgAddBtn > i{float:left;width:100%;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:7px 30px 7px 10px;margin:0;border-radius:3px;display:inline-block;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
html.apmAddBtn .addLinkStyle .deviceListPgAddBtn.type2 > i{padding:7px 10px}
html.apmAddBtn .addLinkStyle .opmInventoryHolder.listIcons.hideSortFilter .AETIDHeader .viewType{right:160px}

.fwa-std-dev-selection{width:auto !important;display:inline-block}
.fwa-std-report-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;row-gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.fwa-std-report-widget{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e2e2e2;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 20px)}
.fwa-std-report-widget__header{background:#f4f5f6;padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;border-radius:5px 5px 0 0;border-bottom:1px solid #e2e2e2}
.fwa-std-report-widget__title{font-family:latoBold;font-size:14px}
.fwa-std-report-widget__action-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fwa-std-report-widget__icon{width:14px;height:14px;position:relative;cursor:pointer}
.fwa-std-report-widget__icon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat;position:absolute;left:0;top:0;content:"";width:14px;height:14px}
.fwa-std-report-widget__icon--schedule{width:15px}
.fwa-std-report-widget__icon--schedule:before{background-position:-216px -68px;width:15px}
.fwa-std-report-widget__icon--mail:before{background-position:-184px -68px}
.fwa-std-report-widget__icon--pdf{width:16px;height:16px}
.fwa-std-report-widget__icon--pdf:before{background-position:-230px -15px;width:16px;height:16px}
.fwa-std-report-widget__icon--re-generate:before{background-position:-200px -68px}
.fwa-std-report-widget__icon--delete:before{background-position:-259px 0}
.fwa-std-report-widget__main{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.fwa-std-report-widget__desc{font-size:12px;margin-bottom:20px;color:#454545}
.fwa-std-report-widget__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
.fwa-std-report-widget__recom{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:100px;min-height:110px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%}
.fwa-std-report-widget__recom-chart{width:100px;height:100px;position:absolute;bottom:0;left:0;overflow:hidden}
.fwa-std-report-widget__recom-chart .chart,.fwa-std-report-widget__recom-chart #firstChart{width:150px;height:150px;margin-top:-30px;margin-left:-30px}
.fwa-std-report-widget__recom-chart-name{font-size:8px;position:absolute;width:88px;text-align:center;bottom:0;left:0}
.fwa-std-report-widget__recom-title{font-size:12px;font-family:latoBold;margin-bottom:5px}
.fwa-std-report-widget__recom-desc{font-size:12px;color:#454545}
.fwa-std-report-widget__fail-details{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #9e9e9e;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:220px;width:50%;background:#e6e6e8}
.fwa-std-report-widget__fail-title{padding:10px 10px;border-bottom:1px solid #9e9e9e;position:relative;position:relative;padding-left:30px;font-family:latoBold}
.fwa-std-report-widget__fail-title:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -158px 0;position:absolute;left:10px;top:50%;margin-top:-7px;content:"";width:14px;height:14px}
.fwa-std-report-widget__view-more{position:absolute;top:50%;right:10px;border:1px solid #009df6;padding:2px 10px;color:#009df6;background:#fff;font-size:12px;border-radius:3px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:latoRegular}
.fwa-std-report-widget__fail-list{padding:5px 10px}
.fwa-std-report-widget__fail-list ul{margin-left:14px}
.fwa-std-report-widget__fail-list ul li{margin-bottom:5px;list-style:disc;font-size:12px}
.fwa-std-repo-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}
.fwa-std-repo-detail__top-info{border:1px solid #6bbb85;background:rgba(106,186,133,.3);padding:20px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.fwa-std-repo-detail__top-info-title{font-family:latoBold;font-size:20px}
.fwa-std-repo-detail__grey-info{background:#f4f5f6;padding:20px;border:1px solid #e2e2e2;display:-webkit-box;display:-ms-flexbox;display:flex}
.fwa-std-repo-detail__grey-info-title{font-size:20px;font-family:latoBold;margin-bottom:10px}
.fwa-std-repo-detail__grey-info-desc{margin-bottom:10px}
.fwa-std-repo-detail__network-details{min-width:400px;padding-left:20px;border-left:1px solid #e2e2e2}
.fwa-std-repo-detail__table{background:#fff;width:100%;border:1px solid #e2e2e2}
.fwa-std-repo-detail__table th{font-family:latoBold;padding:10px;text-align:left;border-bottom:1px solid #e2e2e2}
.fwa-std-repo-detail__table td{padding:10px}
.fwa-std-repo-detail__grey-block{background:#f4f5f6;padding:20px;border:1px solid #e2e2e2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.fwa-std-repo-detail__status-icon{width:14px;height:14px;position:relative}
.fwa-std-repo-detail__status-icon:before{background:url(../../img/opm-sprites-v2.svg) no-repeat;position:absolute;left:0;top:0;content:"";width:14px;height:14px}
.fwa-std-repo-detail__status-icon--pass:before{background-position:-200px -50px}
.fwa-std-repo-detail__status-icon--fail:before{background-position:-216px -50px}
.fwa-std-repo-detail__status-info{padding:3px 10px;color:#fff;border-radius:3px;margin-right:10px}
.fwa-std-repo-detail__status-info--pass{background:#45bd7f}
.fwa-std-repo-detail__status-info--fail{background:#f34848}
.fwa-std-repo-detail__status-info--user-call{background:#767677}
.fwa-std-repo-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.fwa-std-repo-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}
.fwa-std-repo-tab__title{font-family:latoBold;font-size:16px}
.fwa-std-repo-stattus-info{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e2e2e2;border-radius:3px;padding:5px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}
.fwa-std-repo-stattus-info>div{padding-left:17px}
.fwa-std-repo-stattus-info>div:before{width:14px;height:14px;content:"";position:absolute;top:2px;left:0}
.fwa-std-repo-stattus-info>div.status-pass{position:relative}
.fwa-std-repo-stattus-info>div.status-pass:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -200px -50px}
.fwa-std-repo-stattus-info>div.status-fail{position:relative}
.fwa-std-repo-stattus-info>div.status-fail:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -216px -50px}
.fwa-std-repo-stattus-info>div.status-usercall{position:relative}
.fwa-std-repo-stattus-info>div.status-usercall:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -184px -83px}
.toggle-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #45bd7f;border-radius:3px}
.toggle-tab input[type=radio]{opacity:0;width:0;height:0;margin:0}
.toggle-tab input[type=radio]+label{padding:8px 20px;cursor:pointer;border-right:1px solid #45bd7f}
.toggle-tab input[type=radio]+label:last-child{border:0}
.toggle-tab input[type=radio]:checked+label{background:#45bd7f;color:#fff}

.packetsensor_privacyPolicy {display: flex;align-items: center;}
.packetsensor_privacyPolicy .privacyLink {margin-right: 15px;}
.agentPrivacyPolicyLink {display: flex;align-items: center;}


.AdExMssqlMonitors .titleSection {display: flex;justify-content: space-between;padding: 0px 20px;align-items: center;}
.AdExMssqlMonitors .opmFormTitle {display: flex;align-items: center;gap: 5px;font-size: 18px;}
.AdExMssqlMonitors .titleSection .mssqltitle{width:auto}
.AdExMssqlMonitors .selBox {position: relative;top: 0;right: 0;width: 150px;margin-left:2px}
.AdExMssqlMonitors .btnContainer .opmBtn {border-radius: 3px;border: 1px solid #45bd7f;}
.AdExMssqlMonitors .btnContainer .opmBtn i {margin-right: 5px;}
.AdExMssqlMonitors .btnContainer .opmBtn.btn-grey {border-radius: 3px;border: 1px solid #dcdcdc;}
.AdExMssqlMonitors .opmFormTitle select {margin-left: 5px;line-height: 20.8px;}
.AdExMssqlMonitors .opm_widget_title {padding: 10px;height: auto;background: #f0f0f0;border: 1px solid #dcdcdc;text-align: left;}
.AdExMssqlMonitors .ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr, .AdExMssqlMonitors div:not(#box_mapList_holder)>.opm_jqGridUI.opmReportsGridview>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv {border-bottom: none!important;border-top: none!important;}
.AdExMssqlMonitors .opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child>div {left: 0;}
.AdExMssqlMonitors div:not(#box_mapList_holder)>.opm_jqGridUI.opmReportsGridview>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr>th {background: #fff!important;}
.AdExMssqlMonitors div:not(#box_mapList_holder)>.opm_jqGridUI.opmReportsGridview>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv>.ui-jqgrid-hbox>.ui-jqgrid-htable>thead>tr>th.headerlabel {background: #f0f0f0!important;}
.AdExMssqlMonitors i.ui-icon-trash {background: url("../../img/opm-sprites.png") -288px -1073px no-repeat;width: 16px;height: 16px;}
.AdExMssqlMonitors .ui-state-hover,.AdExMssqlMonitors .ui-widget-content .ui-state-hover {font-size: 0px;}
.mssqlMonitorSlideContent .formGroup {position: relative;}
.mssqlMonitorSlideContent .formGroup.suffixIcon {float: none;clear: both;}
.mssqlMonitorSlideContent .formGroup.suffixIcon input~i {position: absolute;top: 9px;right: 15px;width: 14px;height: 14px;color: #9f9f9f;}
.mssqlMonitorSlideContent .formGroup.suffixIcon input~i svg {fill: #9f9f9f;}
.mssqlMonitorSlideContent .formGroup.suffixIcon input~i svg:hover {cursor: pointer;}
.mssqlMonitorSlideContent .formGroup.suffixIcon input~i::after, .mssqlMonitorSlideContent .formGroup.suffixIcon input~i::before {height: 16px;}
.mssqlMonitorSlideContent section {padding: 10px;padding-top: 10px!important;}
.mssqlMonitorSlideContent, .mssqlMonitorSlideContent .opmFormHolder {height: 100%}
.mssqlMonitorSlideContent .checkboxGroup{position:absolute;top:70px;bottom: 140px;left:20px;right:20px;overflow-y: auto;}
body.MSSQLAddDBSlideOverlay.deviceSlideDivIn-3 .Device-Info:before{z-index:101;}
.mssqlMonitorSlideContent .opmForm.mssql-search{padding: 0 20px !important;}
.mssqlMonitorSlideContent + .fixedfooter {position: absolute;bottom: 20px;right: 20px;left: 20px;}
.mssqlMonitorSlideContent .checkboxGroup .opmCheckBox div {float: none;margin-bottom: 15px!important;}
.mssqlMonitorSlideContent .checkboxGroup .opmCheckBox:last-child div {margin-bottom: 0!important;}
.mssqlMonitorSlideContent .nothing-found {display: flex;justify-content: center;align-items: center;height: 80%}
.mssqlMonitorSlideContent .nothing-found p {color: #000;}
.mssqlMonitorSlideContent .opmForm {float: none;height: 100%;overflow: hidden;}
.mssqlMonitorSlideContent .opmFormCol {float: none;position: relative;margin-bottom: 10px;background: #fff;}
.AdExMssqlMonitors .ui-inline-del.ui-state-hover span,.AdExMssqlMonitors .ui-inline-cancel.ui-state-hover span,.AdExMssqlMonitors .ui-inline-edit.ui-state-hover span,.AdExMssqlMonitors .ui-inline-save.ui-state-hover span {margin: 0;}
.AdExMssqlMonitors:not(.AppsPage) .ui-state-hover,.AdExMssqlMonitors .ui-state-focus,.AdExMssqlMonitors .ui-widget-content .ui-state-focus,.AdExMssqlMonitors:not(.AppsPage) .ui-widget-content .ui-state-hover,.AdExMssqlMonitors .ui-widget-header .ui-state-focus,.AdExMssqlMonitors .ui-widget-header .ui-state-hover,.AdExMssqlMonitors body.ui-dialog-style2>.ui-dialog .ui-button:active {border: none!important;}
.AdExMssqlMonitors .selBox>div .select2-container .selection .select2-selection .select2-selection__rendered {line-height: 20px;}
body.mssqlSlideIn.slideDivIn-1 #PageContent:before {background-color: rgba(0, 0, 0, .3);z-index: 1;}
.selBox .select2-container .selection .select2-selection .select2-selection__rendered::before {color: #46bb7d;content: '';position: absolute;top: 5px;left: 5px;width: 20px;height: 20px;border-radius: 50%;transform: scale(0.7);}
.selBox.icon-status5 .select2-container .selection .select2-selection .select2-selection__rendered::before {background: url(../../img/opm-sprites.png) no-repeat no-repeat -178px -2163px;}
.selBox.icon-status1 .select2-container .selection .select2-selection .select2-selection__rendered::before {background: url(../../img/opm-sprites.png) no-repeat -200px -2163px;}
.selBox.icon-status5 .select2-container .selection .select2-selection .select2-selection__rendered, .selBox.icon-status1 .select2-container .selection .select2-selection .select2-selection__rendered {margin-left: 20px;}
.AdExMssqlMonitors .deviceSlidecontent{top: 0px;}
.margintop85 {margin-top:85px }
.mssqlmTop_fix {margin-top: 10.34rem;}
#AdExMssqlMonitors {overflow-y: overlay;}
.infoMssg.danger.style2 .iconStatus{background: url(../../img/opm-sprites-v2.svg) no-repeat;background-position: -185px 2px;background-size: 340px;margin-right: 2px;}
.infoMssg.success.style2 .iconStatus{transform:scale(0.9); margin-right: 2px;}
.infoMssg.danger.style2{background:rgba(242,72,72,.15);border-color:#f24848;border-radius:3px;padding:4px 20px; font-size: 14px; }
.infoMssg.success.style2{padding:4px 20px;border-radius: 3px}
.infoMssg.style2 p {font-size:14px;}
.AdExMssqlMonitors .ui-icon.ui-icon-trash{background:url(../../img/opm-sprites-v2.svg) -269px 1px/300px no-repeat;margin-right:2px}
.AdExMssqlMonitors .btnContainer .opmBtn:first-child{margin:3px 0 3px 10px}

/* NFA ASAM security module related CSS starts */
.nfaSecurityAlert .cumArtDefineCriteria1{width:250px;float:left}
.nfaSecurityAlert .cumArtDefineCriteria2{width:175px;float:left;}
.nfaSecurityAlert .cumArtDefineCriteria3{width:175px;float:left;}
.nfaSecurityAlert .cumArtDefineCriteria4{width:370px;float:left;}
.nfaSecurityAlert .cumArtDefineCriteria4 .list{width:370px; display:flex; flex-wrap:wrap;}

.nfaSecurityAlert .infoBoxBlue{height:auto;}
.nfaSecurityAlert .infoBoxBlue i{font-family:LatoBold;}
.nfaSecurityAlert .infoBoxBlue a{color:#0c639b;font-family:LatoBold;}

.tabStatic__fixedTop.nfa-security-analytics{top:130px}
.tabStatic__fixedTop.nfa-security-analytics + .opmFormHolder.pLeft0{top:183px !important}

.opmFormRow.enableDisableWithText.nfa-asam-enableDisable{position:absolute;top:90px;left:30px}

.opmFormRow.nfa-asam-heapInfoMsg{top:60px;left:30px}
.opmFormRow.nfa-asam-heapInfoMsg + .opmFormRow.enableDisableWithText.nfa-asam-enableDisable{top:160px}
.opmFormRow.nfa-asam-heapInfoMsg + .opmFormRow.enableDisableWithText.nfa-asam-enableDisable + .tabStatic__fixedTop.nfa-security-analytics{top:200px}
.opmFormRow.nfa-asam-heapInfoMsg + .opmFormRow.enableDisableWithText.nfa-asam-enableDisable + .tabStatic__fixedTop.nfa-security-analytics + .opmFormHolder.pLeft0{top:253px !important}

.nfa-asam-upgrade-notification {position: absolute;top: 80px;left: 30px;max-width:1000px}
.nfa-asam-upgrade-notification+.opmFormRow.nfa-asam-heapInfoMsg {top: 210px;left: 30px}
.nfa-asam-upgrade-notification+.opmFormRow.nfa-asam-heapInfoMsg+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable {top: 310px}
.nfa-asam-upgrade-notification+.opmFormRow.nfa-asam-heapInfoMsg+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable+.nfa-security-analytics {top: 360px;}
.nfa-asam-upgrade-notification+.opmFormRow.nfa-asam-heapInfoMsg+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable+.nfa-security-analytics+.opmFormHolder.pLeft0 {top: 430px !important;}
.nfa-asam-upgrade-notification+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable {top: 220px}
.nfa-asam-upgrade-notification+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable+.nfa-security-analytics {top: 270px;}
.nfa-asam-upgrade-notification+.opmFormRow.enableDisableWithText.nfa-asam-enableDisable+.nfa-security-analytics+.opmFormHolder.pLeft0 {top: 340px !important;}

.grey-page-Info {background: #f9f9f9;padding: 50px;border: 1px solid #eee;margin: 0;display: flex;flex-direction: column;align-items: center;width: calc(100% - 30px);}
.grey-page-Info__heading {font-size: 20px;font-family: latoBold;margin-bottom: 10px;}
.grey-page-Info__desc {margin-bottom: 20px; text-align:center; max-width:700px;}
.grey-page-Info__action-btn {min-width: 100px;padding: 0 20px;line-height: 35px;color: #fff;text-align: center;cursor: pointer;background: #45bd7f;margin-top: 10px;margin: 0 auto;}

/*.jstree-icon.icon-nfa.icon-des_net_agg:before{background-position:-280px -202px;width:23px;height:13px}
.jstree-icon.icon-nfa.icon-destination_agg:before{background-position:-262px -203px;width:18px;height:12px}
.jstree-icon.icon-nfa.icon-router_agg:before{background-position:-336px -180px;width:23px;height:18px}
.jstree-icon.icon-nfa.icon-source_agg:before{background-position:-244px -203px;width:17px;height:12px}
.jstree-icon.icon-nfa.icon-source_net_agg:before{background-position:-337px -202px;width:23px;height:13px}*/
.opmPdfFloatRow {float: left;margin: 0px -10px;}
.opmPdfFloatRow .opmPdfFloatCol-4 {float: left;width: 33.333%;padding: 0px 10px;}
.opmPdfFloatCol-full {width: 100% !important;}
.reportGraph.pdfReportGraph .reportGraphSingle > section {padding: 10px 0px !important;}
#nbaAlgorithmList .jstree-themeicon.icon-nfa{display:flex;margin-right:10px;align-items: center;width: 30px;justify-content: center;}
#nbaAlgorithmList .jstree-anchor{display:inline-flex;}

.enable-disable-toggle{display:inline-block;position:relative}
.enable-disable-toggle__check-box{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;cursor:pointer}
.enable-disable-toggle__check-box:checked+.enable-disable-toggle__lable:before{left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.enable-disable-toggle__check-box:checked+.enable-disable-toggle__lable>div:first-child{color:#fff}
.enable-disable-toggle__check-box:checked+.enable-disable-toggle__lable>div:last-child{color:#000}
.enable-disable-toggle__lable{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;border:1px solid #45bd7f;border-radius:3px}
.enable-disable-toggle__lable:before{position:absolute;left:50%;top:0;width:50%;height:100%;background:#45bd7f;content:"";-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.enable-disable-toggle__lable>div{padding:7px 20px;z-index:2;color:#000}
.enable-disable-toggle__lable>div:last-child{color:#fff}
.top-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - 30px);}
.top-nav__btn{padding:8px 20px;cursor:pointer;color:#fff;background:#45bd7f;border-radius:3px}

.asam-tree-view{width:calc(100% - 30px);border:1px solid #dcdcdc;margin-top:20px;height:calc(100vh - 400px);position:relative}
.asam-tree-view__grey-header{background:#f0f0f0;position:absolute;top:0;left:0;width:100%;padding:5px 10px 5px 20px;border-bottom:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.asam-tree-view__header-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.asam-tree-view__title{color:#000;font-family:latoBold;font-size:16px}
.asam-tree-view__expandAll{color:#3996dd;cursor:pointer;line-height:30px}
.asam-tree-view__search-box{position:relative}
.asam-tree-view__search-box:after{position:absolute;top:7px;right:10px;content:"";background:url(../../img/opm-sprites-v2.svg) no-repeat -90px -1px;width:14px;height:14px}
.asam-tree-view__search-box input{background:#fff;border:1px solid #dcdcdc;border-radius:3px;width:300px;height:30px;padding:5px 30px 5px 10px}
.asam-tree-view__cont{position:absolute;top:41px;left:0;bottom:0;right:0;overflow:auto;padding:10px 20px}
.jsTreeType1 .jstree-default .jstree-search{position:relative;z-index:1;color: #252525 !important;font-family:latoBold}
.asam-tree-view .jsTreeType1 .jstree-default .jstree-search:after{background: #FEF9E6;content:"";position:absolute;top: -2px;left: -6px;width:100%;height: 16px;padding:5px 20px;z-index: -1;border: 1px solid #ffe89e;}
.nfa-no-data{text-align: center;padding:30px 0}
.asam-tree-view .jstree-node .jstree-open > a{font-family:latoBold}

div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table.select-all-chkbox > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:nth-child(2) {padding: 12px 8px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th {background:#f0f0f0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > .ui-widget-content.subgrid-data > div > div > div > .ui-jqgrid-bdiv table tbody tr:first-child td{padding:0 !important;border:0 !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > .ui-widget-content.subgrid-data > div > div > div > .ui-jqgrid-hdiv table thead tr th{background:#f0f0f0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-subgrid > .ui-widget-content.subgrid-data > div > div > div > .ui-jqgrid-hdiv table {border:1px solid #dcdcdc;border-bottom:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th {padding: 10px 14px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th .jqSearchIcon i{margin:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgcollapsed a > .ui-icon,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgexpanded a > .ui-icon {height:18px;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgcollapsed a > .ui-icon:before,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgexpanded a > .ui-icon:before {top:14px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .thresholdTxtBox{display:flex;column-gap:10px;align-item:center;align-items: center;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .thresholdTxtBox input[type="text"]{background: #f0f0f0;padding: 0 5px;border: 1px solid #dcdcdc;line-height: 25px;}
.opm_jqGridUI.nfa-security-table .ui-jqgrid .ui-jqgrid-bdiv table > tbody tr.ui-subgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{padding: 10px 15px !important;}

div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr:not(:first-child) td {padding:5px 15px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr.jqgroup:not(:first-child) td:first-child{padding-left:15px !important;font-family: latoBold !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr:not(:first-child) td:first-child{padding-left:44px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .advSetTxtBox{display: flex;align-items: center; column-gap: 10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .advSetTxtBox input[type="text"]{background: #f0f0f0;padding: 0 5px;border: 1px solid #dcdcdc;line-height: 25px;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .ui-icon{background:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .ui-icon-triangle-1-e,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .ui-icon-triangle-1-s{margin-top: 1px;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .ui-icon-triangle-1-e:before,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.nfa-security-table > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table#nbaThresholdAdvSettingsList > tbody > tr td .ui-icon-triangle-1-s:before{background:none;border-color: #767a78 transparent transparent transparent;border-style: solid;border-width: 7px 5px 0 5px;height: 0;left: 0px;position: absolute;top: 11px;margin-top: -5px;margin-left: 0;width: 0;content: "";transition: .5s}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.showSort > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:nth-child(2) .ui-jqgrid-sortable .s-ico,
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.showSort > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:first-child .ui-jqgrid-sortable .s-ico{visibility:visible !important}

.nfaInvListSlideGreyBg header.greyBg{background:#eeeeee;height:55px;padding:15px 20px}
.nfaInvListSlideGreyBg header.greyBg i.icon-remove{right:18px;top:15px}
.nfaInvListSlideGreyBg header.greyBg + section{padding-top:20px;top:55px}
.nfaInvListSlideGreyBg .deviceSlideContainer.hdrSec section .slideContHolder .opmForm{padding:0 20px}

.infoMssg.danger.style2 .iconStatus {background-position: -104px -34px; background-size: 183px;margin-right:5px;background-image: url(../../img/opm-sprites.png); }
.infoMssg.danger.style2 {background: rgba(242, 72, 72, 0.15); border-color: #F24848; border-radius: 3px; padding: 5px 10px; }
.infoMssgContainer90 .infoMssg.style2 { width: calc(100% - 30px); justify-content: center; margin-bottom: 30px;}
/* NFA ASAM security module related CSS ends */

.opmSlideOverHeaderEnable {background-color: #fff !important;z-index: 9;}
.opmSlideOverHeaderEnable .opmSlideOverHeader {display: flex;align-items: center;justify-content: space-between;padding: 7px 60px 7px 30px;background-color: #F4F6F8;z-index: 1;position: sticky;top: 0;box-shadow: 0px 0px 5px rgb(230, 234, 238, 0.2);}
.opmSlideOverHeaderEnable .opmSlideOverHeader h4 {font-size: 16px;font-weight: 600;letter-spacing: 0.1px;}
.opmSlideOverHeaderEnable .slideOverExportIcon{display: flex;align-items: center;cursor: pointer;}
.opmSlideOverHeader .slideOverTitType i {font-size: 12px;margin-right: 3px;padding-right: 8px;color: #888;position: relative;font-weight: 400;}
.opmSlideOverHeader .slideOverTitType i:not(:last-child):after {content: '|';position: absolute;right: 0;top: 0;}
.opmSlideOverHeader .exportul {display: flex;align-items: center;}
.reportGraph .exportLegendSize .reportGraphSingle .legseries .legendlabel {font: 14px LatoBold !important;}
.opmSlideOverHeader .exportul li:not(:last-child) {margin-right: 20px;}
.pdfReportGraph .exportLegendSize .reportGraphSingle .legseries {width: 100% !important;}

/*! fwa risk analysis css start */
.fwaRiskAnalysis_details .fwaRiskAnalysis_row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}
.fwaRiskAnalysis_details [class*=riskCol_]{position:relative;width:100%;padding-right:10px;padding-left:10px}
.fwaRiskAnalysis_details .riskCol_large{-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%}
.fwaRiskAnalysis_details .riskCol_small{-ms-flex:0 0 16%;-webkit-box-flex:0;flex:0 0 16%;max-width:16%}
.fwaRiskAnalysis_details .riskGrey_box{border-radius:4px;background-color:#f4f5f6;border:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden}
.fwaRiskAnalysis_details .riskGrey_box.riskAlignCenter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-column-align:center;justify-self:center}
.fwaRiskAnalysis_details .riskGrey_box .riskChart_sec{padding:10px 15px;height:55px;width:100px;border-right:1px solid #dcdcdc}
.fwaRiskAnalysis_details .riskGrey_box .riskChart_sec img{width:100%;height:100%}
.fwaRiskAnalysis_details .riskGrey_box .riskPercentage_sec{padding:10px 15px;width:calc(100% - 55px)}
.fwaRiskAnalysis_details .riskGrey_box .riskPercentage_sec p{font-size:28px;font-weight:700}
.fwaRiskAnalysis_details .riskGrey_box .riskPercentage_sec span{font-size:14px}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec{background-color:#fff;width:55px;border-radius:0 55px 55px 0;position:relative}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec::before{content:'';position:absolute;width:27px;height:30px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec.icon_01::before{background:url(../../img/opm-sprites-v2.svg) no-repeat -4.5px -215px}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec.icon_02::before{background:url(../../img/opm-sprites-v2.svg) no-repeat -34.5px -215px}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec.icon_03::before{background:url(../../img/opm-sprites-v2.svg) no-repeat -63.5px -215px}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec.icon_04::before{background:url(../../img/opm-sprites-v2.svg) no-repeat -93.5px -215px}
.fwaRiskAnalysis_details .riskGrey_box .riskIcon_sec.icon_05::before{background:url(../../img/opm-sprites-v2.svg) no-repeat -123.5px -215px}
.risk-counts { position: absolute;vertical-align: middle;}
.risk-counts span {color: #FFFFFF; padding: 1px 5px; border-radius: 4px; margin-right: 5px; cursor: pointer; position: relative;}
.risk-counts .risk-count-red { background-color: #FB5A57;}
.risk-counts .risk-count-green { background-color: #74C38F; }
.risk-counts .risk-count-yellow { background-color: #E8DE65; }
.risk-counts .risk-count-orange { background-color: #FAAD5A; }
.risk-counts .risk-count-violet { background-color: #AC4CAB; }
[data-tooltip-bottom]::before {content: attr(data-tooltip-bottom);min-width: max-content;background-color: #000;color: #fff;position: absolute;top: calc(100% + 8px);padding: 4px 12px;left: -5px;border-radius: 5px;display: none; z-index:3}
[data-tooltip-bottom]::after {content: '';position: absolute;border: 6px solid transparent;bottom: -8px;left: 25%;display: none;border-bottom-color: #212121;}
[data-tooltip-bottom]:hover::after, [data-tooltip-bottom]:hover::before {display: block;}
.risk-counts.legend {display: flex; align-items: center; justify-content: flex-end; position: relative;font-size: 12px; margin-top: 10px; padding-bottom: 10px; z-index: 0;}
.risk-counts.legend span{ padding: 4px; font-size: 1px; border-radius: 1px; margin-left: 10px;}
.fwaHideIntfCheckbox + label:before,.fwaHideIntfCheckbox + label:after{display:none}
.fwaOverflowIntfText{width: 250px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*! fwa risk analysis css end */

.link--underline{text-decoration:underline;cursor:pointer;}
.link--underline:hover{text-decoration:none;}
.nps_speedIcon{display: inline-block;}
.nps_settingsIconFix{position:relative;top:-2px;}

.loader {width: 60px;height: 25px;display: flex;justify-content: center;align-items: center;gap: 4px;border-radius:4px;}
.loader.bottom-fixed {position:fixed;bottom:10px;background:#000;z-index:99999;margin-left:50%;transform:translate(-50%, 0);}
.loader .loader-item {height: 8px;border-radius:2px;background-color: #46bb7d;width: 5px;animation: loading-animation 2000ms ease-in-out infinite;}
.loader .loader-item:nth-child(2) {animation-delay: 200ms;}
.loader .loader-item:nth-child(3) {animation-delay: 400ms;}
.loader .loader-item:nth-child(4) {animation-delay: 600ms;}
@keyframes loading-animation {
    25% {transform: scaleY(2);}
    50% {transform: scaleY(1);}
}

.ui-jqgrid .ui-jqgrid-btable{border-collapse:collapse}
.ui-jqgrid .ui-jqgrid-pager{font-size:11px}
.ui-pg-selbox.ui-widget-content.ui-corner-all,.ui-pg-input.ui-corner-all{border:1px solid #767676 !important;border-radius: 3px;}
.ui-jqgrid .ui-search-table td.ui-search-clear,.opm_jqGridUI .ui-jqgrid #norecs.jqgrow.not-editable-cell.ui-state-disabled.ui-widget-content,.JqGridCustomDesign .opmCusGrid .ui-jqgrid #norecs.jqgrow.not-editable-cell.ui-state-disabled.ui-widget-content{display:none}
div[id^='colchooser'].ui-dialog-content > div{height:240px !important;padding:0;}
div[id^='searchmodfbox_'],div[id^='alertmod_']{top:150px !important;z-index:10000 !important}
div[id^='searchmodfbox_'] select{border:1px solid #dcdcdc !important;}
td[id^='VmwareAddEventsPager_center']{width:325px !important}
#reportsReportListDiv.opm_jqGridUI .ui-jqgrid-hdiv .ui-jqgrid-htable .jqg-second-row-header th{border-bottom:1px solid #e3e3e3 !important;}
body > div[id^='searchmodfbox_'].ui-dialog select option{background:#fefefe}
#TabHolder .opm_jqGridUI #opm_AlarmEventsPager{top:-50px;right:30px;}
#AlarmList.alarmShortSummaryActive #TabHolder .opm_jqGridUI #opm_AlarmEventsPager{top:-30px;}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .multipleJqGrid .opm_jqGridUI .ui-corner-all,#alarmShortSummary #TabHolder #opm_AlarmEventsPager .ui-corner-all{width:auto !important}
.ui-jqgrid .ui-jqgrid-hdiv .ui-icon-asc{margin-left:-1px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control{height:auto;}

#settingSubTabs.opmNotifyProfileView .settingsContent .title_1{border:0 !important}
#settingSubTabs.opmNotifyProfileView .settingsContent .opmBtnHldrTop{top:60px;z-index:5}
#settingSubTabs.opmNotifyProfileView .settingsContent #nProfilesInfoMsg,#settingSubTabs.apmProfileView .settingsContent #apmProfilesInfoMsg{padding:10px 0 !important}
#settingSubTabs.opmNotifyProfileView .settingsContent #DownTimeFormHolder{left:0px;top:110px !important;padding-top:5px !important;}
#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #nProfilesInfoMsg,#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #opmProfileDrpdwn,#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #commonGridDiv{display:none}
#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #apmProfilesInfoMsg,#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #apmProfileDrpdwn,#settingSubTabs.opmNotifyProfileView.apmProfileView .settingsContent #apmGridDiv{display:block !important}
.settingsCnt>section .settingsContent .card-tooltip{display:none;z-index: 2;background: #fff;position:absolute;width:550px;border-radius:5px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.16);box-shadow:0 4px 20px rgba(0,0,0,.16);margin-left:-15px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;padding-bottom:10px;margin-top:10px;right:181px;}
/*.settingsCnt>section .settingsContent .card-tooltip:focus,.settingsCnt>section .settingsContent .card-tooltip:hover{display:block !important}*/
.settingsCnt>section .settingsContent .card-tooltip.active{display:block !important;top:30px;}
.settingsCnt>section .settingsContent .card-tooltip::before{content:'';width:20px;height:20px;background-color:#fff;display:block;position:absolute;top:-10px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.16);box-shadow:0 4px 20px rgba(0,0,0,.16);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:508px}
.settingsCnt>section .settingsContent .card-tooltip .opmForm{max-width:500px}
.settingsCnt>section .settingsContent .card-tooltip .title{float:none;position:relative;top:0;left:0;padding:10px 20px;padding-bottom: 20px;margin-bottom:30px;font-size:16px;z-index:2;padding-top:20px;background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-family:LatoBold}
.settingsCnt>section .settingsContent .card-tooltip .title i.icon-remove{position:absolute;right:20px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);top:17px;cursor:pointer}
.settingsCnt>section .settingsContent .card-tooltip .opmFormHolder{position:relative;left:0;top:-15px !important;padding:0 20px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table{width:100%;height:100%}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th{padding-bottom:10px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(1){width:100px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(2){width:50px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(3){width:10px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(4){width:50px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(5){width:18px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(6){width:50px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(7){width:10px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table thead tr th:nth-child(8){width:50px}
.settingsCnt>section .settingsContent .card-tooltip .hours-table th{text-align:left;font-family:LatoBold,sans-serif}
.settingsCnt>section .settingsContent .card-tooltip .hours-table td{padding:5px 0}
.settingsCnt>section .settingsContent .card-tooltip .hours-table div{vertical-align:middle;float:none !important;width:100%;max-width:100%}
.settingsCnt>section .settingsContent .card-tooltip .hours-table .opmCheckBox div{padding-left:30px;font-family:LatoBold,sans-serif}
.settingsCnt>section .settingsContent .card-tooltip .hours-table .opmCheckBox label:before{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);left:0;background-color:#fff}
.settingsCnt>section .settingsContent .card-tooltip .hours-table .opmCheckBox label:after{width:3px;height:6px;left:6px}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .card-tooltip tbody > tr:first-child{visibility: visible;}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr .card-tooltip tr{border: none;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td .card-tooltip th { padding: 7px 10px;}
.card-tooltip-icon:active div{display:block !important}
.fileIntegrity__dateTime.icon2{width:14px;height:54px;transform:scale(1.5);margin-left:3px;}
.fileIntegrity__dateTime.icon2::before{background-position:-229px 0px;}
#apmGridDiv .ui-jqgrid-bdiv > div{overflow:visible !important;}
#apmGridList > tbody > tr:not(.jqgfirstrow) > td[aria-describedby='apmGridList_BUSINESSHOURDETAILS']{overflow:visible;position: relative !important;}

#webhookDataType .opmRadioBtn+label.nfaHelpIcon{width:auto;margin-top:7px;margin-left:-20px;padding-right:20px}
.zIndex8{z-index:8}
.zindex90{z-index:90 !important}
.zIndex9{z-index:9!important;}
.zindex9999{z-index:9999 !important}

.size80 {width: 80px;height: 80px;flex: 0 0 80px; }

.opmFormCol.show-more .downArrow{width:8px;height:8px;left:119px;top:4px;border-left:none;border-bottom:none;border-right:2px solid #31A5F0;border-top:2px solid #31A5F0;transform:rotate(135deg);position:absolute;}
.opmFormCol.show-more.active .downArrow {border-right:none;border-top:none;border-left:2px solid #31A5F0;border-bottom:2px solid #31A5F0;top:8px;}


/*#nfa_widget_expand_container .dashboardWidgetExpandView .grid-stack-item-content{width:100%;height:100%;position:relative}
#nfa_widget_expand_container .dashboardWidgetExpandView .opm_widget_title{margin:0}
#nfa_widget_expand_container .dashboardWidgetExpandView .content{top:40px}
#nfa_widget_expand_container .gs_w.gs-w.dashboardWidgetExpandView{padding:25px !important}*/

#nfa_widget_expand_container .zohoChartRow .opm_jqGridUI.opmReportsGridview {height:230px !important;}


html.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #nfa_widget_expand_container .dashboardWidgetExpandView{top:130px !important;z-index:1 !important}
html.horizontalView.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle #nfa_widget_expand_container .dashboardWidgetExpandView{top: 163px !important;}
html.opmTopBandBannerActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #nfa_widget_expand_container .dashboardWidgetExpandView,
html.horizontalView.MessageViewBoxOpen.secondLevelNavActive body.nfaTabSubMenuWidget #inventoryGridStyle #nfa_widget_expand_container .dashboardWidgetExpandView{top: 175px !important;}
html.opmTopBandBannerActive.MessageViewBoxOpen.secondLevelNavActive.horizontalView body.nfaTabSubMenuWidget #inventoryGridStyle #nfa_widget_expand_container .dashboardWidgetExpandView{top: 210px !important;}

.graphWidget.multipleJqGrid .opmFormCol.tp-analysis-btn{position:relative;left:82%;bottom:40px;width:200px;}
.opmFormHolder #graphdivelement .chartTypeBox {float:none !important;height:32px;}
.greyBg.anomaly-report .dashboardWidgetIcons {position:absolute;right:42px;bottom:27px;}
.greyBg.anomaly-report .dashboardWidgetIcons i {float:left;padding:10px 8px}

#nfa_widgetElement_ExpandDiv .opm_jqGridUI.opmReportsGridview.nfa{position:relative;padding:10px 0px 30px 0px;height:280px !important;}
#nfa_widgetElement_ExpandDiv .opm_jqGridUI.opmReportsGridview.nfa .ui-jqgrid{position:initial;}
#nfa_widgetElement_ExpandDiv .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{max-height:200px;overflow-y:auto !important;}
#nfa_widgetElement_ExpandDiv .opm_jqGridUI.opmReportsGridview.nfa > .ui-jqgrid > .ui-jqgrid-pager {position:absolute;bottom:0;left:0;}

.adminMonitors.fwaadminMonitors.dataStorage .opmFormHolder {left:0 !important;}
.adminMonitors.fwaadminMonitors.dataStorage #DataStorage_Syslog {position:absolute;left:30px !important;top:100px;}
.adminMonitors.fwaadminMonitors.dataStorage #DataStorage_Config {position:absolute;left:30px !important;top:100px;}

.DI-Header.disableHeader:before {background:rgba(0,0,0,.2);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;}

.groupSnap-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.groupSnap-breadcrumb.mb-0{margin-bottom:0}
.groupSnap-breadcrumb .helpSlider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;font-size:14px;font-family:LatoRegular;margin-right:20px}
.groupSnap-breadcrumb .helpSlider span{margin-right:7px;width:20px;height:20px;border-radius:50%;border:1px solid #efefef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.groupSnap-breadcrumb ul {display: flex;width: 100%;overflow: hidden;align-items: center;column-gap: 9px;}
.groupSnap-breadcrumb ul li{display: block;max-width: 80%;min-width: 100px;overflow: hidden;}
.groupSnap-breadcrumb ul li:first-child{min-width: max-content;}
.groupSnap-breadcrumb ul li a{display:inline-block;position:relative;color:#222;font-family:LatoBold;font-size:17px;}
.groupSnap-breadcrumb ul li a, .groupSnap-breadcrumb ul li span {max-width: 100%;overflow: hidden;text-overflow: ellipsis;padding: 0px 16px;margin:0}
.groupSnap-breadcrumb ul li a:hover {text-decoration: none;}
.groupSnap-breadcrumb ul li:not(:last-child) a{opacity:.7;cursor:pointer;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
.groupSnap-breadcrumb ul li:not(:last-child) a::before{content:'';border:solid #565656;border-width:0 2px 2px 0;display:inline-block;padding:3px;-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);position:absolute;right:0px;top:50%}
.groupSnap-breadcrumb ul li:not(:last-child) a:hover{opacity:1}
.text-dark{color:#000000 !important}
.noBeforeAfter::after,.noBeforeAfter::before{display:none}

.float-none{float:none!important}
.img-carousel .opm-carousel{height:650px;width:850px;max-width:100%;overflow:hidden;text-align:center;position:relative;padding:0;list-style:none;border-radius:5px;margin:auto}
.img-carousel .opm-carousel.h-400px{height:400px}
.img-carousel .opm-carousel.h-450px{height:450px}
.img-carousel .carousel__controls{display:none}
.img-carousel .carousel__activator{display:none}
.img-carousel .carousel__activator:nth-of-type(1):checked~.carousel__track{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.img-carousel .carousel__activator:nth-of-type(1):checked~.carousel__slide:nth-of-type(1){transition:opacity .5s,-webkit-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;top:0;left:0;right:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-carousel .carousel__activator:nth-of-type(1):checked~.carousel__controls:nth-of-type(1){display:block;opacity:1}
.img-carousel .carousel__activator:nth-of-type(1):checked~.carousel__indicators .carousel__indicator:nth-of-type(1){background-color:#49bd80}
.img-carousel .carousel__activator:nth-of-type(2):checked~.carousel__track{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.img-carousel .carousel__activator:nth-of-type(2):checked~.carousel__slide:nth-of-type(2){transition:opacity .5s,-webkit-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;top:0;left:0;right:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-carousel .carousel__activator:nth-of-type(2):checked~.carousel__controls:nth-of-type(2){display:block;opacity:1}
.img-carousel .carousel__activator:nth-of-type(2):checked~.carousel__indicators .carousel__indicator:nth-of-type(2){background-color:#49bd80}
.img-carousel .carousel__activator:nth-of-type(3):checked~.carousel__track{-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%)}
.img-carousel .carousel__activator:nth-of-type(3):checked~.carousel__slide:nth-of-type(3){transition:opacity .5s,-webkit-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;top:0;left:0;right:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-carousel .carousel__activator:nth-of-type(3):checked~.carousel__controls:nth-of-type(3){display:block;opacity:1}
.img-carousel .carousel__activator:nth-of-type(3):checked~.carousel__indicators .carousel__indicator:nth-of-type(3){background-color:#49bd80}
.img-carousel .carousel__activator:nth-of-type(4):checked~.carousel__track{-webkit-transform:translateX(-300%);-ms-transform:translateX(-300%);transform:translateX(-300%)}
.img-carousel .carousel__activator:nth-of-type(4):checked~.carousel__slide:nth-of-type(4){transition:opacity .5s,-webkit-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;top:0;left:0;right:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-carousel .carousel__activator:nth-of-type(4):checked~.carousel__controls:nth-of-type(4){display:block;opacity:1}
.img-carousel .carousel__activator:nth-of-type(4):checked~.carousel__indicators .carousel__indicator:nth-of-type(4){background-color:#49bd80}
.img-carousel .carousel__activator:nth-of-type(5):checked~.carousel__track{-webkit-transform:translateX(-400%);-ms-transform:translateX(-400%);transform:translateX(-400%)}
.img-carousel .carousel__activator:nth-of-type(5):checked~.carousel__slide:nth-of-type(5){transition:opacity .5s,-webkit-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;top:0;left:0;right:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-carousel .carousel__activator:nth-of-type(5):checked~.carousel__controls:nth-of-type(5){display:block;opacity:1}
.img-carousel .carousel__activator:nth-of-type(5):checked~.carousel__indicators .carousel__indicator:nth-of-type(5){background-color:#49bd80}
.img-carousel .carousel__control{height:17px;width:17px;margin-top:-15px;top:40%;position:absolute;display:block;cursor:pointer;border-width:2px 2px 0 0;border-style:solid;border-color:#707070;outline:0;z-index:3}
.img-carousel .carousel__control--backward{left:10px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.img-carousel .carousel__control--forward{right:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.img-carousel .carousel__indicators{position:absolute;bottom:20px;width:100%;text-align:center}
.img-carousel .carousel__indicator{height:11px;width:11px;border-radius:100%;display:inline-block;z-index:2;cursor:pointer;margin:0 5px 0 5px;background-color:#d4d4d4}
.img-carousel .carousel__indicator:hover{opacity:.75}
.img-carousel .carousel__track{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;transition:-webkit-transform .5s ease 0s;-webkit-transition:-webkit-transform .5s ease 0s;-o-transition:transform .5s ease 0s;transition:transform .5s ease 0s;transition:transform .5s ease 0s,-webkit-transform .5s ease 0s;height:calc(100% - 80px)}
.img-carousel .carousel__track .carousel__slide{display:block;top:0;left:0;right:0;opacity:1}
.img-carousel .carousel__track .carousel__slide:nth-of-type(1){-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.img-carousel .carousel__track .carousel__slide:nth-of-type(2){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.img-carousel .carousel__track .carousel__slide:nth-of-type(3){-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}
.img-carousel .carousel__track .carousel__slide:nth-of-type(4){-webkit-transform:translateX(300%);-ms-transform:translateX(300%);transform:translateX(300%)}
.img-carousel .carousel__track .carousel__slide:nth-of-type(5){-webkit-transform:translateX(400%);-ms-transform:translateX(400%);transform:translateX(400%)}
.img-carousel .carousel--scale .carousel__slide{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.img-carousel .carousel__slide{height:100%;position:absolute;overflow-y:auto;opacity:0;overflow:hidden}
.img-carousel .carousel__slide img{background-size:cover;background-position:center;width:750px;max-width:90%;height:100%;object-fit:contain}
.img-carousel .carousel__slide h1{font-size:16px;line-height:24px;color:#333;position:absolute;top:83%;width:100%;text-align:center}
.netflow-promotion{padding:50px;max-width:1600px;max-height:100%}
.netflow-promotion p{margin-bottom:20px}
.netflow-promotion ul{margin-bottom:20px}
.netflow-promotion ul li{padding:8px 0}
.netflow-promotion .grid-row{justify-content:space-between}
.traffic-insights-promotion .box-container.bg-grey {background-color: #f4f5f6;width: max-content;height: auto}
.traffic-insights-promotion {max-width :1400px}

.text-primary{color:#49bd80;fill:#49bd80}

.catridgeInventoryWidget{padding:20px}
.catridgeInventoryWidget .catridge-headings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}
.catridgeInventoryWidget .catridge-ink-color{margin-bottom:12px}
.catridgeInventoryWidget .catridge-ink-color .ink-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px}
.catridgeInventoryWidget .catridge-ink-color .ink-details .ink-name,.catridgeInventoryWidget .catridge-ink-color .ink-details .ink-value{font-size:12px}
.catridgeInventoryWidget .catridge-ink-color .ink-color{background:#f3f3f3;height:12px;width:100%;border-radius:15px;padding:3px}
.catridgeInventoryWidget .catridge-ink-color .ink-color .ink-available{border-radius:15px;height:6px;max-width: 100%;}
.catridgeInventoryWidget .catridge-ink-color .ink-color.cyan .ink-available{background-color:#0ccbcb}
.catridgeInventoryWidget .catridge-ink-color .ink-color.magenta .ink-available{background-color:#f0f}
.catridgeInventoryWidget .catridge-ink-color .ink-color.yellow .ink-available{background-color:#c6c618}
.catridgeInventoryWidget .catridge-ink-color .ink-color.black .ink-available{background-color:#555}
.inlineBlock_listingSelection {margin-top: 10px;}
.inlineBlock_listingSelection ul li{display: inline-block;margin-right: 10px;padding: 5px 10px;background-color: #f0f0f0;border: 1px solid transparent;cursor: pointer;}
.inlineBlock_listingSelection ul li:not(:last-child){margin-right: 10px;}
.inlineBlock_listingSelection ul li.active{background-color: #ecf7f2;border: 1px solid #45bc7f;}

.AETIDHeader:after{display:none}
.AETIDContent .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{vertical-align:middle}
.AETIDContent [aria-describedby*="colChooserIndex"]{display:block!important;padding:0!important;}
.AETIDContent .opmCusGrid.no-column-chooser [aria-describedby*="colChooserIndex"]{display:none!important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child[id*="colChooserIndex"][style*="display: none"],.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th:last-child[id*="colChooserIndex"][style*="display:none"]{visibility:hidden;display:block!important;}

#email-popup{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;z-index:999}
#email-popup::before{content:'';width:100vw;height:100vh;position:fixed;z-index:2;background:rgba(0,0,0,.3);left:0;top:0}
#email-popup .email-popup-container{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px;max-width:700px;height:330px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;background-color:#fff;border-radius:4px;overflow:hidden}
#email-popup .email-popup-container i.icon-remove{position:absolute;top:16px;right:18px;cursor:pointer}
#email-popup .email-popup-container .email-popup-icon{width:260px;height:100%;background:url(../../img/email-alert-popup-bg.png);background-size:100% 100%;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#email-popup .email-popup-container .email-popup-icon .svgIcon,#email-popup .email-popup-container .email-popup-icon svg{width:130px;height:130px;-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px}
#email-popup .email-popup-container .email-popup-content{padding:60px 30px;height:100%}
#email-popup .email-popup-container .email-popup-content .email-popup-heading{font-size:21px;font-family:LatoBold;line-height:1.5;margin-bottom:14px}
#email-popup .email-popup-container .email-popup-content .email-popup-description{color:#777;font-size:12px;margin-bottom:30px}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm{max-width:100%}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow{float:none;margin-bottom:35px}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow .opmFormCol{float:none}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow .opmFormCol label{float:none}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow .opmFormCol .email-field-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow .opmFormCol .email-field-container input{background:#fff!important;border-top-left-radius:4px;border-bottom-left-radius:4px;width:260px;margin:0;}
#email-popup .email-popup-container .email-popup-content .email-popup-form .opmForm .opmFormRow .opmFormCol .email-field-container button{margin:0;border-top-right-radius:4px;border-bottom-right-radius:4px;min-width:80px}



.progressBar.borderStyle{background-color:#fff;border:1px solid #27a965;padding:5px}
.progressBar.borderStyle .progressBar-range{top:-3px;height:6px;position:relative !important}
.noBeforeAfter::after,.noBeforeAfter::before{display:none}
.discoveryScheduleSlide .opmForm .opmFormCol .selBox+span{border:1px solid #d4d4d4;border-left:none}
.w-big{width:300px!important}
.pb-100{padding-bottom:100px!important}
.fixedFooter.fixed-bottom{position:fixed;bottom:0;padding:30px 0;width:calc(100% - 50px);margin:0;max-width:100%;border-top:1px solid #e2e2e2;background-color:#fff}
div:not(.opmMapPage) aside+section .fixedFooter.fixed-bottom{width:calc(100% - 230px)}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.discoveryInterface .interface-discovery-status {z-index:4;position: relative;flex-direction:column}
.msgInfoBtn{padding:3px 10px !important;margin-top:5px !important;margin-left:10px !important;}
.msgInfoWrongBtn{background:#ede3b1 !important;color:#565656 !important;}
.deviceSlideContent.deviceSlideDivIn-2.unknownRediscoveryPage #credentialSection{top:0 !important;}
.deviceSlideContent.deviceSlideDivIn-2.unknownRediscoveryPage #deviceSnapshotMoreHeaderDiv{padding-top:7px;}

.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div input[type="checkbox"].AdvancedSettings, .deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div input[type="checkbox"].AdvancedSettingsV3{display:none}
.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div input[type="checkbox"].AdvancedSettings:checked + label + .advSetInfo, .deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div input[type="checkbox"].AdvancedSettingsV3:checked + label + .advSetInfo1{display:block}
.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .slideContHolder .opmForm{padding:0 20px}
.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .advSetLink{color:#009df6;cursor:pointer}
.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .advSetInfo, .deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .advSetInfo1{width:100%;float:left;display:none;margin-top:20px}
.deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .advSetInfo .opmFormRow:last-child, .deviceSlideContent.unknownRediscoveryPage  #deviceSnapshotMoreHeaderDiv.greyBg + div .advSetInfo1 .opmFormRow:last-child{margin:0 !important}
.deviceSlideContent.unknownRediscoveryPage.autoDiscoverTypes .deviceInnerSlide-1 .opmTabCont .opmForm #newCredentialDiv > .opmFormRow:first-child{display:none}


div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > #DiscoveredInterfacesListPager {position:sticky;bottom:-2px;margin-top:10px}
.UpdateCustomFields{top:75px !important;}
.UpdateCustomFields .tabMenu ul li{min-width: 125px;text-align: center;}
.UpdateCustomFields .tabMenu ul li.active{font-family: 'LatoBold';}
.UpdateCustomFields .tableOuter .tab1{max-width:none;}
.UpdateCustomFields .tableOuter .tab1 .tab1Content{border:none;padding: 0;}
.criteriaActions .opmFormRow .btnRight{min-width:0}
.criteriaActions .opmFormRow .btnRight .deleteBtn{display: none;}
.criteriaActions .opmFormRow .btnRight .opmBtn{display:block;top:-2px;}
.criteriaActions.multipleRow .opmFormRow .btnRight{min-width:60px;}
.criteriaActions.multipleRow .opmFormRow .btnRight .deleteBtn{display:block;}
.criteriaActions.multipleRow .opmFormRow .btnRight .opmBtn{display:none;top:0;}
.criteriaActions.multipleRow .opmFormRow:last-child .btnRight .opmBtn{display:block !important}

.availseverity_1,.availseverity_1:before{background:#46bb7d !important}
.availseverity_2,.availseverity_2:before{background:#fa5b5a !important}
.availseverity_3,.availseverity_3:before{background:#e8de65 !important}
.availseverity_4,.availseverity_4:before{background:#ffc0cb !important}
.availseverity_5,.availseverity_5:before{background:#7f7f7f !important}
.availseverity_6,.availseverity_6:before{background:#5DA5DA !important}
#heatMapTypeTr .helpCardInfo{width:200px;}
#heatMapTypeTr > div,#heatMapTypeTr > a{top:25px;position:relative;}
#heatMapTypeTr > a:not(:last-child){margin-right:10px;}
.inventoryBarChart .barHolder.countView #barInfoReset{left:30px;}

/* NFA Device NetworkMap related CSS starts */
.interface-canvas-container{width:100%;min-height:500px;border:1px solid #e2e2e2;background:#fcfbfc;margin:10px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.interface-canvas-container div{font-size:12px}
.interface-canvas-container .nfaNetworkMap{width:100%}
.interface-canvas-container .nfaNetworkMap .screen-resize{top:unset;bottom:5px}
.interface-canvas-container .nfaNetworkMap #nfaNetworkMap{width:100%;height:550px;background-color:#FCFBFC}
.interface-canvas-container .nfaNetworkMap .enable-interface-only{position:absolute;top:0px;right:0px;padding:5px;padding-right:10px;background:#fff;display:inline-flex;align-items:center}
.interface-canvas-container .nfaNetworkMap .enable-interface-only .chkRoundBtn label{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);margin:0}
.interface-canvas-container .nfaNetworkMap .enable-interface-only .chkRoundBtn div{margin-top:4px}
.interface-canvas-container .nfaNetworkMap .enable-interface-only .refresh-btn{border-radius:4px;border:1px solid #e2e2e2;background:#fff;padding:2px 5px}
.interface-canvas-container .nfaNetworkMap .enable-interface-only .chkRoundBtn input:not(:checked)+label{background:#d4d4d4}

.interface-canvas-container .nfaNetworkDevice{background:#fff;width:300px;min-width:300px;border-left:1px solid #e2e2e2;padding:20px}
.interface-canvas-container .nfaNetworkDevice .device-icon{margin-bottom:5px}
.interface-canvas-container .nfaNetworkDevice .device-name{margin-bottom:15px}
.interface-canvas-container .nfaNetworkDevice .device-details .iconStatusColor{width:12px;height:12px;top:1px;margin-right:2px}

.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions{margin-top:25px}
.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions .action-col{width:100%}
.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions .opmBtn.bordered{width:100%;height:100%;margin:0;float:none;margin-bottom:15px;font-size:12px;background:#f7fbf9;border-width:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions.action-cols2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions.action-cols2 .action-col{width:calc(50% - 10px)}
.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions.action-cols2 .action-col .opmBtn.bordered{margin:0}

.interface-canvas-container .nfa-network-map-legend{position:absolute;bottom:10px;left:10px}
.interface-canvas-container .nfa-network-map-legend ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.interface-canvas-container .nfa-network-map-legend ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px;cursor:pointer}
.interface-canvas-container .nfa-network-map-legend ul li span{margin-right:5px}
.interface-canvas-container .nfa-network-map-legend ul li .main-device-legend{width:22px;height:18px;border:1px dashed #777;border-radius:4px;background-color: #fff;}
.interface-canvas-container .nfa-network-map-legend ul li .interface-legend{width:18px;height:18px;border:1px solid #777;border-radius:50%;position:relative;background-color: #fff}
.interface-canvas-container .nfa-network-map-legend ul li .interface-legend::before{content:'';left:15%;top:15%;position:absolute;width:70%;height:70%;background-color:#777;border-radius:50%}
.interface-canvas-container .nfa-network-map-legend ul li .link-legend{width:22px;border-top:1px dashed #777;height:1px}
.interface-canvas-container .nfa-network-map-legend ul li .next-hop-legend{width:18px;height:18px;border:1px dashed #777;border-radius:50%;background-color: #fff}
.interface-canvas-container .nfa-network-map-legend ul li .flow-enabled-interface-legend{width:18px;height:18px;border:1px solid #faad5a;border-radius:50%;position:relative;background-color: #fff}
.interface-canvas-container .nfa-network-map-legend ul li .flow-enabled-interface-legend::before{content:'';position:absolute;width:70%;height:70%;background-color:#faad5a;border-radius:50%;left:15%;top:15%}
.interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend {position: static;}
.interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border: 1px solid #dcdcdc}
.interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend ul li {background-color: #F4F5F6;border-bottom: 1px solid #dcdcdc;margin:0px;padding:8px 12px;font-size: 14px;}
.interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend ul li:last-child {border-bottom: 0px;}
.interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend ul li .main-device-legend, .interface-canvas-container .nfaNetworkDevice .nfa-network-map-legend ul li .link-legend {width: 18px;}
.interface-canvas-container .nfaNetworkDevice .mt-auto{margin-top:auto}
.interface-canvas-container .nfaNetworkDevice{background:#fff;width:300px;min-width:300px;border-left:1px solid #e2e2e2;padding:20px;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

/*.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions{margin-top:25px}*/
/*.interface-canvas-container .nfaNetworkDevice .device-details .btn-actions .opmBtn.bordered{width:100%;margin-bottom:15px;font-size:12px;background:#f7fbf9;border-width:2px}*/
/*.interface-canvas-container .nfaNetworkMap .main-center-router-icon{position:absolute;top:24px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border:1px dashed #777;border-radius:4px;padding:10px}*/
/* NFA Device NetworkMap related CSS ends */


.dashboardInventory.heatmapZChart .HeatMap.widgetHeatmap{height:270px !important}
.hideHeatChart > div{display:flex; justify-content: center}
.hideNOCHeatChart{display: flex;align-items: center;justify-content: center;}
.dashboardInventory.heatmapZChart .opm_legend2Col li{width:auto;}
.dashboardInventory.heatmapZChart .opm_legend2Col .legendfilterbox{top:5px;}
.dashboardInventory.heatmapZChart .opm_legend2Col .legendlabel{padding:0 0 0 5px !important;}

.dashboardInventory.heatmapZChart ul.legseries li .legendlabel{width:calc(100% - 15px);overflow:hidden;margin:2px 0;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dashboardInventory.heatmapZChart ul.legseries{display:-webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;border: 1px solid #dcdcdc;border-bottom: 0px;border-right: 0px;min-width: 256px;border-radius: 3px;}
.dashboardInventory.heatmapZChart ul.legseries li {width: 50% !important;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; flex-grow: 1;max-width: 50% !important;}
.dashboardInventory.heatmapZChart ul.legseries li:first-child{border-top:0}
.dashboardInventory.heatmapZChart ul.legseries li:nth-child(2){border-top:0}
.dashboardInventory.heatmapZChart.singleData ul.legseries{min-width:150px !important;}
.dashboardInventory.heatmapZChart.singleData ul.legseries li{width:100% !important;max-width:100% !important}
body.darkTheme #opmCCTV .dashboardInventory.heatmapZChart ul.legseries li .legendlabel{color: #b5b5b5 !important;}
#opmCCTV .dashboardInventory.heatmapZChart .HeatMap.widgetHeatmap{height:auto !important}
.dashboardInventory.heatmapZChart ul.legseries li .legendlabel label{width: 100%;overflow: hidden;display: inline-block;-o-text-overflow: ellipsis;text-overflow: ellipsis;cursor:pointer;}
.dashboardInventory.heatmapZChart ul.legseries li .legendlabel span{text-align: right; padding-right:2px}

/* The form wizard bread crumb related CSS starts */
.formWizard-breadCrumb{margin:20px 0 40px;padding:0 20px}
.formWizard-breadCrumb ul li{display:inline-block;position:relative}
.formWizard-breadCrumb ul li:not(:last-child){margin-right:30px}
.formWizard-breadCrumb ul li:not(:last-child):before{content:"";border-top:2px solid #777;border-right:2px solid #777;width:8px;height:8px;position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);background-color:transparent}
.formWizard-breadCrumb ul li a{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:60px;font-size:16px;border:1px solid #45bd7f;background-color:#eff5f2;color:#45bd7f}
.formWizard-breadCrumb ul li a .number{width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#45bd7f;border:1px solid #45bd7f;color:#ffffff;margin:-1px !important}
.formWizard-breadCrumb ul li a .breadCrumb-text{padding:5px 15px 5px 10px;line-height:1}
.formWizard-breadCrumb ul li.active ~ li a{border-color:#d4d4d4;color:#000;background-color:#f3f3f3}
.formWizard-breadCrumb ul li.active ~ li a .number{background-color:#f3f3f3;border-color:#d4d4d4;color:#000}
.formWizard-breadCrumb.inactive-none ul li:not(.active) .breadCrumb-text{display:none}
.formWizard-breadCrumb.ncm ul li a(:last-child):before{ color: #45bd7f;height: 32px;}
.formWizard-breadCrumb.ncm ul li a .number {width: 32px;height: 32px;}
.formWizard-withTitle .title_1{padding-bottom:0!important}
.formWizard-withTitle .formWizard-breadCrumb{margin:20px 0 10px}
.formWizard-withTitle .opmFormHolder.type1{top:115px!important}
/* The form wizard bread crumb related CSS ends */

/* The verify configurations container related CSS starts */
.verify-configurations-container{background:#f4f5f6;padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e0e0e0;min-height:50px}
.verify-configurations-container svg{margin-top:1px;fill:#505050}
.verify-configurations-container .opmBtn.bordered{background:rgba(39,169,101,0.06) !important}
.verify-configurations-container.error svg{fill:#e00f0f}
.verify-configurations-container.error+.verify-configurations-error-list{width:100%;padding:10px;padding-left:60px;background:#fff;border:1px solid #e0e0e0;border-top:0}
.verify-configurations-container.error+.verify-configurations-error-list ul li{padding-bottom:8px;list-style-type:disc}
.verify-configurations-container.success{border:1px solid #1d804c;background-color:#eaf4ed}
.verify-configurations-container.success svg{fill:#1d804c}
.verify-configurations-container.warning svg{fill:#ff862e}
.verify-configurations-container.warning+.verify-configurations-error-list{width:100%;padding:10px;padding-left:60px;background:#fff;border:1px solid #e0e0e0;border-top:0}
.verify-configurations-container.warning+.verify-configurations-error-list ul li{padding-bottom:8px;list-style-type:disc}
/* The verify configurations container related CSS ends */

.opm_jqGridUI.csvDiscoveryPreview .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th .opmCheckBox.small > div{height:17px;min-height:auto;}
.opm_jqGridUI.csvDiscoveryPreview .ui-jqgrid-bdiv .select2-container .selection .select2-selection{padding:3px 23px 3px 3px !important;}
.disabledColumnBlockBG{background:#F0F0F0}
.opm_jqGridUI.csvDiscoveryPreview .ui-jqgrid-bdiv .select2-container--default .select2-selection--single .select2-selection__placeholder{font: 12px LatoRegular;}
.tab1.discType2{max-width:100% !important;padding-right:30px;}
.tab1.discType2 > ul{background:none;border:none}
.tab1.discType2 > ul > li{border: 1px solid #e2e2e2;}
.tab1.discType2 > ul > li.active:before{height:2px;}
.tab1.discType2 .tab1Content > div,.tab1.discType2 #Import-From-CSV.tab1Content > div,.tab1.discType2 #Import-From-CSV.tab1Content > div #importCsvDiv{max-width:600px;}
.tab1.discType2 #Import-From-CSV.tab1Content > div,.tab1.discType2 #Import-From-CSV.tab1Content > div #csvDataPreview > .opmFormRow{max-width:100%;}
.tab1.discType2 #Import-From-CSV.tab1Content > div #importCsvDiv  > .opmFormRow{max-width:550px;}
.csv-discovery-tables{display:-webkit-box;display:-ms-flexbox;display:flex}
.csv-discovery-tables .csv-discovery-left-table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.csv-discovery-tables .csv-discovery-left-table .left-table-row{ width: 100%; background:#eee; padding:14px; border-bottom: 1px solid #d6d6d6; flex-grow: 1; line-height: 1; display: flex;align-items: center; }
.csv-discovery-tables .csv-discovery-left-table{border:1px solid #d6d6d6;border-right:none}
.csv-discovery-tables .csv-discovery-left-table .left-table-row:nth-child(1){max-height:41px}
.csv-discovery-tables .csv-discovery-left-table .left-table-row:nth-child(2){max-height:40px}
.csv-discovery-tables .csv-discovery-left-table .left-table-row:nth-child(3){max-height:40px}
.csv-discovery-tables .csv-discovery-left-table .left-table-row:last-child{border-bottom:none}

.csvDiscoveryPreview.rowOverflowVisible .probeActionDropDown i{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);margin-right:8px;display:block;font-size:20px}
.csvDiscoveryPreview.rowOverflowVisible .ui-jqgrid .ui-jqgrid-hdiv,.csvDiscoveryPreview.rowOverflowVisible .ui-jqgrid .ui-jqgrid-htable th,.csvDiscoveryPreview.rowOverflowVisible .ui-jqgrid .ui-jqgrid-htable th div{overflow:visible!important}
.csvDiscoveryPreview .AETIDFilDropDownList::before{display:none}
.csvDiscoveryPreview .AETIDFilDropDownList li::after{display:none}
.csvDiscoveryPreview .AETIDFilDropDownList li:nth-child(2){left:15px}
.csvDiscoveryPreview .AETIDFilDropDownList li:not(:first-child){padding:5px 10px;padding-left:25px}
.csvDiscoveryPreview .AETIDFilDropDownList{padding-bottom:5px}
.csvDiscoveryPreview .AETIDFilDropDownList li.active{background-color:#ecf8f2}
.csvDiscoveryPreview .AETIDFilDropDownList li.active:before{font-family:fontello;content:'\e896';position:absolute;top:6px;left:10px;color:#45bd7f}
.csvDiscoveryPreview .opmCheckBox .csv-edit-column-name{width:138px;height:26px;opacity:1;margin-left:20px;margin-top:-4px;border-radius:0;cursor:text;border:1px solid #5395d7;z-index:3}
.csvDiscoveryPreview.opmReportsGridview .ui-jqgrid .ui-jqgrid-btable {table-layout: auto;}
.csvDiscoveryPreview.opmReportsGridview {overflow: auto;}
.csvDiscoveryPreview.rowOverflowVisible .probeActionDropDown{z-index:1}
.csvDiscoveryPreview.rowOverflowVisible .probeActionDropDown .AETIDFilDropDownList{opacity: 1;top: 20px;display: none; width: 180px;}
.csvDiscoveryPreview.rowOverflowVisible .probeActionDropDown:hover .AETIDFilDropDownList{display: block !important;}
div:not(#box_mapList_holder) > .csv-discovery-tables .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div {border: none !important;}
.csv-discovery-tables .opm_jqGridUI.opmReportsGridview .ui-jqgrid .ui-jqgrid-hbox {padding-right:0px}
.csv-discovery-tables .opm_jqGridUI.opmReportsGridview {border: 1px solid #e2e2e2;min-height: 210px;}
div:not(#box_mapList_holder) > .csv-discovery-tables .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv {border:none !important}
.csvDiscoveryPreview.rowOverflowVisible .ui-jqgrid .ui-jqgrid-htable th div[id^='csvLabelName_']{max-width: 125px;padding: 0;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis;z-index: 2;}

/*Yellow fill while cross over the oputils reportlist*/
/*div:not(#box_mapList_holder)>.opm_jqGridUI.yellowBgOnHover>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-bdiv>div>.ui-jqgrid-btable>tbody>tr:hover {background:#fffcf1 !important}*/

.slideContent.positionFixed > .slideSmall > div > section {padding-left:20px;padding-right:20px}
#upgradeMgrCheckList{max-height: 200px; overflow-y: scroll}
#upgradeInfo_table .sgexpanded,#upgradeInfo_table .sgcollapsed{visibility: hidden;pointer-events:none;}
.upgrade-popup {top:calc(50% - 100px) !important;left:calc(50% - 100px) !important; width:700px; max-width:700px;}

.alarm-status-summary-widget{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.textUnderlineDecoration{text-decoration: underline;text-underline-offset:3px;cursor:pointer;}
.alarm-status-summary-widget .alarm-status-wrap{min-width:200px;width:50%;max-width:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-weight:700;margin:0 0 20px}
.alarm-status-summary-widget .alarm-status-wrap:first-child{border-right:1px solid #dcdcdc}
.alarm-status-summary-widget .alarm-status-wrap:last-child{border-top:1px solid #dcdcdc;padding-top:15px;margin:0}
.alarm-status-summary-widget .alarm-status-wrap .alarm-status-name{font-family:LatoBold}
.alarm-status-summary-widget .alarm-status-wrap svg{padding:8px;border-radius:50%;border:4px solid #fff}
.alarm-status-summary-widget .alarm-status-wrap .status-value{font-family:LatoBold}
.alarm-status-summary-widget .alarm-status-wrap .status-value span{font-size:20px;font-weight:700}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-success svg{fill:#45bd7f;background-color:#e2f4eb;border:4px solid #f4fbf7}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-success .status-value span.text-primary{color:#45bd7f}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-danger svg{fill:#fa5b5a;background-color:#fee5e5;border:4px solid #fff2f2}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-danger .status-value span.text-primary{color:#fa5b5a}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-warning svg{fill:#efb068;background-color:#fcf2e7;border:4px solid #fef9f3}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-warning .status-value span{color:#efb068}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-attention svg{fill:#e6de77;background-color:#fbfae9;border:4px solid #fdfcf4}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-attention .status-value span{color:#e6de77}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-down svg{fill:#a052a6;background-color:#f0e3f1;border:4px solid #f7f1f8}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-down .status-value span{color:#a052a6}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart{max-width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart .progress-range-line{padding:10px}
.alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart .alarm-status-name,.alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart .progress-range-line.alarm-widget,.alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart .progress-range-legend > div{cursor:pointer}
.alarm-status-summary-widget .alarm-status-wrap svg{cursor:default}
.alarm-status-summary-widget.large-widget{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.alarm-status-summary-widget.large-widget .alarm-status-wrap{border-right:1px solid #dcdcdc}
.alarm-status-summary-widget.large-widget .alarm-status-wrap:last-child{border-right:none;border-top:none;padding:0 20px}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-success svg{background-color:#366a50;border:4px solid #224632}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-danger svg{border:4px solid #4c1c1c;background-color:#6e2929}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-warning svg{background-color:#5e4a34;border:4px solid #453522}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-attention svg{background-color:#5c592f;border:4px solid #343116}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-down svg{background-color:#592f5c;border:4px solid #3c2240}
.darkTheme .alarm-status-summary-widget .alarm-status-wrap.alarm-status-chart .progress-range-line.alarm-widget>div{border:1px solid #1e1e1e}
body.darkTheme #opmCCTV .alarm-status-summary-widget{padding-top:10px;}
body.darkTheme #opmCCTV .alarm-status-summary-widget .alarm-status-wrap.alarm-status-danger .status-value span.text-primary{color:#fa5b5a}
body.darkTheme #opmCCTV .alarm-status-summary-widget .alarm-status-wrap.alarm-status-success .status-value span.text-primary{color:#49bd80}
.alarm-status-summary-widget .progress-range-line{display: -webkit-box;display: -ms-flexbox;display: flex;width: 400px;-webkit-column-gap: 2px;-moz-column-gap: 2px;column-gap: 2px;overflow: visible;margin: auto}
.alarm-status-summary-widget .progress-range-line div,.alarm-status-summary-widget .progress-range-line a {height: 6px;position: relative}
.alarm-status-summary-widget .progress-range-line .critical,.alarm-status-summary-widget .progress-range-legend>div.critical::before,.alarm-status-summary-widget .progress-range-legend>a.critical::before {background-color: var(--severity-critical)}
.alarm-status-summary-widget .progress-range-line .trouble,.alarm-status-summary-widget .progress-range-legend>div.trouble::before,.alarm-status-summary-widget .progress-range-legend>a.trouble::before {background-color: var(--severity-trouble)}
.alarm-status-summary-widget .progress-range-line .attention,.alarm-status-summary-widget .progress-range-legend>div.attention::before,.alarm-status-summary-widget .progress-range-legend>a.attention::before {background-color: var(--severity-attention)}
.alarm-status-summary-widget .progress-range-line .down,.alarm-status-summary-widget .progress-range-legend>div.down::before,.alarm-status-summary-widget .progress-range-legend>a.down::before {background-color: var(--severity-servicedown)}
.alarm-status-summary-widget .progress-range-line .success,.alarm-status-summary-widget .progress-range-legend>div.success::before,.alarm-status-summary-widget .progress-range-legend>a.success::before {background-color: var(--severity-clear)}
.alarm-status-summary-widget .progress-range-line .info,.alarm-status-summary-widget .progress-range-legend>div.info::before,.alarm-status-summary-widget .progress-range-legend>a.info::before {background-color: var(--severity-notmonitored)}
.alarm-status-summary-widget .progress-range-line .warning,.alarm-status-summary-widget .progress-range-legend>div.warning::before,.alarm-status-summary-widget .progress-range-legend>a.warning::before {background-color: var(--severity-trouble)}
.alarm-status-summary-widget .progress-range-line .unmanaged {background-color: #9F9FEB}
.alarm-status-summary-widget .progress-range-line .unknown {background-color: #7f7f7f}
.alarm-status-summary-widget .progress-range-line div:hover::after,.alarm-status-summary-widget .progress-range-line a:hover::after {display: none}
.alarm-status-summary-widget .progress-range-line div:hover::before,.alarm-status-summary-widget .progress-range-line a:hover::before {display: none}
.alarm-status-summary-widget .progress-range-line.alarm-widget {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;width: calc(100% + 50px);margin: 0;position: relative;width: 100%}
.alarm-status-summary-widget .progress-range-line.alarm-widget>div,.alarm-status-summary-widget .progress-range-line.alarm-widget>a {height: 20px;border-radius: 20px;position: relative;border: 1px solid #fff;flex-grow: 1}
.alarm-status-summary-widget .progress-range-line.alarm-widget>div+div,.alarm-status-summary-widget .progress-range-line.alarm-widget>a+a {margin-right: -20px}
.alarm-status-summary-widget .progress-range-legend {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 15px;}
.alarm-status-summary-widget .progress-range-legend>div {width: auto;position: relative;padding: 0 10px;}
.alarm-status-summary-widget .progress-range-legend>div .legend-label {font-family: LatoRegular;white-space: nowrap;font-weight: 400}
.alarm-status-summary-widget .progress-range-legend>div .legend-value {font-family: LatoBold;font-size: 20px;}
.alarm-status-summary-widget .progress-range-legend>div::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 8px;height: 8px;border-radius: 8px}
.alarm-status-summary-widget .progress-range-legend>div.unmanaged::before {background-color: #9F9FEB}
.alarm-status-summary-widget .progress-range-legend>div.unknown::before {background-color: #7f7f7f}
.alarm-status-summary-widget .progress-range-legend.style2>div::before {content: '';position: absolute;left: 0;top: 0;width: 4px;height: 100%;border-radius: 4px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}

#inventoryGridStyle .opm_widget_title .dashboardWidgetIcons div.btn-outline {margin-top:7px; height:auto}
.btn-outline.warning {color: #000 !important; border: 1px solid #c4840d}.popUpBox.w-500px{width:500px}
.ipam-spm-add-on-popup-content h3{font-size:18px}
.ipam-spm-add-on-popup-content h3,.ipam-spm-add-on-popup-content h4{margin-bottom:18px}
.ipam-spm-add-on-popup-content p{margin-bottom:20px}
.ipam-spm-add-on-popup-content .ipam-spm-sample-data{background:#f5f5f5;border-radius:10px;padding:20px 10px 10px;margin-bottom:20px;border:1px solid #dcdcdc}
.ipam-spm-add-on-popup-content .ipam-spm-sample-data .insights-name{font-family:LatoBold;color:#777;text-align:right}
.ipam-spm-add-on-popup-content .ipam-spm-sample-data .insights-value{text-align:left}


/***** Kemp Load Balancer css starts **********/
.wlcTabUl.kempLBSnapshot>div>ul>li>div,.wlcTabUl.LBSnapshot>div>ul>li>div{position:relative;z-index:2}
.wlcTabUl.kempLBSnapshot>div>ul>li.noBefore::before,.wlcTabUl.LBSnapshot>div>ul>li.noBefore::before{display:none!important}
.wlcTabUl.kempLBSnapshot>div>ul>li .wflex,.wlcTabUl.LBSnapshot>div>ul>li .wflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}
.wlcTabUl.kempLBSnapshot>div>ul>li .wflex-column,.wlcTabUl.LBSnapshot>div>ul>li .wflex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:10px}
.wlcTabStatus{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 5px;font-size:16px}
.wlcTabStatus .size16{padding: 3px;}
.wlcTabStatus .size14{padding:3px}
.wlcTabStatus .size18{padding:4px}
.wlcTabStatus .size32{padding:6px}
.wlcTabStatus.text-white svg{color:#fff;fill:#fff}
.wlcTabStatus.status-solid-up{color:#187653}
.wlcTabStatus.status-solid-up svg{background:#219653;border-radius:50%}
.wlcTabStatus.status-solid-down{color:#ae1921}
.wlcTabStatus.status-solid-down svg{background:#e13f3f;border-radius:50%}
.wlcTabStatus.status-solid-neutral{color:#222}
.wlcTabStatus.status-solid-neutral svg{background:#5c5c5c;border-radius:50%}
.wlcTabStatus.status-up{color:#187653}
.wlcTabStatus.status-up svg{background:#d3eadd;border-radius:50%;fill:#219653}
.wlcTabStatus.status-down{color:#ae1921}
.wlcTabStatus.status-down svg{background:#f9d9d9;border-radius:50%;fill:#e13f3f}
.wlcTabStatus.status-neutral{color:#222}
.wlcTabStatus.status-neutral svg{background:#dedede;border-radius:50%;fill:#5c5c5c}

.virtual-services{text-align:left}
.virtual-services .refresh-icon{width:16px;height:16px;padding:7px 10px;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:5px;border:1px solid #d4d4d4}
.virtual-services .bgGrey{background:#f0f0f0;padding:10px;max-height:32px;width:100%}
.virtual-services .vBackIcon{padding:4px;border:1px solid #000;border-radius:50%;margin-top:2px;margin-right:5px;cursor:pointer;}

.progressBar.cyan .progressBar-range{background-color:#00c5b9}
.progressBar.style2.info{background:#b2d8ee}
.progressBar.style2.cyan{background:#b2eeea}
.progressBar.style2.success{background:#c6f1ca}
.progress-legend{width:5px;height:5px;border-radius:50%}
.progress-legend.info{background:#b2d8ee}
.progress-legend.info.active{background:#007dc5}
.progress-legend.cyan{background:#b2eeea}
.progress-legend.cyan.active{background:#00c5b9}
.progress-legend.success{background:#c6f1ca}
.progress-legend.success.active{background:#27a965}

.wlcTabStatus[data-tooltip]{position:relative}
.wlcTabStatus[data-tooltip]:not([data-tooltip-position]):hover::after,.wlcTabStatus[data-tooltip][data-tooltip-position=top]:hover::after{content:attr(data-tooltip);position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#000;color:#fff;bottom:calc(100% + 8px);border-radius:5px;padding:5px 5px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:2;padding:8px}
.wlcTabStatus[data-tooltip]:not([data-tooltip-position]):hover::before,.wlcTabStatus[data-tooltip][data-tooltip-position=top]:hover::before{content:'';position:absolute;display:block;width:16px;height:16px;background-color:#000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:50%;-webkit-transform:translateX(50%) rotate(45deg);-ms-transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(45deg);bottom:calc(100% + 3px);z-index:1;padding:8px}
.wlcTabStatus[data-tooltip][data-tooltip-position=bottom]:hover::after{content:attr(data-tooltip);position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#000;color:#fff;top:calc(100% + 8px);border-radius:5px;padding:5px 5px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:2;padding:8px}
.wlcTabStatus[data-tooltip][data-tooltip-position=bottom]:hover::before{content:'';position:absolute;display:block;width:16px;height:16px;background-color:#000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:50%;-webkit-transform:translateX(50%) rotate(45deg);-ms-transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(45deg);top:calc(100% + 3px);z-index:1}
.wlcTabStatus[data-tooltip][data-tooltip-position=left]:hover::after{content:attr(data-tooltip);position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#000;color:#fff;border-radius:5px;padding:5px 5px;right:calc(100% + 5px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;padding:8px}
.wlcTabStatus[data-tooltip][data-tooltip-position=left]:hover::before{content:'';position:absolute;display:block;width:16px;height:16px;background-color:#000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:calc(100% + 3px);-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);top:50%;z-index:1;left:unset}
.wlcTabStatus[data-tooltip][data-tooltip-position=right]:hover::after{content:attr(data-tooltip);position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#000;color:#fff;border-radius:5px;padding:5px 5px;left:calc(100% + 5px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;padding:8px}
.wlcTabStatus[data-tooltip][data-tooltip-position=right]:hover::before{content:'';position:absolute;display:block;width:16px;height:16px;background-color:#000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:calc(100% + 3px);-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);top:50%;z-index:1}
.wlcTabStatus[data-tooltip][data-tooltip-width]:hover::after{padding:10px!important;line-height:1.5}
.wlcTabStatus[data-tooltip][data-tooltip-width="180"]:hover::after{max-width:180px;white-space:pre}
.wlcTabStatus[data-tooltip][data-tooltip-width="200"]:hover::after{max-width:200px;white-space:pre}


i.wlcTabStatus{width:18px;height:18px;background-size:10px 10px;background-position:center;background-repeat:no-repeat;border-radius:50%}
i.wlcTabStatus.status-up{background-color:#d3eadd;background-image:url(/apiclient/fluidicv2/img/icons/status-up.svg);display: inline-block !important;background-position: center center;}
i.wlcTabStatus.status-down{background-color:#f9d9d9;background-image:url(/apiclient/fluidicv2/img/icons/status-down.svg);display: inline-block !important;background-position: center center;}
i.wlcTabStatus.status-neutral{background-color:#dedede;background-image:url(/apiclient/fluidicv2/img/icons/status-neutral.svg);display: inline-block !important;background-position: center center;}

.flex-space-between{justify-content: space-between;}
.flex-space-around{justify-content: space-around;}
.flex-space-evenly{justify-content: space-evenly;}
.noMinHt {min-height: unset !important;}

#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildSummaryWidget:not(.dashboardWidgetExpandView) .content.singleInvWidget{padding:40px 0 0}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildSummaryWidget.dashboardWidgetExpandView .content.singleInvWidget{top:40px}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildStatusWidget .opm_widget_title{display:none}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildStatusWidget .content.singleInvWidget{padding:0;background:transparent;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildStatusWidget:before{background:transparent;}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildStatusWidget .grid-stack-item-content{border:none}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildGraphWidget:not(.dashboardWidgetExpandView) .content.singleInvWidget{padding:40px 0 0}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildGraphWidget:not(.dashboardWidgetExpandView) .content .content{padding-top:0}
#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildGraphWidget:not(.dashboardWidgetExpandView) .content .content > div.ember-view{height:auto;}

#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.kempChildGraphWidget.dashboardWidgetExpandView .kempExpandTable > div.ember-view{width:48%;margin-right:2% !important;}
#PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView.kempChildGraphWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{padding-left:10px}
.kempTimeLine.DI-Grid .DIGG-Time.openExpandView > b{margin:0;}
.size10{width:10px;height:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px}
.gap-sm {gap:10px}

.opm_jqGridUI.rowOverflowVisible.kempChildList .ui-jqgrid .ui-jqgrid-bdiv{overflow:visible}
#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI.rowOverflowVisible.kempChildList .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv{overflow:visible}
.kempChildStatusWidget , .kempChildStatusWidget .grid-stack-item-content, .kempChildStatusWidget .grid-stack-item-content .singleInvWidget { overflow: visible !important;}
.kempChildStatusWidget .dataValueWidgetContainer{gap:10px}
.kempChildStatusWidget .dataValueWidgetContainer .dataValueWidget{min-width:150px;}
.kempTreeView.jsTreeType1{width:100%}
.kempTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor{max-width:100%}
.kempTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor:hover,.kempTreeView.jsTreeType1.inventoryFilter ul li .jstree-anchor.jstree-clicked{background:none;cursor:default;text-decoration:none;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox{border: 1px solid #e2e2e2;padding-right: 0;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable{width: 100% !important;position: relative !important;border:0;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox .ui-jqgrid-htable thead th{position: relative !important;background: #eee !important;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr:first-child{border-bottom:none;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv,.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable{width: calc(100% + 2px) !important;}
#inventoryGridStyle .opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr:first-child td{padding:0 !important;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr{border-left: 1px solid #e3e3e3 !important;border-right: 1px solid #e3e3e3 !important;}
.kempTreeView.jsTreeType1.inventoryFilter.hideUnwantedLine ul li ul li:last-child ul:before{background:#ffffff;width:2px;}
.opm_jqGridUI.kempChildList .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.ui-subgrid > td.subgrid-data .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv thead tr.ui-search-toolbar{display:none !important}
.opm_jqGridUI.kempChildList.rowOverflowVisible .ui-jqgrid .ui-jqgrid-hdiv{overflow: hidden !important;}
/***** Kemp Load Balancer css ends **********/
#sensorInfoTable .opm_jqGridUI .ui-jqgrid-bdiv tbody tr.jqgrow td.jqgrid-multibox{position:relative !important;left:26px;}
#inventoryGridStyle #sensorInfoTable .opm_jqGridUI .ui-jqgrid-bdiv tbody tr.jqgrow td[aria-describedby="gridsensorList_sensorname"]{left:20px !important;position:relative !important;}
#sensorInfoTable .opm_jqGridUI .ui-jqgrid-hdiv thead tr #cb_gridsensorList{visibility:hidden;}
#inventoryGridStyle #sensorInfoTable.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup  td{padding-left:6px !important;}
#inventoryGridStyle #sensorInfoTable.dashboardWidgetExpandView .opm_jqGridUI .ui-jqgrid-bdiv tbody tr.jqgrow td[aria-describedby="gridsensorList_cb"]{padding-left: 9px !important;}

.AdExMssqlMonitors.AppsPage.noData .grid-container,.AdExMssqlMonitors.AppsPage.noData .grid-row{height:100%}
.AdExMssqlMonitors.AppsPage .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div{overflow: hidden !important;}
.masonry-grid-3 {columns: 3 100px;display: block;gap: 0px;}
.masonry-grid-3>* {page-break-inside: avoid;}

#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI.opmReportsGridview.nfa .ui-jqgrid-view .ui-jqgrid-hdiv{position:relative;top:unset}
#inventoryGridStyle .grid-stack-item.dashboardWidgetExpandView .opm_jqGridUI.opmReportsGridview.nfa .ui-jqgrid-view .ui-jqgrid-bdiv{position:relative;top:unset;height:100%;max-height:calc(100% - 60px);overflow-y:auto;}
#reportsSection #reportgrap_Conversation #trafficcategorytable .opm_jqGridCustomPager.reportProfile .nfaCustomerPagination {width:calc(100% - 70px)}
#ReportSubTabs #graphdivelement #reportgrap_Conversation #trafficcategorytable .opm_jqGridUI {padding-right:0px !important}

#reportsReportListDiv.kempReport .ui-jqgrid-hdiv .ui-jqgrid-hbox thead tr:not(.jqg-second-row-header) th:not(:first-child),#reportsReportListDiv.kempReport.hdrBorder .ui-jqgrid-hdiv .ui-jqgrid-hbox thead tr.jqg-second-row-header th[colspan]{border-left: 1px solid #d4d4d4 !important;}
#reportsReportListDiv.kempReport .ui-jqgrid-hdiv .ui-jqgrid-hbox thead tr th,#reportsReportListDiv.kempReport .ui-jqgrid-bdiv tbody tr td{text-align:center}
#reportsReportListDiv.kempReport.hdrBorder .ui-jqgrid-hdiv .ui-jqgrid-hbox thead tr.jqg-second-row-header th{border-bottom: 1px solid #d4d4d4 !important;}
.opmFormCol.displayNoneFirstCol{display:none}
.opmFormCol.displayNoneFirstCol + .opmFormCol{margin:0}

/***** CSS for hiding second level menu in OPM starts here *****/

.alertPerfGrpDelete{margin:10px 0;}
.alertPerfGrpDelete label{line-height:inherit !important}
.alertPerfGrp .ui-dialog-buttonpane{margin-top:10px !important}
body > .ui-dialog.alertPerfGrp{background-color: #ffffff !important}
#PerfGroup_Enitity.slideContent.width1000 .slideContentContainer{max-width:1000px}
.ui-dialog.hideCloseInUIDIalog .ui-dialog-titlebar .ui-dialog-titlebar-close{display:none}
#gbox_performanceMonitorsList.ui-jqgrid .ui-jqgrid-titlebar.ui-jqgrid-caption{display:none}
#PerfGroup_Edit .opmForm .opmFormCol.prefix-suffix span{border-left:none}
html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #opmInventoryNav{display:none}
html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #opmInventorySideBarContent{top:0}
html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #opmInventorySideBarContent #PageContent{position:absolute;top:0;bottom:0;left:0}

html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu .settingsHdr{display:none}
html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu .settingsCnt:not(.apmPluginContent){top:0px !important}

html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #settingSubTabs{top:0px !important}
html.horizontalView.opmFullScreen.MessageViewBoxOpen.secondLevelNavActive body.NavText.no2ndLevelMenu #settingSubTabs{top:40px !important}

html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #ReportSubTabs{top:0px !important}
html.horizontalView.opmFullScreen.MessageViewBoxOpen.secondLevelNavActive body.NavText.no2ndLevelMenu #ReportSubTabs{top:40px !important}

html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #gridNoDataPromoMessage.oputilsReportPage + #ReportSubTabs{top:40px !important}
html.horizontalView.opmFullScreen body.NavText.no2ndLevelMenu #gridNoDataPromoMessage.oputilsReportPage{top:0px !important}

/***** CSS for hiding second level menu in OPM ends here *****/
/******Dashboard Association User Starts********/
.AD-user{position: absolute;padding: 47px 0 80px;height: 100%;left: 0;right: 0}
.AD-user__group-main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-column-gap: 12px;-moz-column-gap: 12px;column-gap: 12px;row-gap: 12px;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: auto;max-height: 100%;padding: 0 30px 30px 30px}
.AD-user__group-actions {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;top: 0;padding: 0 30px}
.AD-user__group-actions .infoMssg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform: translate(-45%, -50%);;padding:4px 12px; left: 45%;}
.AD-user__search{position:relative}
.AD-user__search input{background:#f0f0f0;border:1px solid #dcdcdc;padding:8px 32px 8px 12px;min-width:250px}
.AD-user__search input:focus,.AD-user__search input:hover{background:#fbfbfb}
.AD-user__search .svgIcon{position:absolute;top:10px;right:10px}
.AD-user__group{width:calc((100vw - 120px)/ 6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fbfbfb;border:1px solid #dcdcdc;border-radius:4px;-webkit-transition:.5s;transition:.5s}
.AD-user__group:focus,.AD-user__group:hover{background:#fff;-webkit-box-shadow:0 0 24px rgba(0,0,0,.2);box-shadow:0 0 24px rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}
.AD-user__group-title{width:100%;border-bottom:1px solid #dcdcdc;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.AD-user__group-list{padding:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:300px;overflow:auto}
.AD-user__group-list>.opmCheckBox>div{width:100%;padding:8px 8px 8px 40px !important}
.AD-user__group-list>.opmCheckBox>div label{display:flex}
.AD-user__group-list>.opmCheckBox>div label i{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.AD-user__group-list>.opmCheckBox>div label:before{left:8px;top:8px}
.AD-user__group-list>.opmCheckBox>div label:after{left:13px;top:19px}
.AD-user__group-list>.opmCheckBox:hover {background: #FFFCED}
.AD-user__group-list>.opmCheckBox.checked {background: #FFFBE6;border-bottom: 1px solid #FFEE99}
.AD-user__group-list--no-user{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.AD-user__fixed-btn{position:absolute;bottom:12px;right:30px;border-top:1px solid #dcdcdc;margin-top:12px;padding-top:12px}
.AD-user .noDataInfo{background:#f4f5f6;border:1px solid #dcdcdc;padding:40px 0}
.AD-user .noDataInfo .noDataDesc{margin:0;font-size:16px}
.AD-user .noDataInfo svg {fill: #9b9b9b}
.AD-user .noDataInfo .svgIcon {height: 48px;margin-bottom: 10px}
.webPro.profileTypes.webalarmtest .AD-user__group,.notiTempWebAlarm .AD-user__group{width: calc((100vw - 328px) / 5);}
.webPro.profileTypes.webalarmtest .AD-user{width:100%;padding-bottom: 0;}
.webPro.profileTypes.webalarmtest .AD-user__group-actions,.webPro.profileTypes.webalarmtest .AD-user__group-main{padding-left:0}
.webPro.profileTypes.webalarmtest .AD-user__group-main,.notiTempWebAlarm .AD-user__group-main{max-height:calc(100vh - 475px)}
html.opmTopBandBannerActive .webPro.profileTypes.webalarmtest .AD-user__group-main, html.opmTopBandBannerActive .notiTempWebAlarm .AD-user__group-main{max-height:calc(100vh - 485px)}
.webPro.profileTypes.webalarmtest .AD-user{display:inline-block;position:relative;left:0;right:0}
.webPro.profileTypes.webalarmtest #webAlarmUsers #soundFileSelDiv{padding:20px 0px}
.webPro.profileTypes.webalarmtest .AD-user__group-actions{padding-right:30px}
.webPro.profileTypes.webalarmtest .containerBlockContent{padding:20px 0}
.notiTempWebAlarm{display:flex;width:100%}
.notiTempWebAlarm .AD-user{position:relative;padding-bottom:0}
.notiTempWebAlarm .AD-user__group-actions,.notiTempWebAlarm .AD-user__group-main{padding:0}
.webAlarmAudios{position: relative;}
.webAlarmAudios .sourceFileBtns{position:absolute;bottom:0;left:calc(100% + 10px);display:flex;column-gap:10px;}
.webAlarmAudios .sourceFileBtns > div{margin:0;min-width:auto;padding:8px 16px;white-space: nowrap;}

/******Dashboard Association User Ends********/
/***** Cloud Services CSS starts here *****/
.cloud-services-status-row {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}
.cloud-services-status-row .cloud-service-status{padding:5px 10px;color:#777;background:#f5f5f5;font-family:LatoBold}
.cloud-services-status-row .cloud-service-status::before{content:'';width:10px;height:10px;border-radius:50%;position:relative;display:inline-block;background:#777;margin-right:5px}
.cloud-services-status-row .cloud-service-status.cloud-service-success{color:#196B40;background:#EEFBF4}
.cloud-services-status-row .cloud-service-status.cloud-service-success::before{background:#27A965}
.cloud-services-status-row .cloud-service-status.cloud-service-error{color:#BE2B2F;background:#FEF0F0}
.cloud-services-status-row .cloud-service-status.cloud-service-error::before{background:#ED4F4F}

.infoBoxBlueHeader{padding-bottom:10px;position:relative;margin-bottom:10px}
.infoBoxBlueHeader::before{content:'';position:absolute;width:calc(100% + 30px);height:1px;background:rgba(0, 166, 247, 0.4);left:-15px;top:100%}
/***** Cloud Services CSS ends here *****/

.grid-stack-item.snapSummaryWithFields .grid-stack-item-content{border:0 !important;background:#FAFAFA}
 .grid-stack-item.snapSummaryWithFields .DIG-Graph{padding:45px 10px 0 10px !important}
 .grid-stack-item.snapSummaryWithFields .DIG-Graph > div:first-child{height:100px;padding-top:10px;}
 .grid-stack-item.snapSummaryWithFields .DIG-Graph .DIGG-Dials.DIGG-Time{top:25px !important}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;position:relative}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;border:1px solid #e3e3e3;padding-top:40px;height:370px;}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section--customFiled{width:337px}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section--summary{width:423px}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section--availability{width:629px}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:328px;background:#fff;padding:6px 4px}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView,.grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIG-List{min-height:292px!important}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIG-List{padding:0 !important}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIG-List:before{display:none}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIGL-Row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding:6px 8px;border-bottom:1px solid #e3e3e3}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIGL-Row:last-child{border:0}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIGL-Row div:first-child{text-align:left;width:150px;padding:0}
 .grid-stack-item.snapSummaryWithFields .DI-Grid.tableView .DIGL-Row div{padding:0;width:calc(100% - 160px)}
 #inventoryGridStyle .grid-stack-item.snapSummaryWithFields .timelineType2  .DI-Grid{height: calc(100% - 16px) !important;min-height:292px !important}
 #inventoryGridStyle .grid-stack-item.snapSummaryWithFields .timelineType2 .dialcounter{height:140px !important;top:-43px;}
 .grid-stack-item.snapSummaryWithFields .timelineType2 .DIGG-Dials.DIGG-Time{padding:0;margin:0;}
 .grid-stack-item.snapSummaryWithFields .timelineType2 .DIGG-Dials.DIGG-Time:hover{z-index:8 !important}
 .grid-stack-item.snapSummaryWithFields .timelineType2 .SpeedoMeter > i.CutCircle{height:auto;}
 .grid-stack-item.snapSummaryWithFields .timelineType2 .SpeedoMeter{margin:0 10px}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__cont .newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools{background:#efefef;left: calc(100% - 13px) !important;}
 .minHt120{min-height:120px !important;}
 .grid-stack-item.snapSummaryWithFields .timelineType2 .DIGG-Time.openExpandView.minHt120{min-height:100% !important}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section > div.opm_widget_title{padding-left:12px !important;}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section .hasHelpCard4 .helpCard.top .helpCardInfo:before{left:145px !important}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section .hasHelpCard .helpCardInfo{left:-160px !important}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section.snapTopWidget__section--customFiled .hasHelpCard .helpCardInfo {left: -40px !important}
 .grid-stack-item.snapSummaryWithFields .customFieldScroll.newSnapCustomScroll.DIGmCustomScroll .mCS_no_scrollbar .mCSB_container:before{background:none !important}
 .grid-stack-item.snapSummaryWithFields .DIG-Graph.customFieldInDial{padding-left:0 !important;padding-right:0 !important;}
 #PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item.snapSummaryWithFields .opm_widget_title{z-index:7;}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__section--availability .DIGG-Time.openExpandView > b{display:none}

.heatmapCount{width: 260px;text-align:center;font:16px / 140% LatoRegular;margin-bottom:-10px;}
 #opmCCTV .heatmapCount{top:5px}
 #pingResponse.slideContent.positionFixed.active{z-index:999999999}
 html.invAddBtn .addLinkStyle .opmGroupInventory.zIndex1,.topNews.zIndex1{z-index:1}
 body.commonSliderActive #OpM_AlertInfo{z-index:9999999999}
 .grid-stack-item.snapSummaryWithFields .snapTopWidget__cont .DIGL-Row .haSecDevInfo i{left:0;top:0}
.grid-stack-item.snapSummaryWithFields .snapTopWidget__cont .DIGL-Row .haSecDevInfo{padding-left: 20px !important;}
.importCSVMsg{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.importCSVMsg .upload-user-image label{border-radius:4px;padding:8px 20px;margin:0;width:auto;background:#45bd7f;color:#fff;white-space:nowrap}

.accordion1.warning ul li .accordion1__nav{background-color:#fff7ef;border:1px solid #ffa442}
.accordion1.warning ul li .accordion1__nav.active{border-bottom:0}
.accordion1.warning ul li .accordion1__cont{background:#fff7ef;border:1px solid #ffa442}
.accordion1.warning ul li .accordion1__cont .border-color{border-color:#ffd4a6 !important}
.accordion1.warning ul li .accordion1__nav::before{top:18px}
.accordion1.warning ul li .accordion1__nav.active::before{top:24px}
.accordion1.warning ul li .accordion1__nav .border-color{border-color:#ffd4a6 !important}

.credentialBox.devPage .opmRadioBtn1 > .opmRadioBtn > div label::after{left:5px !important;width:12px;height:12px;top:11px;}
.unknownRediscoveryPage #unknownCredBottomAction .multiple-alert div b{font-family:'LatoBold'}
.wlcTabStatus.f5ToolTipReason[data-tooltip][data-tooltip-position=right]:hover::after{max-width:500px;}
.grid-stack-item.lbTreeFixedHt .grid-stack-item-content .content.singleInvWidget > div{overflow: auto;}
.maxWd400{max-width:400px}
/*.opm_jqGridUI.ziaWidget{margin:3px}*/
.opm_jqGridUI.ziaWidget .ziaMsg{margin:0;border:transparent;min-height:60px;width:100%;height:auto}
.opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode{background:#F0F8FF;}
.opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode{background:#F6F2FC;}
.opm_jqGridUI.ziaWidget .ziaMsg h3{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;height:auto;}
.opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode p,.opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;height: auto;overflow: hidden;}
.opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode a,.opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode a{color: #31A5F0 !important;text-decoration: none;display: inline;cursor: pointer;}
#opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode a,#opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode a{color: #888 !important;pointer-events: none;}
body:not(.darkTheme) #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode a,body:not(.darkTheme) #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode a{color:#000 !important;}

#ziaRecommendationTr div.helpCardInfo{width:250px}
#opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg{height:auto}
body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg{padding: 10px;}
body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg p,body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg span{color: #b5b5b5 !important;}
body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode{background:#0F203B;}
body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode{background:#23123D;}
body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg h3,body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg span,body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaImpactColorCode p,body.darkTheme #opmCCTV .opm_jqGridUI.ziaWidget .ziaMsg.ziaRecommendColorCode p{color:#FFFFFF !important;}
.ui-datepicker .ui-datepicker-buttonpane{border:none}
.opm_widget_title .ziaHeader a,#ziaRecommendationTr .helpCardContent a{color: #0099ff;}
.opm_widget_title .ziaHeader .hasHelpCard4 .helpCardInfo{box-shadow:none;}
.opm_widget_title .ziaHeader .hasHelpCard4 .helpCardInfo:before{top:-14px}
.opm_widget_title .ziaHeader .hasHelpCard4 .helpCardContent{top:-8px}
.opm_widget_title .ziaHeader a:hover{text-decoration:underline}
.min-height-80{min-height:80px !important}
#ui-datepicker-div.customTimePick .ui-datepicker-buttonpane .ui-datepicker-current{display:none}
#ui-datepicker-div.customTimePick .ui-datepicker-buttonpane .ui-datepicker-close{
    background: #45bd7f;
    color: #fff;
    font: 14px LatoRegular;
    padding: 7px 20px;
    border: 0;
}
#ui-datepicker-div.customTimePick .ui-timepicker-div .ui_tpicker_hour_label{
  top: -10px;
  position: relative;
}

#ui-datepicker-div.customTimePick .ui-timepicker-div .ui_tpicker_minute_label{
    top: -6px;
    position: relative;
}
#opm_listProfiles .slideContentContainer.slideSmall #opmProfilePager_left{display:none}
#opm_listProfiles .slideContentContainer.slideSmall #opmProfilePager_center{width:230px !important;text-align:left}
.maxWidth75{max-width: 75px;}

.titleDropDown.fwaleftPannelDropDown{padding:0;font-size:18px;font-family:latoBold;z-index: 1;}
.titleDropDown.fwaleftPannelDropDown:before{display:none}
.titleDropDown.fwaleftPannelDropDown .ddList {min-height: 10px;max-height: 250px;right: -12px;}
.titleDropDown.fwaleftPannelDropDown .ddList:before{right:8px}
.titleDropDown.fwaleftPannelDropDown:after{right:0}
.titleDropDown.fwaleftPannelDropDown .ddList ul{top:inherit;position: relative}
.titleDropDown.fwaleftPannelDropDown .ddList ul li {padding: 0px;line-height: normal;}
.titleDropDown.fwaleftPannelDropDown .ddList ul li a {padding: 8px 12px;display: flex;}
#fwaOPMReportsTitle .titleDropDown h4{padding-right:20px}
#fwaOPMReportsTitle .titleDropDown.fwaleftPannelDropDown .ddList{left: calc(100% - 108px);top: calc(100% + 4px);}
#fwaOPMReportsTitle .ddList:before{display:none}
#ccTvContent .grid-stack-item-content.entityCount .dashboardWidget > .content>div{min-width:auto !important}
#ccTvContent .grid-stack-item-content.entityCount .dataValueWidget{
      background: transparent;
    border: 0;
    width: 100%;
    text-align: center;
    height: 75px;
        padding-top: 5px;
}
#ccTvContent .grid-stack-item-content.entityCount .dataValueWidget__title{
      font-size: 40px;
}

.action_btn{background:#27a965;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 20px;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;line-height:16px;font-size:14px}
.action_btn:hover >ul, .action_btn:focus >ul{display:block}
.action_btn >ul,.action_btn >ul > li > ul{position:absolute;top:calc(100% + 0px);left:0;width:160px;background:#fff;padding:4px;z-index:1;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.24);box-shadow:0 4px 20px rgba(0,0,0,.24);border-radius:4px;display:none;cursor:default}
.action_btn >ul li,.action_btn >ul > li > ul li{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;position:relative}
.action_btn >ul li:hover ul,.action_btn >ul > li > ul li:hover ul,.action_btn >ul li:focus ul,.action_btn >ul > li > ul li:focus ul{display:block}
.action_btn >ul li ul,.action_btn >ul > li > ul li ul{display:none}
.action_btn >ul li:last-child,.action_btn >ul > li > ul li:last-child{border-bottom:0}
.action_btn >ul li a,.action_btn >ul > li > ul li a{color:#000;padding:8px 12px;width:100%;text-align:left;z-index:3}
.action_btn >ul li:hover,.action_btn >ul > li > ul li:hover,.action_btn >ul li:focus,.action_btn >ul > li > ul li:focus{background:#fafafa}
.action_btn >ul > li > ul.position-right{top:0;left:calc(100% + 8px)}
.action_btn >ul > li > ul.position-right:before{width:100%;height:100%;content:"";left:-80px;top:0;position:absolute}
.action_btn >ul > li > ul.position-left{left:inherit;top:0;right:calc(100% + 8px)}
.action_btn >ul > li > ul.position-left:before{width:100%;height:100%;content:"";right:-80px;top:0;position:absolute}
.action_btn>ul li.group-menu{position:relative}
.action_btn>ul li.group-menu:after{width:8px;height:8px;position:absolute;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:12px;right:10px;content:""}
/*#ccTvContent .grid-stack-item-content.entityCount.danger .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.danger .dataValueWidget__title{
    color: #e00f0f;
}
#ccTvContent .grid-stack-item-content.entityCount.success .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.success .dataValueWidget__title{
    color: #1d804c;
}
#ccTvContent .grid-stack-item-content.entityCount.idle .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.idle .dataValueWidget__title {
    color: #9950ff;
}*/
/*#ccTvContent .grid-stack-item-content.entityCount.danger .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.danger .dataValueWidget__title{
    color: #FFFFFF !important;
}
#ccTvContent .grid-stack-item-content.entityCount.success .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.success .dataValueWidget__title{
    color: #FFFFFF !important;
}
#ccTvContent .grid-stack-item-content.entityCount.idle .opm_widget_header .widget_name,.dataValueWidgetContainer .dataValueWidget.idle .dataValueWidget__title {
    color: #FFFFFF !important;
}

#ccTvContent .grid-stack-item-content.entityCount.danger .dashboardWidget:before,#ccTvContent .grid-stack-item-content.entityCount.danger .opm_widget_header{background: #fa5b5a;}
#ccTvContent .grid-stack-item-content.entityCount.success .dashboardWidget:before,#ccTvContent .grid-stack-item-content.entityCount.success .opm_widget_header{background: #46bb7d;}
#ccTvContent .grid-stack-item-content.entityCount.idle .dashboardWidget:before,#ccTvContent .grid-stack-item-content.entityCount.idle .opm_widget_header{background:#c095ff;}*/

#ccTvContent .grid-stack-item-content.entityCount .dashboardWidgetIcons i{background:transparent;}

#ccTvContent .grid-stack-item-content.entityCount .opm_widget_header{-webkit-box-shadow:none;box-shadow:none}
.tileWidget{text-align:center;font-size:32px;}
/* Chat container style */
.chat-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #f4f4f9; */
    z-index: 99;
    position: relative;
}

/* Chat box style */
.chat-box {
    width: 400px;
    height: calc(100vh - 81px);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: fixed;
    bottom: 4px;
    right: 4px;
    border-color: red;
    box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.31);
    margin: 10px;
}

/* Chat window style */
.chat-window {
    flex-grow: 1;
    padding: 10px;
    overflow-y: auto;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
   /* margin-bottom: 10px;
    border-bottom: none;*/
    background: url(../../img/test.svg) repeat center center #f9f9f9;
}

/* Message output style */
.chat-output {
    display: flex;
    flex-direction: column;
}

.message {
    margin-bottom: 10px;
}

.user-message{align-self: flex-end;}

.user-message{
    align-self: flex-end;
    background-color: #45bd7f;
    color: white;
    padding: 10px;
    border-radius: 10px;
    max-width: 70%;
}
/*.user-message .userText{display:none}
.user-message.disableActions .loader{display:none}
.user-message.disableActions .userText{display:block}*/

.bot-message {
    /*align-self: flex-start;
    background-color: #ffffff;
    color: black;
    padding: 10px;
    border-radius: 10px;*/
    max-width: 330px;
/*    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);*/
    display: inline-flex;
}
.bot-message .botMsg{
    align-self: flex-start;
    background-color: #ffffff;
    color: black;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);
	max-width: 280px;
  position:relative;
}

.zia_icons_bg{
	background: url(/apiclient/fluidicv2/img/zia-sprite.svg) no-repeat center center;
    background-position: -7px -7px;
    width: 45px;
    height: 40px;
    top: 0;
    position: relative;
}
/*.bot-message .botMsg{left: -35px;position: relative;}*/
/* Input box style */
/*#user-input {
    width: 80%;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 5px;
    margin: 10px;
    font-size: 16px;
}*/

/*#send-button {
    width: 75px;
    height: 36px;
    padding: 10px;
    margin: 10px 10px 0 0px;
    background-color: #45bd7f;
    font-size: 14px;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}*/
.chat-header {
    background-color: #45bd7f;
    color: white;
    padding: 10px;
    font-size: 20px;
    height:50px;
    margin: 0;
    padding: 0;
}

.action-message {
    /*background-color: #ffefc5;
    color: #856404;
    font-weight: bold;*/
        display: grid;
    color: #856404;
    margin: 10px;
}

/* Link Styling in Messages */
.message.bot-message a {
    color: #2d9dfb;
    text-decoration: none;
}

.message.bot-message a:hover {
    text-decoration: underline;
}

/*.action-message {
    background-color: #ffefc5;
    color: #856404;
    font-weight: bold;
    padding-bottom: 10px;
}*/

/* Action Button Styling */
.action-btn {
    padding: 5px 10px;
    margin: 5px;
    background-color: #fff3bf;
    color: #856404;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border:1px solid #f7d983;
    text-align:center;
    overflow: hidden;
/*    white-space: nowrap;*/
    text-overflow: ellipsis;
}

.action-text{max-width: 280px;overflow: hidden;text-overflow: ellipsis;}
/* Form Elements Styling */
.chat-box #output input[type="text"],.chat-box #output  textarea,.chat-box #output  select {
    width: 100%;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.chat-box #output textarea {
    height: 60px;
}

.chat-box #output input[type="radio"],.chat-box #output input[type="checkbox"] {
    margin-right: 5px;
}

/* Chat Input Section */
.chat-box #output .chat-input {
    display: flex;
    padding: 10px;
    background-color: white;
    justify-content: center;
}

/*.bot-message .opmForm .opmFormCol input,.bot-message .opmForm .opmFormCol textarea,.bot-message .selBox > div .select2-container .selection .select2-selection{background: #FFFFFF !important;}
.bot-message .selBox > div .select2-container .selection .select2-selection{border-bottom: 1px solid #dcdcdc;}*/
/*.bot-message.disableActions .action-message{opacity:.5;pointer-events:none;}*/
.chat-container.minimized .chat-box .chat-icon{display:block !important;}
.chat-container.minimized .chat-box{width:44px;height:32px;right:100px}
.chat-container.minimized .chat-box .chat-header,.chat-container.minimized .chat-box .chat-window{display:none}
.chat-container.active{z-index:9999;}
.chat-container.active .chat-header{display:inline-flex;}
.opmForm.ziaForm .opmFormHrLine{
	margin-top: 0;
    margin-bottom: 10px;
}
.opmForm.ziaForm .opmBtn{
    min-width: 75px;
    border-radius: 5px;
}

.user-message.disabledBlock{opacity:1;pointer-events:inherit;}
.ziaAlarmMsgFormat{height: auto !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;
    white-space: unset;}

.opmSupportChatHolder .icon-opmSupportChat, .opmSupportChatHolder .closeOpmSupportChat {background:#1F272C;border-top:1px solid #52606B}
.opmSupportChatHolder .icon-opmSupportChat:hover, .opmSupportChatHolder .closeOpmSupportChat:hover {background:#222}

.chat-container.minimized .chat-box {background:#000;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.chat-container.minimized .chat-box:hover {background:#333}
.chat-container.active .chat-box {height:calc(100vh - 90px);-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}
.chat-container.active .chat-output .action-message {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0;gap:8px;}
.chat-container.active .chat-output .action-btn {color:#249C5E;background:transparent; border:1px solid #249C5E;margin:0;padding:8px 12px;text-align:left}
.chat-container.active .chat-output .action-btn:hover{background-color:#249C5E;color:#FFFFFF;}
.chat-container.active .chat-box{background:#27AB67;padding:0;border-radius:26px 26px}
.chat-container.active .chat-header{padding:24px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#27AB67;height: auto;}
.chat-container.active .chat-window{border-radius:24px 24px;padding:16px;background:#FFFFFF;}
.chat-container.active .message {margin-bottom: 20px;}
.chat-container.active .bot-message {max-width: 100%;}
.chat-container.active .bot-message .botMsg {-webkit-box-shadow: none;box-shadow: none;border: 1px solid #C3CCD3;-webkit-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;max-width: 100%;width:100%;gap: 12px;}
.chat-container.active .bot-message .botMsg:hover {-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);width:100%}
.chat-container.active .user-message {padding: 8px 12px;border-radius: 16px;}
.chat-bot-loader {display: inline-block;width: 25px;aspect-ratio: 2;--_g: no-repeat radial-gradient(circle closest-side,#6ABA85 90%,#fff);background: var(--_g) 0%   50%,var(--_g) 50%  50%,var(--_g) 100% 50%;background-size: calc(100%/4) 35%;-webkit-animation: chat-bot-loader-animation 1s infinite linear;animation: chat-bot-loader-animation 1s infinite linear;}
@-webkit-keyframes chat-bot-loader-animation {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
@keyframes chat-bot-loader-animation {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
.chat-bot-profile-icon {margin-right:8px;width:36px;min-width:36px;height:36px;display:inline-block;position:relative;top:0px;left:0px;content:"";background:url(../../img/opm-sprites-v2.svg) no-repeat -293px -100px}

.chat-container.minimized .chat-box{display:none}
.chatGoBack{position:absolute;bottom:-24px;right:0;color:#C3CCD3;}
.chatGoBack a{padding:0 4px}
.bot-message.disabledBlock .chatGoBack{display:none !important}
body.chatActive #opmSupportChat,body.chatActive .opmziabot, body.ziBotActive #opmSupportChat,body.ziBotActive .opmziabot{display:none}
body.chatActive .notify{margin-right:395px !important;transition:.5s}
body.ziBotActive .notify{margin-right:420px !important;transition:.5s}
#opmAlertInfoSec .notifyDiscovery.maximized{margin-right:5px;}

.chatGoBack span:last-child{display:none}

#opmSupportChat.online .icon-opmSupportChat {
    background: #35ab6e
}

#opmSupportChat.online .closeOpmSupportChat {
    background: #45bd7f
}
#opmSupportChat .icon-opmSupportChat,#opmSupportChat.offline .icon-opmSupportChat {
    background: #888
}

#opmSupportChat .closeOpmSupportChat,#opmSupportChat.offline .closeOpmSupportChat {
    background: #888
}
.chat-container .ui-jqgrid-pager .ui-paging-pager{left:-20px}
body.ziBotActive.openProbeDD .ziaForm .select2-search__field{border:none !important}
.siqembed.zls-sptwndw{left:inherit !important;}

#DownTimeFormHolder.probeSuppressMsg{top:82px !important}
#DownTimeFormHolder.probeSuppressMsg #probeSuppressMsg {
    display: flex!important;
    width: calc(100% - 30px);
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
#DownTimeFormHolder.probeSuppressMsg #commonGridDiv{margin-top:10px}
#DownTimeFormHolder.probeSuppressMsg .opmForm{
  max-width: none;
}

.advancedSettingsThreshold .opmFormRow:first-of-type{border-top:1px solid #dcdcdc;padding-top:20px}
.advancedSettingsThreshold .opmFormRow:last-of-type{border-bottom:1px solid #dcdcdc;padding-bottom:20px}
#snmp_monitorArticle #atAdvConfig .subHeading{background:none;border:none;padding:0}
.fwa-vpn-user-count {position: absolute;top: -5px;left: 15px;font-size: 32px;font-weight: bold;color: #000;z-index: 10;}

.security-analytics-getting-started .security-analytics-box-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px}
.security-analytics-getting-started .security-analytics-box{height:auto}
.security-analytics-getting-started .security-analytics-box{border-radius:12px}
.security-analytics-getting-started .security-analytics-box .security-analytics-number{color:#1d824e;min-width:32px;min-height:32px;border-radius:50%;background:-o-radial-gradient(circle,#3ccB8340,#ecfFF500);background:radial-gradient(circle,#3ccB8340,#ecfFF500);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.security-analytics-getting-started .security-analytics-box .security-analytics-icon{color:#1d824e;min-width:40px;min-height:40px;border-radius:12px;background:#d4eee0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.security-analytics-getting-started p{color:#52606b;line-height:1.8}

/******************************* DO NOT WRITE ANY STYLES BELOW THE @MEDIA SCREEN *******************************/

/* This styles should be at the end of the file. */
@media (max-height: 850px){
  .add-instant-widget__container{gap: 8px;}
  .add-instant-widget__chart-types{margin-bottom:8px}
  .add-instant-widget__chart-properties{row-gap:8px}
  .instantPopupContainer{align-items: flex-start}

 }
@media (max-width: 1920px) {
  .AD-user__group{width: calc((100vw - 133px) / 5);}
  .webPro.profileTypes.webalarmtest .AD-user__group,.notiTempWebAlarm .AD-user__group{width: calc((100vw - 340px) / 4);}
  .bv-view__title #bv_TitleName{max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  }
  @media (max-width: 1460px){
  .AD-user__group{width: calc((100vw - 96px) / 4);}
  .webPro.profileTypes.webalarmtest .AD-user__group,.notiTempWebAlarm .AD-user__group {width: calc((100vw - 327px) / 3);}
  }

@media only screen and (max-width:1280px){
    .chartRightBox .topSection .actionDropDown{width:110px}
    .chartRightBox .topSection .markAsResolvedBtn, .opmCustomDD.dateTimeIcon, .opmCustomDD .listDD li, .opmCustomDD, .chartRightBox .topSection .pollIntervalDD .labelName{font-size:12px}
    .opmCustomDD.dateTimeIcon{width:150px}
    .opmCustomDD{width:75px}
    .chartRightBox .topSection .rca_name{font-size:16px}
    .selectedEntitiesLeftBox{width:300px}
    .selectedEntitiesLeftBox.close{margin-left:-300px}
    .selectedEntitiesLeftBox + .chartRightBox{left:300px}
    .chartRightBox .middleChartInfo .stepInfo{transform: scale(0.8) translate(-63%, -63%);}
}

@media only screen and (max-width:1919px){
#OpM_AlertInfo{max-width:none !important;right:295px !important}
.deviceSlideContainer1{max-width:100% !important}
.opmFormHolder .jsTreeType1.hypervDiscoveryTable ul li.jstree-open a div.guestOS{width:280px !important}
html.invAddBtn .addLinkStyle .virtualInventory .opmGroupInventory{right:375px}
}

@media only screen and (min-width:1920px){
#wrapper,#globalSearchContainer,#globalSearchContainer.noPageSideBar,.licenceDetails{max-width:1410px}
#header{max-width:1460px}
#SocialNetwork{right:auto !important;left:1470px}
#SocNetToggle{display:none}
#opmAlertInfoSec,.embedPopUp{max-width:1460px}
.dashboardWidgetExpandView{max-width:1410px !important}

/* <---------- body has class 'NavText' styles starts */
body.NavText #wrapper,body.NavText #globalSearchContainer,body.NavText #globalSearchContainer.noPageSideBar,body.NavText .licenceDetails{max-width:1378px}
body.NavText .dashboardWidgetExpandView{max-width:1380px !important;left:82px !important}
/* body has class 'NavText' styles ends ----------> */

#OpM_AlertInfo{max-width:815px}

html.opmFullScreen #wrapper,html.opmFullScreen #header,html.opmFullScreen #globalSearchContainer,html.opmFullScreen #globalSearchContainer.noPageSideBar,html.opmFullScreen #opmAlertInfoSec,html.opmFullScreen .dashboardWidgetExpandView,html.opmFullScreen #OpM_AlertInfo,html.opmFullScreen .licenceDetails,html.opmFullScreen .embedPopUp{max-width:none}
html.opmAlignCenter{float:none;max-width:1460px;margin:auto}
html.opmAlignCenter #OpM_AlertInfo{margin:7px auto 0;left:400px}
html.opmAlignCenter .alarmShortSummaryActive #alarmShortSummary,html.opmAlignCenter .deviceShortSummaryActive #deviceShortSummary{padding-right:400px !important;margin-left:400px !important}
html.opmAlignCenter #AlrmEvtTrapInvDev.Icon .deviceShortSummaryActive #opm_devListHolder{width:380px !important}
html.opmAlignCenter #AlrmEvtTrapInvDev.HeatMap .deviceShortSummaryActive #deviceShortSummary{padding-right:360px !important;margin-left:360px !important}
html.opmAlignCenter #AlrmEvtTrapInvDev.HeatMap .deviceShortSummaryActive #opm_devListHolder{width:360px !important}

html.opmAlignCenter .dashboardWidgetExpandView{margin:0 auto !important}

html.opmFullScreen .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-child(3){max-width:45%}
html.opmFullScreen #inventoryGridStyle{max-width:1410px !important}
html.opmFullScreen .oputilsSnapshot #inventoryGridStyle{max-width: unset !important;}
html.opmFullScreen .oputilsSnapshot #inventoryGridStyle > .ember-view{padding:15px 0 0 15px}
html.opmFullScreen .oputilsSnapshot #inventoryGridStyle > .ember-view > .grid-stack{float:left;width:100%;max-width:1395px !important;min-height:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}
html.opmFullScreen .oputilsSnapshot #inventoryGridStyle > .ember-view > .grid-stack.ipam{float:left;width:100%;max-width:none !important;min-height:100%;height:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}
body #main.hideScroll .oputilsSnapshot #PageContent .DeviceDetails .DI-Accordion .DIA-Content{overflow:visible !important;}

html.opmFullScreen .deviceSlideContainer1{max-width:100% !important}
html.opmFullScreen body.NavText .dashboardWidgetExpandView{max-width:100% !important}
html.opmFullScreen .dashboardWidgetExpandView{max-width:100% !important}

html.opmAlignCenter .introjs-hints1,html.opmAlignCenter .blockSiteAccess{margin:auto;right:0}
html:not(.opmFullScreen) .blockSiteAccess,html:not(.opmFullScreen) .opmPopUp{max-width:1460px}
html.opmFullScreen .addWidgetsSlide .flexContainer,html.opmFullScreen #cctvCreatePg .opmAccordion{column-count:5;-webkit-column-count:5;-moz-column-count:5}

#helpVideoYTContainer{max-width:1410px}
body.NavText #helpVideoYTContainer{max-width:1378px}
html.opmFullScreen #helpVideoYTContainer{max-width:none}

html:not(.opmFullScreen).horizontalView,html:not(.opmFullScreen).horizontalView body,html:not(.opmFullScreen).horizontalView #wrapper,html:not(.opmFullScreen).horizontalView #header,html:not(.opmFullScreen).horizontalView #nav,html:not(.opmFullScreen).horizontalView body.widgetExpandView_temp #ccTvContent .dashboardWidgetExpandView,html:not(.opmFullScreen).horizontalView #inventoryGridStyle .dashboardWidgetExpandView,html:not(.opmFullScreen).horizontalView #globalSearchContainer,html:not(.opmFullScreen) #opmTopBandBanner,html:not(.opmFullScreen).horizontalView #hrMenuEditView{max-width:1460px !important}
}

.fetch-DD{padding-right: 90px;position:relative;}
.fetch-DD .fetchBtn{position:absolute;bottom: 0;right:0;padding: 9px;/* max-width: 100px; */min-width: 75px;margin: 0;}

/* Support Revamp Page starts --------> */
.mobile-app-promo{position: relative;margin-top: 20px; margin-bottom: 15px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mobile-app-promo p{padding: 10px 15px;background: #fefae2;display: inline-block;border: 1px solid #fcec9e;font-size: 14px;border-left: 5px solid #fcec9e;max-width: 950px;}
.mobile-app-promo .mobile-app-icon-list div:before{position: absolute;content: "";top: 30px;width: 17px;z-index: 1;border-top: 1px solid #c6c6c6;left: -18px;}
.mobile-app-promo .mobile-app-icon-list {position: relative;display: inline-block;}
.mobile-app-promo .mobile-app-icon-list div {cursor: pointer;height: 60px;width: 60px;border-radius: 50%;display: flex;justify-content: center;position:relative;background:#fff;border: 1px solid #ddd;display: inline-flex;margin-left: 15px;/* overflow: hidden; */align-items: center;}
.mobile-app-promo .mobile-app-icon-list div a{height: 100%;display: flex;width: 100%;justify-content: center;align-items: center;}
.mobile-app-promo .mobile-app-icon-list div:hover a{  opacity: 0.6;}
.mobile-app-promo .mobile-app-icon-list div:first-child, .mobile-app-promo .mobile-app-icon-list div.ios{border: 1px solid #42a5f5;}
.mobile-app-promo .mobile-app-icon-list div:last-child, .mobile-app-promo .mobile-app-icon-list div.android{border: 1px solid #35dc86;}
.mobile-app-promo .mobile-app-icon-list div svg{width: 35px;height: 35px;}
.mobile-app-promo .mobile-app-icon-list div:hover svg{opacity: 0.6;}
.supportInformation .support-link h3 {border-bottom: 1px solid #eee;margin-top: 0;}
.containerWidth1280{max-width: 1280px;}
.mt-none{margin-top: 0 !important}
body.ie .supportInformation .grid-row{max-height:none;flex-direction:inherit;}
html.opmLeftAlign .grid-row.grid-container,html.opmAlignCenter .grid-row.grid-container{max-width:100%}
.supportInformation .grid-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;min-width:1410px}
.supportInformation h3 {font: 17px LatoBold;padding-bottom:10px;margin-bottom: 25px;width: 75%;display: block;margin-top: 20px;margin-bottom: 8px;}
.supportInformation .grid-col-3,.supportInformation .grid-col-4,.supportInformation .grid-col-6,.supportInformation .grid-col-12{position:relative;width:100%;padding-right:15px;padding-left:15px}
.supportInformation .grid-col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.supportInformation .grid-col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.supportInformation .grid-col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.supportInformation .grid-col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
[class^="grid-col-"]:first-child{padding-left:0}
[class^="grid-col-"]:last-child{padding-right:0}
.supportInformation .grid-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;flex-direction: row;max-height: 100%;}
.supportInformation .support-link h3{border-bottom: 1px solid  #eee;margin-top: 0;}
.link-list{list-style-type: disc; font-size: 14px; line-height: 1.6;padding-left: 25px;}
.link-list li{margin-bottom: 15px;}
.link-list a{color: #147dbf;  margin-bottom: 20px; font-size: 16px;}
.settingsCnt > section .settingsContent.supportPage > .opmFormHolder{top: 10px;}
.threaddumpIcons{display:flex;justify-content: space-between;padding-bottom:10px;align-items: center;}
.settingsCnt > section .settingsContent .title.threaddumpIcons + .opmFormHolder{top:78px !important}
.threaddumpIcons .IconsRight {display:flex;column-gap: 10px;}
.threaddumpIcons .IconsRight .reportHdrFilterLabel {display:flex;column-gap: 10px;font-size:14px;font-family: latoRegular;align-items: center;}
.threaddumpIcons .IconsRight > .selBox{min-width:180px}

.yellow-tag{background: #ffefb5;border: 1px solid #fdd835;font-size: 12px;padding: 0px 6px;border-radius: 20px;line-height: 12px;display: inline-block;margin-left: 5px;}
.tab-block .tabContent{display:none;padding:20px 0 0;max-height: 300px;height: 300px;border:1px solid #c6c6c6;padding: 35px;clear: both;clear: both;overflow: auto;width: 100%;}
.tab-block .tabInput{display:none}
.tab-block .tabLabel{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;margin: 0px 0 -1px;padding:15px;float: left;height: 55px;font-weight:600;text-align:center;color:#000;border: 1px solid #c6c6c6;border-right-color: transparent;border-top: 1px outset #c6c6c6;background-color: #f5f5f5}
.tab-block .tabInput:checked + .tabLabel{color:#000;border-top: 1px solid #27a965;background-color: #fff;border-bottom:1px solid #fff;}
.tab-block .tabInput:checked + .tabLabel::after{content:'';display:block;background: #27a965;width: 100%;height: 2px;position: absolute;top: 0;left:0;}
.tab-block .tabInput[id*="communityTab"]:checked ~ .tabContent[id*="communityContent"],
.tab-block .tabInput[id*="installationTab"]:checked ~ .tabContent[id*="installationContent"],
.tab-block .tabInput[id*="dbInfoTab"]:checked ~ .tabContent[id*="dbInfoContent"],
.tab-block .tabInput[id*="loadDetailsTab"]:checked ~ .tabContent[id*="loadDetailsContent"],
.tab-block .tabInput[id*="upgradeTab"]:checked ~ .tabContent[id*="upgradeContent"],
.tab-block .tabInput[id*="packetCountTab"]:checked ~ .tabContent[id*="packetCountContent"]{display:block}
.tab-block .tabLabel:nth-child(n - 1) {border-right-color: #c6c6c6;}
.noInternet{height: 100%; display: block;}
.noInternet > div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;height: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.noInternet > div h2{font-size: 23px;margin-bottom: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.noInternet > div a, .noInternet > div a:visited{color:#147dbf}
.noInternet > div h2::before{display: inline-block;margin-right: 20px;content: '';background: url(../../img/opm-sprites.png) no-repeat -330px -1310px;width: 27px;height: 26px;}
.support-content .numerical-list li a{color: #147dbf;}
.support-content .numerical-list li{ margin-bottom: 20px; padding-left: 10px;}
.support-content .numerical-list {list-style-type: decimal; padding-left: 30px;}
.table {border-collapse: collapse;border-spacing: 0;border-color: #eee;}
.table td {padding: 10px 5px;border-style: solid;border-width: 0px;overflow: hidden;word-break: normal;border-top-width: 1px;border-bottom-width: 1px;border-color: #eee;color: #333;background-color: #fff;}
.table th {font-weight: normal;padding: 10px 5px;border-style: solid;border-width: 0px;overflow: hidden;word-break: normal;font-weight: bold; border-top-width: 1px;border-bottom-width: 1px;border-color: #aaa;border-top-color: transparent;color: #333;background-color: #fff;}
.table .tableCell {text-align: left;vertical-align: top;}
.table tr:nth-last-child(1) td{border-color: transparent;}
.table tr:nth-child(1) th{padding-top: 0px;}
.detail-list{border-bottom: 1px solid #f2f2f2;clear: both;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;}
.detail-list dt,.detail-list dd{display: inline-block;margin-bottom: 10px;float: left;word-wrap: break-word;}
.detail-list dt{width: 250px;}
.detail-list dd{width: calc(100% - 250px);}
.detail-list dd{position: relative;}
.detail-list dd::before {content: ':';position: absolute;left: -25px; display: inline-block;}
.detail-list dt{clear: left;}
.detail-list dd.inputtype > *{display: inline;}
.detail-list dd .heap-progressbar small{font-size: 10px;color: #666;display: block;margin-bottom: 3px;}
.detail-list dd .heap-progressbar .progBar{display: block; width: 200px;position: relative;height: 6px;content: '';border-radius: 20px;background: #ddd;}
.detail-list dd .heap-progressbar .progBar span{content: '';position: absolute;left: 0;top: 0;height: 6px;background: #239f5a;border-radius: 20px;}
.detail-list .inputtype .value, .detail-list .inputtype input{width: 45px;display: inline-block;outline: none;padding: 0;line-height: 20px;height: 20px;font-family: LatoRegular;border-width: 0;border-bottom: 1px solid transparent;font-size: 14px;}
.detail-list .inputtype input{border-bottom-color: #ddd;}
.detail-list .inputtype input:focus, .detail-list .inputtype input:hover{border-bottom-color:#27a964;}
.detail-list a,.detail-list .inputToggle, .detail-list a:visited{color: #147dbf}
.detail-list .inputToggle{margin-left: 5px;}
.moreLinks{position: absolute; bottom: 20px; right: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.moreLinks a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin: 0 10px;color: #000;}
.moreLinks a::before{content: '';background: url(../../img/opm-sprites.png) no-repeat;display: inline-block; margin: 0 8px;}
.moreLinks a:nth-child(1)::before{background-position: -222px -1261px;width: 21px;height: 21px;}
.moreLinks a:nth-child(2)::before{background-position: -245px -1262px;width: 19px;height: 19px;}
.supportInformation{position: relative;}
.spinner-loader { width: 35px; margin-left: 10px; -webkit-transform: scale(0.5); transform: scale(0.5); height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.spinner-loader.lg { -webkit-transform: scale(1); transform: scale(1); }
.spinner-loader > div { position: absolute; width: 2px; height: 8px; background-color: #000000; opacity: 0.05; -webkit-animation: fadeit 0.8s linear infinite; animation: fadeit 0.8s linear infinite; }
.spinner-loader.success > div { background: #27a965; }
.spinner-loader > .bar-1 { -webkit-transform: rotate(0deg) translate(0, -12px); transform: rotate(0deg) translate(0, -12px); -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
.spinner-loader > .bar-2 { -webkit-transform: rotate(22.5deg) translate(0, -12px); transform: rotate(22.5deg) translate(0, -12px); -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.spinner-loader > .bar-3 { -webkit-transform: rotate(45deg) translate(0, -12px); transform: rotate(45deg) translate(0, -12px); -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.spinner-loader > .bar-4 { -webkit-transform: rotate(67.5deg) translate(0, -12px); transform: rotate(67.5deg) translate(0, -12px); -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.spinner-loader > .bar-5 { -webkit-transform: rotate(90deg) translate(0, -12px); transform: rotate(90deg) translate(0, -12px); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.spinner-loader > .bar-6 { -webkit-transform: rotate(112.5deg) translate(0, -12px); transform: rotate(112.5deg) translate(0, -12px); -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.spinner-loader > .bar-7 { -webkit-transform: rotate(135deg) translate(0, -12px); transform: rotate(135deg) translate(0, -12px); -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.spinner-loader > .bar-8 { -webkit-transform: rotate(157.5deg) translate(0, -12px); transform: rotate(157.5deg) translate(0, -12px); -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.spinner-loader > .bar-9 { -webkit-transform: rotate(180deg) translate(0, -12px); transform: rotate(180deg) translate(0, -12px); -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.spinner-loader > .bar-10 { -webkit-transform: rotate(202.5deg) translate(0, -12px); transform: rotate(202.5deg) translate(0, -12px); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.spinner-loader > .bar-11 { -webkit-transform: rotate(225deg) translate(0, -12px); transform: rotate(225deg) translate(0, -12px); -webkit-animation-delay: 0.55s; animation-delay: 0.55s; }
.spinner-loader > .bar-12 { -webkit-transform: rotate(247.5deg) translate(0, -12px); transform: rotate(247.5deg) translate(0, -12px); -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.spinner-loader > .bar-13 { -webkit-transform: rotate(270deg) translate(0, -12px); transform: rotate(270deg) translate(0, -12px); -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.spinner-loader > .bar-14 { -webkit-transform: rotate(292.5deg) translate(0, -12px); transform: rotate(292.5deg) translate(0, -12px); -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.spinner-loader > .bar-15 { -webkit-transform: rotate(315deg) translate(0, -12px); transform: rotate(315deg) translate(0, -12px); -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.spinner-loader > .bar-16 { -webkit-transform: rotate(337.5deg) translate(0, -12px); transform: rotate(337.5deg) translate(0, -12px); -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.forum-list { overflow-y: auto; width: 100%; height: 100%; }
.forum-list ul { list-style-type: none; margin: 0; padding: 0; }
.forum-list ul li { margin: 0; padding: 0; display: block; border-bottom: 1px solid #eaeaea; }
.forum-list ul li:first-child a { padding-top: 0; }
.forum-list ul li:last-child { border-bottom-width: 0; }
.forum-list ul li:last-child a { padding-bottom: 0; }
.forum-list ul li a { padding: 10px 0; display: block; color: #555555; text-decoration: none; }
.forum-list ul li a:focus, .forum-list ul li a:hover { will-change: color, transition; color: #000; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
.forum-list ul li a:focus em, .forum-list ul li a:focus h2, .forum-list ul li a:hover em, .forum-list ul li a:hover h2 { will-change: color; color: #000000; }
.forum-list ul li h2 { font-family: "LatoBold"; font-weight: bold; color: #666; font-size: 14px; margin: 0 0 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.forum-list ul li em { display: block; font-style: italic; font-size: 13px; color: #7d7d7d; }
.forum-list ul li em span { display: inline-block; margin-right: 12px; }
.forum-list ul li em .category:before { content: ''; display: inline-block; width: 6px; height: 6px; margin: -2px 5px 0 0; background-color: #7d7d7d; border-radius: 50%; }
.forum-list ul li em .category.question { color: #27a965; }
.forum-list ul li em .category.question:before { background-color: #27a965; }
.forum-list ul li em .category.announcement { color: #edc133; }
.forum-list ul li em .category.announcement:before { background-color: #edc133; }
.forum-list ul li em .category.discussion { color: #ac4cab; }
.forum-list ul li em .category.discussion:before { background-color: #ac4cab; }
.forum-list ul li em .category.problem { color: #f34848; }
.forum-list ul li em .category.problem:before { background-color: #f34848; }
.forum-list .moreLinks { background-color: white; }
.tab-block .tabLabel>svg{width: 18px; height: 18px;margin-right: 10px;}

.overflowScrollY{ overflow-y:scroll }

/* USER MGMT REVAMP CSS */

/*! Tab CSS  start */
.tab1>ul>div .badge,.tab1>ul>li .badge{display:inline-block;background:#e2e2e2;margin:10px 0 10px 10px;line-height:1;font-size:12px;border-radius:15px;padding:3px 7px}
.tab1>ul>div.active .badge,.tab1>ul>li.active .badge{background:#27a965;color:#fff}
.tab1.with-accordion{margin-top:15px}
.tab1.with-accordion>ul{background-color:transparent;border-top-color:transparent;border-right-color:transparent;position:relative}
.tab1.with-accordion>ul>li{line-height:25px;cursor:pointer;border-top:1px solid #e2e2e2}
.tab1.with-accordion>ul>li:after,.tab1.with-accordion>ul>li:before{height:4px}
.tab1.with-accordion>ul:after,.tab1.with-accordion>ul:before{content:'';display:inline-block;height:1px;width:10px;position:absolute;bottom:-1px;background-color:#e2e2e2}
.tab1.with-accordion>ul:before{left:-10px}
.tab1.with-accordion>ul:after{right:-10px}
.tab1.with-accordion .tab1Content{padding:0;padding-top:15px;border-color:transparent}
.tab1.with-accordion .tab1Content .opmFormCol+.opmFormCol{margin:0}
/*! Tab CSS ends */
/*! Accordion CSS starts */
.accordion1.spacious>ul>li{margin-bottom:12px}
.accordion1.spacious .accordion1__cont{padding:20px 10px}
.accordion1.full-width{width:calc(100% - 30px)}
.accordion1.withCheckBox .accordion1__nav{padding-right:0}
.accordion1.withCheckBox .accordion1__nav::before{top:calc(50% - 4px)}
.accordion1.withCheckBox .accordion1__nav.active::before{top:calc(50% + 2px)}
.accordion1.withCheckBox .accordion1__nav .opmCheckBox{width:100%}
.accordion1.withCheckBox .accordion1__nav .opmCheckBox>div{width:100%}
.accordion1.withCheckBox .accordion1__nav .opmCheckBox>div label{width:100%}
.accordion1.withCheckBox .accordion1__nav .opmCheckBox>div label:before{background-color:#fff}
/*! Accordion CSS ends */
/*! Horizontal Wizard  starts */
.horizontal-wizard{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.horizontal-wizard .horizontal-wizard__step{display:inline-block;width:320px;position:relative}
.horizontal-wizard .horizontal-wizard__step::after{width:100%;height:1px;content:'';display:block;position:absolute;top:15px;left:32px;background-color:#e2e2e2;z-index:0}
.horizontal-wizard .horizontal-wizard__step .horizontal-wizard__number{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;background-color:#fff;border:1px solid #e2e2e2;margin-bottom:12px}
.horizontal-wizard .horizontal-wizard__step .horizontal-wizard__number::after{content:'';width:10px;height:5px;border:2px solid #fff;border-top-width:0;border-right-width:0;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:11px;display:none}
.horizontal-wizard .horizontal-wizard__step .horizontal-wizard__title{font-weight:700;font-size:16px;margin-bottom:8px}
.horizontal-wizard .horizontal-wizard__step .horizontal-wizard__desc{padding-right:10px;color:#212121;font-size:13px}
body.Windows.ie .horizontal-wizard .horizontal-wizard__step .horizontal-wizard__number::after{content:'';width:10px;height:5px;border:2px solid #fff;border-top-width:0;border-right-width:0;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:11px;display:none;left:10px;}
body.Windows.ie .horizontal-wizard .horizontal-wizard__step.completed .horizontal-wizard__number::after{display:inline-block}
.horizontal-wizard .horizontal-wizard__step.active .horizontal-wizard__number{background-color:#27a965;border-color:#229459;color:#fff}
.horizontal-wizard .horizontal-wizard__step.active .horizontal-wizard__title{color:#229459}
.horizontal-wizard .horizontal-wizard__step.completed .horizontal-wizard__number{background-color:#27a965;border-color:#229459;color:transparent}
.horizontal-wizard .horizontal-wizard__step.completed .horizontal-wizard__number::after{display:inline-block}
.horizontal-wizard .horizontal-wizard__step.completed .horizontal-wizard__title{color:#212121}
.horizontal-wizard .horizontal-wizard__step:last-child::after{display:none}
/*! Horizontal wizards ends */
/*! Upload image btn starts */
.upload-user-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}
.upload-user-image .upload-user-image__wrapper{margin-right:16px;border-radius:50%;width:50px;height:50px;position:relative;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.upload-user-image .upload-user-image__wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block;margin:auto}
.upload-user-image .upload-user-image__wrapper:after{display:block;width:100%;height:100%;-webkit-box-shadow:inset 0 0 6px 0 rgba(0,0,0,.15);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.15);position:absolute;top:0}
.upload-user-image input[type=file]{display:none}
.upload-user-image .opmBtn{background-color:#e2e2e2;color:#212121;border-radius:5px;float:none}
/*! Upload image btn ends */
.lower-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
/* USER MGMT REVAMP CSS END*/

.opmSubnets .opm_deviceView i.subnetEditicon{display: block !important;}
.opm_deviceView i.subnetEditicon{display: none !important;}
.opmSubnets .opm_deviceView{right: 43px !important}
.opmSubnets .BarHolder .SingleBar{padding: 10px 10px}
.opmSubnets .BarHolder .BarInfo {height: 38px !important;white-space:normal;word-break:normal; }

.responseInfo3{background:rgba(0, 166, 247, 0.1);float:left;width:100%;height:auto;border: 1px solid #BFE9FC;padding: 20px;margin: 10px 0px;}
.responseInfo3.type4 .area >  ul li b{font:14px LatoBold;margin:0 0 5px;display:inline-block}
.responseInfo3.type4 .area > ul{list-style-type:none;}
.responseInfo3.type4 .area > ul li {margin-bottom: 20px;}
.responseInfo3.type4 .area > ul li:last-child{margin-bottom: 0;}
.responseInfo3.type4 .area > ul li p{color:#000;}
.responseInfo3.type4 .area > ul li .exapmleIPSection {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.responseInfo3.type4 .area > ul li .exapmleIPSection div{margin-right: 20px;}

/* MSP Getting started css */
html.disableHeaderMenu #nav,html.disableHeaderMenu .settingsHdr,html.disableHeaderMenu .settingsCnt > aside,html.disableHeaderMenu #header{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}
.gettingStartedLHS{overflow:auto}
.gettingStartedLHS .title{position:static!important;font-family:LatoRegular!important;border:0!important;margin-bottom:10px}
.gettingStartedLHS .opmFormHrLine{margin-bottom:10px}
.gettingStartedLHS .opmFormHolder{width:calc(100% - 400px);display:inline-block;float:left;position:static!important;padding:30px!important;height:100%}
.gettingStartedLHS .gettingStarted{width:400px;display:inline-block;float:right;height:100%;padding:30px;background:#e3f5eb;background:-webkit-gradient(linear,left top,right top,from(#e3f5eb),to(white));background:-o-linear-gradient(left,#e3f5eb 0,#fff 100%);background:linear-gradient(90deg,#e3f5eb 0,#fff 100%)}
.gettingStartedLHS .gettingStarted__steps li{margin:20px 0;position:relative}
.gettingStartedLHS .gettingStarted__steps li::after,.gettingStartedLHS .gettingStarted__steps li::before{content:'';display:inline-block;position:absolute;height:10px;width:1px;background-color:#e2e2e2}
.gettingStartedLHS .gettingStarted__steps li::before{top:-10px;left:18px}
.gettingStartedLHS .gettingStarted__steps li::after{top:36px;left:18px}
.gettingStartedLHS .gettingStarted__steps li:first-child::before,.gettingStartedLHS .gettingStarted__steps li:last-child::after{display:none}
html.ie .gettingStartedLHS .gettingStarted__steps li.completed .count::after {top:-2px;left:-1px;line-height:1}
.gettingStartedLHS .gettingStarted__steps li.completed .count{color:#fff;background-color:#fff;border-color:#27a965;border-width:8px}
.gettingStartedLHS .gettingStarted__steps li.completed .count::after{display:block;font-size:25px}
.gettingStartedLHS .gettingStarted__steps li.active{font-family:LatoBold;color:#196b40}
.gettingStartedLHS .gettingStarted__steps li.active .count{color:#fff;background-color:#27a965;border-color:#27a965}
.gettingStartedLHS .gettingStarted__steps li.active .count::before{display:block}
.gettingStartedLHS .gettingStarted__steps li .count{width:36px;height:36px;content:'';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;background-color:#fff;border:1px solid #e2e2e2;margin-right:20px;border-radius:50%;position:relative;float: none}
.gettingStartedLHS .gettingStarted__steps li .count::before{content:'';display:none;position:absolute;z-index:1;top:-5px;left:-5px;right:-5px;bottom:-5px;border:5px solid #85dbad;border-radius:50%}
.gettingStartedLHS .gettingStarted__steps li .count::after{content:'\e8ae';font-family:fontello;display:none;position:absolute;color:#27a965}
.gettingStartedLHS .gettingStarted__steps__sub{color:#000;font-weight:400;font-family:LatoRegular;margin-left:18px;border-left:1px solid #e2e2e2;position:relative}
.gettingStartedLHS .gettingStarted__steps__sub::after,.gettingStartedLHS .gettingStarted__steps__sub::before{content:'';width:1px;height:10px;display:inline-block;position:absolute;left:-1px;background-color:#e2e2e2}
.gettingStartedLHS .gettingStarted__steps__sub::before{top:-10px}
.gettingStartedLHS .gettingStarted__steps__sub::after{bottom:-10px}
.gettingStartedLHS .gettingStarted__steps__sub li{position:relative;padding-left:36px;margin:20px 0}
.gettingStartedLHS .gettingStarted__steps__sub li:last-child{margin-bottom:10px}
.gettingStartedLHS .gettingStarted__steps__sub li::after{display:none}
.gettingStartedLHS .gettingStarted__steps__sub li::before{display:block;width:9px;height:9px;border-radius:50%;top:4px;left:-5px}
.gettingStartedLHS .gettingStarted__steps__sub li:first-child::before{display:block}
.gettingStartedLHS .gettingStarted__steps__sub li.active,.gettingStartedLHS .gettingStarted__steps__sub li.completed{color:#196b40}
.gettingStartedLHS .gettingStarted__steps__sub li.active::before,.gettingStartedLHS .gettingStarted__steps__sub li.completed::before{background-color:#27a965}
.gettingStartedLHS .downloadSection{margin:30px 0 40px}
.gettingStartedLHS .downloadSection .downloadSection_content{font-size:18px;line-height:2}
.gettingStartedLHS .downloadSection .opmBtn.bigDwnld{float:none;margin:20px auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;font-size:16px;line-height:1.8;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gettingStartedLHS .downloadSection .opmBtn.bigDwnld .svgIcon{width:20px;height:20px;margin-right:12px}
.gettingStartedLHS .downloadSection .opmBtn.bigDwnld .svgIcon svg{fill:#fff}
.procedure_steps{line-height:1.6;margin-bottom:10px}
.procedure_steps .opmFormTitle{max-width:unset;float:none}
.procedure_steps a{color:#3996dd;text-decoration:none}
.procedure_steps ul{display:block;padding-left:15px;list-style-type:decimal}
.procedure_steps ul li{margin-bottom:10px}
.procedure_steps .btn-outline{margin:2px}
.btn-outline{display:inline-block;padding:0 10px;line-height:1.6;border:1px solid #27a965;color:#27a965!important;border-radius:4px;background-color:#fff}
.gettingStartedLHS .downloadSection .opmBtn.bigDwnld > a{color:#ffffff;}
.svgIcon.success-color svg{fill:#27a965}
.svgIcon.failed-color svg{fill:#f34848}
.svgIcon.waiting-color svg{fill:#ffa000}
.svgIcon.info-color svg{fill:#3996dd}
.svgIcon.grey-color svg{fill:#7f7f7f}
.mr10{margin-right:10px;}
.procedure_steps.separate{margin-top: 20px;clear: both;float: left;}
/* MSP Getting started css END */

html.product__rmm #header{ display:none !important}
html.product__rmm body{padding-top: 34px !important}
body.rmmSettings #nav{display: none;}
html.product__rmm body.rmmSettings{padding-top: 0px !important}
html.product__rmm #OpM_AlertInfo{top: 45px}
html.product__rmm #nav{padding:0; top:0}
html.product__rmm #globalSearchContainer{top:35px;}
html.product__rmm #container.globalSearchActive #globalSearch:before,html.product__rmm #container.globalSearchActive #globalSearch:after{top:6px;}
html.horizontalView.product__rmm body, html.horizontalView.product__rmm body.settingsPage {padding-top: 34px !important;}
html.horizontalView.product__rmm body.rmmSettings{padding-top: 0 !important;}

/*! Customer Dropdown start */
.customer__DD__nav{display:inline-block;min-width:160px;margin:8px 6px}
#licenseInfoTab .licenseInfoSingle .customer__DD__nav{width:100%!important;margin-left:0}
.customer__DD__nav .selBox>div .select2-container{border-radius:5px;background-color:#fff}
.customer__DD__nav .selBox>div .select2-container .selection .select2-selection .select2-selection__arrow{border-left-color:transparent}
.customer__DD__nav .selBox.customer__selected>div .select2-container{background-color:#27a965}
.customer__DD__nav .selBox.customer__selected>div .select2-container .select2-selection__rendered{color:#fff}
.customer__DD__nav .selBox.customer__selected>div .select2-container .select2-selection__arrow b{border-color:#fff transparent transparent transparent}
.customer__DD__nav .selBox.customer__selected .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff transparent}
.select2__green__DD .select2-container--default{padding-top:3px}
.select2__green__DD .select2-container--default .select2-dropdown{border-color:transparent;border-radius:4px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);box-shadow:0 5px 20px rgba(0,0,0,.2);contain:content}
.select2__green__DD .select2-container--default .select2-search--dropdown .select2-search__field{border-color:#e2e2e2;border-radius:3px}
.select2__green__DD .select2-container--default .select2-results__option{cursor:pointer;font-size:12px}
.select2__green__DD .select2-container--default .select2-results__option[aria-disabled=true]{cursor:not-allowed}
.select2__green__DD .select2-container--default .select2-results__option[aria-selected=true]{background-color:#d9f6e7}
.select2__green__DD .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted{background-color:#d9f6e7}
.select2__green__DD .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#e2e2e2;color:#212121}
.select2__green__DD .select2-container--default .select2-results__group{padding-top:0;padding-bottom:1px}
/*! Customer Dropdown end */
/*! Customer Probe Select Starts */
.selectCustProbe{display:inline-block;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectCustProbe__label{height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#d4d4d4;border-radius:4px;padding:4px 40px 4px 6px;margin-top:8px;line-height:1;border:1px solid #d4d4d4;position:relative;cursor:pointer;color:#212121}
.selectCustProbe__label:hover{border-color:rgba(125,125,125,.2)}
.selectCustProbe__label:after{position:absolute;content:'';border:4px solid transparent;border-top-color:#7d7d7d;border-bottom-width:0;right:8px}
.selectCustProbe__label .text{font-family:LatoBold;font-size:13px;max-width:200px;min-width:70px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.selectCustProbe__label .text>span{display:block;font-family:LatoRegular;font-size:11px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height :12px}
.selectCustProbe__label .selectCustProbe__icon{background-color:#483636;border-radius:4px;padding:4px;margin-right:12px}
.selectCustProbe__label .selectCustProbe__icon .svgIcon{fill:#fff;width:16px;height:16px;line-height:1}
.selectCustProbe.active .selectCustProbe__label{border-color:rgba(125,125,125,.2)}
.selectCustProbe.active .selectCustProbe__DD{display:block}
.selectCustProbe.selected .selectCustProbe__icon{background-color:#145633}
.selectCustProbe.selected .selectCustProbe__label{border-color:rgba(39,169,101,.3);background-color:rgba(39,169,101,.1)}
.selectCustProbe__DD{display:none;position:absolute;top:50px;width:300px;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 10px 20px rgba(125,125,125,.3);box-shadow:0 10px 20px rgba(125,125,125,.3);padding-bottom:4px}
.selectCustProbe__DD .heading{pointer-events:none;font-family:LatoBold;color:#000}
.selectCustProbe__DD .selectCustProbe__title{color:#7d7d7d;padding:8px 12px;border-bottom:1px solid #e2e2e2}
.selectCustProbe__DD .selectCustProbe__search{color:#7d7d7d;padding:8px 12px;border-bottom:1px solid #e2e2e2}
.selectCustProbe__DD .selectCustProbe__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:200px;position:relative}
.selectCustProbe__DD .selectCustProbe__wrapper:after{content:'';position:absolute;width:1px;height:204px;top:0;left:50%;background-color:#e2e2e2}
.selectCustProbe__DD .selectCustProbe__customer,.selectCustProbe__DD .selectCustProbe__probe{display:inline-block;width:50%;max-height:200px;overflow:auto}
.selectCustProbe__DD ul li {padding: 4px 8px 4px 12px;cursor: pointer;color: #444;line-height: 1.5;display: flex;align-items: center;justify-content: space-between}
.selectCustProbe__DD ul li:hover{background-color:rgba(39,169,101,.2)}
.selectCustProbe__DD ul li.active{color:#145633;font-family:LatoBold;background-color:rgba(39,169,101,.2)}
.selectCustProbe__DD ul li.disabled{opacity:.5;cursor:not-allowed}
.selectCustProbe__DD ul li.disabled:hover{background-color:transparent}
.selectCustProbe__DD ul li span.probe-count{font-family: 'LatoRegular';border: 1px solid #fff;background: #f6e9ad;padding: 4px;font-size: 12px;height: 21px;display: flex;justify-content: center;align-items: center;border-radius: 2px;}

.selectCustProbe__DD .selectCustProbe__open-search,.selectCustProbe__DD .selectCustProbe__close-search{display:flex;justify-content:space-between;align-items:center;}
.selectCustProbe__DD .selectCustProbe__close-search input{border:none;background:#fff;padding:4px 0px;width: 250px;font-size:14px;font-family:latoRegular}
.selectCustProbe__DD .selectCustProbe__open-search.displayBlock,.selectCustProbe__DD .selectCustProbe__close-search.displayBlock{ display:block !important}
.selectCustProbe__DD .selectCustProbe__open-search.displayNone,.selectCustProbe__DD .selectCustProbe__close-search.displayNone{ display:none !important}

/*! Customer Probe Select Ends */


/*! MSP Billing start */
.table-legend{margin:0 8px 0 12px;display:inline-block}
.table-legend.paid::before,.table-legend.unpaid::before{content:'';display:inline-block;margin:5px;width:10px;height:10px;border-radius:50%}
.table-legend.paid::before{background-color:#00bc77}
.table-legend.unpaid::before{background-color:#ff7f00}
.opmFormHolder.withTabStatic{top:120px!important}
.opmFormHolder.withTabStatic .actionDropDown{right:40px;z-index:9}
.tabStatic.tabStatic__fixedTop+.opmBtnHldrTop{top:65px;z-index:9}
.actionDropDown.white{background-color:#fff}
.actionDropDown.white .actionDropDown__list{background-color:#fff}
.actionDropDown.white .actionDropDown__list:hover::after{background-color:#fff}
.max1400{max-width:1400px}
.maxWidthnone{max-width:none !important}
.opmBtnHldrTop .iconHldr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px}
.opmBtnHldrTop .iconHldr .svgIcon{margin:0 10px}
.pageBack{background-color:#f2f2f2;border-radius:3px;font-size:10px;font-weight:400;font-family:LatoRegular;padding:6px 8px 6px 24px;position:relative;margin-right:16px;line-height:1;float:left;cursor:pointer}
.pageBack::before{content:'';display:inline-block;width:5px;height:5px;border-radius:0;background-color:#2220;position:absolute;top:8px;left:12px;border:1px solid #222;border-right-width:0;border-top-width:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.pageBack:hover{background-color:#eaeaea}
.toggleInput .viewField{display:block}
.toggleInput .editField{display:none;margin-top:-10px}
.toggleInput .editField input{height:27px}
.toggleInput.active .viewField{display:none}
.toggleInput.active .editField{display:block}
.remove-icon{cursor:pointer}
.remove-icon svg{fill:#222}
.remove-icon:hover svg{fill:#f34848}
.no-dataText{height:240px}
.popover-highlight-text{border-bottom:2px dashed #d4d4d4;display:inline}
.opmFormTitle.opmFormTitle-lg{font-size:18px;margin-top:0;margin-bottom:20px}
.withIcon{position:relative}
.withIcon input{padding-right:40px}
.withIcon .inputFieldIcon{width:auto;height:100%;position:absolute;padding:0 10px;border:1px solid #d4d4d4;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-left{margin-right:auto}
.flex-right{margin-left:auto}
.flex-start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
/*! MSP Billing end */

.subTitle.withCheckbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.subTitle.withCheckbox>.hasHelpCard{margin-left:10px;margin-top:0}
.text-italic{font-style:italic}

@-webkit-keyframes fadeit { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeit { 0% { opacity: 1; }
  100% { opacity: 0; } }
/*Support Revamp Page ends-----------*/
.w-17p {width: 17.5% !important}
.w-9p {width:9% !important}
.m-l-6p{margin-left: 6% !important;}
.w-12p {width: 12% !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-20{margin-left: 20px !important;}
.m-l-50{margin-left: 50px !important;}
.BtnHldrFix {position:initial !important;margin:0px -42px 0px 0px !important}

/*Central Details Starts*/
.infoMssg2 { width: 700px; text-align: left; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; border: 1px solid #e2e2e2; padding: 10px; margin: 20px 0; }
.infoMssg2.success { background: #C5E8D5; border-color: #3DB474; }
.infoMssg2.success.center {width: 99%;display: flex;align-items: center;justify-content: center;}
.infoMssg2 > .iconStatusGreen2 {display: inline-block;width: 21px;height: 21px;-webkit-box-flex: 0;-ms-flex: 0 0 21px;flex: 0 0 21px;border: 1px solid #3DB474;border-radius: 100%;margin-right: 15px;}
.infoMssg2 > .iconStatusGreen2:before {content:'!';color:#3DB474;font-size:14px;padding: 7px;}

.responseInfo2{background:#fffbe5;float:left;width:100%;height:auto;border: 1px solid #ffe89e;padding: 10px 15px;}
.responseInfo2.type4 .area >  ul li b{font:14px LatoBold;margin:0 0 5px;display:inline-block}
.responseInfo2.type4 .area > ul{list-style-type:none;}
.responseInfo2.type4 .area > ul li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.responseInfo2.type4 .area > ul li p{margin: 0 2px 5px;color:#454545;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.d-inline{display: inline-block !important;}
.w-22{width: 22% !important;}
/*Central Details End*/

/*! Addon Popup Starts */
.demo-image-wrapper{height:100%;overflow:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.demo-image-wrapper.no-margin>img{margin:0 0 20px 0}
.demo-image-wrapper>img{margin:20px;display:block;max-width:1400px}
.demo-image-wrapper>img.center{margin-left:auto;margin-right:auto}
.demo-image-wrapper .sample-data-msg{position:absolute;top:100px;width:100%;line-height:300px;background-color: rgba(0,0,0,.08);font-size: 55px;text-align:center;color: rgba(0, 0, 0, 0.40);}
.demo-image-wrapper.on-inventory {position: absolute;z-index: 9;width: 100%;height: 300px;top: 100px;}
.demo-image-wrapper.width1400 {width: 1360px;}
.demo-image-wrapper.width1400 .sample-data-msg {left: 40px;line-height: 200px;top: 170px;}
.demo-image-wrapper.scrollFix .sampleImgLeft {margin-left: 0;margin-right: 0;width: 100%;}
.demo-image-wrapper.scrollFix {max-width: 14000px;width: 100%;overflow: hidden;}
.demo-image-wrapper.scrollFix .sample-data-msg {left: 0;}
.demo-image-wrapper.scrollFix.width1400 .sample-data-msg {left: 0;width:1400px}

.prevent-click{pointer-events:none}
.demo-image-wrapper.on-inventory .sample-data-msg{top:0}
.addon-popup .addon-popup__wrapper-animation{content:'';display:block;background-color:rgba(0,0,0,.6);-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;position:absolute;border-radius:15px;top:0;left:0;width:0;height:0;z-index:998}
.addon-popup .addon-popup__wrapper{z-index:999;position:absolute;top:0;left:0;width:100%;height:100%;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.addon-popup .addon-popup__wrapper::before{content:'';background-color:rgba(0,0,0,.4);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.addon-popup .addon-popup__wrapper .addon-popup__modal{margin-top:100px;padding:50px;width:700px;height:400px;border-radius:12px;-webkit-box-shadow:0 20px 20px rgba(0,0,0,.2);box-shadow:0 20px 20px rgba(0,0,0,.2);background-color:#fff;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.addon-popup .addon-popup__wrapper .addon-popup__modal.nfa-addon{width:600px}
.addon-popup .addon-popup__wrapper .addon-popup__modal__container{text-align:center}
.addon-popup .addon-popup__wrapper .addon-popup__modal__container sup{vertical-align:super;font-size:16px}
.addon-popup .addon-popup__wrapper .addon-popup__modal-title{font-family:LatoBold;font-weight:700;font-size:24px;margin-top:32px;margin-bottom:16px}
.addon-popup .addon-popup__wrapper .addon-popup__modal__cta{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.addon-popup .addon-popup__wrapper .addon-popup__modal__cta .opmBtn{float:none;border-radius:4px;color:white;text-decoration:none}
.addon-popup .addon-popup__wrapper .addon-popup__modal__cta .opmBtn.btn-grey {color: #222;}
.addon-popup .addon-popup__wrapper .addon-popup__modal__cta .opmBtn+.opmBtn{margin-left:20px}
.addon-popup .product__icon{background-color:rgba(39,169,101,.1);display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;width:100px;height:100px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:16px}
.addon-popup__modal .responseInfo2 {margin: 10px;}
.addon-popup__modal .responseInfo2.type4 .area > ul li p {justify-content: center;width: 100%;margin: 0;}
.responseInfo2{background:#fffbe5;float:left;width:100%;height:auto;border: 1px solid #ffe89e;padding: 10px 15px;}
.responseInfo2.type4 .area >  ul li b{font:14px LatoBold;margin:0 0 5px;display:inline-block}
.responseInfo2.type4 .area > ul{list-style-type:none;}
.responseInfo2.type4 .area > ul li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.responseInfo2.type4 .area > ul li p{margin: 0 2px 5px;color:#454545;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
/*! Addon Popup Ends */

/* Addon Popup Close Icon Starts */
.addon-popup .addon-popup__close { position: absolute; right: 15px; top: 15px; width: 25px; height: 25px; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; z-index: 2; background-color: white; border-radius: 3px; }
.addon-popup .addon-popup__close .close-icon { border-radius: 50%; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; cursor: pointer; contain: layout; display: -webkit-box; display: -ms-flexbox; display: flex; width: 25px; height: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 0; will-change: width; -webkit-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; }
.addon-popup .addon-popup__close .close-icon::after, .addon-popup .addon-popup__close .close-icon::before { content: ''; width: 1px; height: 11px; background-color: #7d7d7d; display: block; contain: style; position: absolute; }
.addon-popup .addon-popup__close .close-icon::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; }
.addon-popup .addon-popup__close .close-menu { display: none; padding: 25px 0 3px; text-align: right; border: 1px solid #fff; }
.addon-popup .addon-popup__close .close-menu > li { border-top: 1px solid #f0f0f0; }
.addon-popup .addon-popup__close .close-menu > li > a { padding: 7px 10px; display: block; color: #444; background-color: #fff; }
.addon-popup .addon-popup__close .close-menu > li > a:active, .addon-popup .addon-popup__close .close-menu > li > a:focus, .addon-popup .addon-popup__close .close-menu > li > a:hover { color: #000; background-color: #f5f5f5; }
.addon-popup .addon-popup__close .close-menu > li > a:visited { color: unset; }
.addon-popup .addon-popup__close:hover { width: auto; height: auto; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
.addon-popup .addon-popup__close:hover .close-menu { display: block; border: 1px solid #f0f0f0; border-radius: 3px; }
.addon-popup .addon-popup__close:hover .close-icon { background: transparent; cursor: default; }

body.ie .addon-popup .addon-popup__close .close-icon::after, body.ie .addon-popup .addon-popup__close .close-icon::before{top: 7px;left: 12px;}
body.ie .addon-popup .addon-popup__close .close-icon{display:block}
/* Addon Popup Close Icon Ends */

/*! Start of License Management */
.flex-left{margin-right:auto}
.flex-right{margin-left:auto}
.licensePopup.no-form .licensePopup__wrapper{height:420px;max-width:840px}
.licensePopup.no-form .licensePopup__wrapper .licensePopup__license.full{width:100%;border-radius:15px}
.licensePopup__wrapper .licensePopup__license .licensePopup__content {overflow: auto}
.settingsCnt>section .settingsContent .title.space1{top:20px}
.settingsCnt>section .settingsContent .title.space1 .opmInfoMessage{margin-top:8px;background-color:#fff}
.settingsCnt>section .settingsContent .title_1+.opmFormHolder.tree-view-holder{top:64px}
body.ncmFirmVulnPatchTree .AETIDContent{margin-top:0 !important;z-index:99}
html.horizontalView body.ncmFirmVulnPatchTree #opmInventorySideBarContent,body.ncmFirmVulnPatchTree .deviceSlideContent {top:0}
.patchTreeInfo{width: 20% !important;display: flex;justify-content: center;}
.scrollUp,.scrollDown {cursor: pointer;z-index: 99;background: none;border: 0;position:absolute;left:50%;margin-left:-20px;opacity:0}
.scrollUp{top:0}
.scrollDown{bottom:0}
.scrollUp svg,.scrollDown svg{fill:#45bc7f}
.tree-view__column:hover .scrollUp,.tree-view__column:hover .scrollDown {opacity: 1}
.tree-view__main{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto;width:100%;height:calc( 100% - 100px);overflow-x:auto}
.tree-view__column{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1px;position:relative;}
.tree-view__column:first-child ul li .tree-view-patch-cont{padding-left:0}
.tree-view__column:first-child ul li .tree-view-patch-cont:before{display:none}
.tree-view__column:first-child ul li .tree-view-patch-cont.active .tree-view__patch-h-line{width:270px;left:0}
.tree-view__column:last-child ul li .tree-view-patch-cont{padding-right:0}
.tree-view__column:last-child ul li .tree-view-patch-cont.active .tree-view__patch-h-line{width:250px;left:0}
.tree-view__column:last-child ul{margin-right:20px}
.tree-view__column:before {top: 0px;left: 0;position: absolute;content: "";width: 100%;height: 16px;z-index: 1;background: -webkit-gradient(linear,left top,left bottom,from(white),to(rgba(255,255,255,0)));background: linear-gradient(white,rgba(255,255,255,0))}
.tree-view__column:after {bottom: 0;left: 0;position: absolute;content: "";width: 100%;height: 16px;z-index: 1;background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background: linear-gradient(rgba(255,255,255,0),#fff)}
.tree-view__patch-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.8);z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.tree-view__patch-loading .opmLoading-circle{left:unset;margin-top:-16px}
.tree-view__column ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;overflow-y:scroll;height:100%;scrollbar-width:none;-ms-overflow-style:none;position:relative}
.tree-view__column ul::-webkit-scrollbar{width:0;display:none;background:0 0}
.tree-view__column ul li{position:relative}
.tree-view__column ul li:hover .tree-view__patch-slider{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__column:last-child ul li .tree-view__patch-slider{right:10px}
.tree-view__column ul li:last-child{margin-bottom:12px}
.tree-view__column ul li .tree-view-patch-cont{padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.tree-view__column ul li .tree-view-patch-cont:last-child:before{height:0%}
.tree-view__column ul li .tree-view-patch-cont:hover .tree-view__patch-info{background:#fbfbfb}
.tree-view__column ul li .tree-view-patch-cont.active .tree-view__patch-info{background:#f0f9f4;border:2px solid #249c5e}
.tree-view__column ul li .tree-view-patch-cont.active .tree-view__patch-h-line{width:290px;background-color:#249c5e}
.tree-view__column ul li .tree-view-patch-cont.active .tree-view__heilight-line{display:block;background:#249c5e;z-index:99}
.tree-view__patch-info{width:250px;background:#fff;border:2px solid #dcdcdc;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;border-radius:8px;cursor:pointer;position:relative}
.tree-view__cve-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.tree-view__cve-number .status-1,.tree-view__cve-number .status-2,.tree-view__cve-number .status-3,.tree-view__cve-number .status-4,.tree-view__cve-number .status-5{display:none}
.tree-view__cve-number.status-1 .status-1{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__cve-number.status-2 .status-2{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__cve-number.status-3 .status-3{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__cve-number.status-4 .status-4{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__cve-number.status-5 .status-5{display:-webkit-box;display:-ms-flexbox;display:flex}
.tree-view__recommended-patch,.tree-view__vulnerabilities{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tree-view__patch-h-line{position:absolute;width:250px;height:2px;background:#dcdcdc;top:50%;left:0px;z-index:-1}
.tree-view__heilight-line{position:absolute;left:0;width:2px;height:0;background:#dcdcdc;z-index:2}
.tree-view__patch-slider{position:absolute;top:12px;right:30px;display:none}
.tree-view__patch-slider svg{fill:#2e64b8}
#firmVulnPatchSlideContainer{z-index:-1}
html.opmTopBandBannerActive #firmVulnPatchLatestPatchSlideContainer .opm_jqGridUI.themeOne.alterTheme.no-strip .ui-jqgrid-bdiv {max-height: calc(100vh - 430px) !important;height: auto !important}
#firmVulnPatchLatestPatchSlideContainer .opm_jqGridUI.themeOne.alterTheme.no-strip .ui-jqgrid-bdiv{max-height: calc(100vh - 400px) !important;}
html.opmTopBandBannerActive #firmVulnPatchLatestPatchSlideContainer .opm_jqGridUI.themeOne.alterTheme.no-strip .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv {max-height: calc(100vh - 470px) !important;height: auto !important}
#firmVulnPatchLatestPatchSlideContainer .opm_jqGridUI.themeOne.alterTheme.no-strip .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv{ max-height: calc(100vh - 460px) !important;}
.stableReleDet{display:flex;margin-bottom:12px;gap:12px;padding:8px 12px;border: 1px solid #dcdcdc;border-radius: 4px;background: #f5f5f5;width: max-content;}
.stableReleDet div{position:relative}
.stableReleDet div:before {padding-right: 12px;border-right: 1px solid #dcdcdc;width:1px;height:12px;position:absolute;right:-6px;top:2px;content:""}
.stableReleDet div:last-child:before{display:none}
.opmBtnHldrTop.style2{top:15px}
.opmBtnHldrTop.style2 .opmBtn{border-radius:0}
.opmFormHolder .opmForm.opmFormFullWidth{max-width:calc(100% - 30px)}
.green-link{color:#195c30}
.LicMgmt{margin-top:15px}
.LicMgmt .usageBox-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}
.LicMgmt .usageBox-block .usageBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:174px;height:64px;margin:5px 10px 5px 0;padding:8px 10px;border-radius:6px;border:1px solid #eaeaea;background-color:#fff;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.LicMgmt .usageBox-block .usageBox:last-child{margin-right:0}
.LicMgmt .usageBox-block .usageBox.small.style2{width:auto;min-width:120px}
.LicMgmt .usageBox-block .usageBox.small.style2 .value{font-size:18px;font-family:LatoBold}
.LicMgmt .usageBox-block .usageBox.small.style2 .value .value__desc{font-size:12px}
.LicMgmt .usageBox-block .usageBox.small.style2 .usage-title{font-size:14px}
.LicMgmt .usageBox-block .usageBox .flex-left{margin-right:auto}
.LicMgmt .usageBox-block .usageBox .flex-right{margin-left:auto}
.LicMgmt .usageBox-block .usageBox .value{font-size:32px;line-height:1;color:#195c30}
.LicMgmt .usageBox-block .usageBox .usage-title{color:#293e33;text-align:right;line-height:1.4;font-family:LatoBold;max-width:90px;max-height:40px;-webkit-line-clamp:calc(2 + 1);-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:unset}
.LicMgmt .usageBox-block .usageBox .usage-tooltip{display:block;position:absolute;background:#fff;top:45px;left:20px;padding:16px 12px;width:200px;z-index:1;color:#333;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.17);box-shadow:0 3px 6px rgba(0,0,0,.17);border-radius:50%;font-size:13px;line-height:1.6;text-align:center;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);will-change:transform;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;cursor:default}
.LicMgmt .usageBox-block .usageBox .usage-tooltip p{margin-bottom:10px}
.LicMgmt .usageBox-block .usageBox .usage-tooltip a{cursor:pointer}
.LicMgmt .usageBox-block .usageBox .usage-tooltip b{font-family:LatoBold}
.LicMgmt .usageBox-block .usageBox.active{border:1px solid #81ce9c;background-color:#f8fffb}
.LicMgmt .usageBox-block .usageBox.active:hover{background-color:#f8fffb;cursor:default}
.LicMgmt .usageBox-block .usageBox.disabled,.LicMgmt .usageBox-block .usageBox.disabled.style2:hover,.LicMgmt .usageBox-block .usageBox.disabled:hover{cursor:default;-webkit-box-shadow:none;box-shadow:none}
.LicMgmt .usageBox-block .usageBox.disabled.style2:hover>div:not(.badges),.LicMgmt .usageBox-block .usageBox.disabled:hover>div:not(.badges),.LicMgmt .usageBox-block .usageBox.disabled>div:not(.badges){opacity:.5}
.LicMgmt .usageBox-block .usageBox.secondary{border:1px solid #72b8ff;background-color:#f5fbff}
.LicMgmt .usageBox-block .usageBox.secondary:hover{background-color:#f5fbff}
.LicMgmt .usageBox-block .usageBox.secondary .value{color:#126ecb}
.LicMgmt .usageBox-block .usageBox.secondary .usage-title{color:#29333e}
.LicMgmt .usageBox-block .usageBox.danger{border:1px solid #8d0a0a;background-color:#ffe8e8}
.LicMgmt .usageBox-block .usageBox.danger:hover{background-color:#f5fbff;cursor:default}
.LicMgmt .usageBox-block .usageBox.danger .value{color:#8d0a0a}
.LicMgmt .usageBox-block .usageBox.danger .usage-title{color:#29333e}
.LicMgmt .usageBox-block .usageBox.unlimited .value{margin-right:10px}
.LicMgmt .usageBox-block .usageBox.unlimited .usage-title{text-align:left;font-size:18px;max-width:120px;line-height:1.1}
.LicMgmt .usageBox-block .usageBox.unlimited .svgIcon svg{fill:#195c30}
.LicMgmt .usageBox-block .usageBox:hover{background-color:#f5f5f5;cursor:pointer}
.LicMgmt .usageBox-block .usageBox:hover .usage-tooltip{border-radius:7px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.LicMgmt .usageBox-block .usageBox.only-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-color:transparent;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;width:auto}
.LicMgmt .usageBox-block .usageBox.only-text .name{opacity:.6}
.LicMgmt .usageBox-block .usageBox.only-text .type{font-family:LatoBold;font-size:18px;margin-top:5px}
.LicMgmt .usageBox-block .usageBox.only-text .type.success{color:#1d804c}
.LicMgmt .usageBox-block .usageBox.only-text .type.danger{color:#c80d0d}
.LicMgmt .usageBox-block .usageBox.only-text:hover{cursor:default}
.LicMgmt .usageBox-block .usageBox.style2.active:hover,.LicMgmt .usageBox-block .usageBox.style2.disabled:hover{z-index:99}
.LicMgmt .usageBox-block .usageBox.style2{width:180px;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
.LicMgmt .usageBox-block .usageBox.style2 .value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 6px;font-size:28px}
.LicMgmt .usageBox-block .usageBox.style2 .value__desc{color:#212121;font-size:13px;margin-top:4px}
.LicMgmt .usageBox-block .usageBox.style2 .usage-title{font-size:16px;max-width:100%;text-align:left}
.LicMgmt .usageBox-block .usageBox.style2.primary .value{color:#efa315}
.LicMgmt .usageBox-block .usageBox.style2.active{border:1px solid #81ce9c;background-color:#f8fffb}
.LicMgmt .usageBox-block .usageBox.style2:hover{background-color:#fff;-webkit-box-shadow:4px 3px 7px rgba(0,0,0,.15);box-shadow:4px 3px 7px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);z-index:1}
.LicMgmt .usageBox-block .usageBox .icon-tooltip{display:none;position:absolute;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);z-index:2;top:22px;right:-54px;border-radius:6px;width:190px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip:before{content:'';display:block;border:4px solid transparent;border-bottom-color:#fff;position:absolute;right:54px;top:-8px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#111;font-size:12px;padding:8px;border-bottom:1px solid #f4f4f4;font-family:LatoBold}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title .svgIcon{margin-right:6px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title.addon-icon .svgIcon{width:16px!important;height:16px!important;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title.addon-icon .svgIcon svg{stroke-width:1!important;fill:#83c0ff!important;stroke:#2781db!important}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title.primary-icon .svgIcon{width:16px!important;height:16px!important;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__title.primary-icon .svgIcon svg{stroke-width:40!important;fill:#efa315!important;stroke:#af7c1f!important}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__detail{padding:8px}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__detail .value{color:#000}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__detail p{font-size:13px;line-height:1.5}
.LicMgmt .usageBox-block .usageBox .icon-tooltip__detail b{font-family:LatoBold}
.LicMgmt .usageBox-block .usageBox .badges{position:absolute;right:6px;top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.LicMgmt .usageBox-block .usageBox .badges.--right .icon-tooltip{right:unset;left:0}
.LicMgmt .usageBox-block .usageBox .badges.--right .icon-tooltip::before{right:unset;left:5px}
.LicMgmt .usageBox-block .usageBox .badges .icon{width:16px;height:16px;margin-left:6px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0}
.LicMgmt .usageBox-block .usageBox .badges .icon .svgIcon{width:10px;height:10px;line-height: 0}
.LicMgmt .usageBox-block .usageBox .badges .icon:hover .icon-tooltip{display:block}
.LicMgmt .usageBox-block .usageBox .badges .primary{background-color:#f0e6d3}
.LicMgmt .usageBox-block .usageBox .badges .primary .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.LicMgmt .usageBox-block .usageBox .badges .addon{background-color:#e1edf4}
.LicMgmt .usageBox-block .usageBox .badges .addon .svgIcon svg{stroke-width:1;fill:#83c0ff;stroke:#2781db}
.LicMgmt .elem-calc .calc{margin:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.LicMgmt .elem-calc .calc .additional,.LicMgmt .elem-calc .calc .primary{text-align:center;font-style:italic;color:#212121}
.LicMgmt .elem-calc .calc .additional .tag,.LicMgmt .elem-calc .calc .primary .tag{color:#af7c1f;background-color:#f0e6d3;padding:3px 8px;border-radius:20px;font-style:normal;font-family:LatoBold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.LicMgmt .elem-calc .calc .additional .tag .svgIcon,.LicMgmt .elem-calc .calc .primary .tag .svgIcon{margin-right:8px}
.LicMgmt .elem-calc .calc .additional .tag .svgIcon svg,.LicMgmt .elem-calc .calc .primary .tag .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.LicMgmt .elem-calc .calc .primary .tag{color:#af7c1f;background-color:#f0e6d3}
.LicMgmt .elem-calc .calc .primary .tag .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.LicMgmt .elem-calc .calc .additional{color:#2781db;font-style:normal}
.LicMgmt .elem-calc .calc .additional .tag{color:#2781db;background-color:#e1edf4}
.LicMgmt .elem-calc .calc .additional .tag .svgIcon svg{stroke-width:1;fill:#83c0ff;stroke:#2781db}
.LicMgmt .elem-calc .calc>*{margin-right:8px}
.LicMgmt .elem-calc p{margin:10px 0}
.manage-devs {margin-bottom: 20px;}
.LicMgmt .manage-devs b{font-size:20px;margin-bottom:10px}
.LicMgmt .manage-devs .progress-bar{content:'';position:relative;width:200px;height:10px;border-radius:10px;background-color:#e2e2e2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;margin-right:10px}
.LicMgmt .manage-devs .progress-bar .manage{position:absolute;height:100%;border-radius:10px;background-color:#27a965;top:0;left:0;display:block;content:''}
.LicMgmt .manage-devs .legend{margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.LicMgmt .manage-devs .legend.managed::before,.LicMgmt .manage-devs .legend.unmanaged::before{content:'';display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;background-color:#e2e2e2}
.LicMgmt .manage-devs .legend.managed::before{background-color:#27a965}
.LicMgmt .manage-devs .opmBtn, #LicenseActivation  .manage-devs .opmBtn{padding:4px 12px;min-width:unset;border-radius:4px;margin-right:12px}
.LicMgmt .manage-devs .opmBtn:hover{background-color:#229459}
.LicMgmt .filter{cursor:pointer}
.LicMgmt .filter-block{margin:10px 0;padding:12px;border:1px solid #e2e2e2;position:relative}
.LicMgmt .filter-block:before{content:'';width:10px;height:10px;top:-7px;right:16px;position:absolute;background-color:#fff;border:1px solid #e2e2e2;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right-width:0;border-bottom-width:0}
.LicMgmt .filter-block .grid-row{margin-bottom:0}
.LicMgmt .filter-block label{margin-bottom:10px;display:block}
.LicMgmt .filter-block .opmBtn{margin-top:26px}
.filter-block .opmBtn.plain-btn-link {background: transparent;color: #31a5f0;padding-left: 7px;padding-right: 0;width: auto;min-width: auto}
.licensePopup.upload-block .licensePopup__wrapper{height:auto}
.licensePopup.upload-block .licensePopup__wrapper .licensePopup__license{max-height:240px}
.licensePopup .upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px;background-color:#f8f8f8;border:2px dashed #ddd;min-width:500px;margin:20px 0;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.licensePopup .upload.is-dragover{background-color: #f6f6f6;border: 2px dashed #ccc;}
.licensePopup .upload.upload-file{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px 30px}
.licensePopup .upload.upload-file .svgIcon,.licensePopup .upload.upload-file b,.licensePopup .upload.upload-file span,.licensePopup .upload.upload-file div.fileUpload{display:none}
.licensePopup .upload b{font-family:LatoBold;margin-bottom:10px}
.licensePopup .upload .opmBtn{max-width:120px;margin-top:10px}
.licensePopup .upload .svgIcon{margin:0 10px 20px;width:50px;height:50px}
.licensePopup .upload .svgIcon svg{fill:#777}
.apm-steps{max-width:1000px;padding:30px 0;text-align:center;line-height:1.6}
.apm-steps .steps{text-align:left;color:#444}
.apm-steps b{font-family:LatoBold}
.apm-steps p{margin-bottom:10px}
.apm-steps h3{font-size:18px;font-family:LatoBold;margin-bottom:16px}
.app_download .android,.app_download .ios{content:'';background:url(/apiclient/fluidicv2/img/opm-sprites.png) no-repeat -9px -2007px;width:172px;height:50px;margin:20px 0;cursor:pointer}
.app_download .android{background-position:-185px -2007px}
.table-title{margin:15px 0}
.table-title b{font-family:LatoBold}
.opm_link.opm_link_with_icon .svgIcon{margin-right:10px}
.opm_link.opm_link_with_icon .svgIcon svg{fill:#31a5f0}
.WarningMsg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-top:1px solid #f5f5f5;padding-top:15px}
.WarningMsg .svgIcon{margin-right:15px}
.WarningMsg b{font-family:LatoBold}
.WarningMsg__content{color:#8d0a0a}
.licensePopup.dragndrop .licensePopup__wrapper{height:auto}
.licensePopup.dragndrop .licensePopup__wrapper .licensePopup__license{max-height:380px}
.opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-hdiv thead > tr th .hasHelpCard {z-index:1}
.opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-hdiv thead > tr th, .opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-hdiv, .opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td,.opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv > div { overflow: visible !important }
.opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv{overflow:visible !important}
#autodownloadhelp.active {overflow:visible}
html.ie .licensePopup.no-form .licensePopup__wrapper{max-width:560px}
.licenceDetails.exceeding{color:#212121}
.licenceDetails.exceeding .settingsContent{bottom:50px;top:60px;padding:12px 50px;overflow:auto}
.licenceDetails.exceeding .searchBox{width:240px;margin-bottom:15px;position:relative}
.licenceDetails.exceeding .searchBox .searchBox-input{width:100%;border:1px solid #dcdcdc;height:33px;padding:5px 10px;font:14px LatoRegular;background-color:#f5f5f5}
.licenceDetails.exceeding .searchBox .searchBox-input:focus,.licenceDetails.exceeding .searchBox .searchBox-input:hover{background-color:#fff}
.licenceDetails.exceeding .searchBox:before{font-size:16px;font-family:fontello;content:'\e8d6';color:#b9b9b9;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1}
.licenceDetails.exceeding header{background-color:#f8f8f8;border-top:1px solid #e2e2e2;font:14px LatoRegular;height:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:50px;padding-right:50px}
.licenceDetails.exceeding header .Logo{font:22px/2 RobotoSlabLight}
.licenceDetails.exceeding header .opmBtn{background-color:#fff;border-radius:4px;border:2px solid #27a965;color:#145633;padding:8px 24px;margin-left:8px;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;transition:background-color ease .3s}
.licenceDetails.exceeding header .opmBtn:hover{background-color:#eefbf4}
.licenceDetails.exceeding header .opmBtn.withIcon{border-color:transparent;background-color:transparent;color:#7d7d7d;padding-left:12px;padding-right:4px;margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.licenceDetails.exceeding header .opmBtn.withIcon .svgIcon{margin-right:8px;-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:-webkit-transform ease .4s;transition:-webkit-transform ease .4s;-o-transition:transform ease .4s;transition:transform ease .4s;transition:transform ease .4s,-webkit-transform ease .4s}
.licenceDetails.exceeding header .opmBtn.withIcon .svgIcon svg{line-height:0;fill:#7d7d7d}
.licenceDetails.exceeding header .opmBtn.withIcon:hover{color:#000}
.licenceDetails.exceeding header .opmBtn.withIcon:hover .svgIcon{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.licenceDetails.exceeding header .opmBtn.withIcon:hover .svgIcon svg{fill:#000}
.licenceDetails.exceeding footer{position:absolute;width:100%;bottom:0;padding:16px 50px;color:#212121;background-color:#f8f8f8;border-top:1px solid #e2e2e2}
.licenceDetails.exceeding footer ul{display:block;margin:auto}
.licenceDetails.exceeding footer ul li{display:inline-block;padding:0 8px;position:relative}
.licenceDetails.exceeding footer ul li::after{content:'';display:inline-block;position:absolute;top:8px;right:-4px;width:4px;height:4px;border-radius:50%;background-color:#212121}
.licenceDetails.exceeding footer ul li a{color:#212121}
.licenceDetails.exceeding footer ul li a:hover{text-decoration:underline}
.licenceDetails.exceeding footer ul li:last-child::after{display:none}
.licenceDetails.exceeding .license_usage{width:600px;padding:40px 0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.licenceDetails.exceeding .license_usage .usage_table{margin:40px 0}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row:first-child{border-bottom:2px solid #e2e2e2}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row:first-child .staticTable__col{background-color:transparent}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row:nth-child(odd){background-color:transparent}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row .staticTable__col{padding-left:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.licenceDetails.exceeding .license_usage .usage_table .staticTable__row .staticTable__col:last-child{padding-right:0}
.licenceDetails.exceeding .license_usage .usage_table .opmBtn{float:none;background-color:#fff;border-radius:4px;border:2px solid #1d804c;color:#1d804c;padding:4px 8px;min-width:80px;height:30px;margin:0 10px 0 0;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;transition:background-color ease .3s;position:relative}
.licenceDetails.exceeding .license_usage .usage_table .opmBtn::before{content:'';margin:4px auto 0;width:6px;height:6px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fff;border-top-color:transparent;border-left-color:transparent;opacity:0;-webkit-transition:left ease .2s;-o-transition:left ease .2s;transition:left ease .2s;position:absolute;top:4px;left:-20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.licenceDetails.exceeding .license_usage .usage_table .opmBtn.active,.licenceDetails.exceeding .license_usage .usage_table .opmBtn.success,.licenceDetails.exceeding .license_usage .usage_table .opmBtn:hover{content:'';background-color:#1d804c;border-color:#1d804c;color:transparent}
.licenceDetails.exceeding .license_usage .usage_table .opmBtn.active::before,.licenceDetails.exceeding .license_usage .usage_table .opmBtn.success::before,.licenceDetails.exceeding .license_usage .usage_table .opmBtn:hover::before{opacity:1;left:calc(50% - 7px)}
.licenceDetails.exceeding .license_usage .usage_table .opmBtn.success::before,.licenceDetails.exceeding .license_usage .usage_table .opmBtn.success:hover::before{height:3px;-webkit-transform:rotate(-45deg) scaleX(-1);-ms-transform:rotate(-45deg) scaleX(-1);transform:rotate(-45deg) scaleX(-1);width:10px;top:3px}
.licenceDetails.exceeding .license_usage .usage_table .value{font-family:LatoBold}
.licenceDetails.exceeding .license_usage .usage_table .value.success{color:#145633}
.licenceDetails.exceeding .license_usage .usage_table .value.danger{color:#c80d0d}
.licenceDetails.exceeding .license_usage .usage_table.with-jqTable{margin-left:44px;margin-top:20px}
.licenceDetails.exceeding .license_manage{display:none;left:100%;top:0;}
.licenceDetails.exceeding.slideOpened .license_usage{width:450px}
.licenceDetails.exceeding.slideOpened.in-inventory {z-index: 99;background: transparent;}
.licenceDetails.exceeding.slideOpened .license_usage .AlertMsg__Desc{display:none}
.licenceDetails.exceeding.slideOpened .license_manage{position:absolute;height:100%;width:calc(100% - 100px - 450px);left:calc(450px + 100px);top:0;right:0;bottom:0;opacity:1;background-color:#fff;-webkit-box-shadow:-10px 0 10px rgba(0,0,0,.2);box-shadow:-10px 0 10px rgba(0,0,0,.2);z-index:20;display:block}
.licenceDetails.exceeding.slideOpened .license_manage.compact{width:800px;left: calc(100% - 800px);-webkit-animation:showSlide-1 .3s 1;animation:showSlide-1 .3s 1}
@-webkit-keyframes showSlide-1{
    0%{right:100%;display:block;opacity:1}
    100%{right:calc(100% - 800px)}
}
@keyframes showSlide-1{
    0%{right:100%;display:block;opacity:1}
    100%{right:calc(100% - 800px)}
}
.licenceDetails.exceeding.slideOpened .license_manage .header{padding:4px 20px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e2e2e2;height:60px}
.licenceDetails.exceeding.slideOpened .license_manage .header .title{font:20px LatoBold;padding:5px 0 5px;border-bottom:0;position:static;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.licenceDetails.exceeding.slideOpened .license_manage .header  .title-tag, .title-tag{display:inline-block;border:1px solid #ddd;background-color:#eee;padding:4px;border-radius:3px;font-family:LatoRegular;font-size:12px;margin-left:10px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content{padding:20px;height: calc(100% - 150px);overflow:auto}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content.inMSP{height: calc(100% - 60px)}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .accordion1>ul>li{margin-bottom:12px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .opm_jqGridUI{margin:10px 0}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc{margin:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional,.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary{text-align:center;font-style:italic;color:#212121}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional .tag,.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary .tag{color:#af7c1f;background-color:#f0e6d3;padding:3px 8px;border-radius:20px;font-style:normal;font-family:LatoBold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional .tag .svgIcon,.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary .tag .svgIcon{margin-right:8px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional .tag .svgIcon svg,.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary .tag .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary .tag{color:#af7c1f;background-color:#f0e6d3}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .primary .tag .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional{color:#2781db;font-style:normal}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional .tag{color:#2781db;background-color:#e1edf4}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc .additional .tag .svgIcon svg{stroke-width:1;fill:#83c0ff;stroke:#2781db}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc .calc>*{margin-right:8px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .elem-calc p{margin:10px 0}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs b{font:14px LatoBold;margin-bottom:10px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs .opmBtn{padding:4px 12px;min-width:unset;border-radius:4px;margin-right:12px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs .opmBtn:hover{background-color:#229459}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs .arrow{content:'';display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #e2e2e2;background-color:#eee;margin-left:10px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs .arrow::before{content:'';width:2px;height:2px;border:1px solid #a1a1a1;border-top-color:transparent;border-right-color:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;display:inline-block;margin-top:-2px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .manage-devs .arrow.active .usage-tooltip{border-radius:7px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .usage-tooltip{display:block;position:absolute;background:#fff;top:26px;left:-20px;padding:16px 12px;width:auto;max-width:450px;min-width:300px;height:auto;z-index:1;color:#333;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.17);box-shadow:0 3px 6px rgba(0,0,0,.17);border-radius:50%;font:13px LatoRegular;line-height:1.6;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);will-change:transform;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;cursor:default}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .usage-tooltip.active{border-radius:7px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .usage-tooltip p{margin-bottom:10px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .usage-tooltip a{cursor:pointer}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .usage-tooltip b{font-family:LatoBold}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .icon{width:16px;height:16px;margin-right:6px;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .icon .svgIcon{width:10px;height:10px;line-height:0}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .icon .svgIcon svg{line-height:1}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .icon.primary{background-color:#f0e6d3}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .icon.primary .svgIcon svg{stroke-width:40;fill:#efa315;stroke:#af7c1f}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter{cursor:pointer}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter-block{margin:10px 0;padding:12px;border:1px solid #e2e2e2;position:relative}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter-block:before{content:'';width:10px;height:10px;top:-7px;right:16px;position:absolute;background-color:#fff;border:1px solid #e2e2e2;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right-width:0;border-bottom-width:0}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter-block label{margin-bottom:10px;display:block}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter-block .opmBtn{margin-top:26px}
.licenceDetails.exceeding.slideOpened .license_manage .license_manage__content .filter-block .grid-row{margin-bottom:0}
.licenceDetails.exceeding.slideOpened .license_manage .tab1{margin-top:10px}
.licenceDetails.exceeding.slideOpened .license_manage .tab1>ul{padding-left:20px}
.licenceDetails.exceeding.slideOpened .license_manage .tab1>ul>li{line-height:2.4}
.licenceDetails.exceeding.slideOpened .license_manage .tab1>ul>li.active:before{height:4px}
.licenceDetails.exceeding.slideOpened .license_manage .tab1 .badge{display:inline-block;background:#e2e2e2;color:#212121;margin:10px 0 10px 10px;line-height:1;font-size:12px;border-radius:15px;padding:3px 7px}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector{display:block;position:relative;margin-bottom:20px;background-color:#fff}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector.--popup:after{display:none}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector.--popup .probe-selector--table{width:560px;left:unset;right:unset}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector.--popup .probe-selector--dd{width:140px;font-size:12px}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector:after{content:'';display:block;height:1px;width:calc(100% + 40px);background-color:#e2e2e2;position:absolute;left:-20px;right:-20px;bottom:-1px}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector .probe-selector--dd{border-radius:3px;padding:7px;margin:-10px 0 10px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:15px;font-family:LatoBold;background-color:#f5f5f5;width:250px}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector .probe-selector--dd>span{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector .probe-selector--dd.active+.probe-selector--table{display:block}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector .probe-selector--dd.active .svgIcon{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
.licenceDetails.exceeding.slideOpened .license_manage .probe-selector .probe-selector--table{background-color: #fff;border: 1px solid #ddd;display:none;position:absolute;z-index:9;background-color:#fff;left:-20px;right:-20px;padding:0 20px 20px;-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:0 10px 15px rgba(0,0,0,.1)}
.licenceDetails.in-app{background-color:transparent}
.licenceDetails.in-app.slideOpened .license_manage .header{background-color:#f8f8f8}
.license-exceed-operator-msg{height:100%}
.license-exceed-operator-msg>.flex-center{height:100%}
.licenceDetails.exceeding.slideOpened .license_manage  .opm_jqGridUI_sm.opm_jqGridUI .disabledCheckBox td > input[type="checkbox"]{display:none}
html.firefox .licenceDetails.exceeding.slideOpened .license_manage .license_manage__content{height:calc(100% - 150px)}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th{background-color: #f5f5f5 !important;padding-top: 5px;padding-bottom: 5px;}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child > div{left:3px}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr.ui-search-toolbar input{margin-top:0}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv{max-height: 100%;}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv,
.noVertScrolljQgrid.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-view .ui-jqgrid-bdiv{max-height: 100% !important;}
div:not(#box_mapList_holder) > .pagerHeightFix.opm_jqGridUI .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-subgrid .subgrid-data .ui-jqgrid-pager .ui-pg-table td{padding:0 !important}
.noVertScrolljQgrid.opm_jqGridUI.rowOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv > div{overflow-x:hidden !Important}
.noVertScrolljQgrid.opm_jqGridUI.rowOverflowVisible #gview_licenseMgmtTable .ui-jqgrid-bdiv > div {overflow-x: unset !important}

/*! End of License Management */

/*! Alert Msg starts here */
.AlertMsg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:12px}
.AlertMsg.style2{padding:8px 12px;border:1px solid #e2e2e2;background-color:#f5f5f5}
.AlertMsg__Icon{margin-right:12px}
.AlertMsg__Content .AlertMsg__Title{font:20px/1.6 LatoBold}
.AlertMsg__Content .AlertMsg__Desc{font:14px/1.6 LatoRegular;color:#212121}
.AlertMsg__Content .AlertMsg__Desc p{margin:0}
.AlertMsg.danger.style2{padding:8px 12px;border:1px solid #e00f0f;background-color:#e9131323}
.AlertMsg.danger .AlertMsg__Icon svg{fill:#e00f0f}
.AlertMsg.danger .AlertMsg__Content .AlertMsg__Title{color:#e00f0f}
.AlertMsg.warning.style2{padding:8px 12px;border:1px solid #c4840d;background-color:rgba(237,193,51,.06)}
.AlertMsg.warning .AlertMsg__Icon svg{fill:#c4840d}
.AlertMsg.warning .AlertMsg__Content .AlertMsg__Title{color:#c4840d}
.AlertMsg.success.style2{padding:8px 12px;border:1px solid #1d804c;background-color:rgba(39,169,101,.06)}
.AlertMsg.success .AlertMsg__Icon svg{fill:#1d804c}
.AlertMsg.success .AlertMsg__Content .AlertMsg__Title{color:#1d804c}
.AlertMsg.info.style2{padding:8px 12px;border:1px solid #1a6096;background-color:rgba(57,150,221,.06)}
.AlertMsg.info .AlertMsg__Icon svg{fill:#1a6096}
.AlertMsg.info .AlertMsg__Content .AlertMsg__Title{color:#1a6096}
/*! Alert Msg ends here */

/*SAML CSS STARTS*/
.editTextInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0!important}
.editTextInfo .editTextInfo__currentField,.editTextInfo .editTextInfo__edtingField{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 12px 4px 20px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;position:relative;min-height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.editTextInfo .editTextInfo__currentField span,.editTextInfo .editTextInfo__edtingField span{width:calc(100% - 40px)}
.editTextInfo .editTextInfo__currentField span input[type=text],.editTextInfo .editTextInfo__edtingField span input[type=text]{background:#f0f0f0;border:1px solid #dcdcdc;width:100%;padding:5px 8px}
.editTextInfo .editTextInfo__currentField span input[type=text]:focus,.editTextInfo .editTextInfo__currentField span input[type=text]:hover,.editTextInfo .editTextInfo__edtingField span input[type=text]:focus,.editTextInfo .editTextInfo__edtingField span input[type=text]:hover{background:#fbfbfb}
.editTextInfo .editTextInfo__close{transform: rotate(45deg);}
.editTextInfo .editTextInfo__edtingField span.SAML-AssertionConsumerURLEdit input[type="text"]{width:70%;}
.SAML_heding{font-size:16px}
.SAML_ServiceProviderTable{width:100%; border:1px solid #e2e2e2; display:flex; flex-direction:column; margin-top:20px}
.SAML_ServiceProviderTable__row{width:100%; border-bottom:1px solid #e2e2e2; display:flex}
.SAML_ServiceProviderTable__row:last-child{border-bottom:0}
.SAML_ServiceProviderTable__collLeft{width:230px; padding:10px 0; padding-right:20px; border-right:1px solid #e2e2e2; text-align:right; background:#F9F9F9}
.SAML_ServiceProviderTable__collRight{padding:10px 30px 10px 20px; width:calc(100% - 230px); position:relative; word-break: break-all;}
.SAML_ServiceProviderTable__collRight .copyIcon{position:absolute; top:10px; right:10px; width:16px; height:16px; cursor:pointer}
.SAML_ServiceProviderTable__collRight .regenerateBtn{background:#45bd7f; padding:5px 20px; color:#fff; border-radius:3px; cursor:pointer; display:inline-block}
.applyBtn{position:relative}
.applyBtn .btn{position:absolute; left:calc(100% + 20px); top:0; background:#45bd7f; color:#fff; cursor:pointer; padding:0 20px; line-height:33px; margin-top:22px}
.linkIcon{padding-right:33px; position:relative}
.linkIcon .btn{width:33px; height:33px; border:1px solid #dcdcdc; background:#F9F9F9; position:absolute; bottom:0; right:1px; cursor:pointer}
.linkIcon .btn:after{background:url("../../img/opm-sprites.png") no-repeat -183px -24px; width:18px; height:17px; position:absolute; top:6px; left:7px; content:""}
.smalStaus{margin-top:10px; margin-bottom:10px; color:#f34848; font-family:latoBold}
.smalBtn{margin:0 !important; margin-right:10px !important}
.idpCertificateBox{background:#E5F6FF; display:flex; border:1px solid #BFE9FD; flex-direction:column; padding-bottom:10px}
.idpCertificateBox__heading{font-family:latoBold; padding:10px; border-bottom:1px solid #BFE9FD; border-top:1px solid #BFE9FD; background:#E3F5FF}
.idpCertificateBox__heading:first-child{border-top:0}
.idpCertificateBox__row{display:flex; padding:5px 10px}
.idpCertificateBox__collLeft{width:30%; padding-right:10px; box-sizing:border-box; position:relative}
.idpCertificateBox__collLeft:after{content:":"; position:absolute; right:0; top:0}
.idpCertificateBox__collRight{width:70%; padding-left:10px; box-sizing:border-box;line-break:anywhere;word-break:break-all}
.samlHelpCard{font-size:12px; margin-bottom:20px}
.samlTestConnection{text-align:left!important; padding:0!important; width:500px}
.samlTestConnection__heading{font-size:20px; font-family:latoBold; padding:20px; border-bottom:1px solid #e2e2e2}
.samlTestConnection__subHeading{font-size:16px; font-family:latoBold; padding:20px; padding-bottom:10px}
.samlTestConnection ul{margin:0; padding:0; padding-left:20px}
.samlTestConnection ul li{padding:5px 20px; position:relative;word-break:break-all;}
.samlTestConnection ul li:before{position:absolute; top:4px; left:0; content:""; width:15px; height:15px; border-radius:20px; background:#F0F0F0}
.samlTestConnection ul li.success:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -90px -41px}
.samlTestConnection ul li.failed:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -74px -41px}
.samlTestConnection ul li.unknown:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -157px -34px}
.samlTestConnection ul:last-child{padding-bottom:20px}
.smalEnableDisableBtn{display:flex!important}
.disableSamlForm:after{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.8); content:""; z-index:2}
.saml-mail-popup__cont{padding:0 30px;margin-bottom:0}
.saml-mail-popup__msg{text-align:center}
.saml-mail-popup__table-block{width:100%;background:rgba(0,166,247,.2);border:1px solid #61c2ff;border-radius:5px;margin-top:20px;overflow:auto;max-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.saml-mail-popup__table-row{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #61c2ff}
.saml-mail-popup__table-row:last-child{border:0}
.saml-mail-popup__table-col{padding:10px;width:50%;word-break: break-word;}
.saml-mail-popup__table-col:last-child{border-left:1px solid #61c2ff}
.saml-mail-popup__button{border-radius:3px;margin:20px auto;background:#45bd7f;color:#fff;text-align:center;min-width:100px;cursor:pointer;display:block;padding:8px 20px;border:0}
/*SAML CSS ENDS*/

.customMultiLineTooltip {position: relative;display: inline-block;cursor: pointer;}
.customMultiLineTooltip .customMultiLineTooltipText {visibility: hidden;width: 200px;background-color: black;color: #fff;text-align: left;border-radius: 6px;padding: 10px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -100px;opacity: 0;transition: opacity 0.3s;}
.customMultiLineTooltip:hover .customMultiLineTooltipText {visibility: visible;opacity: 1;}
.customMultiLineTooltip .customMultiLineTooltipText ul {margin: 0;padding: 0;list-style-type: none;}
.customMultiLineTooltip .customMultiLineTooltipText ul li {margin: 5px 0;}

/*! reset-password-start */
.reset-password-page{padding:140px 0 0 98px}
.reset-password-page .tit{font-weight:700;font-size:20px;color:#212121;margin-bottom:48px}
.reset-password-page .tit.mt-30{margin-top:30px}
.reset-password-page .input-form{margin-bottom:20px}
.reset-password-page .input-form label{font-size:14px;font-weight:400;color:#212121;display:block;margin-bottom:11px}
.reset-password-page .input-form .show_password{position:relative}
.reset-password-page .input-form .show_password .svgIcon{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;fill:#000}
.reset-password-page .input-form input{background-color:#f0f0f0;padding:8px 8px;width:100%;border:1px solid #e2e2e2;font-size:14px;height:33px}
.reset-password-page .error_msg{position:relative}
.reset-password-page .error_msg label{position:absolute;top:-5px;color:#e31616}
.reset-password-page .password_action{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:30px}
.reset-password-page .password_action [class*=password_]{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%;font-size:14px;padding:8px 15px;border:none;cursor:pointer}
.reset-password-page .password_action .password_cancel{margin-right:27px;background-color:#f0f0f0;color:#212121}
.reset-password-page .password_action .password_save{background-color:#45bd7f;color:#fff}
.reset-password-page .password_action .password_save.w-50{max-width:50%}
.reset-password-page .pl-80{padding-left:80px}
.reset-password-page .password_instruction h3{font-size:14px;font-weight:700;color:#212121}
.reset-password-page .password_instruction ul{padding:20px 0 0;margin:0}
.reset-password-page .password_instruction ul li{font-size:14px;color:#212121;margin-bottom:12px;padding-left:30px;position:relative;list-style:none}
.reset-password-page .password_instruction ul li::before{content:'';width:8px;height:8px;border-radius:50%;border:1px solid #e2e2e2;position:absolute;left:3px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.reset-password-page .password_instruction ul li.active::before{display:none}
.reset-password-page .password_instruction ul li.active::after{content:'';display:inline-block;-webkit-transform:rotate(45deg) translateY(-56%);-ms-transform:rotate(45deg) translateY(-56%);transform:rotate(45deg) translateY(-56%);height:10px;width:4px;border-bottom:2px solid #45bd7f;border-right:2px solid #45bd7f;position:absolute;left:3px;top:44%}
.reset-password-page .password_status p{font-size:14px;line-height:22px}
p.reset_label {margin-top: 1em!important;}
/*! reset-password-end */

/*Scal Assistant CSS*/
.scalAssistAlarm.defaultPointer .pa_active_alarm_row{cursor: default !important;}
.scalAssistAlarm .pa_active_alarm_row{font-family: LatoBold;color: #000;    background: none;width: auto;font: 13px/100%; text-overflow: ellipsis;white-space: nowrap;border: 0;display: inline-block;position: relative;overflow: hidden;cursor: pointer; max-width: 80%}
.scalAssistAlarm .pa_active_alarm_probename{background: none;width: auto; font: 13px/100% LatoRegular;color: #707070;text-overflow: ellipsis;white-space: nowrap;padding-top: 2px;border: 0;display: inline-block;position: relative;overflow: hidden;cursor: pointer; max-width: 20%}

/*! General Landing page starts here */
html.horizontalView body.landing-page{padding:0!important}
.general-landing-page{color:#212121;background:#fff;position:absolute;top:0;right:0;bottom:0;left:0}
.general-landing-page .settingsContent{padding:12px 50px;bottom:50px;top:60px;height:calc(100% - 110px);overflow:auto}
.general-landing-page header{background-color:#f8f8f8;border-bottom:1px solid #e2e2e2;font:14px LatoRegular;height:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:50px;padding-right:50px;padding-top:7px}
.general-landing-page header .Logo{font:22px/2 RobotoSlabLight}
.general-landing-page header .opmBtn{background-color:#fff;border-radius:4px;border:2px solid #27a965;color:#145633;padding:8px 24px;margin-left:8px;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;transition:background-color ease .3s}
.general-landing-page header .opmBtn:hover{background-color:#eefbf4}
.general-landing-page header .opmBtn.withIcon{border-color:transparent;background-color:transparent;color:#7d7d7d;padding-left:12px;padding-right:4px;margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.general-landing-page header .opmBtn.withIcon .svgIcon{margin-right:8px;-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:-webkit-transform ease .4s;transition:-webkit-transform ease .4s;-o-transition:transform ease .4s;transition:transform ease .4s;transition:transform ease .4s,-webkit-transform ease .4s}
.general-landing-page header .opmBtn.withIcon .svgIcon svg{line-height:0;fill:#7d7d7d}
.general-landing-page header .opmBtn.withIcon:hover{color:#000}
.general-landing-page header .opmBtn.withIcon:hover .svgIcon{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.general-landing-page header .opmBtn.withIcon:hover .svgIcon svg{fill:#000}
.general-landing-page footer{position:absolute;width:100%;bottom:0;padding:16px 50px;color:#212121;background-color:#f8f8f8;border-top:1px solid #e2e2e2}
.general-landing-page footer ul{display:block;margin:auto}
.general-landing-page footer ul li{display:inline-block;padding:0 8px;position:relative}
.general-landing-page footer ul li::after{content:'';display:inline-block;position:absolute;top:8px;right:-4px;width:4px;height:4px;border-radius:50%;background-color:#212121}
.general-landing-page footer ul li a{color:#212121}
.general-landing-page footer ul li a:hover{text-decoration:underline}
.general-landing-page footer ul li:last-child::after{display:none}
/*! General Landing page ends */


/*! TFA starts here */
.TFAwizard{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.TFAwizard__wrapper{width:815px;height:450px;border:1px solid #e2e2e2;background-color:#fff;-webkit-box-shadow:0 3px 16px rgba(0,0,0,.1);box-shadow:0 3px 16px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border:1px solid #d4d4d4}
.TFAwizard__wrapper .step{border-right:1px solid #e2e2e2;position:relative}
.TFAwizard__wrapper .step__header{display:block;width:75px;background-color:#f5f5f5;padding-top:20px;color:#bbb;font-size:42px;text-align:center;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.TFAwizard__wrapper .step__content{display:none;padding:20px}
.TFAwizard__wrapper .step__content .step__title{color:#196b40;font-size:22px;margin-bottom:10px;font-family:LatoBold}
.TFAwizard__wrapper .step__content p,.TFAwizard__wrapper .step__content ul{line-height:1.6;margin:12px 0}
.TFAwizard__wrapper .step__content p b,.TFAwizard__wrapper .step__content ul b{font-family:LatoBold}
.TFAwizard__wrapper .step__content ul{list-style-type:decimal;padding-left:20px}
.TFAwizard__wrapper .step__content ul>li{padding-left:10px}
.TFAwizard__wrapper .step__content .opm_link.withBackIcon{margin-top:10px;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.TFAwizard__wrapper .step__content .opm_link.withBackIcon .svgIcon{margin-right:16px}
.TFAwizard__wrapper .step__content .opm_link.withBackIcon .svgIcon svg{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);fill:#31a5f0}
.TFAwizard__wrapper .step .fab{display:none}
.TFAwizard__wrapper .step.active{width:calc(100% - 76px);-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}
.TFAwizard__wrapper .step.active .step__header{display:none}
.TFAwizard__wrapper .step.active .step__content{display:block}
.TFAwizard__wrapper .step.active .fab{display:-webkit-box;display:-ms-flexbox;display:flex}
.TFAwizard__wrapper .step:first-child{border-left-width:0}
.TFAwizard__wrapper .step:last-child{border-right-width:0}
.TFAwizard .QR-scan-box{margin-left:20px;background-color:#f5f5f5;border-radius:6px;padding:12px 8px;width:160px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.TFAwizard .QR-scan-box .QR-code{background-color:#fff;border-radius:6px;padding:6px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.TFAwizard .QR-scan-box .QR-code .svgIcon{width:114px;height:114px}
.TFAwizard .QR-scan-box .QR-scan-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px;font-size:12px}
.TFAwizard .QR-scan-box .QR-scan-label .svgIcon{margin-right:10px; -webkit-box-flex:0; -ms-flex:0 0 18px; flex:0 0 18px}
.TFAwizard .QR-scan-box .QR-scan-label .svgIcon svg{line-height:1}
.TFAwizard em.text-italic{display:block;margin-top:10px;margin-left:30px}
.TFAwizard .OTPinput{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.TFAwizard .OTPinput>*{margin-right:12px}
.TFAwizard .OTPinput input{width:32px;height:32px;border-radius:2px;border:1px solid #e2e2e2;background-color:#f5f5f5;text-align:center;font-size:24px;line-height:1}
.TFAwizard .OTPinput .fab{position:static;width:32px;height:32px}
.TFAwizard .OTPinput .fab .svgIcon{width:16px;height:16px}
.TFAwizard .fab{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:20px;bottom:20px;background-color:#27a965;cursor:pointer}
.TFAwizard .fab svg{fill:#fff;line-height:1}
.TFAwizard .fab:hover{background-color:#196b40}
.TFAwizard .lowerLink.opm_link{position:absolute;bottom:30px;left:20px}
.subTitle.withCheckbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.subTitle.withCheckbox>.hasHelpCard{margin-left:10px;margin-top:0}
.text-italic{font-style:italic}
.TFAwizard .QR-scan-box .QR-code .svgIcon img {max-width: 100%;display:block;margin:0 auto;}
.TFAwizard__wrapper .step__content .opm_link.withBackIcon .svgIcon svg path{fill:#31a5f0}
.defaultPointer{cursor: default !important}
.filter-image .filtered,.filter-image.active .non-filtered{display:block}
.filter-image .non-filtered,.filter-image.active .filtered{display:none}
.filter-image img{width:130px;height:130px}
.TFAwizard.slider .step__content .qrKeyDiv{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0px 50px;}
.TFAwizard.slider .fab {bottom:220px;}
.TFAwizard .fab.back {transform:rotate(180deg);left:60px;}
.TFAwizard.slider {text-align: center;}
.TFAwizard.manual ul{list-style-type:decimal;padding-left:20px}
.TFAwizard.manual ul>li{padding-left:10px}
.TFAwizard.manual {text-align: left;}
.TFAwizard.manual .step__content{padding: 10px 30px;}
.TFAwizard.manual .step__content ul li{margin-bottom: 5px;}
.TFAwizard.manual .step__content ul{list-style-type:decimal;padding-left:20px}
.TFAwizard.manual .step__content .opm_link.withBackIcon{margin-top:10px;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.TFAwizard.manual .step__content .opm_link.withBackIcon .svgIcon{margin-right:16px}
.TFAwizard.manual .step__content .opm_link.withBackIcon .svgIcon svg{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);fill:#31a5f0}
.TFAwizard.manual .step__content .opm_link.withBackIcon .svgIcon svg path{fill:#31a5f0}
/*! TFA ends here */

.apm-license-popup{position:relative;padding-bottom:30px}
.apm-license-popup .apm-license-popup--title{color:#c80d0d;margin-bottom:10px;font-weight:700;font-family:LatoBold}
.apm-license-popup .apm-license-popup--footer{position:absolute;right:-20px;left:-20px;font-size:13px;padding-top:10px;padding-bottom:10px;border-top:1px solid #e2e2e2}

/*OAUTH STARTS*/
.oAuth-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto}
.oAuth-type>label{margin-right:20px}
.oAuth-mail-server-settings__configure-link{position:absolute;top:0;right:0;color:#3996dd}
.oAuth-mail-server-settings__help-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.oAuth-mail-server-settings__help-cont p{white-space:inherit!important;font-size:12px;margin-bottom:20px}
.opm-oAuth-popup-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.opm-oAuth-popup-info__cont{text-align:left;font-size:14px}
.opm-oAuth-popup-info .opmBtn{margin:0;margin-top:20px;border-radius:3px}
.oAuth-info-notes{width:500px!important;margin-top:50px!important}
.opm-reload{position:absolute;width:33px;max-width:33px!important;height:33px;background:#f0f0f0;border:1px solid #dcdcdc;left:calc(100% + 10px);bottom:0;cursor:pointer}
.opm-reload:hover{background:#f4f5f6}
.opm-reload:after{background:url(../../img/opm-sprites-v2.svg) no-repeat -152px -116px;content:"";width:14px;height:14px;position:absolute;top:9px;left:9px}
.opmTextCopy{position:relative;padding-right:33px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.opmTextCopy__icon{position:absolute;top:0;right:0;background:#f9f9fb;border:1px solid #dcdcdc;width:33px;height:33px;border-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-grid-column-align:center;justify-self:center}
.opmTextCopy__icon em{-webkit-box-flex:1;-ms-flex:1;flex:1}
.opmTextCopy__success-msg{position:absolute;right:0;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;fill:#45bd7f;background:#252525;padding:10px 15px;border-radius:3px;color:#fff;display:none;top:45px;z-index:1;display:none}
.opmTextCopy__success-msg:before{width:10px;height:10px;background:#252525;position:absolute;top:-5px;right:12px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.opmTextCopy__success-msg.active{display:-webkit-box;display:-ms-flexbox;display:flex}
/*OAUTH ENDS*/

.full-page-settings{position:absolute;left:-220px;top:0;right:0;bottom:0;z-index:2;background-color:#fff}
.full-page-settings .full-page-settings-content{padding:30px}
.settingsCnt.has-full-page>section .settingsContent .opmFormHolder{overflow-x:visible}
.settingsCnt.has-full-page.without-sidebar .full-page-settings{left:0px}

.common-tooltip {position: relative;z-index: 1}
.common-tooltip .common-tooltip__info {display: none;padding: 8px 12px !important;font-size: 12px;color: #fff;background: #353C4A !important;position: absolute;top: calc(100% + 8px);left: 50%;border-radius: 4px;height: auto !important;text-align: left;white-space: nowrap;transform: translateX(-50%);}
.common-tooltip .common-tooltip__info > div{white-space: normal;max-width: 250px;overflow:auto;width: max-content;max-height: 200px;padding-right:12px;}
.common-tooltip .common-tooltip__info:before {width: 12px;height: 12px;background: #353C4A;position: absolute;top: -6px;left: 50%;transform: rotate(45deg);content: "";margin-left: -6px;}
.common-tooltip .common-tooltip__info.top{bottom: calc(100% + 8px);top:inherit}
.common-tooltip .common-tooltip__info.top:before{bottom:-6px;top:inherit}
.common-tooltip:hover{z-index:9;}
.common-tooltip:hover .common-tooltip__info {display: block;z-index:9}
.common-tooltip .common-tooltip__info.right {left: inherit;right: 0px;;transform: translateX(0px);}
.common-tooltip .common-tooltip__info.right:before {right: 12px;left: inherit;}
.common-tooltip .common-tooltip__info.left {left: inherit;left: 0px;transform: translateX(0px);}
.common-tooltip .common-tooltip__info.left:before {left: 12px;right: inherit;}
.common-tooltip .common-tooltip__info:after{width:100%;height:12px;top:-10px;left:0;content:"";position:absolute}
.common-tooltip .common-tooltip__info.top:after{top:inherit;bottom:-10px}

@-webkit-keyframes showSlide{
0%{left:100%;display:block;opacity:1}
100%{left:calc(450px + 100px)}
}
@keyframes showSlide{
0%{left:100%;display:block;opacity:1}
100%{left:calc(450px + 100px)}
}
@-webkit-keyframes showSlide-1{
  0%{left:100%;display:block;opacity:1}
  100%{left:calc(100% - 800px)}
}
@keyframes showSlide-1{
  0%{left:100%;display:block;opacity:1}
  100%{left:calc(100% - 800px)}
}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid{border-bottom:0 transparent}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable{border:0 solid transparent;border-bottom:2px solid #efefef}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead,.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th{background-color:#fff!important;padding-top:0}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:first-child{padding-left:0}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th:first-child>div{left:0}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv{border-bottom:1px solid #efefef}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody>tr{border-bottom-color:#efefef}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody>tr td{padding:4px 10px!important;line-height:1.6}
.opm_jqGridUI_sm.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody>tr td:first-child{padding-left:0!important}
/*! End of License Management */
/*! apm in opm promotion starts here */
.apmINopm{top:0!important;left:0!important;padding-top:0!important;color:#222}
.apmINopm>div{max-width:1200px;margin-left:50px;margin-top:70px}
.apmINopm p{line-height:1.5}
.apmINopm p br{line-height:1}
.apmINopm .unOrderedList{padding-left:15px;float:none}
.apmINopm .unOrderedList li{float:none;padding:0 0 7px 15px;line-height:1.5}
.apmINopm .download-section{border-left:1px solid #e2e2e2;height:100%;width:100%;padding:0px 30px}
.apmINopm .download-section .opmBtn{padding:12px 20px;font-size: 20px;margin:20px 0 0;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}

.apmINopm .download-section .opmBtn svg{fill:#fff}
.apmINopm .download-section .opmBtn:hover{background-color:#229459}
.apmINopm .download-section .opm_link{margin-top:20px;display: block;color:#3996dd}
.apmINopm .download-section .opm_link svg{fill:#3996dd}
.apmINopm-wrapper .title{font-family:LatoBold!important;position: static!important}
.apmINopm-wrapper .opmForm{max-width:100% !important;margin-top:20px}
.apmINopm-wrapper .opmForm p{color:#222}
.apmINopm-wrapper .apmINopm{margin-top:20px}
.apmINopm-wrapper .apmINopm>div{margin-top:0;margin-left:0}

.ee-slient-install{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;margin-top:20px}
.ee-slient-install__btn-group{border:1px solid #45bd7f;border-radius:5px;background: #fff}
.ee-slient-install__btn-info{padding:10px 5px}
.ee-slient-install__btn-info a{font-size:12px;color:#1893e2;margin-top:5px}
.ee-slient-install__btn{border-radius:0 0 4px 4px;font-size:20px}
.ee-slient-install__btn.disabled-btn{opacity:.5}
.ee-slient-install__btn.disabled-btn:hover{background:#45bd7f!important;cursor:no-drop}
.ee-slient-install__notes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ee-slient-install__notes>div{/*max-width:500px;*/font-size:12px;border-radius:5px;text-align:center;margin:0;margin-top:10px;position:relative;background: #FFFBE8;}
.ee-slient-install__notes.warningMsg>div:before{width:10px;height:10px;border-left:1px solid #c4840d;border-top:1px solid #c4840d;position:absolute;top:-5px;right:49%;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#FFFBE8}
.ee-slient-install__notes.dangerMsg>div:before{width:10px;height:10px;border-left:1px solid #ff8a8a;border-top:1px solid #ff8a8a;position:absolute;top:-5px;right:49%;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff2f2}
.ee-slient-install__notes.warnDangerMsg>div:before{width:10px;height:10px;border-left:1px solid #ff8a8a;border-top:1px solid #ff8a8a;position:absolute;top:-5px;right:49%;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fffcf1}
.eeDownloadWithBg{border:1px solid #6ABB85 !important; border-radius: 5px;padding: 30px !important;background: #F8FCF9;height:auto !important;}

.apm-install-loading-info{position:absolute;top:0;bottom:0;left:0;right:0;background:#f5f5f7}
/*! apm in opm promotion ends here */

/*! Notification Starts here */
.notification{width:350px;background-color:#e7f2fb;border:2px solid #3996dd;padding:2px 8px 2px 12px;line-height:2.4;border-radius:4px;position:fixed;bottom:70px;left:50px;z-index:9;color:#1a6096;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-animation:notificationShow 1s 1;animation:notificationShow 1s 1;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.notification b{font-family:LatoBold}
.notification .msg{position:relative}
.notification .msg::after{display:none;position:absolute;right:-20px;top:12px;content:'';width:4px;height:4px;border:1px solid #ab860f;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.notification .desc{line-height:1.6;color:#212121;font-size:12px;margin-bottom:10px}
.notification .spinner-loader{height:36px}
.notification .spinner-loader>div{background-color:#1a6096}
.notification .svgIcon{margin-top:9px}
.notification .success svg{fill:#145633}
.notification .warning{cursor:pointer}
.notification .warning svg{fill:#ab860f}
.notification .desc,.notification .success,.notification .warning{display:none}
.notification .success,.notification .warning{height:36px}
.notification.success{border-color:#27a965;color:#145633;background-color:#d4eee0}
.notification.success .success{display:block}
.notification.success .spinner-loader,.notification.success .warning{display:none}
.notification.warning{border-color:#edc133;color:#ab860f;background-color:#fbf3d6}
.notification.warning .msg::after{display:inline-block}
.notification.warning .warning{display:block}
.notification.warning .spinner-loader,.notification.warning .success{display:none}
@-webkit-keyframes notificationShow{
0%{bottom:-100px}
100%{bottom:70px}
}
@keyframes notificationShow{
0%{bottom:-100px}
100%{bottom:70px}
}
/*! Notification Ends here */

/*! UI dialog style 2 starts here */
body.ui-dialog-style2{position:relative}
body.ui-dialog-style2>.ui-widget-overlay{background-color:#000;background-image:none}
body.ui-dialog-style2>.ui-dialog{border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.21);box-shadow:0 0 10px rgba(0,0,0,.21);background-color:#fff;font-family:LatoRegular}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar{background-color:#fff;background-image:none;border-bottom-color:#eaeaea;border-top-left-radius:10px;border-top-right-radius:10px;font-family:LatoBold}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close{background-color:#fff;background-image:none;opacity:.35;border-width:0}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary{background-image:none;position:relative}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary::after,body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary::before{content:'';width:20px;height:1px;background-color:#000;position:absolute;top:6px;right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:7px}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar-close:hover{opacity:.7}
body.ui-dialog-style2>.ui-dialog .ui-widget-content{background-color:#fff;background-image:none;color:#333;line-height:1.5;font-size:14px;border-radius:0 0 10px 10px;font-family:LatoRegular}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane{background-color:#fff;background-image:none;border-top-color:transparent;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0;padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
body.ui-dialog-style2>.ui-dialog.flex-right-align-button .ui-dialog-buttonpane{-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button{font-size:14px;background:#27a965;color:#fff;border-width:0;min-width:100px}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button.closeBtn{background:#d4d4d4;color:#222}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button.closeBtn:hover{background:#bbb}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button:hover{background-color:#0f944f;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;transition:background-color ease .3s}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button.opmBtn{background:#45bd7f}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button.opmBtn.btn-grey{background:#f3f3f3;color:#000}
body.ui-dialog-style2>.ui-dialog .ui-dialog-buttonpane button.opmBtn.btn-grey span.ui-button-text{color:#000}
body.ui-dialog-style2>.ui-dialog .ui-dialog-title{font-family:LatoBold}
body.ui-dialog-style2.ui-dialog-hide-title>.ui-dialog .ui-dialog-titlebar{display:none}
body.ui-dialog-style2.ui-dialog-hide-title>.ui-dialog .ui-widget-content{border-radius:10px}
body.ui-dialog-style2.ui-dialog-hide-close>.ui-dialog .ui-dialog-titlebar-close{display:none}
body.ui-dialog-style2.ui-dialog-custom-title .ui-dialog-titlebar{display:none}
body.ui-dialog-style2.ui-dialog-custom-title .ui-widget-content{border-radius:10px;padding:0}
body.ui-dialog-style2.ui-dialog-custom-title .ui-widget-content>div{padding:0 0 12px}
body.ui-dialog-style2.ui-dialog-custom-title .ui-widget-content .opmBtn{float:none}
body.ui-dialog-style2.ui-dialog-custom-title .custom-title{font-family:LatoBold;font-size:16px;padding:12px 4px;background-color:#eee}
body.ui-dialog-style2.ui-dialog-custom-title .custom-title.custom-title-icon em{-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}
body.ui-dialog-style2 .ui-dialog__close{position:absolute;right:6px;top:6px;width:25px;height:25px;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;z-index:2;border-radius:3px}
body.ui-dialog-style2 .ui-dialog__close .close-icon{border-radius:50%;position:relative;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;cursor:pointer;contain:layout;display:-webkit-box;display:-ms-flexbox;display:flex;width:25px;height:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:0;top:0;will-change:width;-webkit-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;transition:all ease-in-out .1s}
body.ui-dialog-style2.ui-dialog-custom-title .custom-title-border{font-family:LatoBold;font-size:16px;padding: 12px 36px;border-bottom: 1px solid #d1d1d1;}
body.ui-dialog-style2 .ui-dialog__close .close-icon::after,body.ui-dialog-style2 .ui-dialog__close .close-icon::before{content:'';width:1px;height:20px;background-color:#7d7d7d;display:block;contain:style;position:absolute}
body.ui-dialog-style2 .ui-dialog__close .close-icon::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
body.ui-dialog-style2 .ui-dialog__close .close-menu{display:none;padding:25px 0 3px;text-align:right;border:1px solid #fff}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li{border-top:1px solid #f0f0f0}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a{padding:4px 8px;font-size:12px;display:block;color:#444;background-color:#fff}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:active,body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:focus,body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:hover{color:#000;background-color:#f5f5f5}
body.ui-dialog-style2 .ui-dialog__close .close-menu>li>a:visited{color:unset}
body.ui-dialog-style2 .ui-dialog__close:hover .close-menu{display:block;border:1px solid #f0f0f0;border-radius:3px}
body.ui-dialog-style2 .ui-dialog__close:hover .close-icon{cursor:pointer}
body.ui-dialog-style2.ui-dialog-custom-title .custom-title-border em.error-red{fill: #f34848;}
body.ui-dialog-alert-icon .ui-dialog .ui-widget-header{padding-left:50px}
body.ui-dialog-alert-icon .ui-dialog .ui-widget-header:before{position:absolute;top:12px;left:20px;content:"";background:url(../../img/opm-sprites-v2.svg) no-repeat -268px -84px;width:20px;height:18px}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar.titlebar-icon .svgIcon{position:absolute;bottom:13px;left:20px;}
body.ui-dialog-style2>.ui-dialog .ui-dialog-titlebar.titlebar-icon .ui-dialog-title{padding-left:30px;}
/*! UI dialog style 2 ends here */

.supported-OS-list__cont{text-align:center;padding-top: 10px;font-size:14px}
.supported-OS-list__cont a.textBlue{color:#3996dd!important;font-family:latoBold}
.supported-OS-list__img{margin-bottom:20px}
.supported-OS-list__button{border-radius:3px}

.text-italic {font-style: italic;}
.accordion1__nav .text-italic {color: #777;font-size: 12px;line-height: 1;margin-left: 5px;}
.opm_jqGridUI.inputStyle .ui-search-toolbar input[type=text], .opm_jqGridUI.inputStyle .ui-search-toolbar select, .opm_jqGridUI.inputStyle .ui-search-toolbar .select2{border:1px solid #d4d4d4 !important;line-height:1.6;height:30px;}
.opm_jqGridUI.inputStyle .ui-search-toolbar input[type=text]{padding-left:10px !important;padding-right:10px !important;}
.opm_jqGridUI.inputStyle .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead .ui-search-toolbar th div{padding-top:0;}

html.ie .flex-center.ie-flex-fix{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
html.ie .accordion1.arrowRight .accordion1__nav::before{left:auto}

/*OPM Loading Bars CSS Start*/
.opmLoading-bars{height:24px;margin:50px auto;text-align:center;width:50px;}
.loading-bar{background-color:#45bd7f;height:100%;width:6px;margin-right:1px;display:inline-block;animation:barstretch 1s ease-in-out infinite;}
.bar1{animation-delay:-1.2s;}
.bar2{animation-delay:-1.1s;}
.bar3{animation-delay:-1s;}
.bar4{animation-delay:-.9s;}
@keyframes barstretch{
  0.001%,100%,40%{transform:scaleY(.4);background-color:#bde2ce}
  20%{transform:scaleY(1);background-color:#45bd7f}
}
@keyframes zmRotate{
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
/*OPM Loading Bars CSS Ends*/

@media only screen and (max-width:1399px){
#inventoryGridStyle .speedoMeterWidget .dialcounter{top:0}
.reportGraph .reportGraphSingle .contentLeft{width:300px}
.reportGraph .reportGraphSingle .contentRight{padding:20px 10px 20px 300px !important}
}

@media only screen and (max-width:1439px){
#alarmShortSummary,#deviceShortSummary{padding:0}
.alarmShortSummaryActive .AETIDFilter,.deviceShortSummaryActive .AETIDFilter{display:none !important}
.alarmShortSummaryActive #alarmShortSummary,.deviceShortSummaryActive #deviceShortSummary{margin-left:0}
.failover-flow,html.opmAlignCenter .failover-flow,html.opmLeftAlign .failover-flow{ -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; transform-origin: top left; margin-left: 30px;}
.failover-flow.noLastLayer,html.opmAlignCenter .failover-flow.noLastLayer,html.opmLeftAlign .failover-flow.noLastLayer{-webkit-transform-origin: top center;transform-origin: top center;}
}

@media only screen and (min-width:1440px){
    html.opmFullScreen .addOn ul li{min-height: 210px;}
}

@media only screen and (max-width:1440px){
.MapTabView #MapsAside .mapAddBV{height:35px;padding:7px 20px}
.MapTabView #MapsAside #mapsLeft_List{top:35px}
.MapTabView #MapsAside .accordionDropDown > li > ul li a{font-size:12px;padding:8px 20px 8px 30px !important}
.MapTabView .opmMapBVNavBar.bvViewPage{height:35px !important}
.MapTabView .settingsCnt .settingsContent.opmMapBV .opmMapBVNavBar ul li{width:160px;font-size:13px;padding:8px 0}
.MapTabView .mapCountinfo{font-size:13px;top:9px}
.MapTabView .settingsCnt .settingsContent.opmMapBV .opmMapNav > .icon-remove{width:20px;height:20px;top:-36px}
.MapTabView .settingsCnt .settingsContent.opmMapBV .opmMapNav > .icon-remove:before,.MapTabView .settingsCnt .settingsContent.opmMapBV .opmMapNav > .icon-remove:after{height:20px;left:9px}
.MapTabView .settingsCnt > section .settingsContent.opmMapBV .title{top:45px !important}
.MapTabView .settingsCnt > section .settingsContent.opmMapBV #bvNameViewHeader{font-size:14px}
.MapTabView .settingsCnt > section .settingsContent.opmMapBV .opmMapNav{top:47px !important}
.MapTabView .settingsCnt > section .settingsContent.opmMapBV .opmMapNav .opmBtn.mapsActions{font-size:11px;padding:4px 15px}
.MapTabView .opmMapNav i.icon-right-open,.MapTabView .opmMapNav i.icon-left-open{top:5px;zoom:80%}
/*.MapTabView .mapSetAsDefault{margin:-5px 20px 0 0;zoom:90%}*/
.MapTabView .settingsCnt .settingsContent.opmMapBV .opmFormHolder{top:80px}
html.opmFullScreen .addOn__heading .logoImg{width:40px;height: 40px;}
html.opmFullScreen .addOn__heading .logoImg img{height: 40px;}
html.opmFullScreen .addOn__heading{padding: 12px 0 12px 51px;}
html.opmFullScreen .addOn__desc{font-size: 12px;line-height:19px;}
html.opmFullScreen .addOn__gStrip{padding: 20px 15px;font-size: 12px;}
}

@media only screen and (max-width:1700px){
html.opmLeftAlign .mapMoreActions,html.opmAlignCenter.mapMoreActions,.mapMoreActions{background:#fff;width:100%;height:58px;padding:13px 30px;position:absolute;top:-150%;left:0;z-index:10}
html.opmLeftAlign .mapMoreActions.active,html.opmLeftAlign .mapMoreActions.active,.mapMoreActions.active{top:0}
html.opmLeftAlign .mapMoreActions.active,html.opmLeftAlign .mapMoreActions.active,.mapMoreActions.active .mapActSpEnd{display: none;}
html.opmLeftAlign .mapMoreActions .icon-remove,html.opmLeftAlign .mapMoreActions .icon-remove,.mapMoreActions .icon-remove{display:block}
html.opmLeftAlign .mapMoreActionsBtn,html.opmLeftAlign .mapActionsSeparator.mapConnectSep,html.opmLeftAlign .mapMoreActionsBtn,html.opmLeftAlign .mapActionsSeparator.mapConnectSep,.mapMoreActionsBtn,.mapActionsSeparator.mapConnectSep{display:inline-block}
}

@media only screen and (min-width:1701px){
html:not(.opmFullScreen) .mapMoreActions{background:#fff;width:100%;height:58px;padding:13px 30px;position:absolute;top:-150%;left:0;z-index:2}
html:not(.opmFullScreen) .mapMoreActions.active{top:0}
html:not(.opmFullScreen) .mapMoreActions .icon-remove{display:block}
html:not(.opmFullScreen) .mapMoreActionsBtn,html:not(.opmFullScreen) .mapActionsSeparator.mapConnectSep{display:inline-block}
html.opmFullScreen .addOn ul li {width: 440px;margin-right: 20px;min-height: 200px;}
}

@media only screen and (min-width:2200px){
html.opmFullScreen .addWidgetsSlide .flexContainer,html.opmFullScreen #cctvCreatePg .opmAccordion{column-count:6;-webkit-column-count:6;-moz-column-count:6}
}

@media only screen and (max-width:1366px){
    .opmForm#AdaptivethesholdsContent{max-width: 650px;}
.opmForm#AdaptivethesholdsContent + .helpbox{left:710px}
.opmGettingStarted .divTableContent,.opmGettingStarted .gettingStartedAnimateDiv{width:850px;height:490px}
.opmGettingStarted #innerCont{padding:20px 20px 0;}
.opmGettingStarted .stepDes p{font-size:17px;}
.opmGettingStarted .stepDes{padding:20px;}
.opmGettingStarted .stepDes li a{font-size:16px;padding:10px 20px;}
.opmGettingStarted .stepDes{height:210px}

.opmGettingStarted #OpUtilsGettingStarted .divTableContent,.opmGettingStarted #OpUtilsGettingStarted .gettingStartedAnimateDiv{height:520px}

.opmGettingStarted #FAGettingStarted .menuList li{padding-left: 25px;padding-right: 25px;}
.opmGettingStarted #FAGettingStarted .divTableContent,.opmGettingStarted #FAGettingStarted .gettingStartedAnimateDiv{height:510px}

.opmGettingStarted #NFAGettingStarted .divTableContent,.opmGettingStarted #NFGettingStarted .gettingStartedAnimateDiv{height:510px}
.opmGettingStarted #NFAGettingStarted .stepDes{height:230px}

.opmGettingStarted .divTableContent.twoLineTitle{height:520px;}

.quickConfigurationWizard li{width:225px;}

.netFlowReport > span.devName{width:155px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left;}

}

.WfFromDate{float:left;margin-bottom: 10px;}
.WfHrs{width: 42%;float:left;padding-right:5px;}
.WfHrs > .selBox > div{width:100% !important;height: auto;}
.WfMins{width: 42%;float:left;padding-left:5px;margin-bottom: 5px;}
.WfMins > .selBox > div{width:100% !important;height: auto;}


/* Show alarms in BV widget starts*/
.showAlarms .deviceInfoToolTip{display:none;width: 400px;height: 300px !important;background:#fff;box-shadow:0px 0px 18px 5px rgba(0,0,0,.2);border-radius:5px;position:absolute;left:0px;top: 0;z-index: 10;}
.showAlarms .deviceInfoToolTip > .heading{width:100%;height:40px;position:absolute;top:0;left:0;background:#eee;font-size:14px;line-height:40px;padding:0 20px;}
.showAlarms .deviceInfoToolTip > .des{height: 270px;}
.showAlarms .deviceInfoToolTip.singleRowCnt > .heading{width:100%;height:40px;position:absolute;top:0;left:0;background:#eee;font-size:14px;line-height:40px;padding:0 20px;}
.showAlarms .deviceInfoToolTip.singleRowCnt {display: none;width: 400px;height: 200px !important;background: #fff;box-shadow: 0px 0px 18px 5px rgba(0,0,0,.2);border-radius: 5px;position: absolute;left: 0px;top: 0;z-index: 10;}
.showAlarms .deviceInfoToolTip.singleRowCnt > .des{height: 160px !important;}
.showAlarms .deviceInfoToolTip.singleRowCnt > .des .deviceStatusList{height:130px !important}

.showAlarms .deviceInfoToolTip.singleRowCnt > .des.topLeft:after {top: -40px;left: 15px;background: #eee;}
.showAlarms .deviceInfoToolTip > .des.topLeft:after {top: -40px;left: 15px;background: #eee;}
.showAlarms .deviceStatusList{height: 210px;overflow-y: auto;}
.deviceStatusResult .deviceStatusList > ul > li:last-child{border-bottom: none !important;}
.deviceStatusResult .deviceStatusList > ul > li {padding: 5px 0px 18px;}
.deviceStatusResult p:nth-child(1){float: left;margin-bottom: 10px;}
.deviceStatusResult p:nth-child(2){float: right;margin-top: 3px;}
.deviceStatusResult p > strong > span{color:#fa5b5a;}
.embedWidget .des p > strong > span:first-child{color: #000}
.deviceStatusResult .severity_pill {text-decoration: none;color: #fff;font-size: 12px;font-weight:bold;padding:0 15px;line-height: 16px;height: auto;display:inline-block;text-align:center;background-color: #FAAD5A;}
.deviceStatusResult .deviceStatusList li > p {font-size: 13px;}
.deviceStatusResult .viewMoreBtns{color:#009df6;line-height:30px;padding:0 20px;cursor:pointer;float: right;margin-top: 10px;width: 100%;
    border-top: 1px solid #eee;}
.deviceStatusResult .viewMoreBtns .alignarrow{float: right;}
.deviceStatusResult .viewMoreBtns .arrow {display: inline-block;width: 7px;height: 7px;border-top: 2px solid #009df6;border-right: 2px solid #009df6;transform: rotate(135deg);position: relative;left: 3px;bottom: 2px;transition: transform .2s ease;}
.deviceStatusResult  .viewMoreBtns:hover{text-decoration: underline;}
.showAlarms .deviceInfoToolTip.alarm1{height: 200px !important}
.showAlarms .deviceInfoToolTip.alarm1 > .des{height:160px;}
.showAlarms .alarm1 .deviceStatusList{height: auto;overflow: auto;}
.showAlarms .deviceInfoToolTip.height25vh .advancedProperty{display: none !important;}
.showAlarms .deviceInfoToolTip.height25vh > .des{height: 400px !important;}
.showAlarms .deviceInfoToolTip.height25vh{height: 430px !important;}
.showAlarms .deviceInfoToolTip.height25vh .deviceStatusList{height: 330px !important;overflow-y: auto;}
.showAlarms .deviceInfoToolTip > .des.bottomRight:after{left: 365px;}
.showAlarms .deviceInfoToolTip > .des.topRight:after{top:-40px;left: 365px;background:#eee;}

#bvAlarmsTooltip .deviceStatusResult.shortcut_NoAlarm > p{float:left !important;width:100%;margin:0 !important;margin-bottom:10px !important}
#bvAlarmsTooltip .deviceStatusResult.shortcut_NoAlarm > p.shortcut_name{display:block}
#bvAlarmsTooltip .deviceStatusResult > p.shortcut_name{display:none}
#bvAlarmsTooltip .deviceStatusResult > p.shortcut_name + p{float:left !important;}
#bvAlarmsTooltip .deviceStatusResult > p.shortcut_name + p +  p{float:right !important;}
.redAlert{color: #fff !important;}
/* Show alarms in BV widget ends*/
.failureReasons{background:#f4f5f6;padding:25px 0px;color:#212121;border:1px solid #e2e2e2;height: 160px;display:flex;flex-direction:column;align-items:center;text-align: center;}
.failureReasons .reasonTitle{font-family:'LatoBold';font-size:18px;margin-bottom:20px;color:#212121;width:65%;}
.failureReasons.opuDiscoveredKB .reasonTitle{font-family:'LatoBold';font-size:18px;margin-bottom:20px;color:#212121;}
.nfaDeviceSummary .failureReasons .reasonDesc{font-size: 14px;margin-bottom:20px;color:#212121;width: 50%;display:flex;}
.failureReasons ul li{width: 100%;margin-bottom:15px !important;margin-left:0 !important;}
.failureReasons .associateBtn {background:#45bd7f;min-width:195px;width:auto;height:auto;font:13px LatoRegular;color:#fff;text-align:center;padding:8px 20px;margin:3px;border:0;display:inline-block;cursor:pointer;}
.failureReasons i.infoIcon{padding-left:25px;position:relative;}
.failureReasons i.infoIcon:before{width:20px;height:20px;position:absolute;left:0;top:0;border-radius:50%;background:#3996dd;content: "";}
.failureReasons i.infoIcon:after {position:absolute;left:8px;top:0;content:"i"; color:#fff;}

.opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover td.opuPointer > a{color:#0099ff}
.opuPointer a{cursor:pointer;color: #0099ff}
.opuDeviceSection{width:100%;float:left}
.opuDeviceSummary{padding-right:0px}
.opuDeviceSummary > h3{background:#f4f5f6;border:1px solid #e0e0e0;border-bottom:0;line-height:40px;padding:0 20px;font-family:latoBold}
.opuDeviceSummaryTable{width:100%;display:table;border:1px solid #eaeaea;border-collapse:collapse;}
.opuDeviceSummaryTable > .row{display:table-row;width:100%}
.opuDeviceSummaryTable > .row > .coll{vertical-align:top;display:table-cell;width:50%;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:10px 0;}
/*.opuDeviceSummaryTable > .row > .coll:last-child{border-right:0}*/
.opuDeviceSummaryTable > .row > .coll > .left{width:40%;float:left;padding:0 20px;position:relative}
.opuDeviceSummaryTable > .row > .coll > .left:after{position:absolute;top:50%;right:0;content:":";margin-top:-10px}
.opuDeviceSummaryTable > .row > .coll > .right{width:60%;float:left;word-wrap: break-word;max-width:350px;padding:0 20px;}
.opuDeviceSummaryTable .heap-progressbar small{font-size: 10px;color: #666;display: block;margin-bottom: 3px;}
.opuDeviceSummaryTable .heap-progressbar .progBar{display: block; width: 200px;position: relative;height: 6px;content: '';border-radius: 20px;background: #ddd;}
.opuDeviceSummaryTable .heap-progressbar .progBar span{content: '';position: absolute;left: 0;top: 0;height: 6px;background: #239f5a;border-radius: 20px;}
.SpeedoMeter.onlyValue > i.mark:before {content: '';display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 10px;}
.SpeedoMeter.onlyValue > .mark.danger:before{background-color: #fa5b5a;}
.SpeedoMeter.onlyValue > .mark.warning:before{background-color: #faad59;}
.SpeedoMeter.onlyValue > .mark.success:before{background-color: #45bb7d;}
.SpeedoMeter.onlyValue > .mark.info:before{background-color: #169bfe;}
.approveSubnetTable .icon-remove{position: initial !important;}
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td:last-child{position:relative !important}
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td:last-child i{display:none}
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:hover td:last-child i{display:block}
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td:last-child i:before,
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td:last-child i:after{width:2px;height:14px;background:#FF4448;top:18px}
.opm_jqGridUI.approveSubnetTable .ui-jqgrid .ui-jqgrid-bdiv{height:214px !important;overflow:auto !important}
.opuResetBtn{position: relative;left:5px;top:5px;}
.opuEditBox {background:#f0f0f0 !important;float:left;width:auto;font:14px LatoRegular;padding:5px 8px;border:1px solid #dcdcdc;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.opuEditBox :hover{background:#fbfbfb !important}
.opuApproveBtn{height:auto;margin-top:10px;cursor:pointer}
.opuApproveBtn em{vertical-align:bottom;margin-right:5px;}
.opuApproveBtn span{vertical-align:baseline;}
.opmFormHolder.opmCustomReportTable{right:30px !important}
#previewList .ui-jqgrid .ui-jqgrid-view{overflow:auto}
#previewList .opmCustomReportTablePrev{border-right: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-top:0}
#previewList .opmCustomReportTablePrev:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{border:none !important}
#previewList .opmCustomReportTablePrev:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv, #previewList .opmCustomReportTablePrev:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager{border-left: 0 !important;border-right:0 !important}
.icon-reportCopy{position:relative;width: 16px;height:16px;display: inline-block;cursor:pointer}
.icon-reportCopy:before{background: url('../../img/opm-sprites.png') no-repeat -302px -1438px;background-repeat: no-repeat;content:"";position:absolute;left:0px;top: 2px;width: 16px;height: 16px}
.custReportMsg{width: auto !important;left: 50%;position: absolute;transform: translateX(-50%);top: 20px;padding: 0 20px !important;line-height: 40px;font-family: latoRegular;font-size: 13px;}
#customDiv > .opmFormCol{margin-left:4%}
/* Device header CSS */
#PageContent .DeviceDetails .DI-Header2, .DeviceGroupDetails .DI-Header2{background:#f5f6f8;width:auto;height:45px;position:absolute;top:0;right:0;left:0;z-index:99}
.oputilsSnapshot .DI-Header2 h2 { line-height: 1; height: 45px; font-size: 13px; }
.oputilsSnapshot .DI-Header2 h2 > div:nth-child(2) { max-width: 100%; }
.DI-Header2 h2,.configlet-resultHeader h2{float:left;min-width:500px;width:auto;max-width:60%;font:16px/42px LatoBold;padding:0 10px 0 0}
.DI-Header2 h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2){float:left;max-width:60%;line-height:26px;display:inline-block}
.DI-Header2 h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2) div,.configlet-resultHeader h2 span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.DI-Header2 h2 > div:nth-child(2) div,.configlet-resultHeader h2 > div:nth-child(2) div{max-width:none}
.DI-Header2 h2 span,.configlet-resultHeader h2 span{clear:left;float:left;max-width:100%;font:12px LatoRegular;color:#888888;margin:-2px 0 0}
.DI-Header2 h2 span i:not(:first-child),.configlet-resultHeader h2 span i:not(:first-child){padding:0 0 0 5px}
.DI-Header2 h2 span i:not(:first-child):before,.configlet-resultHeader h2 span i:not(:first-child):before{content:'|';position:relative;top:-1px;left:-2px}
.DI-Header2 > h2 > i.opm_statusbar{margin-left:0 !important;}
.DI-Header2 > h2{padding-left:10px;}
.DI-Header2 h2 #nameOnly{padding: 16px 0;}
.DI-Header2 .icon-table {position:absolute;right:20px;top:10px;cursor:pointer;font-size: 20px;color: #3d3d3d;}
/*.DI-Header2 .devsearchicon {float: right;position: absolute;right: 10px;top: 10px;}*/
#OPUSnapshotDeviceListDiv{height:100%;padding-top: 45px;}
#OPUSnapshotDeviceListDiv.filterDataByActive {padding-top: 90px;}
.donutViewTable > section{padding-right: 12px;}
.donutViewTable,
.donutViewTable > section,
.donutViewTable .ui-jqgrid{height: 100% !important;}
.donutViewTable .ui-jqgrid .ui-jqgrid-view{height: calc(100% - 25px) !important}
.donutViewTable .ui-jqgrid .ui-jqgrid-bdiv{height: calc(100% - 35px) !important;width:calc(100% + 12px) !important}
.donutViewTable .ui-jqgrid .ui-jqgrid-hdiv{overflow-y: hidden;}
.donutViewTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels{background:#f5f6f8;}
.donutViewTable .opm_jqGridUI .icon-configedit{margin: 0 10px 0px 0px  !important}
.donutViewTable #filterDataBy {top: 45px;}
.donutViewTable .filterDataByActive .columnChooserBtn{top: 89px !important;}
.opuSearchBtn {cursor: pointer;position: absolute;right: 51px;background: #45bd7f;padding: 6px 20px 6px 35px;top: 8px;border-radius: 3px;display: inline-block;float: right;color: white;}
.opuSearchBtn:before{position:absolute;top: 8px;left: 20px;}
.treeFilter .jstree-default .jstree-wholerow{height: 30px;}
.treeFilter .jstree-default .jstree-wholerow{left: 10px;width: calc(100% - 10px);}
.treeFilter .jstree-default .jstree-wholerow-clicked{background: #beebff;}
.treeFilter .jstree-default .jstree-wholerow-hovered{background: #e7f4f9;}
#vakata-dnd + #jstree-marker{z-index:1;margin-top:2px;}

.alarmNoData { background: #f6f7f7; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
.alarmNoData .alarmNoData__Msg { margin-top: 25px; width: 600px; margin: 75px auto 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.alarmNoData .alarmNoData__Msg__icon { background: url("../../img/opm-sprites.png") no-repeat -1px -1840px; width: 75px; height: 70px; margin-right: 25px; }
.alarmNoData .alarmNoData__Msg__content { font-size: 14px; }
.alarmNoData .alarmNoData__Msg__content p { color: #7d7d7d; }
.alarmNoData .alarmNoData__Msg__content p a { color: #3996dd; }
.alarmNoData .alarmNoData__Msg__title { font-size: 24px; line-height: 1.6; margin-bottom: 5px; }
.alarmNoData .alarmNoData__Msg .opmBtn { float: none; margin-top: 25px; }
.opuDeviceSummaryTable > .row > .coll.withHelpCard > .right {max-width: unset;}
.opuDeviceSummaryTable > .row > .coll.withHelpCard > .right .hasHelpCard4 .helpCardInfo{left:unset;right:-10px}
.opuDeviceSummaryTable>.row>.coll.withHelpCard>.right .hasHelpCard4,.opuDeviceSummaryTable>.row>.coll>.right .icon-hover-visible {opacity:0}
.opuDeviceSummaryTable>.row>.coll.withHelpCard:hover>.right .hasHelpCard4,.opuDeviceSummaryTable>.row>.coll:hover>.right .icon-hover-visible {opacity:1}
.icon-hover-visible{line-height:0;padding-top:3px;margin:0 5px;cursor:pointer}
.opuDeviceSummaryTable > .row > .coll.withHelpCard > .right .hasHelpCard4 .helpCardInfo::before{left:unset;right:10px}
.tabStatic__fixedTop + .opmFormHolder.opmReportSetting{padding-left:0 !important}
.tabStatic__fixedTop + .opmFormHolder.opmReportSetting .confiContent{margin-top:7px}
.tabStatic li.active:before {top: -1px;left: 0px;content: "";width: 100%;height: 2px;background: #45bd7f;position: absolute;}

.tabStatic__fixedTop .opmBtnHldrTop { top: 0; right: 30px; }
.opuDeviceSummaryTable > .row > .coll.withHelpCard > .right .hasHelpCard:focus .helpCard,
.opuDeviceSummaryTable > .row > .coll.withHelpCard > .right .hasHelpCard.active .helpCard{display:none !important}
.opuDeviceSummaryTable > .row > .coll.withHelpCard:hover > .right .hasHelpCard:focus .helpCard,
.opuDeviceSummaryTable > .row > .coll.withHelpCard:hover > .right .hasHelpCard.active .helpCard{display:block !important}

#AlrmEvtTrapInvDev .AETIDContent.AlarmsFilter.AlarmsFilter_1 .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-29px}
#AlrmEvtTrapInvDev.Grid .AETIDContent.AlarmsFilter.AlarmsFilter_1 .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-29px}
.storageMonitoring{text-align: center;color: #5C5C5C;background: #fbfbfb;height: 100%;padding-top: 30px;}

.withInfo.selBox > div{width:50% !important}
.withInfo.selBox .info{width: 50%;clear: none;float: left;height: 33px;cursor: pointer;padding: 7px;background: #fafafa;border: 1px solid #efefef;overflow: hidden}
.storageMonitoring .deviceMonitor{background: url("../../img/opm-sprites.png") no-repeat -1px -1717px;width: 78px;height: 78px;display: inline-block;content: "";}
.storageMonitoring .deviceMonitorTitle{font-family: 'LatoBold';font-size: 28px;margin: 20px 0px;color: #000;}
.storageMonitoring .deviceLink{color: #31A5F0 !important;text-decoration: none;display: inline;cursor: pointer;}
.storageMonitoring .deviceMonitorListSec {width: 90%;margin: 20px 0px 20px auto;display: flex;justify-content: center;}
.storageMonitoring .deviceMonitorListSec .deviceMonitorLists{width: 30%;text-align: left;display: flex;align-items: center;}
.storageMonitoring .deviceMonitorListSec .deviceMonitorLists .greenSelectIcon {background: url("../../img/opm-sprites.png") no-repeat -70px -1263px;width: 17px;height: 16px;display: inline-block;content: "";margin-right: 13px;}
.storageMonitoring .tryBtn {background: #45bd7f;min-width: 163px;width: auto;height: auto;font: 19px LatoRegular;color: #fff;text-align: center;padding: 14px 20px;margin: 3px;border: 0;display: inline-block;cursor: pointer;}

.storageMonitoring .noteSec {width: 100%;margin: 20px 0px 20px auto;display: flex;justify-content: center;}
.storageMonitoring .noteSec b{font-family: 'LatoBold';}

#AlrmEvtTrapInvDev.Colored .AETIDContent.AlarmsFilter.AlarmsFilter_1 .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-44px}
.AETIDContent.AlarmsFilter.AlarmsFilter_1 .AETIDList.filterDataByActive #filterDataBy{width:auto;max-width:80%}
.AETIDContent.AlarmsFilter.AlarmsFilter_1 .opmCusGrid{z-index:1}
.AETIDContent.AlarmsFilter.AlarmsFilter_1 .AETIDList.filterDataByActive #filterDataBy .title{left:140px}
#AlrmEvtTrapInvDev.Grid .AETIDContent.AlarmsFilter.AlarmsFilter_1 .filterDataByActive .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Alarms_cb > div{top:-44px}
.oputilsSnapshot  #inventoryGridStyle .ipamGrid .grid-stack-item,
.oputilsSnapshot  #inventoryGridStyle .ipamGrid .grid-stack-item .content,
.oputilsSnapshot  #inventoryGridStyle .ipamGrid .grid-stack-item .content > div > div,
.oputilsSnapshot .ipamGrid   .opm_jqGridUI,
.oputilsSnapshot .ipamGrid   .opm_jqGridUI .ui-jqgrid{height: 100% !important}
.oputilsSnapshot .ipamGrid > div{top: -10px !important;}
.oputilsSnapshot #inventoryGridStyle .ipamGrid .opm_widget_title .dashboardWidgetIcons i,
.oputilsSnapshot .ipamGrid .opm_widget_title{background: #f5f6f8 !important;}
.oputilsSnapshot .ipamGrid   .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv{min-height:35px;position: sticky;top: 0;z-index: 2;}
.oputilsSnapshot .ipamGrid   .opm_jqGridUI .ui-jqgrid .ui-jqgrid-view{  height:calc(100% - 15px) !important;}
.oputilsSnapshot .ipamGrid   .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv{height: calc(100% - 50px) !important;}
.oputilsSnapshot #inventoryGridStyle .ipamGrid .grid-stack-item .content{padding-top:40px;}
/* Device header CSS */
#PageContent .DeviceDetails .DI-Header2, .DeviceGroupDetails .DI-Header2{background:#f5f6f8;width:auto;height:45px;position:absolute;top:0;right:0;left:0;z-index:99}
.oputilsSnapshot .DI-Header2 h2 { line-height: 1; height: 45px; font-size: 13px; }
.oputilsSnapshot .DI-Header2 h2 > div:nth-child(2) { max-width: 100%; }
.DI-Header2 h2,.configlet-resultHeader h2{float:left;min-width:500px;width:auto;max-width:60%;font:16px/42px LatoBold;padding:0 10px 0 0}
.DI-Header2 h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2){float:left;max-width:60%;line-height:26px;display:inline-block}
.DI-Header2 h2 > div:nth-child(2),.configlet-resultHeader h2 > div:nth-child(2) div,.configlet-resultHeader h2 span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.DI-Header2 h2 > div:nth-child(2) div,.configlet-resultHeader h2 > div:nth-child(2) div{max-width:none}
.DI-Header2 h2 span,.configlet-resultHeader h2 span{clear:left;float:left;max-width:100%;font:12px LatoRegular;color:#888888;margin:-2px 0 0}
.DI-Header2 h2 span i:not(:first-child),.configlet-resultHeader h2 span i:not(:first-child){padding:0 0 0 5px}
.DI-Header2 h2 span i:not(:first-child):before,.configlet-resultHeader h2 span i:not(:first-child):before{content:'|';position:relative;top:-1px;left:-2px}
.DI-Header2 > h2 > i.opm_statusbar{margin-left:0 !important;}
.DI-Header2 > h2{padding-left:10px;}
.DI-Header2 h2 #nameOnly{padding: 16px 0;}
.DI-Header2 .icon-table {position:absolute;right:20px;top:10px;cursor:pointer;font-size: 20px;color: #3d3d3d;}
/*.DI-Header2 .devsearchicon {float: right;position: absolute;right: 10px;top: 10px;}*/
#OPUSnapshotDeviceListDiv{height:100%;padding-top: 45px;}
#OPUSnapshotDeviceListDiv.filterDataByActive {padding-top: 90px;}
.donutViewTable > section{padding-right: 12px;}
.donutViewTable,
.donutViewTable > section,
.donutViewTable .ui-jqgrid{height: 100% !important;}
.donutViewTable .ui-jqgrid .ui-jqgrid-view{height: calc(100% - 25px) !important}
.donutViewTable .ui-jqgrid .ui-jqgrid-bdiv{height: calc(100% - 35px) !important;width:calc(100% + 12px) !important}
.donutViewTable .ui-jqgrid .ui-jqgrid-hdiv{overflow-y: hidden;}
.donutViewTable .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels{background:#f5f6f8;}
.donutViewTable .opm_jqGridUI .icon-configedit{margin: 0 10px 0px 0px  !important}
.donutViewTable #filterDataBy {top: 45px;}
.donutViewTable .filterDataByActive .columnChooserBtn{top: 89px !important;}
.opuSearchBtn {cursor: pointer;position: absolute;right: 51px;background: #45bd7f;padding: 6px 20px 6px 35px;top: 8px;border-radius: 3px;display: inline-block;float: right;color: white;}
.opuSearchBtn:before{position:absolute;top: 8px;left: 20px;}
.opUtilsSnapShotPageAside .DI-Content{-webkit-transition: height 150ms ease, -webkit-transform 300ms ease;transition: height 150ms ease, -webkit-transform 300ms ease;-o-transition: height 150ms ease, transform 300ms ease;transition: height 150ms ease, transform 300ms ease;transition: height 150ms ease, transform 300ms ease, -webkit-transform 300ms ease;}
html{-webkit-transition: height 150ms ease, -webkit-transform 300ms ease;transition: height 150ms ease, -webkit-transform 300ms ease;-o-transition: height 150ms ease, transform 300ms ease;transition: height 150ms ease, transform 300ms ease;transition: height 150ms ease, transform 300ms ease, -webkit-transform 300ms ease;}
.treeFilter #oputree.jstree ul.jstree-children:before{left:24px}
.treeFilter #oputree.jstree > ul li:after{left:10px}
.treeFilter #oputree.jstree li > i {left: 4px;top: 1px;}
.treeFilter #oputree.treeList{top: 46px;}
.treeFilter #oputree.jstree li { padding-left: 9px; }
.oputilsSnapshot #inventoryGridStyle .ipamGrid .opm_widget_title .dashboardWidgetIcons .opUtilsLegendInfo .severity_1{background:#fa5b5a !important}
.oputilsSnapshot #inventoryGridStyle .ipamGrid .opm_widget_title .dashboardWidgetIcons .opUtilsLegendInfo .severity_2{background:#faad5a !important}
.oputilsSnapshot #inventoryGridStyle .ipamGrid .opm_widget_title .dashboardWidgetIcons .opUtilsLegendInfo .severity_3{background:#e8de65 !important}
.oputilsSnapshot #inventoryGridStyle .ipamGrid .opm_widget_title .dashboardWidgetIcons .opUtilsLegendInfo .severity_4{background:#ac4cab !important}
#previewList.rightBorderFix .ui-jqgrid .ui-jqgrid-view {border-right: 1px solid #e2e2e2;overflow-x: hidden;}
#previewList.rightBorderFix .opm_jqGridUI.jqTableMultiSpan, #previewList.rightBorderFix .opmCustomReportTablePrev{border-right-color: transparent;}
.fetchOrganizationBtn { position: absolute; left: 100%; top: 22px; background: #45bd7f; color: #fff; padding: 0 20px; line-height: 33px; white-space: nowrap; cursor: pointer; }

.opmFormTitle.withBorder{padding-bottom:10px;border-bottom:1px solid #e2e2e2;margin-top:0;margin-bottom:15px}
.settingsCnt > aside.width400{width:400px}
.settingsCnt > aside.width400 + section{left:400px !important}
.settingsCnt > aside.bgLightGreen{background:#E7F7EF !important; overflow:auto}
.settingsCnt > aside.bgLightGreen .changePwdStepsMain{padding:0px; width:100%; float:left}
.heading18{font-size:18px; font-family:latoBold; margin-bottom:5px; margin-top:5px}
.shortDesc{font-size:14px; margin-bottom:20px}
.changePwdStepsMain{padding:0}
.changePwdStepsMain ul{position:inherit !important}
.changePwdStepsMain ul li{padding:30px 30px 30px 90px; position:relative; border-left:3px solid rgba(0, 0, 0, 0); border-bottom:1px solid #CCEBDC}
.changePwdStepsMain ul li h2{font-size:18px; font-family:latoBold; margin-bottom:5px; position:relative}
.changePwdStepsMain ul li .securityStatus{font-size:10px; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; padding:0 5px; line-height:16px; display:inline-block; margin-bottom:5px}
.changePwdStepsMain ul li .securityStatus__notConfigured{background:#f34848}
.changePwdStepsMain ul li .securityStatus__configured{background:#45bd7f; display:none}
.changePwdStepsMain ul li p{color:#3C3C3C; line-height:20px}
.changePwdStepsMain ul li.current{background:#fff;border-left:3px solid #45bd7f;cursor:default}
.changePwdStepsMain ul li.verifiedTab .securityStatus__configured{display:inline-block}
.twoFAForm{max-width:500px}
.TwoFA_getMailOtpMain{float:left;width:100%;flex-direction:column}
.TwoFA_getMailOtpMain__sendOtp .opmBtn{margin:0}
.TwoFA_getMailOtpMain__enterOtp .opmBtn{margin-right:10px}
.TwoFA_getMailOtpMain__otpSuccess .infoMssg{margin:0;padding-left:40px;padding-right:30px;position:relative;float:left}
.TwoFA_getMailOtpMain__otpSuccess .infoMssg:before{position:absolute;background:url("../../img/opm-sprites.png") no-repeat -70px -1263px;width:17px;height:16px;content:"";top:11px;left:20px}
.TwoFA_getMailOtpMain__emailNotConfigured .opmBtn{margin:0}
.circleIconBox{width:46px; height:46px; position:absolute; top:25px; left:30px; background:#45bd7f; border-radius:50%; border:3px solid rgba(255, 255, 255, 0.5)}
.circleIconBox:before{content:""; position:absolute}
.circleIconBox.mailConfiIcon:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -149px -16px; width:20px; height:17px; left:10px; top:12px}
.circleIconBox.changePWDIcon:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -115px -33px; width:23px; height:22px; left:10px; top:8px}
.circleIconBox.twoFacAuthIcon:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -139px -33px; width:17px; height:26px; left:11px; top:6px}
.changePwdOnly{width:100%; max-width:750px; margin:0 auto; margin-top:40px; padding:50px 150px; background:#E7F7EF; border-radius:10px; text-align:center; position:relative}
.changePwdOnly input{border:1px solid #b2dec7; background:#FFF; padding:10px; outline:none; width:100%; margin-bottom:10px; border-radius:5px; max-width:350px}
.changePwdOnly .opmBtn{float:none}
.changePwdOnly .helpCardInfo{width:322px;max-width:322px;height:auto;font:normal 12px LatoRegular;position:absolute;top:48px;right:0px;z-index:2}
.ncmChangePwdOnly{padding:50px 30px;max-width:850px}
.ncmChangePwdOnly .ncmChangePwdRow{width:100%;margin-top:30px;display:flex;text-align:left}
.ncmChangePwdOnly .ncmChangePwdRow .ncmChangePwdColl{width:50%;padding:0 20px}
.ncmChangePwdOnly .ncmChangePwdRow .ncmChangePwdColl:last-child{border-left:1px solid #97D9B7}
.ncmChangePwdOnly .opmBtn{float:none;width:100%;max-width:350px;border-radius:5px;line-height:40px;padding:0;margin:0}
.ncmChangePwdOnly h3{font-size:16px;font-family:latoBold}
.ncmChangePwdOnly ul li{list-style:none;margin-top:15px;font-size:12px;padding-left:20px;position:relative}
.ncmChangePwdOnly ul li:before{width:6px;height:6px;background:#000;position:absolute;top:5px;left:3px;content:"";border-radius:50%}

html.horizontalView .settingsCnt.changePwdCnt{top:0;}

/*Firewall Rule Management starts*/
.opmForm.rule-management-sidebar-form .opmCheckBox2 {display: inline-block; }
.opmForm.rule-management-sidebar-form .opmCheckBox2:hover, .opmForm.rule-management-sidebar-form .opmCheckBox2 label:hover {cursor: pointer}
.opmForm.rule-management-sidebar-form .opmCheckBox2.style2 { border: 1px solid #45BD7D; border-radius: 5px; padding: 10px 15px; margin-right: 40px}
.opmForm.rule-management-sidebar-form .opmCheckBox2 input { display: none}
.opmForm.rule-management-sidebar-form .opmCheckBox2 svg {fill:#c3c3c3}
.opmForm.rule-management-sidebar-form .opmCheckBox2.active svg {fill:#45BD7D}
.opmForm.rule-management-sidebar-form .opmCheckBox2.style2 {padding: 5px 5px; min-width: 90px; margin-right: 0;}
.opmForm.rule-management-sidebar-form .opmCheckBox2.style2 label {font-size: 12px;}
.opmForm.rule-management-sidebar-form .opmFormCol.flex {gap:2px; align-items: center;}
/*Firewall Rule Management ends*/


/*Probe Upgrade Start*/

.settingsCnt > aside .upgradeMessage {background: #F3F3F3;margin: 20px;border-radius: 4px;padding: 10px 15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.settingsCnt > aside .upgradeMessage p{font-size: 12px; color: #636363;margin-bottom: 10px;}
.settingsCnt > aside .upgradeMessage span{font-size: 12px; font-weight: bold;}
.settingsCnt > aside .upgradeMessage span .right {border: solid #3996dd;border-width: 0 1px 1px 0;display: inline-block;padding: 4px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#Import-From-CSV .styleTwo {position: relative;left: 58%;}
#Import-From-CSV .styleTwo span.info { background: #f9f9fb; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; padding: 0 8px; position: relative; display: table-cell; border: 0 !important; border-left: 1px solid #dcdcdc !important; }
#Import-From-CSV .styleTwo span.info label { color: #636363; font-size: 14px; margin: 0 !important; }
#Import-From-CSV .styleTwo .fileUpload{width: 30% !important;}

.uploadingStatus {justify-content: center;align-items: center;background: #F1F1F3;width: 230px;padding: 10px 15px;border-radius: 4px;position: absolute;right: 0;bottom: -35px;display: flex;}
.uploadPPMIcon::before{background:url(../../img/opm-sprites.png)no-repeat -327px -1734px;width: 28px;height: 35px;content: '';display: inline-block;}
.uploadingStatus .statusSection {display: inline-block;margin-left: 10px;}
.uploadingStatus .statusSection .closeBtn {position: absolute;top: 12px;right: 13px;color: #858585;cursor: pointer;width: 14px;height: 14px;}
.uploadingStatus .statusSection .closeBtn:before {width: 2px;height: 10px;content: "";right: 6px;top: 2px;position: absolute;background: #858585;transform: rotate(45deg);}
.uploadingStatus .statusSection .closeBtn:after {width: 2px;height: 10px;content: "";right: 6px;top: 2px;position: absolute;background: #858585;transform: rotate(45deg);transform: rotate(-45deg);}
.uploadingStatus .statusSection .probeFileName{font-size: 12px; font-weight: bold;color: #312E2E;}
.uploadingStatus .statusSection .probeUploadStatus{font: 10px LatoRegular;color: #312E2E;}
.uploadingStatus .loadingStatusBar {width: 160px;height: 3px;border-radius: 10px;display: inline-block;margin: 3px 0px;}
.uploadingStatus  .loadingStatusBar > .grayLine { width: 100%; height: 100%; float: left; background: #e2e2e2; position: relative; border-radius: 20px; }
.uploadingStatus .loadingStatusBar > .grayLine > .greenLine { width: 80%; position: absolute; top: 0; left: 0; height: 100%; background: #45bd7f; border-radius: 20px; }
.msgBoxYellow {width: 98%;float: left;background: #FFF3BF;border: 1px solid #F6E9AD;padding: 10px;height: 40px;text-align: center;margin-bottom: 15px;}
.msgBoxYellow p {line-height: 20px; display: inline-block;}

.upgradeStatusSection {display: inline-block;margin-left: 10px;}
.upgradeStatusSection .probeFileStatus{font-size: 12px; font-weight: bold;color: #312E2E;word-break: break-word}
.upgradeStatusSection .probeFileStatus .probeSuccess{width: 6px;height: 6px;background: #45bd7f;border-radius: 20px;display: inline-block;margin-right: 5px;}
.upgradeStatusSection .probeFileStatus .probeFailure{width: 6px;height: 6px;background: #f34848;border-radius: 20px;display: inline-block;margin-right: 5px;}
.upgradeStatusSection .probeFileStatus .inProgressStatus{width: 6px;height: 6px;background: #ffc35a;border-radius: 20px;display: inline-block;margin-right: 5px;}
.downloadPPMIcon::before{background:url(../../img/opm-sprites.png)no-repeat -343px -1786px;width: 12px;height: 12px;content: '';display: inline-block;position: relative;top: 1px;margin-right: 5px;}

.upgradeStatusSection .probeUploadingStatus{font: 10px LatoRegular;color: #312E2E;position: relative;bottom: 2px;left: 3px;}
.upgradeStatusSection .loadingStatusBar {width: 160px;height: 4px;border-radius: 10px;display: inline-block;margin: 3px 0px;}
.upgradeStatusSection .loadingStatusBar > .grayLine { width: 100%; height: 100%; float: left; background: #e2e2e2; position: relative; border-radius: 20px; }
.upgradeStatusSection .loadingStatusBar > .grayLine > .greenLine { /*width: 80%;*/ position: absolute; top: 0; left: 0; height: 100%; background: #45bd7f; border-radius: 20px; }

.probeUpgradePage{background: #F8F8F8;}
.probeUpgradePage #header{background: transparent;border: none;}
.probeUpgradePage .upgradeBlock {position: relative;width: 100%;}
.probeUpgradePage .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.probeUpgradePage .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;flex-direction: column; }
.probeUpgradePage .title {display: block;font: 36px LatoBold;margin: 10px 0;}
.probeUpgradePage .processStatus {display: block;font: 14px LatoRegular;}
.probeUpgradePage .processStatus b{font: 14px LatoBold;}
.probeUpgradePage .loadingStatusBar {width: 500px;height: 18px;border-radius: 10px;display: inline-block;margin: 10px 0px; padding: 5px;border: 1px solid #e1e1e1;}
.probeUpgradePage .loadingStatusBar > .grayLine { width: 100%; height: 100%; float: left; background: #e2e2e2; position: relative; border-radius: 20px; }
.probeUpgradePage .loadingStatusBar > .grayLine > .greenLine { width: 80%; position: absolute; top: 0; left: 0; height: 100%; background: #45bd7f; border-radius: 20px; }
.probeUpgradeIcon{background:url(../../img/opm-sprites.png)no-repeat -80px -1840px;width: 75px;height: 75px;content: '';display: inline-block;}
.probeUpgradePage footer { width: 100%; padding: 10px 0; position: absolute; bottom: 25px; }
.probeUpgradePage .center { text-align: center; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1400px) { footer { padding-top: 5px; padding-bottom: 5px; } }
.probeUpgradePage footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }
.probeUpgradePage footer ul li { padding-right: 8px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.probeUpgradePage footer ul li:before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background-color: #7d7d7d; }
.probeUpgradePage footer ul li:first-child:before { display: none; }
.probeUpgradePage footer ul li a { text-decoration: none; line-height: 1.3; font-size: 12px; color: #555; }
.probeUpgradePage footer ul li a:hover { will-change: color; color: #000000; }
 @media only screen and (max-width: 480px) { footer ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  footer ul li { width: 100%; margin: 5px 0; }
  footer ul li::before { display: none; }
  footer ul li a { width: 100%; } }
.probeUpgradePage .container { width: 95%; margin-left: auto; margin-right: auto; }

/*! VPN Monitoring starts here */
.dataValueWidgetContainer{display:flex;flex-wrap:wrap;gap:16px}.dataValueWidgetContainer .dataValueWidget{background-color:#f8f8f8;border:1px solid #eaeaea;border-radius:4px;padding:10px 12px 10px 16px;min-width:200px;color:#212121;display:inline-block;user-select:none}
.dataValueWidgetContainer .dataValueWidget__title{font-size:26px;line-height:1;font-family:"LatoBold";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:4px 0 4px}
.dataValueWidgetContainer .dataValueWidget__title .svgIcon{margin-right:10px;width:24px;height:24px}
.dataValueWidgetContainer .dataValueWidget__title .dataValueWidget__unit{font-size:16px;font-family:"LatoRegular";margin-left:8px}
.dataValueWidgetContainer .dataValueWidget__title .dataValueWidget__unit.bandwidth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:18px;border:1px solid #eaeaea;padding:2px 10px 2px 6px;line-height:1.4}
.dataValueWidgetContainer .dataValueWidget__title .dataValueWidget__unit.bandwidth .svgIcon{width:15px;height:15px;margin-right:8px}
.dataValueWidgetContainer .dataValueWidget__title .dataValueWidget__unit.bandwidth .value{margin-right:12px}
.dataValueWidgetContainer .dataValueWidget__title .dataValueWidget__unit.bandwidth .value:last-child{margin-right:0}
.dataValueWidgetContainer .dataValueWidget__label{color:#7d7d7d;margin-top:8px;font-size:15px;line-height:1}
.dataValueWidgetContainer .dataValueWidget.success{background-color:#eefbf4;border-color:#33d07e}
.dataValueWidgetContainer .dataValueWidget.success .svgIcon{fill:#196b40}.dataValueWidgetContainer .dataValueWidget.success .dataValueWidget__title{color:#1d804c}
.dataValueWidgetContainer .dataValueWidget.success .dataValueWidget__label{color:#5b7567}
.dataValueWidgetContainer .dataValueWidget.danger{background-color:#fef0f0;border-color:#f67878}
.dataValueWidgetContainer .dataValueWidget.danger .svgIcon{fill:#e00f0f}.dataValueWidgetContainer .dataValueWidget.danger .dataValueWidget__title{color:#e00f0f}
.dataValueWidgetContainer .dataValueWidget.danger .dataValueWidget__label{color:#aa9191}
.tunnel-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tunnel-status .svgIcon{width:16px;height:16px;line-height:1;margin-right:8px}
/*! VPN Monitoring ends here */

/* Table new theme CSS starts*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr{border-bottom:1px solid #e2e2e2}
/*div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd){background:transparent !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd) td{background:transparent !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd):hover{background:#fffcf1 !important}*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th{padding:4px 10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th{padding:4px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.reduceRowHeight > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:4px 15px !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"]{width:15px;height:15px;z-index:1;position:relative;opacity:0;margin:0;left:1px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span{display:block !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span:before{background:#fff;border:1px solid #d4d4d4;width:15px;height:15px;left:0;top:0;content:"";position:absolute}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"] + span > span{display:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr th:first-child input[type="checkbox"]:checked + span:after{width:3px;height:7px;left:6px;top:3px;content:"";border-right:2px solid #27a965;border-bottom:2px solid #27a965;position:absolute;transform:rotate(45deg)}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]{width:15px;height:15px;z-index:1;position:relative;opacity:0;margin:0;left:1px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"] + i{width:15px; height:15px; position:absolute; display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"] + i:before{background:#fff;border:1px solid #d4d4d4;width:15px;height:15px;left:-3px;top:-18px;content:"";position:absolute}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]:checked + i{width:15px; height:15px; position:absolute; display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.checkBox table tr td:first-child input[type="checkbox"]:checked + i:after{width:3px;height:7px;left:3px;top:-15px;content:"";border-right:2px solid #27a965;border-bottom:2px solid #27a965;position:absolute;transform:rotate(45deg)}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view{border:1px solid #e2e2e2 !important;width:calc(100% + 2px) !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border:0 solid #e2e2e2 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable{border:0 !important}
body.firefox div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border-bottom:1px solid #e3e3e3 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr{border:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th{background:#f4f5f6 !important; padding:10px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:first-child .ui-jqgrid-sortable .s-ico, div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:nth-child(2) .ui-jqgrid-sortable .s-ico{visibility:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th{background:#f4f5f6 !important; padding:5px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th div{padding:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th div input[type="text"]{padding:0 5px !important;margin:0;height: auto;padding:0 10px;width:100% !important;font-family:latoRegular;font-size:14px;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th:first-child .ui-jqgrid-sortable .s-ico, div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-search-toolbar > th:nth-child(2) .ui-jqgrid-sortable .s-ico{visibility:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{border:0 !important;overflow:visible}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div{width:100%;border:0 solid #e2e2e2 !important;border-top-width:1px !important;overflow:hidden}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr{border:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{padding:10px 15px !important;line-height:1.6 !important;vertical-align:top}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-hdiv .ui-jqgrid-hbox table{border-top:0;border:1px solid rgba(212, 212, 212, 0.5);display:block}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-hdiv table thead{background:#f4f4f6}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-bdiv table{border:1px solid rgba(212, 212, 212, 0.5);border-top:0;display:block;margin:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td .ui-jqgrid-bdiv table.ui-jqgrid-btable.gridnodata{padding:15px 0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgcollapsed a > .ui-icon{margin-left:-5px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr td.ui-sgcollapsed.sgexpanded a > .ui-icon{margin-left:-5px}
.opm_jqGridUI .ui-sgcollapsed span{position:relative;background:none;}
.opm_jqGridUI .ui-sgcollapsed span:before{border-color: #767a78 transparent transparent transparent;border-style: solid;border-width: 7px 5px 0 5px;height: 0;left: 6px;position: absolute;top: 11px;margin-top: -5px;margin-left: 0;width: 0;content: "";transition: .5s;}
.opm_jqGridUI .ui-icon-triangle-1-e:before{transform: rotate(-90deg)}
.opm_jqGridUI span.ui-icon-triangle-1-s:before{transform:rotate(0deg);border-color:#48BD80 transparent transparent transparent}
/*div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd){background:#fafafa !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:nth-child(odd):hover{background:#fffcf1 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr:hover{background:#fffcf1}*/
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv a{text-decoration:underline}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv a:hover{text-decoration:none}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.opmLinkUnderLineNone > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv a{text-decoration:none !important;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager{background:#f4f5f6 !important;height:auto;border:1px solid #e2e2e2 !important;border-top:0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table{height:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td{padding-top:2px !important;padding-bottom:0 !important;white-space:unset !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td:last-child{padding-top:4px !important;padding-right:10px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.fixedHeight .ui-jqgrid-bdiv{max-height:450px; overflow:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1{position:relative}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1{position:absolute; top:10px; right:20px; font-size:16px; color:#7d7d7d}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1:before{font-size:14px; font-family:fontello; content:'\e8d6'; position:absolute; top:3px; margin-left:7px; cursor:pointer; right:0}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th{padding:5px 15px}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th div{padding-top:0; height:auto !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.searchIcon1 .jqSearchIcon1 tr.ui-search-toolbar th div input[type="text"]{width:100%; margin:0; padding:0; height:30px}
.opm_jqGridUI.themeOne.topAlign .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td{vertical-align:top}
.jqSearchIcon.jq-custom-search{width:20px;height:20px !important; z-index: 10; margin-left: -56px; position: relative; margin-top: 11px; font-size: 16px; cursor: pointer; }
.ui-fwa-rowHighlight{background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.ui-fwa-rowHighlight:nth-child(odd){background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.ui-fwa-rowHighlight:nth-child(odd):hover{background:#f3f3d0 !important}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-pager{background:#ececec !important; height:30px; border:1px solid #d6d6d6 !important; border-top:0 !important}
#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid{padding-bottom:30px}
#box_mapList_holder .opm_jqGridUI.mapTableFooter .ui-jqgrid .ui-jqgrid-pager{background:#ececec !important; height:30px; border:1px solid #d6d6d6; border-top:0; padding-top:5px !important}
.jqSearchIcon.jq-custom-search{width:20px; height:20px !important; z-index:10; margin-left:-56px; position:relative; margin-top:11px; font-size:16px; cursor:pointer}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup td{font-weight:bold;font-size:16px !important;color:#222;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-strip.toggleNextRows > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr.jqgroup{background: #dbdbdb !important;border-bottom-color:#c4c4c4 !important;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-minus,
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-plus{background:none;content:''; width:0;height:0; border:6px solid transparent; margin-top:8px;margin-right:16px;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-plus{border-left-color:#a1a1a2;}
.opm_jqGridUI.toggleNextRows .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgroup .ui-icon.tree-wrap-ltr.ui-icon-circlesmall-minus{margin-top:12px; border-top-color:#444444;}div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading.hideHeaderFirstrow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.jqg-first-row-header{visibility: hidden;height: 0 !important;max-height:0;}
div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview.nfa.groupHeading.hideHeaderFirstrow > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.jqg-first-row-header > th{padding: 0 !important;border-top-width: 0 !important;visibility: hidden !important;}
.jqGridRowBadge {background-color: #bbbbbb;line-height: 1.5;display: inline-block;margin-left: 10px;padding: 0 8px;border-radius: 16px;font-size: 13px;border: 1px solid #9e9e9e;}
div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > #NFAList_id{width: 50px !important;}
/* Table new theme CSS End*/

/*Probe Upgrade Ends*/
.monitorsTitle3{top: 30px !important;padding-bottom:0px !important;}

/*.settingsCnt > section .demo .settingsContent .opmFormHolder {
    padding: 10px 0 30px;
    position: relative;
    top: 66px;
    left: 30px;
    bottom: 0;
    right: 0;
    overflow: auto;
    width: 1200px;
}*/


/*SLACK LIST CSS STARTS*/


.slackChannels .opmFormTitle{width: 100%;max-width: 2500px;}
.slackChannels .opmFormTitle .channelCount{color: #828284;}
.slackChannels .opmFormTitle i{float: right;font-weight: normal;}
.slackChannels .slackChannelPanel{background: #fff;border: 1px solid #e1e1e1;width: 1400px;overflow: hidden;margin-bottom: 10px;}
.slackChannels .slackChannelPanel .slackChannelTitleBar {background: #F7F7F7;border-bottom: 1px solid #e1e1e1;padding: 10px;height: 50px;}
.slackChannels .slackChannelPanel .slackChannelTitleBar input {width: 200px;border: 1px solid #dcdcdc;height: 30px;padding: 10px;margin: 0 20px 0 0;}
.slackChannels .slackChannelPanel .slackChannelTitleBar .slackChannelIndex{padding: 0;margin: 0;display: inline-block;text-transform: uppercase;}
.slackChannels .slackChannelPanel .slackChannelTitleBar .slackChannelIndex .filterChannels{background-color: #add8e6;}
.slackChannels .slackChannelPanel .slackChannelTitleBar .slackChannelIndex li{font-size: 12px;margin-bottom: 7px;width: 20px;height: 20px;display: inline-block;position: relative;text-align: center;cursor: pointer;color: #828284;font-weight: bold;}
.slackChannels .slackChannelList {padding:20px 15px 0px;height: auto;max-height: 375px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.slackChannels .slackChannelList li.listTitle{font-weight: bold;}
.slackChannels .slackChannelList li{margin:0 10px 8px 0;font-size:14px;padding-left:10px;width: 210px;}
.slackChannels .slackChannelList li .opmCheckBox.compact > div {padding-left: 27px;}
.slackChannels .slackChannelList li .opmCheckBox.compact label {line-height: 16px;color: #2F2F2F;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;display: block;max-width: 120px;}
.slackChannels .slackChannelList li .opmCheckBox label:before{width: 14px;height: 14px;background: #fff;}
.slackChannels .slackChannelList li .opmCheckBox label:after{width: 3px;height: 7px;}
.slackChannels .slackChannelList li .opmCheckBox.compact label::after {top: 8px;left: 3px;}
.slackChannels .slackChannelSelectedList {padding:15px 0px 15px 20px;height: auto;max-height: 375px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction: row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;white-space:nowrap;overflow:auto;}
.slackChannels .slackChannelSelectedList li{margin:0 10px 8px 0;font-size:14px;background: #eee;border: 1px solid #e1e1e1;padding: 5px 10px;border-radius: 15px;color: #606060;position: relative;}
.slackChannels .slackChannelSelectedList li span{position: relative;margin-right: 15px;}
.slackChannelPanel .no-dataText {height:150px !important;}

/* missing */
.slackchannelsonLoad{padding-top:93px;max-width:2500px;}
.settingsCnt > section .settingsContent .slackChannels .title.styleOne {position: absolute;font-family: 'LatoBold';font-size: 18px;top: 20px;left: 3px;z-index: 1;padding-bottom: 20px;}
.slackchannelsonLoad .blankpage{border-bottom: 1px solid #efefef;opacity: 1;}
.slackChannels .slackChannelSelectedList li.disable{ pointer-events:none;opacity:0.6;}
.slackChannels .slackChannelSelectedList.sdnChannelsList li span{margin-right:0}
.slackChannels .slackChannelSelectedList.sdnChannelsList li span:after{display:none}

/* newly added */
.slackChannels .slackChannelPanel .slackChannelTitleBar.filters{display:flex;align-items:center;}
.slackChannels .slackChannelPanel .slackChannelTitleBar.filters .channelFilter{display:flex;align-items:center;}
.slackChannels .slackChannelPanel .slackChannelTitleBar.filters .channelFilter span{margin-right:10px;}
.slackChannels .slackChannelPanel .slackChannelTitleBar.filters .channelFilter .opmCheckBox{margin-right:10px;}

/* modified */
/* old */
.slackChannels .slackChannelSelectedList li span:after{content: "+";font-size: 20px;right: -16px;bottom: -3px;position: absolute;transform: rotate(45deg);cursor: pointer;}

/* new */
/*.slackChannels .slackChannelSelectedList li span:after{content: "+";font-size: 20px;right:  rotate(45deg);cursor: pointer;}*/


/*SLACK LIST CSS ENDS*/




.no-dataText{height:240px}
.mr20{margin-right:20px}

.customDashboardWidget{text-align:center;color:#5C5C5C;margin: 100px auto;}
.customDashboardWidget svg{height:50px;}
.customDashboardWidget .customDashboardTitle{font-family:'LatoBold';font-size:28px;margin:10px 0px; color:#000;}
.customDashboardWidget .customizeBtn {background:#45bd7f;width:128px;height:auto;font:17px LatoRegular;color:#fff;text-align:center;padding:14px 20px;margin:15px 0px;border:0;display:inline-block;cursor:pointer;}

/*! Shimmer Effect starts */
.shimmer{width:100%;height:33px;display:inline-block;content:'';border-radius:6px;margin:8px auto;background-color:#f5f5f5;background-repeat:repeat-y;background-image:-o-linear-gradient(315deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 100%);-webkit-animation:shimmerBackground 1s linear infinite;animation:shimmerBackground 1s linear infinite}
.shimmer.dark{background-color:#222;background-image:-o-linear-gradient(315deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,.5) 60%,rgba(0,0,0,0) 100%);background-image:linear-gradient(135deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,.5) 60%,rgba(0,0,0,0) 100%)}
.shimmer__xs{height:24px}
.shimmer__sm{height:32px}
.shimmer__md{height:64px}
.shimmer__lg{height:96px}
@-webkit-keyframes shimmerBackground{
0%{background-position:-100vw 0}
100%{background-position:100vw 0}
}
@keyframes shimmerBackground{
0%{background-position:-100vw 0}
100%{background-position:100vw 0}
}
/*! Shimmer Effect ends */

/*Grid Checkbox Start*/
.gridchk {float:left;}
.gridchk label{height: 16px;width:28px;background:#ccc;border:none;}
.gridchk label:before{background:#fff;width: 12px;height: 12px;content:'';border:none;left: 3px;top: 2px;}
.gridchk input:checked + label{background:#45bd7f;border-color:transparent}
.gridchk input:checked + label:before{left: 14px;}
/*Grid Checkbox Ends*/

.infoSection{text-align:center;position:relative;padding:50px 0px;}
.infoSection .infoIcon{width:50px;height:50px;border-radius:50%;border:2px solid #979797;display:inline-block;content:"";}
.infoSection .infoIcon::after{content:"i";color:#979797;display:inline-block;font-size:24px;padding:7px 0px;}
.infoSection .infoTitle{margin:10px 0px;font:24px LatoBold;}
.infoSection p{margin:10px 0px;font:24px LatoeRegular;}
.infoSection ul {list-style-type:disc;display:flex;flex-direction:column;width:400px;justify-content:center;margin:0 auto;}
.infoSection ul li {margin-bottom:15px !important;text-align:left;}
.infoSection .tryBtn{background:#45bd7f;min-width:186px;height:40px;font:14px LatoRegular;color:#fff;text-align:center;padding:12px 40px;margin:3px;border:0;display:inline-block;cursor:pointer;}
.infoSection .tryBtn a{color: #fff !important;}
.icon-sm-network-path-analysis{background-position:-338px -2076px;}
#np_chartHeader > h2 > i.opm_statusbar{margin: 7px 6px;}

.deviceInfoToolTip.desc > .heading .pathName{line-height:14px;margin-bottom: 5px;}
.deviceInfoToolTip.desc > .heading span{color:#707070;}
.deviceInfoToolTip.desc > .heading p{line-height:14px;color:#707070;}
.deviceInfoToolTip.desc > .heading{height:60px;padding:15px 20px;}
.deviceInfoToolTip.desc > .des{top:59px;padding:0;height:auto;}
.deviceInfoToolTip.desc > .des .grid-row{align-items:center;margin:0;border-bottom:1px solid #d1d1d1;padding:13px 0;background: #fff;}
.deviceInfoToolTip.desc > .des .grid-row strong{font-weight:bold;}
.deviceInfoToolTip.desc > .des .grid-row .row-header{color:#707070;}
.deviceInfoToolTip.desc > .des .grid-row [class^="grid-col-"]:first-child{padding-left:15px;}
.deviceInfoToolTip.desc > .des.bottomLeft:after{left: 15px;}
.deviceInfoToolTip.desc > .des.bottomCenter:after{left: 130px;}
.deviceInfoToolTip.desc > .des.bottomRight:after{left: 265px;}

.deviceInfoToolTip.desc > .des.topLeft:after{top:-61px;left: 15px;background:#eee;}
body.widgetExpandView_temp .deviceInfoToolTip.desc > .des.topLeft:after{top:-61px !important}
.deviceInfoToolTip.desc > .des.topCenter:after{top:-61px;left: 130px;background:#eee;}
.deviceInfoToolTip.desc > .des.topRight:after{top:-61px;left: 265px;background:#eee;}
.vis-tooltip .deviceInfoToolTip.desc > .des .grid-row{align-items:center;margin:0;border-bottom:1px solid #d1d1d1;padding:4px 0 !important;}
#np_menuitems .timeFilterList ul{right: -55px !important;left: auto !important;}
#np_menuitems .timeFilterList ul:before{right: 35px !important;left: auto !important;}
.np_tooltipgrid.grid-col-3{-ms-flex:0 0 21%;-webkit-box-flex:0;flex: 0 0 21%;max-width: 21%;}
.firefox #networkpath_availGraph .DI-Grid .DIGGT-Row .statusInfo > div div {top: 80px !important;}
.networkpath .deviceInfoToolTip.desc > .des .grid-row .grid-col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%;white-space: nowrap !important;}
.networkpath_widget .deviceInfoToolTip.desc > .des .grid-row .grid-col-2 span{white-space: nowrap;}
.networkpath_link .deviceInfoToolTip.desc > .des:after{display: none;}

/* Password policy change CSS starts */
.SecurityAdvisoryPopUp{max-width:500px !important; }
.SecurityAdvisoryPopUp p{margin-top:10px}
.SecurityAdvisoryPopUp .changePWDBtn{padding:10px 30px; border-radius:3px; margin-top:20px}
/* Password policy change CSS ends */

/* Alarms short summary Interface link */
#alarmShortSummary #ContentHolder .CatTechSev .dev_row{margin: 0 0 20px;}
#alarmShortSummary #ContentHolder .CatTechSev .dev_row i{float:none;width:auto;margin:0;color:#31A5F0 !important;text-decoration:none;display:inline;cursor:pointer;padding: 0;}
#alarmShortSummary #ContentHolder .CatTechSev .dev_row i:hover{text-decoration:underline}

/*! Entities Box starts here */
.entitiesBox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px;margin-bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.entitiesBox .rightSide,.entitiesBox>.leftSide{-webkit-box-flex:2;-ms-flex:2;flex:2;height:auto}
.entitiesBox .rightSide h2,.entitiesBox>.leftSide h2{font-family:latoBold;font-size:16px;margin-bottom:10px}
.entitiesBox .rightSide .availableBox,.entitiesBox .rightSide .selectedBox,.entitiesBox>.leftSide .availableBox,.entitiesBox>.leftSide .selectedBox{border:1px solid #e2e2e2;padding:20px;margin-top:5px;min-height:400px;position:relative;height:calc(100% - 40px)}
.entitiesBox .rightSide .selectedBox,.entitiesBox>.leftSide .selectedBox{border-left:0;background:#fafafa}
.entitiesBox .rightSide{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}
.entitiesBox .rightSide .selectedBox__list{width:100%;height:100%}
.entitiesBox .rightSide .selectedBox__list-item{display:block;padding:10px 0;border-bottom:1px solid #efefef}
.entitiesBox .rightSide .selectedBox__list-item .svgIcon{text-align:right;float:right}
.entitiesBox .rightSide .selectedBox__list-item:last-child{border-bottom-color:transparent}
.entitiesBox .rightSide .selectedBox__list-item:first-child{padding-top:0}
.entitiesBox .nodataMsg{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;color:#787878}
.entitiesBox .nodataMsg span{font-family:latoBold;font-size:16px;display:block;margin-bottom:10px;color:#000}
.entitiesBox.fixedWidth .leftSide{width:calc(100% - 350px);-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 350px);flex:0 0 calc(100% - 350px)}
.entitiesBox.fixedWidth .rightSide{width:350px;-webkit-box-flex:0;-ms-flex:0 0 350px;flex:0 0 350px}
.entitiesBox.resetFlexDirection{-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;}
/*! Entities Box ends here */

/*HighPerf Addon CSS Start*/
.dbl_column_table { width: 100%; border: 1px solid #e2e2e2; display: flex; flex-direction: column; margin-top: 20px; }
.dbl_column_table__row { width: 100%; border-bottom: 1px solid #e2e2e2; display: flex; }
.dbl_column_table__row:last-child { border-bottom: 0; }
.dbl_column_table__collLeft { width: 35%; padding: 10px 0; padding-right: 20px; border-right: 1px solid #e2e2e2; text-align: right; background: #F9F9F9; }
.dbl_column_table__collRight { padding: 10px 30px 10px 20px; width: 75%; position: relative; }
.dbl_column_table__collRight .credentialMessage .success svg{fill:#46bb7d;position:relative;top:3px;}
.dbl_column_table__collRight .credentialMessage .failure svg{fill:#7D7D7D;position:relative;top:3px;}
.dbl_column_table__collRight .credentialMessage .info svg{fill:#3996dd;position:relative;top:3px;}
.dbl_column_table__collRight .upgradeStatusSection{margin-left:0;}
.dbl_column_table__collRight .upgradeStatusSection .probeFileStatus{display:block;font-weight: normal;}
.dbl_column_table__collRight .upgradeStatusSection .probeFileStatus.failure{font-size:14px;}
/*HighPerf Addon CSS Ends*/

.settingsCnt.changeScpPwdCnt{top:0 !important}
.enableDisableWithText{position:relative;padding-left:50px}
.enableDisableWithText .chkRoundBtn{position:absolute;top:0;left:0;width:100%}
.enableDisableWithText .chkRoundBtn input[type=checkbox]{width:100%}
.enableDisableWithText .chkRoundBtn+label{line-height:22px}
.enableDisableWithText.withbox{padding:10px 10px 10px 60px;border:1px solid #eee;background:#f9f9f9;border-radius:3px;margin-bottom:5px}
.enableDisableWithText.withbox .chkRoundBtn{top:11px;left:10px}
.opmFormRow .serverStatus{float:right;border-radius:20px;padding:5px 8px;display:flex;align-items:center;}
.opmFormRow .serverStatus.success{border:1px solid #45bd7f;background:rgba(69, 189, 127, .1);}
.opmFormRow .serverStatus.success em{fill:#45bd7f;margin-right:3px;}
.opmFormRow .serverStatus.failure{border:1px solid #f34848;background:rgba(243, 72, 72, .1);}
.opmFormRow .serverStatus.failure em{fill:#f34848;margin-right:3px;}

/*!SSL Certificate CSS START*/
.opmPopupPosiCenter{top:50% !important;left:50% !important;transform:translate(-50%,-50%)}
.opmPopupPosiCenter .ui-dialog-content.ui-widget-content{max-height:450px !important;overflow:auto}
.ssl_certificate_ui .ssl_certificate_content{text-align:center}
.ssl_certificate_ui .ssl_certificate_content img{width:200px;margin:30px 0}
.ssl_certificate_ui .ssl_certificate_content .para{font-size:16px;padding:0 0 10px;color:#212121}
.ssl_certificate_ui .ssl_certificate_content .para b{font-weight:700}
.ssl_certificate_ui .ssl_certificate_content .opmBtn{float:none;clear:both;margin:15px 0;border-radius:4px}
.ssl_certificate_ui .ssl_certificate_content .infoBoxBlue{margin-bottom:10px}
.ssl_certificate_ui .ssl_certificate_content .infoBoxBlue ul{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:25px}
.ssl_certificate_ui .ssl_certificate_content .infoBoxBlue ul li{display:inline-block;position:relative}
.ssl_certificate_ui .ssl_certificate_content .infoBoxBlue ul li:not(:last-child){padding-right:20px}
.ssl_certificate_ui .ssl_certificate_content .infoBoxBlue ul li:not(:last-child)::after{content:'';position:absolute;right:7px;top:50%;border:2px solid transparent;border-top:2px solid #797979;border-right:2px solid #797979;width:4px;height:4px;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}
.ssl_certificate_ui.no-close .ui-dialog-titlebar-close{display:none!important}
.ssl_license_info .accRow .fileUpload{border:1px solid #fff}
.ssl_license_info .infoMssg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 25px}
.ssl_license_info .infoMssg svg{fill:#edc133;width:18px;height:18px}
.ssl_license_info .infoMssg p{font-size:14px!important;color:#212121!important;margin:0!important;padding-left:10px!important}
.server_settings_info{margin:0 0}
.server_settings_info svg{fill:#edc133;width:18px;height:18px}
.server_settings_info em {line-height: 0;}
.server_settings_info em svg {width: 18px; height: 18px;}
.server_settings_info p{font-size:14px!important;color:#212121!important;margin:0!important;padding-left:10px!important}
.circleIconBox.sslConfig:before{background:url(/apiclient/fluidicv2/img/opm-sprites-v2.svg) no-repeat -113px -130px;width:24px;height:23px;left:10px;top:9px}
/*!SSL Certificate CSS END*/

/*! EE Getting Started Modal starts here */
.eeGettingStartedModal{position:relative;padding:10px}
.eeGettingStartedModal .opmInfoMsg.style2 p{font-size:12px!important}
.eeGettingStartedModal img{pointer-events:none;opacity:.8;width:100%;height:80%;display:block}
.eeGettingStartedModal .close{position:absolute;cursor:pointer;right:-10px;top:-10px;width:20px;height:20px}
.eeGettingStartedModal .close::after,.eeGettingStartedModal .close::before{content:'';display:block;width:20px;height:1px;background-color:#999;position:absolute;top:10px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.eeGettingStartedModal .close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.eeGettingStartedModal .close:hover::after,.eeGettingStartedModal .close:hover::before{background-color:#222}
.eeGettingStartedModal .eeGettingStartedModal-steps{margin-top:16px;position:relative}
.eeGettingStartedModal .eeGettingStartedModal-steps:before{content:'';display:block;position:absolute;width:2px;height:80px;background-color:#e2e2e2;top:0;left:17px}
.eeGettingStartedModal .eeGettingStartedModal-steps .eeGettingStartedModal-icon{width:36px;height:36px;margin-right:16px;z-index:1;background-color:#27a965;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%}
.eeGettingStartedModal .eeGettingStartedModal-steps .eeGettingStartedModal-icon svg{fill:#fff;width:16px;height:16px}
.eeGettingStartedModal .eeGettingStartedModal-steps>li{margin-bottom:20px;clear:both;display:-webkit-box;display:-ms-flexbox;display:flex}
.eeGettingStartedModal .eeGettingStartedModal-steps>li.active>.eeGettingStartedModal-icon{content:'';background-color:rgba(0,0,0,.1)}
.eeGettingStartedModal .eeGettingStartedModal-steps>li.active>.eeGettingStartedModal-icon:after{content:'';width:18px;height:18px;border-radius:50%;background-color:#c7c7c7}
.eeGettingStartedModal .eeGettingStartedModal-content{margin-top:7px;width:calc(100% - 50px)}
.eeGettingStartedModal .divider-left{border-left:1px solid #efefef}
/*! EE Getting Started Modal ends here */

.AddNotes{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; margin: 0 0 18px;}
.AddNotes > *{width: 100%;}
.AddNotes .addNote{min-height: 70px; background: #fcfcfc;float: left;width: 100%;font: 14px LatoRegular;padding: 5px 8px;border: 1px solid #dcdcdc;transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.AddNotes .addNote:focus,.AddNotes .addNote:active{background-color: #fff;}
.style2 header .opmBtnHldr{position: absolute;right: 0;}
#TabHolder.style2 section{padding-top: 49px;}
#TabHolder.style2 section .SingleTabContent{border: 1px solid #dddddd;padding: 20px;}
#TabHolder.style2 header{height: 52px; padding-left: 41px;}
#TabHolder.style2 header ul li{padding: 13px 25px;border-top-width: 1px;border-color: #ddd;border-right-width: 0px;margin-right: 0px;position: relative;z-index: 1;margin-left: -1px;color: #000;}
#TabHolder.style2 header ul li::after{content: '';display: block;width: 1px;height: 100%;background:#ddd;position: absolute;z-index: 0;right: 0;top: 0;}
#TabHolder.style2 header ul li:nth-last-child(1){border-width: 1px;}
#TabHolder.style2 header ul li.active{height: 47px;border-color: #ddd;border-top-color: #46bb7e;}
#TabHolder.style2 header ul li.active:before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 3px;display: block;background-color: #46bb7e;}
.fs16{font-size:16px;}

#filterDataBy.DeviceTemplateFilter{top:60px;background:rgba(251,251,251,.8);border:1px solid #e8e8e8;}
#filterDataBy.DeviceTemplateFilter .title{border:none;z-index:0;}
#alarmTitle.title{position:relative;white-space:unset;}
.ieNotSupInfo .infoIcon{width:50px;height:50px;border-radius:50%;border:2px solid #979797;display:inline-block;content:"";}
.ieNotSupInfo .infoIcon:after{content:"i";color:#979797;display:inline-block;font-size:24px;padding:7px 0px;}
.ieNotSupInfo .infoTitle{margin:10px 0px;font:20px LatoeRegular;}
.ut .right .span-right{position: absolute;float: left;margin-left: 5px;}

html.horizontalView .opmDashboard > section.top_0 {
    top: 0px !important;
}
.AddNotes .restrictResize{resize:none}
.icon-svg-BackupSuccess {background-image:url(../../img/opm-sprites-v2.svg);background-position: -1px -130px;width: 36px !important;height: 40px !important;position:absolute;top:23px;left:15px;}
.icon-svg-BackupFailure {background-image:url(../../img/opm-sprites-v2.svg);background-position: -38px -130px;width: 36px !important;height: 40px !important;position:absolute;top:23px;left:15px;}
.icon-svg-BackedUp {background-image:url(../../img/opm-sprites-v2.svg);background-position: -75px -130px;width: 36px !important;height: 40px !important;position:absolute;top:23px;left:15px;}

.ncmReportsInfo .ncmFirVulnInfoBox:before{background:none !important}
#gbox_DeviceCredentials .ui-jqgrid-hbox .ui-jqgrid-labels>th:nth-last-child(3) .ui-th-div  {width:50% !important}
#gbox_DeviceCredentials .ui-jqgrid-hbox .ui-jqgrid-labels>th#DeviceCredentials_searchIndex  {width:60px !important}
.icon-svg-network-backup{background-position:-271px -66px;margin:0 !important}
.opmPopUpFormHdr .criticalOperationIcon {position:absolute;cursor:pointer;z-index:1;right:20px;top:16px;}
.opmPopUpFormHdr .criticalOperationIcon .svgIcon > svg {fill:#F34848}
.opmPopUpFormHdr .criticalOperationIcon:hover .criticalOperationIcon__tooltip { display:flex;}
.opmPopUpFormHdr .criticalOperationIcon__tooltip { background:#000;position:absolute;top:28px;right:-30px;width:300px;min-height:50px;padding:10px;z-index:1;color:#fff;border-radius:5px;display:flex;flex-direction:column;text-align:center;display:none;}
.opmPopUpFormHdr .criticalOperationIcon__tooltip:before {position:absolute;top:-5px;right:36px; width:10px; height:10px;background:#000;transform:rotate(45deg);content: "";}
.opmPopUpFormHdr .criticalOperationIcon__tooltip:after {position:absolute;top:-50px;right:0;width:100%;height:50px;content:"";}
.opmPopUpFormHdr .criticalOperationIcon__tooltip > div {flex-direction:row;display:flex;margin:0 auto;margin-bottom:5px;font:12px LatoRegular;text-align:left;}

/*HA CSS starts here*/
.ha-notes-list{margin:0;list-style:decimal;margin-left:15px}
.ha-notes-list li{padding-left:5px;margin-top:10px}
.ha-seconday-device{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto!important;margin-bottom:5px}
.ha-seconday-device__add-device{cursor:pointer;color:#3996dd}
.ha-device-remove{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}
.ha-device-remove .ha-device-remove-icon{display:block}
.ha-device-remove-icon{width:43px;height:33px;background:#f0f0f0;border:1px solid #d4d4d4;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;position:relative;display:none}
.ha-device-remove-icon:hover{background:#f9f9f9}
.ha-device-remove-icon:before{width:15px;height:15px;border:1px solid #252525;content:"";position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:15px}
.ha-device-remove-icon:after{width:7px;height:2px;background:#252525;content:"";position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}

.ha-status {display: inline-flex;font-size: 11px;border: 1px solid #FF9424;background: #FFF4E9;border-radius: 14px;padding: 1px 12px;width: auto;height: 24px;margin-top: -0;line-height: 14px;font-family: LatoRegular;align-items: center;margin-right:4px}
.ha-status__device-type {padding: 0 4px;border-right: 1px solid #E1CBB4}
.ha-status__device-mode {padding-left: 4px}

.haSecDevInfo{position: relative;padding-left: 42px !important;}
.haSecDevInfo i{ position: absolute;left: 25px; top: 6px;}
.sliderBack-Blue{color:#3996dd;cursor:pointer;position:relative;padding-left:10px}
.sliderBack-Blue:before{width:5px;height:5px;border:2px solid #3996dd;content:"";top:5px;left:0;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-top:0;border-right:0}
/* HA CSS ends here */
/** Advanced Reports Status And Icons CSS**/
.reportGenerated,.reportInQueue,.reportFailed,.reportGenerating,.reportViewLog{width:14px;height:14px;position:relative;padding-left:20px}
.reportGenerated:before,.reportInQueue:before,.reportFailed:before,.reportGenerating:before,.reportRegenerator:before,.reportSendMail:before,.reportDelete:before,.reportSchedule:before,.reportEdit:before,.reportCopy::before,.reportViewLog::before{width: 14px;height: 14px;position: absolute;top: 1px;left: 0px;content: "";}
.reportGenerated:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -200px -50px}
.reportInQueue:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -184px -50px}
.reportFailed:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -216px -50px}
.reportGenerating:before{width: 25px;height: 25px;position:absolute;top: -4px;left: -7px;content:"";background:url("/apiclient/fluidicv2/img/loading.gif") no-repeat;}
.reportRegenerator,.reportSendMail,.reportDelete,.reportSchedule,.reportEdit,.reportCopy,.reportViewLog{width: 15px;height: 14px;position: relative;padding-left: 14px;cursor: pointer;margin-right: 10px;}
.reportRegenerator:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -200px -68px}
.reportSendMail:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -184px -68px}
.reportEdit:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -274px -0px}
.reportSchedule:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -216px -68px}
.reportDelete:before{background:url("../../img/opm-sprites-v2.svg") no-repeat -259px -0px}
.reportCopy::before { background: url("../../img/opm-sprites-v2.svg") -244px 0px no-repeat}
.reportViewLog::before { background: url("../../img/opm-sprites-v2.svg") -232px -68px no-repeat}
.reportViewLog,.reportViewLog::before{width:12px}
.reportViewLog{padding-left:12px}
.dashboardWidget .dashboardWidgetIcons i.reportViewLog{margin-right:0px !important;margin-top:11px !important;position:relative;font-size:11px;}
.reportSchedule,.reportSchedule::before{width:15px}
.reportSchedule{padding-left:15px}
.EE-selectProbeDD{margin-left:10px;margin-top:10px;float:left}
.EE-selectProbeDD .selBox{width:150px}
.EE-selectProbeDD .selBox .select2-container{border-radius:3px;background:#fff;font-size:12px}
.EE-selectProbeDD .selBox .select2-container.select2-container--focus{background:#fff}
.EE-selectProbeDD .selBox .select2-container.select2-container--open{border-radius:3px 3px 0 0}
.EE-selectProbeDD .selBox .select2-container .selection{height:30px}
.EE-selectProbeDD .selBox .select2-container .selection .select2-selection{height:30px;padding:6px 30px 6px 10px}
.EE-selectProbeDD .selBox .select2-container .select2-selection__arrow{border:0;border-left:0!important;height:29px}
body.openProbeDD .select2-search__field{border-radius:3px;background:#f0f0f0;border:1px solid #dcdcdc!important;padding:5px 30px 5px 10px}
body.openProbeDD .select2-search.select2-search--dropdown{position:relative}
body.openProbeDD .select2-search.select2-search--dropdown:after{content:"";width:14px;height:14px;position:absolute;top:11px;right:12px;background:url(../../img/opm-sprites-v2.svg) no-repeat -90px -1px}
i.icon-svg-speedtest {background-position: -240px -98px;}

.popup_btn_center .opmBtn {float: none;clear: both;min-width: auto;padding: 7px 40px;}
.popup_btn_center {margin: 15px auto 0;text-align: center;}
/*Top Band Timer*/
.timer-header{background-color:#ffebee;padding:2px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right;width:auto;letter-spacing:.2px;border:2px solid #d32f2f;border-radius:5px;margin-top:3px;min-height:43px;position:relative;z-index:8}
.timer-header p{color:#c62828;font-size:12px;max-width:100px;}
.timer-header .countdown_timer{color:#c62828;font-size:17px;font-weight:bold;font-family:LatoBold;}
.timer-header .countdown_timer ul li{display:inline-block;position:relative;margin-left:4px;}
.timer-header .countdown_timer ul li:not(:first-child)::before{content:':';position:absolute;left:-5px;top:-1px;}
.timer-header.restart_progress p {white-space: unset;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.timer-header .countdown_timer ul li:first-child {margin-left: 0;}
.timer-header .timer_tooltip{position:absolute;top:125%;color:#212121;background-color:#fff;width:200px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:10px;border-radius:4px;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.16);box-shadow:0 0 10px rgba(0,0,0,.16);z-index:999}
.timer-header .timer_tooltip::before{content:'';position:absolute;left:50%;top:-6px;height:14px;width:14px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff}
.timer-header .timer_tooltip p{width:auto;text-align:center;max-width:100%;line-height:18px;color:#212121}
.timer-header:hover .timer_tooltip{display:block}
/*Top Band Timer end*/
.probe_installation_timer .d-flex {display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;width: 100%;}
.probe_installation_timer .probe_timer ul {background-color: #45bc7f;border: 1px solid #45bc7f;border-radius: 4px;padding: 0px 5px;}
.probe_installation_timer .probe_timer ul.low_time {background-color: #FDECEE;border: 1px solid #C13E37;}
.probe_installation_timer .probe_timer{position: relative;z-index: 9;width: auto;}
.probe_installation_timer .probe_timer a.installation_tooltip {position: absolute;background-color: #212121;width: 300px;right: 0;top: calc(100% + 8px);border-radius: 4px;color: #fff !important;padding: 7px 10px 7px;display: none;}
.probe_timer:hover a.installation_tooltip {display: block;}
.probe_installation_timer .probe_timer a.installation_tooltip:before {content: '';width: 10px;height: 10px;transform: rotate(45deg);background-color: #212121;bottom: calc(100% - 5px);position: absolute;right: 10px;}
.probe_installation_timer .probe_timer ul li {display: inline-block;padding: 0px 2px;color: #fff;position: relative;}
.probe_installation_timer .probe_timer ul.low_time li{color: #B63931;}
.probe_installation_timer .probe_timer ul li:not(:last-child):before {content: ':';position: absolute;right: -4px;top: -1px;}
.probe_installation_timer .passwordShowHide .probe_icon{cursor: pointer;}
.probe_installation_timer .passwordShowHide .probe_icon label{cursor: pointer;}
.probe_installation_timer .passwordShowHide .probe_icon em {line-height: 1;position: relative;top: 2px;}
.probe_installation_timer .passwordShowHide .probe_icon em svg {width: 16px;height: 16px;}
.probe_installation_note {background-color: #FAFAFA;border-radius: 4px;padding: 10px;margin: 10px 0px 0px;border: 1px solid #E6E6E6;}
.probe_installation_note li {list-style: disc;font-size: 12px;margin: 0px 10px 0px 20px;}
.probe_installation_note li:not(:last-child) {margin-bottom: 5px;}
.probe_installation_timer.icon_top .passwordShowHide .probe_icon em {position: relative;top: -1px;}
.probe_installation_timer .input_flex_parent {display: flex;align-items: center;width: 100%;}
.probe_installation_timer .input_flex {display: flex;align-items: center;position: relative;width: 100%;}
.probe_installation_timer .installtionKeyInfo {background: #feefc9;width: 100%;height: 32px;border-radius: 4px;padding: 5px 40px 5px 10px;border: 1px solid #e8d463;}
.probe_installation_timer .input_flex span {position: absolute;right: 0;height: 100%;width: 40px;display: none;align-items: center;justify-content: center;cursor: pointer;border-radius: 0px 4px 4px 0px;}
.probe_installation_timer .input_flex span.active{display:flex;}
.probe_installation_timer .probe_key_action {display: flex;align-items: center;margin: 0px 0px 0px 3px;}
.probe_installation_timer .probe_key_action li {padding: 7px 10px;margin: 0px 3px;background-color: #f2f2f2;border: 1px solid #ededed;border-radius: 4px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.probe_installation_timer .probe_key_action li:last-child {margin-right: 0px;}
.probe_installation_timer .passwordShowHide {display: inline-block;width: 345px;}
.probe_installation_timer .passwordShowHide.w_timer_100{width: 100%;}
.probe_installation_disabled{opacity: 0.4;cursor: not-allowed;pointer-events: none;}
.probePopup_Confirmation{display: none;z-index: 99999;}
.probePopup_Confirmation.active{display: block;}

.fwaHideIntfCheckbox + label:before,.fwaHideIntfCheckbox + label:after{display:none}


.ssl-check-primary-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px}
.ssl-check-primary-form__protocol{width:105px}
.ssl-check-primary-form__protocol .coll100p{width:100%}
.ssl-check-primary-form__host-name{width:280px;margin:0!important}
.ssl-check-primary-form__port{width:105px;margin:0!important}
.ssl-check-primary-form__action-btn{background:#45bd7f;color:#fff;padding:8px 20px;min-width:140px;text-align:center;cursor:pointer}
.probe-mismatch-info{font-size:10px;border:1px solid #f34848;padding:1px 5px;background:rgba(243,72,72,.2);border-radius:3px;margin-left:5px}

.infoNotesList{padding-left:14px}
.infoNotesList li{list-style:disc;margin-top:10px}
.validationError.googleMapTermsServiceError{width:auto!important}
.validationError.googleMapTermsServiceError:before{top:-1px!important}
.acceptedTermsService.opmCheckBox.compact>div{padding-left:20px}
.acceptedTermsService.opmCheckBox.compact input{height:17px!important}
.acceptedTermsService.opmCheckBox.compact label{font-size:12px;line-height:17px}
.acceptedTermsService.opmCheckBox.compact label:before{width:15px;height:15px}
.acceptedTermsService.opmCheckBox.compact label:after{top:9px!important;left:3px!important}
body.slideTopPosition.expandScreenPage .opmMapPage:before{top:0 !important}

.opmPulse_circle{position:relative;}
.opmPulse_circle [class*="pulse_circle"]{width:8px;height:8px;background-color:currentColor;border-width:2px;border-style:solid;border-radius:50%}
.opmPulse_circle [class*="pulse_circle"]::before{content:'';width:7px;height:7px;border-width:2px;border-style:solid;border-radius:50%;position:absolute;top:-2px;left:-1.5px;animation:opmpulsecircle infinite 1s;color:red;}
.opmPulse_circle.Max [class*="pulse_circle"]::before{color:red !important;}
.opmPulse_circle.Min [class*="pulse_circle"]::before{color:green !important;}
#linkSubTab .opmFormRow .lineType {width:71%}
#linkSubTab .opmFormRow .lineWidth {width: 23%;margin: 0 0 0 14px;}

.EditProbe{display: inline-flex;width: fit-content;}

@-webkit-keyframes opmpulsecircle {
0%{-webkit-transform:scale(1.2,1.2);opacity:1}
100%{-webkit-transform:scale(2.5,2.5);opacity:0}
}
.opmPulse_circle .chart_tooltip {background-color: #000;padding: 5px 10px;border-radius: 4px;color: #fff;position: absolute;top: 100%;left: calc(100% + 7px);width: 200px;display: none;}
.opmPulse_circle:hover .chart_tooltip {display: block;}

.credentialBox .dropDownBox{position:absolute;top:100%;left:0;border-top:0;width:100%;background:#fff;overflow:auto;display:none;z-index:3}
.credentialBox .dropDownBox.greyBg{background-color:#f5f5f5}
        .credentialBox .dropDownList ul li>.opmCheckBox>div>input[type=checkbox]{padding:0;height:100%;z-index:2;display:block}
        .credentialBox .dropDownList.selectList ul li {padding: 8px 10px; position: relative; word-break:break-word;padding-right:50px; margin-bottom: 0}
        .credentialBox .dropDownList.selectList ul li svg{cursor:pointer;margin-left:4px}
        .credentialBox .dropDownList.selectList ul li .pull-right{position:absolute;top:10px;right:10px}
        .credentialBox .editSelectListOption{display:none}
        .credentialBox .editSelectListOption div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
        .credentialBox .editSelectListOption div i{font-size:26px;padding:5px;margin:0 5px}
        .credentialBox .editSelectListOption div i.icon-remove{top:0;right:0}
        .credentialBox .editSelectListOption div i.icon-tick{background-image:url(../../img/opm-sprites-v2.svg);background-position:-1px -42px;width:16px;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);margin-left:12px;margin-top:3px}
        .credentialBox .editSelectListOption div i.icon-remove::before{background:#ff6362;width:2px}
        .credentialBox .editSelectListOption div i.icon-remove::after{background:#ff6362;width:2px}
		.credentialBox .dropDownList.selectList{padding:0}
        .credentialBox .dropDownList.selectList ul li[selected]{background-color:#ddd}
        .credentialBox .dropDownList.selectList ul li:hover{background-color:#5897fb;color:#fff;cursor:pointer;-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}
        .credentialBox .editSelectListOption div i.icon-tick:hover{cursor:pointer}
        .credentialBox .editSelectListOption div i.icon-remove:hover{cursor:pointer}
        .credentialScaningMsg,.successMessage1{position:absolute;top:20px;left:0;padding-top:44px;background:rgba(255,255,255,.8);width:1200px;color:#40b475;line-height:25px}
        .successMessage1{top:inherit;bottom:-25px;padding:0;background:0 0}
        .credentialErrorMsg,.errorMessage{position:absolute;bottom:-33px;left:0;width:1200px;color:#ff5858;line-height:25px}
        .AddCrentialsRight{position:absolute;top:0;right:0;color:#009df6}
        .selBoxList{height:140px;overflow:auto;border:1px solid #e2e2e2;border-bottom:0}
        .selBoxList ul{height:100%}
        .selBoxList ul li{padding:10px;position:relative}
        .selBoxList ul li .close{position:absolute;right:0;top:0;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:30px;height:33px}
        .selBoxList ul li .close:after{content:'';width:9px;height:9px;display:inline-block;background:url(../../img/opm-sprites.png) no-repeat -179px -1469px}
        .selBoxList ul li:hover{background-color:rgba(57,150,221,.5)}
        .selBoxList ul li:hover:nth-child(even){background-color:rgba(57,150,221,.5)}
        .selBoxList ul li:hover .close{display:-webkit-box;display:-ms-flexbox;display:flex}
        .selBoxList ul li:nth-child(even){background-color:#fafafa}
        .credentialBox{width:100%;float:left;position:relative}
        .credentialBox .selectBox{width:100%;height:33px;background:#f0f0f0;border:1px solid #dcdcdc;padding:5px 8px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;cursor:pointer}
        .credentialBox .selectBox:hover{background:#fbfbfb;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
        .credentialBox .dropDownList.selectList ul li:hover svg{fill:#fff;-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}
        .credentialBox .selectBox:after{border-left:1px solid #dcdcdc;position:absolute;top:0;right:0;content:"";width:30px;height:32px}
        .credentialBox .selectBox .downArrow{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;right:10px;margin-top:-2px;position:absolute;top:50%;width:0}
        .credentialBox .dropDownBox{position:absolute;top:100%;left:0;border-top:0;width:100%;background:#fff;overflow:auto;display:none;z-index:2}
        .credentialBox .dropDownBox.shadow{-webkit-box-shadow:0 6px 20px #eaeaea;box-shadow:0 6px 20px #eaeaea}
        .credentialBox .dropDownBox.overlap{top:1px}
        .credentialBox .dropDownBox .opmBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
        .credentialBox .dropDownBox .opmBtn.bordered{border-color:#eee;padding:8px}
        .credentialBox .dropDownList{width:100%;float:left;overflow:auto;height:auto;max-height:200px;border:1px solid #eee;border-top:0;padding:0 10px}
        .credentialBox .dropDownList ul{margin:0;padding:0}
        .credentialBox .dropDownList ul li{list-style:none;width:100%;float:left}
        .credentialBox .dropDownList {padding-bottom:10px !important}
        .credentialBox .dropDownList ul li>.opmCheckBox>div{padding-left:30px;background:0 0;min-height:20px;margin-top:10px;width:auto}
        .credentialBox .dropDownList ul li>.opmCheckBox>div label{line-height:20px;display:block}
        .credentialBox .dropDownList ul li>.opmCheckBox>div label:before{width:15px;height:15px;border-radius:2px;background:#fff;border-color:#bfbfbf;left:4px;top:2px}
        .credentialBox .dropDownList ul li>.opmCheckBox>div>input{width:100%!important}
        .credentialBox .dropDownList ul li>.opmCheckBox>div>input[type=checkbox]{padding:0;height:100%;z-index:1;display:block}
        .credentialBox .dropDownList ul li input:checked+label:after{border-color:#000;left:8px;top:10px;width:3px;height:7px;-webkit-transform:translate(1) rotate(135deg);-ms-transform:translate(1) rotate(135deg);transform:translate(1) rotate(135deg)}
        .credentialBox .dropDownList ul>li>ul{margin-left:25px}
        .credentialBox .credentialSearch{width:100%;float:left;position:relative;margin-top:-2px}
        .credentialBox .credentialSearch>input{width:100%;border-top:0;background:#fff!important;padding-right:30px!important}
        .credentialBox .credentialSearch::before{display:inline-block;position:absolute;top:12px;right:10px;background:url(../../img/opm-sprites.png) no-repeat -3px -1438px;width:11px;height:11px;content:''}
        .credentialBox.active .selectBox .downArrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
        .credentialBox.active .selectBox{background:#fbfbfb}
        .credentialBox.active .dropDownBox{display:block;background:#fff}
        .credentialBox.existingDiscovery .dropDownBox{display:block;position:inherit;background:#f4f6f8}
        .credentialBox.existingDiscovery .dropDownBox .credentialSearch{margin:0}
        .credentialBox.existingDiscovery .dropDownBox .credentialSearch>input{border:1px solid #e2e2e2;padding:5px 50px 5px 8px;height:33px;background:#f0f0f0!important}
        .credentialScaningMsg,.successMessage1{position:absolute;top:20px;left:0;padding-top:44px;background:rgba(255,255,255,.8);width:100%;color:#40b475;line-height:25px}
        .credentialScaningMsg{padding-left:25px}
        .credentialScaningMsg .loadingDots{line-height:6px;margin-left:5px}
        .credentialScaningMsg .loadingDots i{font-size:0;width:5px;height:5px;display:inline-block;background:#999a99;margin:0 1px;border-radius:50%}
        .credentialScaningMsg .loadingDotsOne{-webkit-animation:loadingDotsOne 3s infinite;animation:loadingDotsOne 3s infinite}
        .credentialScaningMsg .loadingDotsTwo{-webkit-animation:loadingDotsTwo 3s infinite;animation:loadingDotsTwo 3s infinite}
        .credentialScaningMsg .loadingDotsThree{-webkit-animation:loadingDotsThree 3s infinite;animation:loadingDotsThree 3s infinite}
        .credentialScaningMsg .loadingDotsFour{-webkit-animation:loadingDotsFour 3s infinite;animation:loadingDotsFour 3s infinite}
        .credentialScaningMsg:before{position:absolute;bottom:0;left:0;background:url(../../img/loading.gif) no-repeat;width:25px;height:25px;content:""}
        .successMessage1{top:inherit;bottom:-33px;padding:0;background:0 0}
        .credentialErrorMsg,.errorMessage{position:absolute;bottom:-25px;left:0;width:100%;color:#ff5858;line-height:25px}
        .credentialErrorMsg strong{font-style:italic}
        .credentialErrorMsg .infoIcon,.credentialScaningMsg .infoIcon,.errorMessage .infoIcon,.successMessage1 .infoIcon{border:1px solid #ff5858;width:25px;float:left;height:25px;border-radius:50%;margin-right:5px;position:relative}
        .credentialErrorMsg .infoIcon:after,.credentialScaningMsg .infoIcon:after,.errorMessage .infoIcon:after,.successMessage1 .infoIcon:after{position:absolute;top:50%;left:50%;content:"i";-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
        .credentialScaningMsg .infoIcon,.successMessage1 .infoIcon{color:#38ab6a;border-color:#40b475}
        .tab1.style1>ul{background:#fff;border-top:0;border-left:0;border-right:0;padding-left:30px}
        .credentialBox .dropDownList.selectList{padding:0}
        .credentialBox .dropDownList.selectList ul li[selected]{background-color:#ddd}
        .credentialBox .dropDownList.selectList ul li:hover{background-color:#5897fb;color:#fff;cursor:pointer}
        .credentialBox .editSelectListOption div i.icon-tick:hover{cursor:pointer}
        .credentialBox .editSelectListOption div i.icon-remove:hover{cursor:pointer}
        .opmAccr, .opmAccr article, .opmAccr header, .opmAccr section {overflow: visible}



        .suffixBtnGroup {border: 1px solid #d4d4d4;padding: 8px 10px;border-left: none;}
        .suffixBtnGroup .opmBtn.bordered {border-radius: 4px;margin: 0;margin-bottom: 10px;}
        .opmAddBulkSNMPTable input[type='text'],.opmAddBulkSNMPTable .selBox {width: 100% !important;}
        .opmAddBulkSNMPTable .selBoxInput>.selBox,.opmAddBulkSNMPTable .selBoxInput>input[type='text'] {width: 48% !important;}
        .opmAddBulkSNMPTableHead,.opmAddBulkSNMPTableCell { padding-bottom: 3px;}
        .credentialBox .editSelectListOption .hasHelpCard.passwordHelpInfo {top: -25px; left: -50px;}
        .credentialBox .editSelectListOption .hasHelpCard .helpCard {width:200px}
        .credentialBox .editSelectListOption .hasHelpCard .helpCard .helpCardInfo {width:100%}
        #perfMonitorEditPageCol2 {overflow: visible;}


        /* .helpCard .helpCardInfo .helpCardContent ul {list-style-type: disc; color: #fff; padding-left: 20px;}
        .editSelectListOption .helpCard {position: absolute; top: 10px;left: 96%;}
        .helpCard .helpCardInfo .helpCardContent ul li.validate-success {list-style: none;}
        .helpCard .helpCardInfo .helpCardContent ul li.validate-success::before {content: '\e896';font-family: 'fontello';font-style: inherit;font-weight: 100;display: inline-block;text-decoration: inherit;text-align: center;line-height: 0em;color: #49bd80;margin-left: -16px;padding-right: 8px;} */



.pager-duty .title{left:0}
.pager-duty .apiClientDefaultFont{top:40px;position:relative}
.pager-duty .w-25{width:25%}
.pager-duty .w-75{width:75%}
.opmBtnHldrTop.width-95vw {width:95vw; left:0}
.pager-duty .opmFormRow.flex{margin-top:5px;gap:12px}
.pager-duty .opmFormRow.flex .test-connection-btn{margin:0;height:100%;width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}
.pager-duty .opmFormRow .opmFormCol .opmRadioBtn{margin-right:10px}
.pager-duty .opmFormRow .opmFormCol .opmCheckBox div{padding-left:30px}
.pager-duty .opmFormRow .opmFormCol .opmCheckBox label{font-size:11px;color:#777}
.pager-duty .opmFormRow .opmFormCol .opmCheckBox label::before{background-color:#fff;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);left:0}
.pager-duty .opmFormRow .opmFormCol .opmCheckBox label::after{left:5px}
.pager-duty label{width:100%}
.pager-duty .helpbox{max-width:370px;width:100%}
.pager-duty .helpbox .helpbox__Content p,.pager-duty .helpbox .helpbox__Content strong{white-space:normal}
.pager-duty .helpbox .helpbox__Content .integration-path{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}
.pager-duty .helpbox .helpbox__Content .integration-path svg{fill:#777;padding-top:2px}
.pager-duty .opmInfoMsg.opmInfoMsg2 #pagerDutyConsentCheck {opacity:0 !important; height:24px !important}
.pager-duty .formRoundCheck .label{width: calc(50% - 55px) }
.pager-duty .formRoundCheck .chkRoundBtn label {width:42px}


.opm30k-sys-settings{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;border:1px solid #e2e2e2;background:#fbfcfc;border-radius:5px;margin-bottom:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.opm30k-sys-settings:hover{background:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.opm30k-sys-settings__info-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto}
.opm30k-sys-settings__action{display:-webkit-box;display:-ms-flexbox;display:flex}
.opm30k-sys-settings__title{font-size:16px;font-family:latoBold}
.opm30k-sys-settings__title span{color:#818181;font-family:lato}
.opm30k-sys-settings__desc{margin-top:5px}
.opm30k-sys-settings__probe-insll-key{width:120px !important;margin-top:25px}
.opm30k-sys-settings__probe-insll-key .selBox+span{background: #fff !important;border-right:1px solid #efefef !important}
.opm30k-sys-settings__notes{background:#fff;border:1px solid #e2e2e2;margin-top:20px;padding:15px 20px}
.list-type-disc{list-style:disc;padding-left:10px}
.list-type-disc li{margin-top:8px}
.list-type-disc li:first-child{margin:0}
.list-type-number {list-style:decimal}
.list-type-number li {padding-left:5px}

.enableDisableWithText.option1{padding-left:42px}
.enableDisableWithText.option1 .chkRoundBtn label{background:#dcdcdc;border-color:#dcdcdc}
.enableDisableWithText.option1 .chkRoundBtn input[type=checkbox]:checked+label{background:#45bd7f;border-color:#45bd7f}

.SystemSettings a{color:#000;}

/** Trend Reports Icon **/
.trend-report { display: inline-block; width: 16px; height: 16px; position: relative; background: url(../../img/opm-sprites-v2.svg) no-repeat -245px -190px; margin: 0 7px 0 0; padding: 0 !important; }
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv #opm_Devices tbody > tr:first-child{height:0.1px !important;}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv #InterfacesList tbody > tr:first-child{height:0.1px !important;}

/* Snapshot GroupName Edit CSS Start */
.DIGL-Row .groupName {padding:0 !important;width:290px !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.DIGL-Row .groupNameSection {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 350px !IMPORTANT;padding-right: 0 !important;}
.DIGL-Row .groupNameSection i.icon-configedit:before{color:#888;margin-left: 10px;}
.DIGL-Row .groupNameSection.active .titleInput {display:block;height: 23px;width: 320px;position: absolute;top: 32px;}
.DIGL-Row .groupNameSection.active .titleSection {display:none;}
.DIGL-Row .groupName {padding: 0 !important;width: auto !important;max-width: 290px !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left !important;}
/* Snapshot GroupName Edit CSS Start */
.silent-status::before {content: '';display: block;background-image: url(../../img/opm-sprites-v2.svg);background-position: -202px -82px;margin-top:-5px;width: 16px;height: 16px; margin-right:5px; transform:scale(1.3);transform-origin: left top;}.silent-status1::before {content: '';display: block;background-image: url(../../img/opm-sprites-v2.svg);background-position: -202px -82px;width: 16px;height: 16px;}
.silent-status1::before {content: '';display: block;background-image: url(../../img/opm-sprites-v2.svg);background-position: -202px -82px;width: 16px;height: 16px;}

.silent-status::before {
  content: '';
  display: block;
  background-image: url(../../img/opm-sprites-v2.svg);
  background-position: -202px -82px;
  margin-top: -5px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  transform: scale(1.3);
  transform-origin: left top;
 }
 .silent-status1::before {
  content: '';
  display: block;
  background-image: url(../../img/opm-sprites-v2.svg);
  background-position: -202px -82px;
  width: 16px;
  height: 16px;
 }


#MapsSection .lineTypeBtnGroup {display: flex; float: left; width: 100%;}
#MapsSection .lineTypeBtnGroup button svg {width: 50%; object-fit: contain; height: 30px;}
#MapsSection .lineTypeBtnGroup button{width: 25%; box-sizing: border-box; background: #f0f0f0; border: 1px solid #dcdcdc; cursor: pointer;}
#MapsSection .lineTypeBtnGroup button.active {background:#49bd80;}
#MapsSection .lineTypeBtnGroup button.active svg * {fill:#fff; stroke: #fff;}

/*.settingsCnt > section .settingsContent.opmMapBV .opmFormHolder {left: 10px; right: 10px;}*/
.opmMapBV .map-cards {display: flex;}
.opmMapBV .opmFormHolder.map-view-formHolder {overflow: hidden !important;padding-bottom: 15px !important; top:100px !important}
.opmMapBV .opmFormHolder.map-view-formHolder .map-cards>div {border: 1px solid #d5d5d5; border-radius: 5px;}
.settingsCnt.opmAsideSection.settingsNoAside .opmMapBV .opmFormHolder.mapPageHolder{left:0px; top:115px;padding-bottom:30px;}
.opmMapBV .map-cards.incenterview .screen-resize {right: 350px;border: none;}
.opmMapBV .map-cards .screen-resize {right: 25px;border-radius:2px !important}
.opmMapBV .business-view-map-sidebar .icon-status {width: 10px; height: 10px; position: absolute; right: -4px; bottom: 0; background-color: #45BD7F; border-radius: 50%;}
.opmMapBV .business-view-map-sidebar.danger-left .business-view-map-body>div:first-child .icon-status {background: #ED4F4F;}
.opmMapBV .business-view-map-sidebar.danger-right .business-view-map-body>div:last-child .icon-status {background: #ED4F4F;}
.opmMapBV .business-view-map-sidebar.warning-left .business-view-map-body>div:first-child .icon-status {background: #EBA752;}
.opmMapBV .business-view-map-sidebar.warning-right .business-view-map-body>div:last-child .icon-status {background: #EBA752;}
.opmMapBV .map-cards #props-action{bottom: 10px;}
.opmMapBV .map-cards #BVMapBGImg {margin-right: 10px;}
/*.opmMapBV .business-view-map-sidebar svg, .business-view-map-sidebar .business-view-map-body i {color:#45BD7F; fill:#45BD7F}*/
.opmMapBV .business-view-map-sidebar.danger-left .left-icon, .business-view-map-sidebar.danger-left .business-view-map-body>div:first-child i, .business-view-map-sidebar.danger-left .business-view-map-body>div:first-child svg {color:#ED4F4F; fill:#ED4F4F}
.opmMapBV .business-view-map-sidebar.danger-right .right-icon, .business-view-map-sidebar.danger-right .business-view-map-body>div:last-child i, .business-view-map-sidebar.danger-right .business-view-map-body>div:last-child svg {color:#ED4F4F; fill:#ED4F4F}
.opmMapBV .business-view-map-sidebar.warning-left .left-icon, .business-view-map-sidebar.warning-left .business-view-map-body>div:first-child i, .business-view-map-sidebar.warning-left .business-view-map-body>div:first-child svg {color:#EBA752; fill:#EBA752}
.opmMapBV .business-view-map-sidebar.warning-right .right-icon, .business-view-map-sidebar.warning-right .business-view-map-body>div:last-child i, .business-view-map-sidebar.warning-right .business-view-map-body>div:last-child svg {color:#EBA752; fill:#EBA752}
.opmMapBV .business-view-map-header {display: flex; padding: 10px; justify-content: space-around;background-color: #f5f5f5; border-bottom: 1px solid #d5d5d5; gap: 8px;align-items: center}
.opmMapBV .business-view-map-header .icon-uni2715 { position: absolute; right: 0; top: 0; padding: 3px 6px; background:#DCDCDC; border-bottom-left-radius: 50%; border-top-right-radius: 50%; }
.opmMapBV .business-view-map-body { padding:8px; overflow-y: auto; height:calc(100% - 90px)}
.opmMapBV .business-view-map-sidebar p {margin-bottom: 8px;  font-size: 12px;}
.opmMapBV .business-view-map-body .device-detail .device-name {display: flex; align-items: center; font-weight: bold; font-size: 14px; margin-bottom: 4px; gap: 5px;}
.opmMapBV .business-view-map-body .device-detail .device-interface {display: flex; align-items: center; font-size: 10px; margin-bottom: 8px;gap: 5px;}
.opmMapBV .business-view-map-body .cols3-with-seperator {display: flex;}
.opmMapBV .business-view-map-body .cols3-with-seperator>div {width: 33.3%; position:relative}
.opmMapBV .business-view-map-body .cols3-with-seperator>div::after {content:''; display:block; background: #DCDCDC; position:absolute; width: 2px; height: 70%; top: 5%; right: 10px;}
.opmMapBV .business-view-map-body .cols3-with-seperator>div:last-child::after {display: none;}
.opmMapBV .business-view-map-body small {color: #777; font-size: 10px; margin-bottom: 2px; display: block;}
.opmMapBV .map-cards .bvDeviceSearchBox {right:52px;top:12px;}
.opmMapBV .map-cards.incenterview .bvDeviceSearchBox {right: 380px !important;border: none;top: 7px}
.opmMapBV .business-view-map-header .center p {max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.opmMapBV .business-view-map-body .device-name span,
.opmMapBV .business-view-map-body .device-interface a {width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.opmMapBV .business-view-map-sidebar {flex: 0 0 330px;max-width: 330px; overflow: hidden; padding-bottom: 0px}
.opmMapBV .business-view-map-sidebar .bvDevICon {width: 24px;height: 24px}
.opmMapBV .opmMapBVNavBar svg {position: relative;top: 15px;left: 15px; cursor: pointer}
/*.settingsNoAside #BVMapBGImg {margin-left: 10px}*/
.opmMapBV .business-view-map-sidebar .bv-link {color: inherit; text-decoration: underline;}
.opmMapBV .business-view-map-sidebar .bv-link:hover {text-decoration: none;}


#ccTvContent .dashboardWidget.global-bv-map, .dashboardWidget.global-bv-map .vis-network,
.dashboardWidget.global-bv-map .content, .dashboardWidget.global-bv-map .content div,.dashboardWidget.global-bv-map .content .vis-network {overflow:visible !important}
#ccTvContent .grid-stack-item-content:hover {z-index: 999999}
.dashboardWidget.global-bv-map * {z-index: unset;}
.dashboardWidget.global-bv-map .vis-network {z-index: 1}
body.darkTheme #opmCCTV .dashboardWidget.global-bv-map {background: #fff;border-radius: 5px;}
body.darkTheme #opmCCTV .dashboardWidget.global-bv-map::before {display:none}
body.darkTheme #opmCCTV .dashboardWidget .content {right:20px}
#ccTvContent .dashboardWidget.global-bv-map > .content {overflow:hidden !important}
.dashboardWidget.global-bv-map .screen-resize {z-index:2; right: 2px !important}
.global-bv-map .vis-tooltip .business-view-info-tooltip { width: 350px;}
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-name { border-bottom: 1px solid #d4d4d459; padding: 4px 0px; margin-bottom: 4px;}
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-name p {line-height: 1.5;}
.global-bv-map .vis-tooltip .business-view-info-tooltip small {color: #777;font-size: 12px;margin-bottom: 2px;display: block; line-height: 1.5;}
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-info small {color: #000 !important}
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-info {display: flex; flex-wrap: wrap; border-bottom: 1px solid #d4d4d4;  margin-bottom: 4px;}
.size80{width:80px;height:80px;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px}
.credentialBox.accordionStyle .dropDownBox{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}
.credentialBox.accordionStyle .dropDownBox .credentialSearch::before{display:none}
.credentialBox.accordionStyle .dropDownBox .dropDownList{padding:0;height:auto;max-height:350px;min-width:250px}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul{margin:0}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li{margin:0}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li ul{display:none;margin-left:0}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li ul li{background:#f5f5f5!important;margin:0;padding:5px;padding-left:30px;cursor:pointer}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li ul li:hover{background:#0079f1!important;color:#fff}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li .accordion-heading{position:relative;padding:5px;padding-left:20px;white-space:nowrap;cursor:pointer}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li .accordion-heading:hover{background:#0079f1!important;color:#fff}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li .accordion-heading::before{border-color:#000 transparent transparent transparent;border-style:solid;border-width:7px 5px 0 5px;height:0;left:5px;position:absolute;top:10px;width:0;content:"";-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li.active>ul{display:block}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li.active .accordion-heading{background:#e6e6e6;font-weight:700}
.credentialBox.accordionStyle .dropDownBox .dropDownList>ul>li.active .accordion-heading::before{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

[data-repeater-fields] [data-repeater-item] .grid-row{margin:0!important;margin-bottom:10px!important}
[data-repeater-fields] [data-repeater-item] .grid-row>*{width:100%}
[data-repeater-fields] [data-repeater-item]:last-child .grid-row{margin-bottom:10px !important}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item],[data-repeater-fields] [data-repeater-item] [data-repeater-remove-item]{background:0 0;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn{border:1px solid #27a965;background:#e7f7ef;height:32px;float:left;padding:7px 12px;border-radius:4px}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn.actionDropDown{width:auto;padding:0 30px 0 10px}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn.actionDropDown::after{border:none}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn.actionDropDown:hover::after{background:0 0}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn.actionDropDown .actionDropDown__list{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;left:0;top:31px;padding:0;z-index:9}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn.actionDropDown .actionDropDown__list ul li:hover{background:#0079f1;color:#fff}
[data-repeater-fields] [data-repeater-item] [data-repeater-add-item].addBtn:hover{border-radius:4px}
[data-repeater-fields] [data-repeater-item] .row-no{width:40px;max-width:40px}
[data-repeater-fields] [data-repeater-item] .row-no .number{background:#f0f0f0;width:30px;max-width:30px;height:33px;line-height:33px;vertical-align:middle;text-align:center;padding:0}
[data-repeater-fields] [data-repeater-item] .row-no .logic-operator{width:30px;height:30px;margin:5px auto;line-height:40px;vertical-align:middle;text-align:center;color:#27a965;position:relative;z-index:0;cursor:pointer}
[data-repeater-fields] [data-repeater-item] .row-no .logic-operator::before{content:'';display:block;width:40px;height:22px;position:absolute;z-index:-1;top:9px;left:-5px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:250ms;-o-transition:250ms;transition:250ms}
[data-repeater-fields] [data-repeater-item] .row-no .logic-operator:hover::before{-webkit-transition:250ms;-o-transition:250ms;transition:250ms;background-color:#e7f7ef}
.repeater-grid-container{max-width:100% !important}

.filter-box .opmBtn,.filter-box .opm_link{padding:8px;float:none;margin-top:22px !important}
.opmFormCol.prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex}
.opmForm .opmFormCol.prefix-suffix span{vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f5}
.alarm-profile .opmBtn.bordered{border-radius:4px}
.show-more{position:relative;display:inline-block;padding:0;line-height:1;cursor:pointer}
.show-more .downArrow{width:8px;height:8px;left:auto;right:-24px;top:2px;border-left:none;border-bottom:none;border-right:2px solid #3996dd;border-top:2px solid #3996dd;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute}
.show-more.active .downArrow{border-right:none;border-top:none;border-left:2px solid #3996dd;border-bottom:2px solid #3996dd;top:4px}
.alarm-profile .device-and-criteria-summary{display:none;padding:0 20px;margin-top:10px;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.alarm-profile .device-and-criteria-summary .bg-grey{background:#eee;padding:5px 10px;margin-right:5px}
.alarm-profile .device-and-criteria-summary .border{border:1px solid #d4d4d4;padding:10px 15px}
.alarm-profile .credentialBox .dropDownBox{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}
.alarm-profile .credentialBox .dropDownBox li{overflow:hidden}
.alarm-profile .credentialBox .dropDownBox li label{white-space:nowrap;padding-right:50px}
.alarm-profile .max-h-full{max-height:100% !important}
.mw-75p{max-width:75% !important}
.alarm-profile .entitiesBox .opm_jqGridUI table tr td .opmRadioBtn div {min-width: 16px; min-height: 16px;}
.alarm-profile .entitiesBox .opm_jqGridUI table tr td .opmRadioBtn input + label:before {top:-2px}
.alarm-profile .entitiesBox .opm_jqGridUI table tr td .opmRadioBtn input + label:after {top:2px}
.alarm-profile .entitiesBox .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div {font-size: 12px; color:#777777}
.alarm-profile .entitiesBox .selectedBox .ui-widget-content {background: #fafafa;}
.alarm-profile .credentialBox .opmRadioBtn1 .opmRadioBtn input:checked+label::after{width: 11px;height: 11px;left: 11px;top: 11px;border:none}
.alarm-profile .credentialBox .dropDownBox {border-top: 1px solid #d4d4d4;}
.alarm-profile .credentialBox .dropDownBox {box-shadow: 0px 0px 20px -10px;}
.settingsCnt.alarm-profile > section .settingsContent .title_1 + .opmFormHolder {top:65px}
.icon-alarm-profile { display: inline-block; width: 16px; height: 16px; position: relative; background: url(../../img/opm-sprites-v2.svg) no-repeat -220px -207px; margin: 0 7px 0 0; padding: 0 !important; }
.alarmProfileDisabled{opacity:.4;pointer-events:none}

#trigger_alarm .grid-row i.credSelected {max-width: calc(100% - 30px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
#criteria_section .grid-row i.credSelected {max-width: calc(100% - 30px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.containerWidth1280 {max-width: 1280px;}

.global-bv-map .vis-tooltip .business-view-info-tooltip .device-info:last-child {border-bottom: none;}
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-info span {display: block; line-height: 1.5; font-size: 12px; color: #777777; }
.global-bv-map .vis-tooltip .business-view-info-tooltip .device-info>div {width: 33.3%; flex-grow: 1; padding: 4px 0px}

#MapsSection .bv-link-properties-device-name-container {position: relative;top: -45px;height: 0px;float: left;padding: 0px 10px;width: 100%;}
#MapsSection .bv-link-properties-device-name-container .flex {width: 100%;justify-content: space-between;}
#MapsSection .bv-link-properties-device-name-container select {min-width: 150px;max-width: 45%;}
#MapsSection .bv-link-properties-device-name-container select + span .select2-selection__rendered {min-width:150px;}
#MapsSection .bv-link-properties-device-name-container .select2-selection__rendered {font-weight: bold;}
#MapsSection .bv-link-properties-device-name-container div.linked-device-name  {padding: 5px 8px;width: max-content;background-color: #ffffff;border: 1px solid #DCDCDC;border-radius: 5px;        font-weight: bold;max-width: 45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#MapsSection .greyBg.desc p {color:#000000}
#MapsSection .opmCheckBox label:before {left: 0;}
#MapsSection .opmCheckBox label:after {left: 5px;}
#MapsSection .opmCheckBox div {padding: 0 0 0 34px}
/*.settingsNoAside .opmMapBVNavBar .opmMapBVSideBarToggle.open{display: block !important;}
.opmMapBVNavBar .opmMapBVSideBarToggle.close{display: block;}
.settingsNoAside .opmMapBVNavBar .opmMapBVSideBarToggle.close{display: none;}
*/
.bvLegendWidget .helpCard.mid.top.left .helpCardInfo{left:unset;right:calc(100% + 20px);top:unset;bottom:-25px}
.bvLegendWidget .helpCard.mid.top.left .helpCardInfo::before{display:block;left:calc(100% - 7px);top:unset;bottom:10px}
.bvLegendWidget .helpCard.mid.top.right .helpCardInfo{left:calc(100% + 10px);top:unset;bottom:-25px}
.bvLegendWidget .helpCard.mid.top.right .helpCardInfo::before{display:block;left:-5px;top:unset;bottom:10px}
.bvLegendWidget .helpCard.mid.bottom.left .helpCardInfo{left:unset;right:calc(100% + 20px);top:-10px}
.bvLegendWidget .helpCard.mid.bottom.left .helpCardInfo::before{display:block;left:calc(100% - 7px);top:10px}
.bvLegendWidget .helpCard.mid.bottom.right .helpCardInfo{left:calc(100% + 10px);top:-10px}
.bvLegendWidget .helpCard.mid.bottom.right .helpCardInfo::before{display:block;left:-5px;top:10px}
.bvLegendWidget .helpCard.mid.left:not(.top):not(.bottom) .helpCardInfo{left:unset;right:calc(100% + 20px);top:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.bvLegendWidget .helpCard.mid.left:not(.top):not(.bottom) .helpCardInfo::before{display:block;left:calc(100% - 7px);top:calc(50% - 6px)}
.bvLegendWidget .helpCard.mid.right:not(.top):not(.bottom) .helpCardInfo{left:calc(100% + 10px);top:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.bvLegendWidget .helpCard.mid.right:not(.top):not(.bottom) .helpCardInfo::before{display:block;left:-5px;top:calc(50% - 6px)}
.bvLegendWidget .helpCard .helpCardInfo {z-index:2;}

.opmMapPage #l2Device .ui-jqgrid-view .ui-jqgrid-hdiv {position: relative}
.infoMssg.warning{background:#fffcf1;border-color:#c4840d}
.opmMapPage #l2Device .ui-jqgrid-view {padding:0px}
.inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
.flex-middle-align{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.size7{width:7px;height:7px;-webkit-box-flex:0;-ms-flex:0 0 7px;flex:0 0 7px}
.size8{width:8px;height:8px;-webkit-box-flex:0;-ms-flex:0 0 8px;flex:0 0 8px}
.infoMssg.warning svg{fill:#c4840d}
.infoMssg.warning.active{background-color:#c4840d}
.infoMssg.warning.active p{color:#fff}
.infoMssg.default svg{fill:#d4d4d4}
.infoMssg.default.active{background-color:#d4d4d4}
.infoMssg.default.active p{color:#fff}
.infoMssg.success svg{fill:#79eaad}
.infoMssg.success.active{background-color:#45bd7f}
.infoMssg.success.active p{color:#fff}
.infoMssg.danger svg{fill:#ff8a8a}
.infoMssg.danger.active{background-color:#ff8a8a}
.infoMssg.danger.active p{color:#fff}
.infoMssg.info svg{fill:#3996dd}
.infoMssg.info.active{background-color:#3996dd}
.infoMssg.info.active p{color:#fff}
.actionDropDown__list ul li{white-space:nowrap;padding:0 20px;cursor:pointer}
.fireWallChangeMgmtReports .selBox {float: right !important;width: 150px;margin: 0 0 0 30px;}

/*Rack properties*/


/*Rack View*/
.opmAddEditDeviceList {margin: 0;position: absolute;top: 35px;right: 0;bottom: 0;left: 0}
.opmAddEditDeviceListhdr {width: 100%;font: 14px LatoBold;padding: 15px 10px;position: absolute;top: 0;left: 0;cursor: default}
.opmAddEditDeviceListContent {position: absolute;top: 94px;right: 0;bottom: 0;left: 0;overflow: auto}
.opmAddEditDeviceListContent #dragMenuDiv,.opmAddEditDeviceListContent #remainingListBv {float: left;width: 100% !important;min-height: initial !important;height: 100% !important;overflow: auto}
.opmAddEditDeviceListContent #deviceTable,.opmAddEditDeviceListContent #deviceTable tbody,.opmAddEditDeviceListContent #deviceTable tr,.opmAddEditDeviceListContent #deviceTable td,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable {float: left;width: 100% !important;display: block}
.opmAddEditDeviceListContent #deviceTable .bvDevicesList{height: auto;padding: 0}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable {background: #fff;width: 100%;height: auto !important;font: 13px LatoRegular !important;white-space: nowrap;text-overflow: ellipsis;padding: 5px 15px;margin: 0;border: 1px solid #efefef;position: relative;overflow: hidden}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:before,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:after {width: 1px;content: '';border: 2px dotted #E6E6E6;border-top: 0;border-left: 0;border-bottom: 0;position: absolute;top: 6px;bottom: 6px;display: block;z-index: 1}
.opmAddEditDeviceListContent #deviceTable,.opmAddEditDeviceListContent #deviceTable tr,.opmAddEditDeviceListContent #deviceTable td,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable {float: left;width: 100% !important;display: block}
.opmAddEditDeviceListContent #deviceTable .bvDevicesList{height: auto;padding: 0}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable,.opmAddEditDeviceListContent #deviceTable .devdraggable {background: #fff;width: 100%;height: auto !important;font: 13px LatoRegular !important;white-space: nowrap;text-overflow: ellipsis;padding: 5px 15px;margin: 0;border: 1px solid #efefef;position: relative;overflow: hidden}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:before,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:after {width: 1px;content: '';border: 2px dotted #E6E6E6;border-top: 0;border-left: 0;border-bottom: 0;position: absolute;top: 6px;bottom: 6px;display: block;z-index: 1}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:before{left: 5px}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:after {right: 5px}
.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:hover:before,.opmAddEditDeviceListContent #deviceTable .bvdevdraggable:hover:after,.opmAddEditDeviceListContent #deviceTable .devdraggable:hover:before,.opmAddEditDeviceListContent #deviceTable .devdraggable:hover:after {border-color: red}

.opmMapPage .mapContainer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:0;height:100%}
.opmMapPage .mapContainer .rack-table-container{padding:30px;height:100%;max-height:calc(100% - 50px);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fafafa}
.opmMapPage .mapContainer .rackViewMode .rack-table-container {flex-wrap:wrap;}
.opmMapPage .mapContainer .all-racks-view .rack-table-container {flex-wrap: nowrap;}
.opmMapPage .mapContainer .rack-table-container.rackEditMode{max-height:calc(100% - 100px);}
.opmMapPage .mapContainer .rack-table-container .rack-front-view-table{width:555px; min-width:555px}
.opmMapPage .mapContainer .rack-table-container .rack-back-view-table{width:300px; min-width:300px}
.opmMapPage .mapContainer .rack-table-container .leftSideRack{background:#404040;width:40px;min-width:40px;height:21px;text-align:center;color:#fff;font-size:12px}
.opmMapPage .mapContainer .rack-table-container .centerColRack{background:#404040;width:240px;width:240px;height:21px;text-align:center;color:#fff;font-size:12px;border:1px solid #535353;border-bottom:none} /* updated */
.opmMapPage .mapContainer .rack-table-container .rightSideRack{background:#404040;width:40px;min-width:40px;height:21px;text-align:center;color:#fff;font-size:12px}
.opmMapPage .mapContainer .rack-table-container thead .leftSideRack{line-height:30px;vertical-align:middle;font-size: 14px}  /* updated*/
/*.opmMapPage .mapContainer .rack-table-container tbody {border: 0px; border-top:1px solid #535353;border-bottom:1px solid #535353} */
.opmMapPage .mapContainer .rack-front-view-table table, .opmMapPage .mapContainer .rack-back-view-table table {border-collapse: unset}
.opmMapPage .mapContainer .rack-front-view-table tbody tr:first-child td, .opmMapPage .mapContainer .rack-back-view-table tbody tr:first-child td {border-top:1px solid #535353}
.opmMapPage .mapContainer .rack-front-view-table tbody tr:last-child td, .opmMapPage .mapContainer .rack-back-view-table tbody tr:last-child td {border-bottom:1px solid #535353}
.opmMapPage .mapContainer .rack-table-container tbody tr .leftSideRack {color:#e0e0e0;}

.opmMapPage .mapContainer .rack-table-container tfoot tr td{height:30px!important}
.opmMapPage .mapContainer .rack-table-container td.elemdraggable {border:1px solid #535353;transition: all 200ms;}
.opmMapPage .mapContainer .rack-table-container td.elemdraggable.active,.opmMapPage .mapContainer .rack-table-container td.elemdraggable:hover{border:1px solid #16a8e7}  /* updated */
.opmMapPage .mapContainer .rack-table-container td.elemdraggable.active>.divClass{font-weight:700}
.opmMapPage .mapContainer .rack-table-container td.elemdraggable>.divClass>.rackDeviceLabel{max-width:220px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:10px}
.opmMapPage .mapContainer .rack-table-container.rackEditMode td.elemdraggable>.divClass>.rackDeviceLabel{max-width: 170px}
.opmMapPage .mapContainer .leftSideContainer{background:#fff;border-right:1px solid #efefef;width:0;min-width:0;height:auto;position:relative;top:0}
.opmMapPage .mapContainer .leftSideContainer .rack-list{position:relative;width:100%;height:100%;top:0}
.opmMapPage .mapContainer .leftSideContainer .rack-list ul{position:relative;top:0}
.opmMapPage .mapContainer .leftSideContainer .rack-list ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;margin-bottom:3px;font-size:12px;border:1px solid transparent}
.opmMapPage .mapContainer .leftSideContainer .rack-list ul li.active{border:1px solid #e9e9e9;border-radius:4px;background:#f9f9f9}
.opmMapPage .mapContainer .leftSideContainer .rack-list ul li div {max-width: 80%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap}
.opmMapPage .mapContainer .leftSideContainer.active{width:250px;min-width:250px}
.opmMapPage .mapContainer .leftSideContainer.active #devBox{display:block}
.opmMapPage .mapContainer .leftSideContainer #devBox{height:100%;display:none}
/*.opmMapPage .mapContainer .leftSideContainer #devBox .btnTabs{border-bottom:1px solid #e2e2e2;padding:6px 0}
.opmMapPage .mapContainer .leftSideContainer #devBox .btnTabs .opmBtn.bordered{border:none;float:none;border-radius:3px;color:#949494}
.opmMapPage .mapContainer .leftSideContainer #devBox .btnTabs .opmBtn.bordered.active{border:1px solid #27a965;border-radius:3px;font-family:LatoBold!important;font-weight:700;color:#000;background-color:#fafffc}
*/.opmMapPage .mapContainer .opmCanvasContainer{top:0;width:100%;height:100%;position:relative}
.opmMapPage .mapContainer .opmCanvasContainer .floating-popup .popup-body{max-height:calc(100vh - 350px);overflow-y:auto;overflow-x:hidden}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .btnGroupContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .seperator {border-left:1px solid #d4d4d4;margin-right:10px; height:30px}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .btnGroupContainer .btnGroup .opmBtn{padding:2px 8px}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title {max-width: 60%}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title h2 {max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.opmMapPage .mapContainer .leftSideContainer.active+.opmCanvasContainer{width:calc(100% - 250px)}
.flexJustifiedTitle .title.flex-top-align {align-items: flex-start;}
.opmMapPage .mapContainer .opmAddEditDeviceList{padding:12px;height:100%}
.opmMapPage .mapContainer .selBox{float:left;width:100%;margin:0 0 10px}
.opmMapPage .mapContainer .selBox>div{float:none}
.opmMapPage .mapContainer .selBox>div .select2-container{background:#f4f5f6!important;border-radius:4px}
.opmMapPage .mapContainer .selBox>div .select2-container .selection .select2-selection .select2-selection__rendered{width:100%;height:100%;font:14px LatoRegular;display:block}
.opmMapPage .mapContainer .selBox>div .select2-container .selection .select2-selection .select2-selection__arrow{border-left:1px solid #e2e2e2}
.opmMapPage .mapContainer .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#979797 transparent transparent transparent}
.opmMapPage .mapContainer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #979797 transparent}
body.darkTheme .opmMapPage .mapContainer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff transparent}
.opmMapPage .mapContainer .bvDeviceSrch,.opmMapPage .mapContainer .bvDeviceSrch input{width:100%;height:30px;position:relative;float:none;top:0}
.opmMapPage .mapContainer .bvDeviceSrch input{padding:5px;border:1px solid #e2e2e2;border-radius:4px}
.opmMapPage .mapContainer .bvDeviceSrch .icon-search{color:#e7e6e6}
.opmMapPage .mapContainer .opmAddEditDeviceListContent{position:relative;top:0;left:0;/*height:calc(100% - 110px)*/;  max-height: calc(100vh - 230px);overflow-y:auto}
.opmMapPage .mapContainer .opmAddEditDeviceListContent #rbDeviceTable tr:hover .devdraggable,.opmMapPage .mapContainer .opmAddEditDeviceListContent .rack-list li:hover {background:#F1F9F3 !important;border-color: #6ABB85;} /* updated */
.opmMapPage .mapContainer .opmAddEditDeviceListContent #rbDeviceTable tr:hover .devdraggable svg {fill:#6ABB85;}
.opmMapPage .mapContainer .rackDevicesList{width:100%;height:35px;cursor:pointer}
.opmMapPage .mapContainer .devdraggable{background-color:#fff!important;background-repeat:no-repeat;width:100%;height:35px;cursor:move;border-style:dashed;border-color:#d8d8d8;border-width:1px;padding:8px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;border-radius:4px}
.opmMapPage .mapContainer .opmAddEditDeviceListContent #rbDeviceTable{border-spacing:0 4px;border-collapse:separate;padding:10px 0}
.opmMapPage .mapContainer .elemdraggable{width:100%;background-size:100% 100%;-o-object-fit:fill;object-fit:fill}
.opmMapPage .mapContainer img{width:100%;max-height:30px;}
.devdraggable{background-color:#fff;background-repeat:no-repeat;width:200px;height:auto;cursor:move;border-style:dashed;border-color:#cecece;border-width:1px;padding-top:5px;padding-left:4px}
.sidebar_openCloseBtn{width:17px;height:30px;border:1px solid #45bd7f;background:#fff;position:absolute;top:50%;right:-8px;margin-top:-15px;z-index:2;border-radius:4px;cursor:pointer;background:#fafffc}
.sidebar_openCloseBtn::before{width:6px;height:6px;position:absolute;margin-top:-3px;margin-left:-2px;top:50%;left:50%;border-left:1px solid #45bd7f;border-bottom:1px solid #45bd7f;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:""}
.sidebar_openCloseBtn.open{right:-15px;background:#45bd7f;border:1px solid #45bd7f}
.sidebar_openCloseBtn.open::before{margin-left:-5px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);border-color:#fff}
.fixedFooter.fixed-bottom{position:fixed;bottom:0;padding:30px 0;width:calc(100% - 50px);margin:0;max-width:100%;border-top:1px solid #e2e2e2;background-color:#fff;z-index:9}
aside+section .fixedFooter.fixed-bottom{width:calc(100% - 260px)}
.opmMapPage .mapContainer .leftSideContainer:not(.active)+.opmCanvasContainer .fixedFooter.fixed-bottom{width:calc(100% - 10px)}
.floating-popup{-webkit-box-shadow:0 0 12px 8px rgba(85,85,85,.1);box-shadow:0 0 12px 8px rgba(85,85,85,.1);background-color:#fff;width:100%;position:absolute;z-index:99;border-radius:4px;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
.floating-popup.width240px{width:240px}
.floating-popup.width270px{width:270px}
.floating-popup.width300px{width:300px}
.floating-popup.no-box-shadow{-webkit-box-shadow:none;box-shadow:none}
.floating-popup .icon-remove{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-ms-flex-item-align:start;align-self:flex-start}
.floating-popup .popup-heading{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f0f0f0}
.floating-popup .popup-heading h4{font-family:LatoBold;font-weight:700}
.floating-popup .popup-body{padding:15px}
.floating-popup .popup-footer{border-top:1px solid #e2e2e2;padding:10px 15px}
.rack-device-image-container{width:100%;border:1px solid #e2e2e2;border-radius:4px}
.rack-device-image-container .rack-device-image-upload{width:100%;border-radius:4px;border-bottom:1px solid #e2e2e2;overflow:hidden}
.rack-device-image-container .rack-device-image-upload .rack-device-image{width:100%;padding:10px}
.rack-device-image-container .rack-device-image-upload span{padding:10px!important;background:#fff!important;border-left:1px solid #e2e2e2!important}
.rack-device-image-container .rack-images-container{padding:5px 10px}
.rack-device-image-container .rack-images-container label{border-bottom:1px solid #e2e2e2;display:block;padding-bottom:5px!important}
.rack-device-image-container .rack-images-container .rack-images-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:10px 0;/*max-height:122px;*/overflow:auto}
.rack-device-image-container .rack-images-container .rack-images-gallery>div{width:20%;position:relative; border-width:1px; border-style: solid; border-color: transparent}
.rack-device-image-container .rack-images-container .rack-images-gallery>div:hover{background: #F1F9F3; border-color: #6ABB85}
.rack-device-image-container .rack-images-container .rack-images-gallery>.rackStencilsList{cursor: pointer;}
.rack-device-image-container .rack-images-container .rack-images-gallery>div img{object-fit: inherit; min-height: 12px;}
.rack-device-image-container .rack-images-container .rack-images-gallery .rack-images-preview{background-size:100% 100%;-o-object-fit:fill;object-fit:fill;width:100%; min-height: 12px;}
.rack-device-image-container .rack-images-container .rack-images-gallery>div .delete-btn-container {border-radius: 4px;top: -10px;right: -10px;border-radius: 2px;display: none;position: absolute;padding: 0px;line-height: 1px;cursor: pointer}
.rack-device-image-container .rack-images-container .rack-images-gallery>div .delete-btn-container svg {width: 16px;height: 16px;pointer-events: none;fill:#e00f0f;background:#fff}
.rack-device-image-container .rack-images-container .rack-images-gallery>div:hover .delete-btn-container{display:block}
.customUnitPreviewOnDrag .delete-btn-container{display:none !important;}
.opmMapPage .mapContainer .leftSideContainer .rack-device-image-container {max-height: calc(100% - 130px);}
.opmMapPage .mapContainer .leftSideContainer .rack-device-image-container .rack-images-container .rack-images-gallery{max-height:calc(100vh - 350px)}
.opmMapPage .mapContainer .leftSideContainer .rackListHolder_peripherals{height: 100%;}
.elemdraggable .divClass{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:calc(100% + 40px)}
.rack-table-container tr .elemdraggable .rackDeviceInfoActions{display:none;margin-left:5px}
.rack-table-container tr:hover .rackDeviceInfoActions{display:block}
.floating-popup.width240px .helpCardInfo{max-width:200px}
.floating-popup.width300px .helpCardInfo{max-width:280px}
.leftSideContainer .helpCardInfo{max-width:250px}
.opmMapPage .mapContainer #MapsSection.opmCanvasContainer,.opmMapPage .mapContainer aside#MapsAside{overflow:unset}
.opmForm.revert_allStyles_Form_Row_Col,.opmFormCol.revert_allStyles_Form_Row_Col,.opmFormRow.revert_allStyles_Form_Row_Col{float:none;clear:both;max-width:unset;width:auto;display:block}
.opmFormRow.revert_allStyles_Form_Row_Col.validateMsg{padding-bottom: 10px}
.opmFormRow.revert_allStyles_Form_Row_Col .validationError {position:relative !important;bottom:-3px !important;}
.opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.icon-editIcon{display:inline-block;width:14px;height:14px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -274px 0;right:-4px;top:0}
.icon-deleteIcon{display:inline-block;width:14px;height:14px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -258px 0;right:-4px;top:0}
/*New helper classes starts */
.noMinWd{min-width:unset!important}
.noMaxHt{max-height:unset!important}
.top-100p{top:100%!important}
.right-100p{right:100%!important}
.bottom-100p{bottom:100%!important}
.left-100p{left:100%!important}
.w-50p{width:50%!important}
.mr-auto{margin-right:auto!important}
.ml-auto{margin-left:auto!important}
.size5{width:5px;height:5px;-webkit-box-flex:0;-ms-flex:0 0 5px;flex:0 0 5px}
.size6{width:6px;height:6px;-webkit-box-flex:0;-ms-flex:0 0 6px;flex:0 0 6px}
.size7{width:7px;height:7px;-webkit-box-flex:0;-ms-flex:0 0 7px;flex:0 0 7px}
.size8{width:8px;height:8px;-webkit-box-flex:0;-ms-flex:0 0 8px;flex:0 0 8px}
.size9{width:9px;height:9px;-webkit-box-flex:0;-ms-flex:0 0 9px;flex:0 0 9px}
.size10{width:10px;height:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px}
.size11{width:11px;height:11px;-webkit-box-flex:0;-ms-flex:0 0 11px;flex:0 0 11px}
.size12{width:12px;height:12px;-webkit-box-flex:0;-ms-flex:0 0 12px;flex:0 0 12px}
.size13{width:13px;height:13px;-webkit-box-flex:0;-ms-flex:0 0 13px;flex:0 0 13px}
.size14{width:14px;height:14px;-webkit-box-flex:0;-ms-flex:0 0 14px;flex:0 0 14px}
.size15{width:15px;height:15px;-webkit-box-flex:0;-ms-flex:0 0 15px;flex:0 0 15px}
.size16{width:16px;height:16px;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}
.size17{width:17px;height:17px;-webkit-box-flex:0;-ms-flex:0 0 17px;flex:0 0 17px}
.size18{width:18px;height:18px;-webkit-box-flex:0;-ms-flex:0 0 18px;flex:0 0 18px}
.size19{width:19px;height:19px;-webkit-box-flex:0;-ms-flex:0 0 19px;flex:0 0 19px}
.size20{width:20px;height:20px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}
.size22{width:22px;height:22px;-webkit-box-flex:0;-ms-flex:0 0 22px;flex:0 0 22px}
.size24{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px}
.size28{width:28px;height:28px;-webkit-box-flex:0;-ms-flex:0 0 28px;flex:0 0 28px}
.size32{width:32px;height:32px;-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px}
.size48{width:48px;height:48px;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px}
.size64{width:64px;height:64px;-webkit-box-flex:0;-ms-flex:0 0 64px;flex:0 0 64px}
.size72{width:72px;height:72px;-webkit-box-flex:0;-ms-flex:0 0 72px;flex:0 0 72px}
.size80{width:80px;height:80px;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px}
/*New helper classes ends */

aside.relativeSideBar+section{left:0!important}
.flexJustifiedTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flexJustifiedTitle label, .flexJustifiedTitle span, .flexJustifiedTitle div,.flexJustifiedTitle a{font-size:14px;font-family:LatoRegular;}
.flexJustifiedTitle.border-bottom{border-bottom:1px solid #efefef}
.flexJustifiedTitle .title{float:none;position:relative!important;top:0!important;left:0!important;padding:0!important;border:none!important; display:flex; align-items:center}
.flexJustifiedTitle .title h2{font-size:20px;font-family:LatoBold}
.flexJustifiedTitle .title .backButton{background: #f3f3f3; padding:4px 12px !important; display:flex; align-items:center; margin-right:10px !important; cursor:pointer;color: #000;} /* added */

.opmCheckBox.style3>div{min-width:18px;min-height:18px;padding-left:25px}
.opmCheckBox.style3>div input{height:18px}
.opmCheckBox.style3>div input:checked+label::before{background:#6abb85;border:1px solid #6abb85}
.opmCheckBox.style3>div input:checked+label::after{content:"";width:4px;height:10px;border:2px solid #fff;border-bottom:0;border-left:0;position:absolute;top:10px;left:3px!important;-webkit-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:1;-webkit-animation:check2 .3s;animation:check2 .3s;-webkit-box-sizing:content-box;box-sizing:content-box}
.opmCheckBox.style3>div label{line-height:18px}
.opmCheckBox.style3>div label::before{background:#fff;border:1px solid #e9e9e9;border-radius:4px;width:16px;height:16px;content:"";position:absolute;top:0;left:0;-webkit-box-sizing:content-box;box-sizing:content-box}
.box-container{width:100%;border:1px solid #d4d4d4;border-radius:4px;height:100%}
.box-container .box-title{padding:10px 16px;background-color:#fcfcfc;border-bottom:1px solid #d4d4d4;border-top-left-radius:6px;border-top-right-radius:6px;font-size:18px;font-weight:600;color:#000}
.box-container .box-content{padding:15px}
body.darkTheme .box-container .box-title {background: #333; border-bottom: 1px solid #333333}
body.darkTheme .box-container {border: 1px solid #333333}

.list-type-disc{list-style:disc}
.red-disc-list li::marker{color:red}
.btnGroup.activebordered .opmBtn{background:#fff;color:#000!important}
.btnGroup.activebordered .opmBtn.active::before{background:#edfef5;border:1px solid #5bce92!important}
.btnGroup.activebordered .opmBtn.active+.opmBtn{border-left-color:#5bce92}
.opmMapPage .mapContainer .opmCanvasContainer .all-racks-view{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:20px;overflow:auto;gap:15px;width:100%;height:auto;max-height:100%;padding-bottom:80px}
.unitsCustomImage_Front{background-color:#3c3c3c;background-repeat:no-repeat;width:240px;height:21px;cursor:pointer}
.customUnitPreviewOnDrag img{background-color:#3c3c3c;background-repeat:no-repeat;width:240px;height:21px;cursor:pointer}
.symbolDraggable {max-height:31px !important; max-width: 250px !important}
.customUnit_symbol{background-color:#3c3c3c;background-repeat:no-repeat;width:240px;height:21px;cursor:pointer}
.opmMapPage .mapContainer .rack-table-container .rightSideRack .unitSizeDisp{padding:1px}


/* COlor Picker FIeld */
/* .colorPickerInputField { display: flex; align-items: center; flex-direction: row; gap:10px;} */
.colorPickerInputSelectedLabel { border: 1px solid #d4d4d4; border-radius: 2px; padding: 3px; cursor:pointer; font-size:0px !important;}
.colorPickerInputSelectedLabel input {width:20px; height:10px; border-radius: 2px; background: #eee; border: none; font-size: 0px; cursor: pointer}
.opmMapPage .mapContainer .leftSideContainer .rackListHolder_peripherals #peripheralsBox>div {cursor:move;background:#f5f5f5;}
.opmMapPage .mapContainer .rackTable td,.opmMapPage .mapContainer .rackTable_rear td{vertical-align: middle !important;position:relative;}
#rackDetails_tooltip:hover {display: block !important;}
.rackWidget .opmMapPage .mapContainer .rack-table-container{background: none;}
.opmMapPage .mapContainer .opmAddEditDeviceListContent #rbDeviceTable tr .devdraggable span {max-width:165px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap}

.rack-floor-pagination{background:#fff;border:1px solid #ededed;position:fixed;bottom:20px;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,.5);box-shadow:0 0 5px -1px rgba(0,0,0,.5);border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;display: none;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
.rack-floor-pagination a{cursor:pointer;padding:5px;border:0;border-radius:4px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.rack-floor-pagination a{fill:#777}
.rack-floor-pagination .paginate-left{border-right:1px solid #ededed}
.rack-floor-pagination .paginate-right{border-left:1px solid #ededed}
.rack-floor-pagination span{padding:2px 10px}
.opmMapPage .mapContainer .all-racks-view:hover + .rack-floor-pagination.active,  .opmMapPage .mapContainer .rack-floor-pagination.active:hover {display: flex !important}

.rack-device-image-container .rack-images-container .rack-images-gallery>div.active { border: 2px solid #16a8e7;border-radius: 4px;}
.rack-table-container .rackUnit_Symbol{cursor: pointer;}

.dashboardWidget .opmMapPage .mapContainer .all-racks-view{display: flex; gap:15px;}

.filterTypeTab.style2 {height:auto;position:relative;float:unset;}
.filterTypeTab.style2 .list {display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom: 1px solid #eee;position:relative;float:unset;}
.filterTypeTab.style2 .list>li {width: 50%;padding: 15px 15px;text-align: center;font-family: 'LatoRegular';font-size: 16px;cursor: pointer;line-height:unset;border:none;position:relative;float:unset;transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}
.filterTypeTab.style2 .list li:after { display:none }
.filterTypeTab.style2 .list>li:hover {background-color: #fafffc;}
.filterTypeTab.style2 .list>li.active {background-color: #fafffc;border:0px;border-bottom: 2px solid #45bd7f;color: #45bd7f;}


/*status icon css*/
#rack2DView_container .status--circle i ,.all-racks-view .status--circle i {display: inline-block;position: relative;font-family: 'LatoRegular';margin: 0 10px;font-weight: normal; line-height: 1}
#rack2DView_container .status--circle i.icon-status2::before ,.all-racks-view .status--circle i.icon-status2::before {position:relative; top:-1px;}
#rack2DView_container .status--circle i::before ,.all-racks-view .status--circle i::before {margin-right:5px}
#rack2DView_container .status--circle i:not(:last-child):after ,.all-racks-view .status--circle i:not(:last-child):after {content: '';color: #d4d4d4;position: absolute;right: -10px;top: 0;width: 1px;height: 100%;background-color: #d4d4d4;}
#rack2DView_container .space-between ,.all-racks-view .space-between {justify-content: space-between !important;}
#rack2DView_container .status--circle>i[data-value="0"],.all-racks-view .status--circle>i[data-value="0"]{display:none}
#rack2DView_container .status--circle > i.noAfter::after ,.all-racks-view .status--circle > i.noAfter::after {display: none !important;}

.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title .btnGroupContainer, .opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title .opmCheckBox.style3 {min-width:160px;}
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title #floorColor,
.opmMapPage .mapContainer .opmCanvasContainer .flexJustifiedTitle .title #tileColor {min-width: 100px}
/*status icon css end*/

.opmMapPage .mapContainer .rckCustomImgRow .opmFormTitle{font-family:LatoRegular !important;}
.floating-popup.rack_details_tooltip {transition:none;}
.rack_details_tooltip .rdd_label {white-space: nowrap !important;color:#777}
.rack_details_tooltip .rdd_value {word-break: break-word !important;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}
.rack_details_tooltip .statusoffline {position:absolute;left:21px;top:6px}
.rack_details_tooltip .position-units .grid-row>div:first-child::after {content:'';width:1px;height:calc(100% + 20px);background:#d4d4d4;position:absolute;right:-13px;top:-10px}
.rack_details_tooltip .position-units .grid-row>div:last-child {padding-left:24px;}
/*Rack CSS ends*/
table.staticTable.staticTable--col5.staticTable-row-seperator>tbody>tr, table.staticTable.staticTable--col5.staticTable-row-seperator>tbody>tr:hover {background: none;border-bottom: 1px solid #dcdcdc}
tr.staticTable__row.has-child-table.active>td:first-child::before {border-color: #40b475 transparent transparent transparent;border-style: solid;border-width: 7px 5px 0 5px;height: 0;left: 10px;position: absolute;top: 60%;width: 0;content: "";transform: rotate(0deg);transition: .5s;}
tr.staticTable__row.has-child-table>td:first-child::before {border-color: #767a78 transparent transparent transparent;border-style: solid;border-width: 7px 5px 0 5px;height: 0;left: 10px;position: absolute;top: 60%;margin-top: -5px;width: 0;content: "";transform: rotate(-90deg);transition: .5s;}
tr.staticTable__row.has-child-table>td:first-child {padding-left:30px;}
tr.staticTable__row.has-child-table + .child-table {display:none}
tr.staticTable__row.has-child-table.active + .child-table {display:table-row}
table.staticTable.staticTable--col5.staticTable-row-seperator>tbody>tr.has-child-table.active {border-bottom:0px;}
.has-child-table + .child-table > .staticTable__col {padding-left:30px;}
.staticTable .warning{background-color:#fef9f0!important}
.staticTable .info{background-color:#e7f2fb!important}
.staticTable .danger{background-color:#fcf1ee!important}
.fwaDiffContent .staticTable .diffModifiedLine{background-color:#fef9f0!important}
.fwaDiffContent .staticTable .diffNewLine{background-color:#effff6!important}
.fwaDiffContent .staticTable .diffDeletedLine{background-color:#fff2f2!important}
.staticTable .success{background-color:#effff6!important}
.staticTable .bg-white{background-color:#fff!important}
.staticTable .lineCol{display:inline-block;min-width:50px;max-width:50px;margin-right:15px;text-align:center}
.fwaDiffContent .staticTable .staticTable__row{display:flex;}
.staticTable .staticTable__col,.staticTable .staticTable__row{position:relative}
.staticTable .staticTable__col.warning::before,.staticTable .staticTable__row.diffModifiedLine::before{content:'';width:5px;height:100%;background-color:#f3c169;position:absolute;left:0;top:0}
.staticTable .staticTable__col.info::before,.staticTable .staticTable__row.diffNewLine::before{content:'';width:5px;height:100%;background-color:#56bc91;position:absolute;left:0;top:0}
.staticTable .staticTable__col.danger::before,.staticTable .staticTable__row.diffDeletedLine::before{content:'';width:5px;height:100%;background-color:#ed8079;position:absolute;left:0;top:0}
.staticTable .staticTable__col.success::before,.staticTable .staticTable__row.success::before{content:'';width:5px;height:100%;background-color:#56bc91;position:absolute;left:0;top:0}
.staticTable .staticTable__col.warning::before,.staticTable .staticTable__row.warning::before{content:'';width:5px;height:100%;background-color:#f3c169;position:absolute;left:0;top:0}
.staticTable .staticTable__col.info::before,.staticTable .staticTable__row.info::before{content:'';width:5px;height:100%;background-color:#71b2f9;position:absolute;left:0;top:0}
.staticTable .staticTable__col.danger::before,.staticTable .staticTable__row.danger::before{content:'';width:5px;height:100%;background-color:#ed8079;position:absolute;left:0;top:0}
.staticTable.rowBorder .staticTable__row{background-color:#fff;border-bottom:1px solid #d4d4d4}
.staticTable.rowBorder .staticTable__row:last-child{border-bottom:none}
.staticTable.colBorder .staticTable__row{background:#fff}
.staticTable.colBorder .staticTable__col{border-right:1px solid #d4d4d4}
.staticTable.colBorder .staticTable__col:last-child{border-right:none}
.fwaDiffContent .staticTable.compare-table-file-names .staticTable__row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.fwaDiffContent .staticTable.compare-table-file-names .staticTable__row:hover{background:0 0}
.fwaDiffContent .staticTable.compare-table-file-names .staticTable__row .staticTable__col.grid-col{text-align:center;font-family:LatoBold;border:1px solid #d4d4d4;border-bottom:none}
.fwaDiffContent .compare-column{background:#fff;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;text-align:center}
.fwaDiffContent .colBorder .compare-column{border-left:none}
#fwaRuleCompReportDiv .grid-container.sticky {position: sticky;top: 0;background: #ffffff;z-index: 98;}
.fwaDiffModifiedRow{background:#fef9f0 !important}
.fwaDiffDeletedCol{background:#fcf1ee !important}
.fwaDiffAddedCol{background:#effff6 !important}
#changeMgmtTopBand path {cursor: default;}
.staticTable.overflowHideCols div[class*='grid-col']{word-wrap:break-word;overflow:hidden}

.fwaInfoMsgPositionCenter{position: absolute;top: 40%;left: 50%;width: 1200px;transform: translate(-50%, -50%)}
.dropDownMenu.fwaSubLink>a{position:relative;color:#000;accent-color:#000}
.dropDownMenu.fwaSubLink.active>div>a{color:#000 !important;accent-color:#000}
.dropDownMenu.fwaSubLink>a:before{width:5px;height:5px;content:'';margin:auto;border:1px solid #888;border-top:0;border-right:0;transform:rotate(-45deg);position:absolute;top:-4px;right:9px;bottom:0;transition:all .15s ease;-ms-transition:all .15s ease;-moz-transition:all .15s ease;-webkit-transition:all .15s ease;-o-transition:all .15s ease}
.dropDownMenu.fwaSubLink>div{display:none;position:absolute;z-index:9;background:#fff;text-align:left;height:calc(100vh - 200px);overflow:auto;box-shadow: 0 0 5px #00000022;}
.dropDownMenu.fwaSubLink:hover>div{display:block!important}
.dropDownMenu.fwaSubLink>div>a{border-bottom:1px solid #eee!important;line-height:35px;cursor:pointer;height:auto}
.dropDownMenu.fwaSubLink>div>a:hover,.dropDownMenu.fwaSubLink>div>a.active{background-color:#f3f2bf}
#header .nfaDEColComboDiv + .collectors {margin-top: 12px;}
#header .nfa-collector-status-container {margin-top: 2px}
.centralProbStatusInfo .statusBroken{color:#d56e00 !important;padding-left:0px; border-color: #d56e00;}
.centralProbStatusInfo .statusBroken svg{fill:#d56e00;margin-top:1px; margin-right: 2px;}
.centralProbStatusInfo.nfaCollector>div{float:left;padding:3px 10px 5px;border-radius:3px;background:0 0;font-size:13px}
.centralProbStatusInfo.nfaCollector{border:1px solid #777;border-radius:3px;padding:0 8px; padding-top:1px; display:flex; align-items:center;}
.centralProbStatusInfo.nfaCollector .label{margin-top: -2px; font-size: 13px;}
.collector-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom: 10px}
.collector-status .helpCardInfo{width:200px;max-width:200px}
.collector-up svg{fill:#48bd80}
.centralProbStatusInfo.nfaCollector .collector-up {color: #48bd80 !important;border:1px solid #48bd80}
.collector-down svg{fill:#e86660}
.centralProbStatusInfo.nfaCollector .collector-down {color: #e86660 !important;border:1px solid #e86660}
.collector-broken svg{fill:#ff8400}
.centralProbStatusInfo.nfaCollector .collector-broken {color: #ff8400 !important;border:1px solid #ff8400}
.collector-info svg {fill: #509bed}
.centralProbStatusInfo.nfaCollector .collector-info {color: #509bed !important;border:1px solid #509bed}
.ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th div .select2-container {background: #fbfbfb; height: 30px;}
.ui-jqgrid-view .ui-jqgrid-hdiv .ui-search-toolbar th div .select2-container .selection .select2-selection .select2-selection__arrow{height:30px}

#BVMapBGImg .jqgrid-multibox#opm_Devices_cb .ui-th-div {text-align:center; left:0 !important; top:2px !important;}
#BVMapBGImg .jqgrid-multibox input[type="checkbox"] {vertical-align: middle;}
#BVMapBGImg .ui-jqgrid-bdiv{margin-top:5px}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th{position: relative;}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex'],#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th[id*='colChooserIndex']{width: auto !Important}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th div.ui-jqgrid-sortable > span{position: unset !important;}
#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.List .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize,#AlrmEvtTrapInvDev.Colored .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv th .ui-jqgrid-resize{position: absolute !important;right:0;top: 50%;transform: translateY(-50%);height: 100%;}
.slide-zindex-2 .slide-overlay.block{z-index:2;}
.cursorPointerUnderLine{cursor: pointer;text-decoration: underline;}
.opmTopActions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;font-size:14px;font-family:LatoRegular;}
.selectedDateTimeInfo{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;border:1px solid #d4d4d4;padding:7px;padding-left:32px;border-radius:3px;font-size:13px !important}
.selectedDateTimeInfo:before{background:url(../../img/opm-sprites.png) no-repeat -258px -1785px;width:16px;height:16px;position:absolute;top:8px;left:8px;content:""}
.filterBtn{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f0f0f0;border:1px solid #d4d4d4;padding:7px 12px;padding-left:32px;cursor:pointer;border-radius:3px;position:relative;font-size:14px !important}
.filterBtn:before{background:url(../../img/opm-sprites.png) no-repeat -223px -689px;width:18px;height:20px;position:absolute;top:8px;left:8px;content:"";-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
.taskModuleSelectAll{float:right;margin-top:7px;}

.workflow-break-header{word-break:break-word;white-space:normal;}
.wordBreak{word-break:break-word !important}
.opmFormCol.prefix-suffix.hideSuffix span{display:none}
.cell-green {padding: 5px 10px;background: #D4EFDF;border-radius: 4px;color: #007235;}
.cell-red {padding: 5px 10px;background: #FAD1DA;border-radius: 4px;color: #CD0000;}
.opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix textarea+.span,.opmForm .prefix-suffix textarea+span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.networkPathRecentAlram{white-space: pre-wrap;word-break: break-word;display: inline-block;height:60px; }
.npThresholdBox{display: flex;border:1px solid #dcdcdc;flex-direction: column;padding: 12px}

#PageContent.snapRevamp1 #inventoryGridStyle .opm_jqGridUI .ui-jqgrid#gbox_availDiagnostics .ui-jqgrid-hdiv .ui-jqgrid-htable  thead th {vertical-align:middle;padding-left:10px;}
.bvLinkCustomTooltip {background-color: rgb(245, 244, 237);padding: 10px;width: 300px !important;height: auto;position: absolute;display: none;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2)}

.business-view-info-tooltip {width: 300px;}
.business-view-info-tooltip .device-name {border-bottom: 1px solid #d4d4d459;padding: 4px 0px;margin-bottom: 4px;}
.business-view-info-tooltip .device-name p {line-height: 1.5;}
.business-view-info-tooltip small {font-size: 12px;margin-bottom: 2px;display: block;line-height: 1.5;}
.business-view-info-tooltip .device-info small {color: #000 !important}
.business-view-info-tooltip .device-info {display: flex;flex-wrap: wrap;border-bottom: 1px solid #d4d4d4;margin-bottom: 4px;}
.business-view-info-tooltip .device-info:last-child {border-bottom: none;}
.business-view-info-tooltip .device-info span {display: block;line-height: 1.5;font-size: 12px;color: #777777;}
.business-view-info-tooltip .device-info>div {width: 33.3%;flex-grow: 1;padding: 4px 0px;}
.business-view-info-tooltip .device-info>div:hover{background:#F5F5F5}
.bvLinkCustomTooltip {background: #fff;width: auto !important;padding: 0;border-radius: 4px;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25)}
.bvLinkCustomTooltip .business-view-info-tooltip {display: flex;width: auto;}
.bvLinkCustomTooltip .business-view-info-tooltip .device-name {padding: 8px;border-bottom: 1px solid #F0F2F4;display: flex;justify-content: space-between;font-size: 14px;font-family: latoBold;background: #f8f9fa}
.bvLinkCustomTooltip .business-view-info-tooltip .device-name a {color: #000 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.bvLinkCustomTooltip .business-view-info-tooltip .device-name svg{fill:#2E64B8;cursor:pointer}
.bvLinkCustomTooltip .business-view-info-tooltip > div {width: 292px;border-right: 1px solid #F0F2F4}
.bvLinkCustomTooltip .business-view-info-tooltip > div:last-child {border-right: 0}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info {display: flex;flex-direction: column;padding: 0 8px}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info > div {display: flex;;width: 100%;}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info > div > div {font-size: 12px}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info > div > div:first-child{width:40%;position:relative;padding-right: 12px;}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info > div > div:first-child:after{content:":";position:absolute;right: 8px;}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info > div > div:last-child{width:60%;word-break: break-all;}

.bvLinkCustomTooltip .business-view-info-tooltip .device-info.ipslaTblTxtWrap > div > div{width:30%}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info.ipslaTblTxtWrap > div > div:first-child{width:40%}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info.ipslaTblTxtWrap > div > div:first-child:after {content:none}
.bvLinkCustomTooltip .business-view-info-tooltip .device-info.ipslaTblTxtWrap > div:first-child > div {font-family:latoBold}
.bv-choose-intf .bv-device-link-popup.small .bv-slider__col .selBox{max-width:314px}

#network_Discovery .settingsPageHelp .opmTabCont.roadmapLinks .pageHelpContent .opmFormRow{height: 110px !important;overflow: auto;}
#BVMapBGImg .vis-tooltip div, .dashboardWidget.global-bv-map .vis-tooltip div{max-width: 700px;white-space: break-spaces;}
.infoMssg.setDefaultWidth{width:calc(100% - 30px)}
body.darkTheme #opmCCTV div.vis-tooltip div{color:#000 !important;}
.bvRecent-notes{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #000000 !important;}
.mapsRecent-notes{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden}

#AlrmEvtTrapInvDev .sortByInfo.flexText{left:0;right:0;padding:0 10px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
#ipslaFetchBtn{position: absolute;left: calc(100% + 20px);bottom: 0;}
.icon.icon-ansible{background:url('/apiclient/fluidicv2/img/Ansible-icon.svg') 0 0 no-repeat;width:25px;height:25px;content:''}

/**************** Device Information tooltip *****************/
.device-details-popover-tooltip {min-width:350px; max-width: 350px !important;font-family: 'LatoRegular';background: #fff;
    box-shadow: 0px 0 20px rgba(0, 0, 0,.10);}
.device-details-popover-tooltip .device-details-popover-tooltip-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #F8F9FA;padding: 10px 10px 5px;}
.device-details-popover-tooltip .device-details-popover-tooltip-header .device-details-popover-tooltip-title{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-decoration: none;font-family: LatoBold;font-size: 12px;margin-bottom:4px}
.device-details-popover-tooltip .device-details-popover-tooltip-header .device-details-popover-tooltip-description{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%; color: #555555;font-size: 10px;}
.device-details-popover-tooltip .device-details-popover-tooltip-header .device-details-popover-tooltip-description .icon-status{scale: 0.6; margin-right: 0px;margin-left: -4px;}
.device-details-popover-tooltip .device-details-popover-tooltip-header .device-details-popover-tooltip-description>div {font-size: inherit;}
.device-details-popover-tooltip .device-details-popover-tooltip-header .device-details-popover-tooltip-description>div:not(:first-child)::before {content: '';width: 1px;height: 10px;position: relative;top:2px;display: inline-block;background-color: #888888;margin-right: 5px;margin-left: 5px;margin-bottom: 1px;}
.device-details-popover-tooltip .device-details-popover-tooltip-content{padding:10px;padding-top:5px;max-width:100%!important;width: 100%}
.device-details-popover-tooltip .device-details-popover-tooltip-content *{font-size:12px !important}
.device-details-popover-tooltip .device-details-popover-tooltip-content .mapLabelTxt {color: #555555;line-height: 1;}
.device-details-popover-tooltip .device-details-popover-tooltip-content .mapinfoValText {font-family: 'LatoBold';font-weight: bold;margin-bottom: 8px;}
.device-details-popover-tooltip-header>div:first-child {max-width: calc(100% - 40px)}
.device-details-popover-tooltip-header .device-details-popover-tooltip-title span {white-space: nowrap;max-width: 100%;display: inline-block;text-overflow: ellipsis;overflow: hidden;}
.device-details-popover-tooltip-header .opmDropDown {font-size: 12px;position: absolute;right: 10px;top: 0px;}
.textSeverity_1{color:#fa5b5a!important}
.textSeverity_2{color:#faad5a!important}
.textSeverity_3{color:#e8de65!important}
.textSeverity_4{color:#ac4cab!important}
.textSeverity_5{color:#46bb7d!important}
.textSeverity_6{color:#7f7f7f!important}
.textSeverity_7{color:#7f7f7f !important}
.opmCheckBox.style3.small {margin-bottom: 0px;line-height: 1;}
.opmCheckBox.style3.small>div label::before {width: 14px;height: 14px;}
.opmCheckBox.style3.small>div input:checked+label::after {width: 3px;height: 8px;top: 9px;left: 3px !important;}
#dev_alerts .opm_jqGridUI {left:5px}
#dev_alerts .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td {word-break:break-word}
.GMapBoxTitle.device-details-popover-tooltip-title .icon-status::before{font-size:15px}
.opmMapBV #props-action {z-index:1}
.flex.flex-bottom-align.device-details-popover-tooltip-actions {margin-top:-10px}
.opm_Map_Page .gm-style-iw.gm-style-iw-c{padding-left: 0px;}
.opm_Map_Page .gm-style-iw-chr{display: none;}
.opm_Map_Page .gm-style-iw-d{overflow: unset !important;max-height: unset !important;}
.GMapBox.marker-import{min-width: 300px !important; max-width:300px !important}
.mb-4px {margin-bottom:4px !important}
.gm-style-iw-d .closeAction{margin-bottom:4px !important}
.maplibregl-popup-content .closeAction{margin-bottom:2px !important}
.amap-info-content .closeAction{margin-bottom:3px !important}

.device-details-popover-tooltip-title i.icon-status[data-icon="2"]::before {width:15px;height:15px;font-size:14px !important;line-height:1 !important}
.device-details-popover-tooltip-title .icon-status::before {font-size:15px;flex:0 0 15px;height:15px;width:15px;}
/***************************************************************************/

.wlcTabUl.sdwanSnapshot > div > ul > li.sd-wan-icon:before {background-image:url(../../img/opm-sprites-v2.svg);background-position: -350px -56px;width: 39px;height: 39px;transform: scale(1);}
.wlcTabUl.sdwanSnapshot > div > ul > li.sd-wan-devices-icon:before {background-image:url(../../img/opm-sprites-v2.svg);background-position: -293px -56px;width: 52px;height: 39px;transform: scale(1);}
.wlcTabUl.sdwanSnapshot > div > ul > li.sd-wan-tunnels-icon:before {background-image:url(../../img/opm-sprites-v2.svg);background-position: -393px -56px;width: 32px;height: 39px;transform: scale(1);}
.wlcTabUl.sdwanSnapshot > div > ul > li.sdnEndpointGroupIcon:before{background-position:-205px -1638px !important;width:46px !important;height:41px;transform:scale(1)}

/****** New Third Party Integration CSS Starts ******/
.opmForm .opmTileCheckBox.wrap-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-top:4px}
.opmForm .opmTileCheckBox.wrap-content>div{margin:0;width:auto!important}
.opmForm .opmTileCheckBox.wrap-content>div label{font-size:14px;padding:10px 18px}
.filter-pills .pill{background:#f7f7f7;color:#888;padding:4px 12px;margin-right:20px;border-radius:20px;cursor:pointer}
.filter-pills .pill.active{border:1px solid #209b4a;color:#209b4a;background:#daf1e5}
.flex-275px>div,.flex-275px>li{max-width:275px;height:100%}
.addOn .text-primary{color:#018957;fill:#018957}
.newAddonTag{position: absolute;right: -1px;top: -1px;background: #FFD93B;padding: 4px 8px;font-size: 12px;border-radius: 0px 10px 0px 10px;}

.generate-key-popup{position:fixed;width:100vw;height:100vh;overflow:hidden;top:0;left:0;z-index:999;background:rgba(0,0,0,.4);display:none}
.generate-key-popup .generate-key-popup-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:450px;background-color:#fff;border-radius:10px}
.generate-key-popup .generate-key-popup-container .generate-key-title{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;font-size:20px;font-family:LatoBold;border-bottom:1px solid #d4d4d4}
.generate-key-popup .generate-key-popup-container .generate-key-title .icon-remove{scale:.6}
.generate-key-popup .generate-key-popup-container .generate-key-content{padding:30px 15px}
.generate-key-popup .generate-key-popup-container .generate-key-content p{line-height:2;margin-bottom:30px}

.opmForm .prefix-suffix{display:flex;position:relative}.opmForm .prefix-suffix span,.opmForm .prefix-suffix .span{display:flex;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix span.bg-light-grey,.opmForm .prefix-suffix .span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix textarea+span,.opmForm .prefix-suffix textarea+.span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>*:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>*:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}

.opmFormRow.generateAuthBtn .opmFormCol:first-child {width: 70%;}
.opmFormRow.generateAuthBtn .opmFormCol:last-child {width: 30%;margin: 0;padding-left: 10px;}
.authUrlCopy {padding: 10px;background-color: #ededed;margin-top: 10px;position: relative;}
.authUrlCopy .authcopyIcon {position: absolute;padding: 5px;border-radius: 4px;white-space: unset;background-color: #45bc7f;line-height: 1;right: 5px;z-index: 9;top: 5px;cursor: pointer;}
.authUrlCopy .authcopyIcon svg {fill: #fff;}
.generate-key-content .pamKeyCopy {fill: #45bd7f;}
/****** New Third Party Integration CSS Ends ******/

/****** Password Manager CSS Starts ******/
.icon-password-manager{display:inline-block;width:16px;height:16px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -200px -227px;margin:0 7px 0 0;padding:0!important;top:3px}
.icon-pam360{display:inline-block;width:16px;height:16px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -220px -227px;margin:0 7px 0 0;padding:0!important;top:3px}
.icon-cyberark{display:inline-block;width:16px;height:16px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -240px -227px;margin:0 7px 0 0;padding:0!important;top:3px}
/****** Password Manager CSS Ends ******/

/*Observability map starts*/

#PageContent .DeviceDetails.business-view-layout .opm_link{color:#3996dd}
#PageContent .DeviceDetails.business-view-layout .opm_link svg{fill:#3996dd}
#PageContent .DeviceDetails.business-view-layout .DI-Header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background-color:#fff}
#PageContent .DeviceDetails.business-view-layout .DI-Header h2 .StatusColor{margin-top:0;height:calc(100% - 15px)}
#PageContent .DeviceDetails.business-view-layout .DI-Header h2>div{line-height:1.2}
#PageContent .DeviceDetails.business-view-layout .DI-Header h2>div>div span{margin-top:2px}
#PageContent .DeviceDetails.business-view-layout .DI-Header .DI-Options{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px;white-space:nowrap}
#PageContent .DeviceDetails.business-view-layout .DI-Content{top:50px}
#PageContent .DeviceDetails.business-view-layout .business-view-menu-button{padding:18px;border-right:1px solid #dcdcdc;cursor:pointer}
#PageContent .DeviceDetails.business-view-layout .business-view-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-inner{width:100%;height:100%}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar{min-width:320px;width:320px;height:100%;overflow:auto;border-left:1px solid #dcdcdc;position:relative;padding-bottom:20px;font-size:14px;position:absolute;top:0;right:0px;transition:.5s;display: none;background:#fff;box-shadow: -4px 0px 16px 0px rgba(0, 0, 0, 0.20);}
#PageContent .DeviceDetails.business-view-layout .business-view-content.sidebar-active .business-view-sidebar{display:block;transition:.5s;}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-header {border-bottom:1px solid #dcdcdc;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:2}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-header .business-view-sidebar-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 8px}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-header .device-status{padding:8px;background:#fbdcdc;border:4px solid #ed4f4f;border-radius:50%}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content div{font-size:14px}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content>div{padding:8px;border-bottom:1px solid #dcdcdc}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content>div:last-child{border-bottom:none}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-device-details .flex{padding:4px 0}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-device-details .business-view-device-detail-label{width:50%;position:relative;padding-right:10px}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-device-details .business-view-device-detail-label::after{content:":";position:absolute;right:5px;top:0}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-device-details .business-view-device-detail-value{width:50%;word-break:break-all}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-sidebar-heading{background:#f4f5f6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-tabs {display: -webkit-box;display: -ms-flexbox;display: flex;grid-gap: 15px;z-index:2;background:#fff;padding:5px 10px;}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab {position: relative;cursor: pointer}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab::after {content: '';width: 100%;height: 2px;background:transparent;position: absolute;bottom: -6px;left:0px;border-radius: 2px;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;}
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab.active::after,
#PageContent .DeviceDetails.business-view-layout .business-view-content .business-view-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab:hover::after {background:#27a965;}
#PageContent .DeviceDetails.business-view-layout .business-view-sidebar-header .business-view-sidebar-title h2 {overflow: hidden;max-width: 250px;text-overflow: ellipsis;}

/*
.Observ-flowMap-Container .DI-Options input[type="text"], .Observ-flowMap-Container .DI-Options .selBox > div .select2-container .selection, .Observ-flowMap-Container .DI-Options .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow {height: 100% !important}
.Observ-flowMap-Container .DI-Options .selBox > div .select2-selection {padding: 5px 40px 5px 8px;}
.Observ-flowMap-Container .DI-Options .prefix-suffix>em {padding: 7px}
*/

.observabilityMapActions{display:flex !important;column-gap:8px !important;height:50px !important;}
.observabilityMapActions > div{margin:0 !important}
.observabilityMapActions .actionDropDown{width: 120px;border-radius: 2px;padding: 0 30px 0 12px;font-size:14px;line-height:28px;}
.observabilityMapActions .actionDropDown:hover{border-radius: 2px 2px 0 0;}
.observabilityMapActions .actionDropDown .actionDropDown__list{top:30px;min-width:170px !important;font-size:14px !important;overflow: auto !important}
.observabilityMapActions .selBox{width: 180px;}
.observabilityMapActions .selBox .select2-container,
.observabilityMapActions .selBox .select2-selection{border-radius:2px !important;height:30px !important}
.observabilityMapActions .selBox > div,
.observabilityMapActions .selBox .select2-container,
.observabilityMapActions .selBox .select2.select2-hidden-accessible{height:30px !important}
.observabilityMapActions .observabilityMapSearch {display: flex;position: relative}
.observabilityMapActions .observabilityMapSearch input{background:#f0f0f0;border:1px solid #dcdcdc;padding: 6px 30px 6px 12px;border-radius:2px;height: 30px !important;line-height: 30px;font-size: 14px;font-family:'LatoRegular';}
.observabilityMapActions .observabilityMapSearch .observabilityMapSearchIcon{padding:0;right: 8px;position:absolute;top: 8px;}
.observabilityMapActions .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow{height:30px !important;}
.opm-breadcrump{display:flex;padding:12px}
.opm-breadcrump ul{display:flex;}
.opm-breadcrump ul li{padding:0 12px;position:relative;color:#000}
.opm-breadcrump ul li:first-child{padding-left:0;}
.opm-breadcrump ul li:after{content:"/";position:absolute;right:0;color:#c3ddd3}
.opm-breadcrump ul li:last-child:after{display:none}
.opm-breadcrump ul li a{color:#0099ff}
.opm-breadcrump ul li a:hover{text-decoration:none;}
#l2-context-menu {-webkit-box-shadow:0 0 12px 8px rgba(85,85,85,.1);box-shadow:0 0 12px 8px rgba(85,85,85,.1);padding:0px; border-radius:5px}


.connected-device-list{display:flex;gap:12px;padding:12px;align-items:center;border-bottom:1px solid #f4f5f6;transition: .5s;position:relative}
.connected-device-list:hover{background:#f4f5f6;transition: .5s;}
.connected-device-list-name{font-family:latoBold;margin-bottom:4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:240px;}
.connected-device-list-type{font-size:12px !important;display:flex;}
.connected-device-list-type > i{border-right:1px solid #ddd;padding:0 4px;display:flex;line-height:12px}
.connected-device-list-type > i:first-child{padding-left:0}
.connected-device-list-type > i:last-child{border:0}
.connected-device-list-type > i.obsMapCategory {max-width: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:inline-block;}
.connected-device-list-info{display:flex;flex-direction: column;}
.connected-device-list-monitor-now-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:1px solid #49bd80;padding:4px 12px;border-radius:2px;background:#fff;display:none;transition: .5s;cursor: pointer}
.connected-device-list-monitor-now-btn:hover{background:#49bd80;color:#fff;transition:.5s;}
.connected-device-list:hover .connected-device-list-monitor-now-btn{display:flex;}

/* Dark-mode css */
body.Observ-flowMap-dark-mode .Device-Info .DI-Content .business-view-content .business-view-inner, body.Observ-flowMap-dark-mode .Device-Info .DI-Content .business-view-content .business-view-inner #network_org_map, body.Observ-flowMap-dark-mode .Device-Info .DI-Content .business-view-content .business-view-inner #network_org_map-inspect{background:#0b0d10;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header {background:#181e23 !important;border-color:#303a43;color:#c3ccd3;border-top:1px solid #303a43;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header svg:not([fill]) {fill:#c3ccd3;}
body.Observ-flowMap-dark-mode .Device-Info input {background:#1f272c;border-color:#52606b;color:#c3ccd3;}
body.Observ-flowMap-dark-mode .Device-Info input:hover {background:#121619;}
body.Observ-flowMap-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {color:#c3ccd3;}
body.Observ-flowMap-dark-mode .select2,body.Observ-flowMap-dark-mode .selBox > div .select2-container.select2-container--focus,body.Observ-flowMap-dark-mode .selBox > div .select2-container.select2-container--open,body.Observ-flowMap-dark-mode .select2-container .select2-dropdown {background:#1f272c;border-color:#52606b;color:#c3ccd3}
body.Observ-flowMap-dark-mode .select2-container--default .select2-results__option[aria-selected=true]:not(:hover), body.Observ-flowMap-dark-mode .select2-container--default .select2-results__group {background:#52606b;border-color:#52606b;color:#c3ccd3}
body.Observ-flowMap-dark-mode #l2-context-menu {background:#1f272c;border-color:#52606b;color:#c3ccd3;}
body.Observ-flowMap-dark-mode #l2-context-menu ul li:hover {background:#52606b;border-color:#52606b;color:#c3ccd3}
body.Observ-flowMap-dark-mode .Device-Info .select2 {background:#1f272c;border-color:#52606b;color:#c3ccd3;}
body.Observ-flowMap-dark-mode .Device-Info .select2:hover {background:#121619;}
body.Observ-flowMap-dark-mode .Device-Info .selBox > div .select2-container .selection .select2-selection .select2-selection__arrow {border-color:#52606b;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown {background:#1f272c;border-color:#52606b;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown::after {border-color:#52606b;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown::before {border-color:#888 transparent transparent transparent}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown:hover::after {border-color:#52606b;background:#121619;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown .actionDropDown__list {background:#121619;border-color:#52606b;}
body.Observ-flowMap-dark-mode .Device-Info .DI-Header .DI-Options .actionDropDown .actionDropDown__list ul li:hover {background:#52606b;border-color:#52606b;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar {background:#181e23 !important;color:#fdfefe;border-left:1px solid #303a43 !important;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar svg:not([fill]){fill:#fdfefe;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar .business-view-sidebar-header{background:#1f272c !important;color:#fdfefe;border-bottom-color:#303a43 !important;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar .business-view-sidebar-tabs {background:#1f272c !important;color:#fdfefe;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar .business-view-sidebar-content .business-view-sidebar-heading {background:#1f272c !important;color:#fdfefe;border-color:#303a43 !important;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar .business-view-sidebar-content>div {border-color:#303a43 !important;}
body.Observ-flowMap-dark-mode .business-view-content .business-view-sidebar .business-view-sidebar-content .opmBtn.bordered {background:transparent;}
body.Observ-flowMap-dark-mode .floating-popup {background:#1f272c !important;color:#fdfefe;border-color:#303a43 !important;}
body.Observ-flowMap-dark-mode .floating-popup .popup-heading {border-color:#303a43;}

body.Observ-flowMap-dark-mode .opm-breadcrump ul li {color:#fdfefe;}
body.Observ-flowMap-dark-mode .connected-device-list{border-color:#303a43;}
body.Observ-flowMap-dark-mode .connected-device-list:hover {background:#303a43;}
body.Observ-flowMap-dark-mode .connected-device-list-monitor-now-btn a {color:#fdfefe;}
body.Observ-flowMap-dark-mode .connected-device-list-monitor-now-btn:not(:hover) {background:transparent;}
body.Observ-flowMap-dark-mode .rack_details_tooltip .rdd_label {color:#d4d4d4}
body.Observ-flowMap-dark-mode .select2-container--default .select2-results__group {background:none;}
.rack_details_tooltip .statusoffline.size8{position: absolute;left: 19px;top: 5px;}
body.Observ-flowMap-dark-mode .noDataInfo > svg {fill:#7c8995}
body.Observ-flowMap-dark-mode .noDataInfo {color:#fdfefe}

/* DarkMode ends*/
/*Observability map ends*/

.DIGL-Row #editDevType .inputValue{display:block!important;height:24px;width:220px}
.updateDevTypeActions{display:flex;gap:8px;padding:5px 10px!important;width:auto!important}
.updateDevTypeActions i{cursor:pointer;line-height:0}
.deployAgentInfoMsg.type1.addDeviceNew{display:none;position:relative;left:inherit;margin-bottom:4px}
.opmFormHolder.addDevice.showAgentMsg .deployAgentInfoMsg.type1{display:block;}
.opmFormHolder.addDevice.showAgentMsg .deployAgentInfoMsgShow{padding: 0}


#networkDiagramView .business-view-map-sidebar .business-view-sidebar-tabs {display: -webkit-box;display: -ms-flexbox;display: flex;z-index:2;background:#fff;}
#networkDiagramView .business-view-map-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab {position: relative;cursor: pointer;width:50%;text-align: center;padding:8px 4px;border-right:1px solid #dcdcdc;font-size:12px;}
#networkDiagramView .business-view-map-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab::after {content: '';width: 100%;height: 2px;background:transparent;position: absolute;bottom:0px;left:0px;border-radius: 2px;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;border-bottom:1px solid #dcdcdc;}
#networkDiagramView .business-view-map-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab.active::after,
#networkDiagramView .business-view-map-sidebar .business-view-sidebar-tabs .business-view-sidebar-tab:hover::after {background:#27a965;}
.interface_content_details .accordion1__nav.small{display:flex;font-size:12px;}
.interface_content_details .accordion1__nav.small .icon_status {margin-left:0;}
.interface_content_details .accordion1__nav.small span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.interface_content_details .accordion1.arrowSolid .accordion1__nav:before{width:5px;height:5px;}
.interface_content_details .accordion1.arrowSolid .accordion1__nav.active:before{margin-top:-3px;}
.opmMapBV .opmFormHolder.map-edit-formHolder {overflow: hidden !important;padding-bottom: 15px !important; top:60px !important}
.settingsContent.opmMapBV .layer2AlertInfo {display: none; background: #fdf79f;width: 98.5%;height: 45px;padding: 1px 5px;margin: auto;border: 1px solid #f3eb76;border-radius: 4px;position: absolute;top: 61px;right: 0;left: 3px;overflow: hidden;z-index: 9;}
.settingsContent.opmMapBV .layer2AlertInfo.active {display: block;}
.fwaReportsTitleDrpdwn{z-index:2 !important}
#MapsSection .jointBView.lineTypeBtnGroup button svg {width: 40%;object-fit: contain;height: 30px;}
#MapsSection .jointBView.lineTypeBtnGroup button {width: 25%;box-sizing: border-box;border: 1px solid #dcdcdc;cursor: pointer;display: flex;align-items: center;justify-content: center}
#MapsSection .jointBView.lineTypeBtnGroup button.linePreview_1 svg{width:50%}
/*.imagecell-label{stroke:#ff00ff !important}*/
.add-bulk-device-rule-main{display:flex;width:100%}
.add-bulk-device-rule-main > .steps-main {width: 100%;position: relative;height: calc(100vh - 400px);min-height: 350px}
.add-bulk-device-rule-main > .opmFormType5{position:absolute;bottom:0;left:0}
.add-bulk-device-rule-main #devSelectionComboBox{height:calc(100% - 150px)}
.add-bulk-device-rule-main #devSelectionComboBox .opmFormCol.fullCol{height:100%}
.add-bulk-device-rule-main .tab1{margin:0}
.add-bulk-device-rule-main .tab1 .tab1Content{padding:20px;min-height:400px}
.add-bulk-device-rule-main .tab1 .tab1Content .inner,.add-bulk-device-rule-main .tab1 .tab1Content .inner select{min-height:350px}
.add-bulk-device-rule-main .tab1 .tab1Content .multiSelectBox4 .listBox > .DevicesSearchChkBox:checked + .inner select{min-height:310px}
.fwa-add-bulk-device-rule-table{width:100%;border:1px solid #dcdcdc}
.fwa-add-bulk-device-rule-table tr{border-bottom:1px solid #dcdcdc}
.fwa-add-bulk-device-rule-table th{background:#f0f0f0;padding:4px 8px;height:35px;vertical-align:middle;text-align:left;font-family:latoBold}
.fwa-add-bulk-device-rule-table td{padding:4px 8px; vertical-align: middle !important}
.fwa-add-bulk-device-rule-table.withsearch thead tr:last-child th{background:#ffff}
.fwa-add-bulk-device-rule-table input[type="text"],.fwa-add-bulk-device-rule-table input[type="url"]{border-radius:0 !important;background:#f0f0f0;height:30px;border:1px solid #dcdcdc;width:100%;padding:0 8px}
.fwa-add-bulk-device-rule-table input[type="text"]:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.7}
.opmFormHolder.addBulkRuleHolder{bottom: 120px !important;top:140px !important;padding:0 !important}
.opmFormHolder.addBulkRuleHolder + .opmForm.opmFormType5{position:absolute;bottom:20px;right:20px;}
.add-bulk-device-rule-main #devSelectionComboBox {height: calc(100% - 120px)}
.fwaDisabledOptionTag{ opacity: 0.5;}

.fwa-excludedSectionsLists .staticTable__row{border-bottom:1px solid #dcdcdc}
.fwa-excludedSectionsLists .staticTable__row:last-child{border:0}
.fwa-excludedSectionsLists .staticTable__col{padding-right:72px;position:relative}
.fwa-excludedSectionsLists .staticTable__col .tableEnableDisableBtn{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:12px}
.fwa-excludedSectionsLists .staticTable__row:hover,.fwa-excludedSectionsLists .staticTable__row:nth-child(odd){background:#fff}
.fwa-excludedSectionsLists .chkRoundBtn label{background:#e1e5e9}
.fwa-excludedSectionsLists .excludedSectionsLists{max-height:300px;overflow:auto}
.fwa-excludedSectionsLists .excludedSectionsLists .staticTable__row:first-child .staticTable__col{font-family:latoRegular;background:#fff}
body.fwaSecurityAuditReports.slideDivIn-4 #PageContent:before{background:rgba(0, 0, 0, 0.3);z-index: 1;}
body.fwaSecurityAuditReports.slideDivIn-4 .slideContent.slideContent-4{top:-35px;height:calc(100% + 35px)}

/******************************* DO NOT WRITE ANY STYLES BELOW THE @MEDIA SCREEN *******************************/

/************** DHCP Server AutoDiscovery Alert ************************/
.opmDHCPGettingSrtMsg{ align-items:center;display:flex;justify-content: center;padding: 4px;}

/* dhcp popup begins */
.DHCP-popup-body{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 24px 24px 12px!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}
.DHCP-popup-body__icon{height:120px}
.DHCP-popup-body__cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:12px}
.DHCP-popup-body__action-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;width:100%}
.DHCP-popup-body__action-btn .opmBtn{margin:0;padding:12px 24px}
/* dhcp popup ends */

.opmDHCPGettingSrtMsg a{background: none;padding: 0;font-family: 'LatoRegular'; margin: 0;font-size: 14px;text-decoration: underline;}
/****** FWA Rule Dashboard **********************************/
.icon-svg-TotalRequest{background-image:url(../../img/opm-sprites-v2.svg);background-position: -81px -172px;width: 39px !important;height: 40px !important;position:absolute;top: 24px;left: 16px;}
.icon-svg-PendingRequest{background-image:url(../../img/opm-sprites-v2.svg);background-position: -41px -172px;width: 39px !important;height: 40px !important;position:absolute;top: 24px;left: 16px;}
.icon-svg-ApprovedRequest{background-image:url(../../img/opm-sprites-v2.svg);background-position: -1px -172px;width: 39px !important;height: 40px !important;position:absolute;top: 24px;left: 16px;}
.icon-svg-RejectedRequest{background-image:url(../../img/opm-sprites-v2.svg);background-position: -120px -172px;width: 40px !important;height: 40px !important;position:absolute;top: 24px;left: 16px;}
.ruleDashboard .ncmFirVulnInfoBox:before {content:none;}
#inventoryGridStyle.ruleDashboardReport .opm_widget_title{border: 1px solid #eee;border-bottom: 0;}
#inventoryGridStyle.ruleDashboardReport .content{padding: 20px !important;margin: 40px 0px 20px 0px;border: 1px solid #eee;}

#main.having-downloadProbe > :not(.downloadProbe), #main.having-downloadProbe > :not(.enableProbe) {display: none;}
#main.having-downloadProbe .downloadProbe {display:block}
.downloadProbe{max-width:500px;margin:auto;padding-top: 100px;padding-bottom: 100px;;position:relative;z-index: 1;}
.downloadProbe__title{position:relative;top:0;right:0;left:0;margin-bottom:20px;font-family:LatoBold;font-size:20px;padding-bottom:15px}
.downloadProbe__steps p{margin-bottom:12px;line-height:20px}
.downloadProbe__steps a.opmBtn{float:none;font-size:13px}
.downloadProbe__steps > div{position:relative;padding:0 50px;padding-bottom:30px}
.downloadProbe__steps > div.active::before{content:'';width:12px;height:12px;display:block;background-color:#45bd7f;border-radius:50%;position:absolute;left:0;top:0;border:5px solid #9ddebc;z-index:2}
.downloadProbe__steps > div::before{content:'';width:15px;height:15px;display:block;background-color:#f3f3f3;border-radius:50%;position:absolute;left:3px;top:0;border:1px solid #e7e0e0;z-index:2}
.downloadProbe__steps > div::after{content:'';width:1px;height:100%;display:block;position:absolute;border-left: 2px solid #e7e0e0;left:10px;top:0px;z-index:1}
.downloadProbe__steps > div:last-child::after {display: none;}
.downloadProbe__steps div.active.line-active::after {border-left: 2px solid #45bd7f;}

#snowcustomfieldsDiv .opmFormCol .grid-row .propertiesDropdown__icon {top: 17px; right: 15px}
#snowcustomfieldsDiv .opmFormCol .grid-row .propertiesDropdown__groupList {width: calc(100% - 30px)}
/********DB Backup*****************/
.dbBackupForm{max-width:600px}
.dbBackupForm .opmFormRow.mTop20.enableDisableWithText .chkRoundBtn{ width:auto;}
.db-sync{display: inline-block;width: 16px;height: 16px;position: relative;background: url(../../img/opm-sprites-v2.svg) no-repeat -228px -190px;margin: 0 7px 0 0;padding: 0 !important;}
.dbBackup-topFilter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dbBackup-topFilter>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
.dbBackupForm .opmFormCol>span {border:1px solid #dcdcdc !important;border-left:0 !important}
.db-backupno-DataInfo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:10px}
.db-backupno-DataInfo .db-backup-no-report{width:40px;height:52px;position:relative}
.db-backupno-DataInfo .db-backup-no-report:before{position:absolute;top:0;left:0;background:url(../../img/opm-sprites-v2.svg) no-repeat -228px -135px;width:40px;height:52px;content:""}
#select2-dbBackupExport-results>li.select2-results__option:first-child{display:none}
#select2-threadDumpExport-results>li.select2-results__option:first-child{display:none}
.custom-select2-dd{min-width:180px;max-width:180px}
.column-chooser-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:LatoRegular;font-size:14px;overflow-y:auto;max-height:100%;padding:5px 0}
.column-chooser-list.column-grabbing *{cursor:-webkit-grabbing;cursor:grabbing}
.column-chooser-list .column-chooser-highlight{border:1px dashed #16a8e7;margin:5px 15px;border-radius:4px;height:auto;background:#ecf8fd}
.column-chooser-list li{padding:5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.column-chooser-list li .opmCheckBox{margin:0;width:100%}
.column-chooser-list li .opmCheckBox>div,.column-chooser-list li .opmCheckBox>div input[type=checkbox]{width:100%}
.column-chooser-list .ui-sortable .sortable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 0}
.column-chooser-list:not(.column-grabbing) .sortable-icon{cursor:-webkit-grab}
.column-chooser-list .sortable-icon{fill:#777}
.column-chooser-list .opmCheckBox.small label:before{border-radius:4px}
.column-chooser-list .ui-sortable-helper .sortable-icon{fill:#16a8e7}
.column-chooser-list .ui-sortable-helper{border-radius:4px;background:#fff;border:1px solid #16a8e7;margin:5px;padding-left:5px;padding-right:14px}
.custom-select2-dd .selBox.date-and-time .select2-container,.custom-select2-dd .selBox.pdf-export .select2-container{border-radius:3px}
.custom-select2-dd .selBox.date-and-time .select2-selection,.custom-select2-dd .selBox.pdf-export .select2-selection{padding-left:35px!important}
.custom-select2-dd .selBox.date-and-time .select2-selection:before,.custom-select2-dd .selBox.pdf-export .select2-selection:before{position:absolute;top:8px;left:10px;background:url(../../img/opm-sprites-v2.svg) no-repeat 0 -19px;width:17px;height:16px;content:""}
.custom-select2-dd .selBox.pdf-export .select2-selection:before{background:url(../../img/opm-sprites-v2.svg) no-repeat -233px -83px;width:14px;height:14px}
.pageLoading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}
.pageLoading div{width:10px;height:10px;margin:3px;background:#45bd7f;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.pageLoading div.zoomInOne{animation:zoomInOne 2s infinite linear;-webkit-animation:zoomInOne 2s infinite linear}
.pageLoading div.zoomInTwo{animation:zoomInTwo 2s infinite linear;-webkit-animation:zoomInTwo 2s infinite linear}
.pageLoading div.zoomInThree{animation:zoomInThree 2s infinite linear;-webkit-animation:zoomInThree 2s infinite linear}
.pageLoading div.zoomInFour{animation:zoomInFour 2s infinite linear;-webkit-animation:zoomInFour 2s infinite linear}

/********Dashboard revamp - New look*****************/
.box-container{width:100%;border:1px solid #d4d4d4;border-radius:4px;height:100%}
.box-container .box-title{padding:10px 16px;background-color:#fcfcfc;border-bottom:1px solid #d4d4d4;border-top-left-radius:6px;border-top-right-radius:6px;font-size:18px;font-weight:600;color:#000}
.box-container .box-title.bg-grey input[type=checkbox]+div,.box-container .box-title.greyBg input[type=checkbox]+div{background:#fff}
.box-container .box-content{padding:15px}

.accordion1__nav.rounded.active {border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important}
.accordion1__nav.rounded.active + .accordion1__cont {border-bottom-left-radius:3px; border-bottom-right-radius:3px}

.opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix textarea+.span,.opmForm .prefix-suffix textarea+span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}

.opmCheckBox.style3>div{min-width:18px;min-height:18px;padding-left:25px}
.opmCheckBox.style3>div input{height:18px}
.opmCheckBox.style3>div input:checked+label::before{background:#6abb85;border:1px solid #6abb85}
.opmCheckBox.style3>div input:checked+label::after{content:"";width:4px;height:10px;border:2px solid #fff;border-bottom:0;border-left:0;position:absolute;top:10px;left:3px!important;-webkit-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:1;-webkit-animation:check2 .3s;animation:check2 .3s;-webkit-box-sizing:content-box;box-sizing:content-box}
.opmCheckBox.style3>div label{line-height:18px}
.opmCheckBox.style3>div label::before{background:#fff;border:1px solid #e9e9e9;border-radius:4px;width:16px;height:16px;content:"";position:absolute;top:0;left:0;-webkit-box-sizing:content-box;box-sizing:content-box}

.bg-grey,.greyBg {background: #f5f5f5!important}

.flexJustifiedTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flexJustifiedTitle.border-bottom{border-bottom:1px solid #efefef}
.flexJustifiedTitle label{font-family:LatoRegular}
.flexJustifiedTitle .title{float:none;position:relative!important;top:0!important;left:0!important;padding:0!important;border:none!important}
.flexJustifiedTitle .title h2{font-size:20px;font-family:LatoBold}
/* Existing css end */

.dashboardFav {width:-webkit-max-content;width:-moz-max-content;width:max-content; height:35px; top:-3px;right:0px}
.dashboardFav .inline-flex {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px;}
.dashboardFav .btnGroup.activeGrey.dashboard-view-toggle svg {fill:#cfcfcf}
.dashboardFav .btnGroup.activeGrey.dashboard-view-toggle .active svg {fill:#888888}
.dashboardFav .btnGroup.activeGrey.dashboard-view-toggle .opmBtn {padding:7px 10px 5px}
.dashboardFav .opmBtn.opmDropDownBtn ul {width:140px}
.dashboardFav .opmBtn.opmDropDownBtn ul li {padding:10px 20px}
.dashboardFav .opmDropDownBtn.noAfter::after {display:none !important; padding-right:20px !important}
.addWidgetsSlide .opmCheckBox>div {float:none}

.favourite-icon {margin-top:2px}
.favourite-icon svg {fill:#d4d4d4}
.favourite-icon.active svg {fill:#ffba00}

#dashboardsList svg {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
#dashboardWidgetsListDiv .dashboard-widgets-search-container {width:500px}
#dashboardWidgetsListDiv section {top:75px}
#dashboardWidgetsListDiv section #addWidgetsListDiv {padding-top:10px}
#dashboardActionsList{display: none;}
#dashboardActionsMenu:hover #dashboardActionsList{display: block;}

#ccTvContent.top0{top:0 !important}
#dashboardScrollContainer.compactView .opm_widget_title #ccTvContent #cctvDivHolder .ui-pg-table.ui-common-table.ui-pager-table > tbody > tr > td:nth-child(2){width:250px !important}
#dashboardScrollContainer.compactView .grid-stack-item-content:not([data-widgettype="BusinessView"]):not([data-widgettype="Rack"]):not([data-widgettype="Floor"]):not([data-widgettype="NetworkPath"]):not([data-widgettype="customNetworkPath"]):not([data-widgettype="GoogleMap"]) .dashboardWidget > .content{ height:100%;width: auto;padding: 0;position: relative;top:0px;right: 0px;bottom: 0px;left: 0px;overflow: auto;z-index: 99;padding:3px;float:none;width:100%;border-radius:  0 0 1px 1px;}
#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_header {position:relative !important; width:100%; float:none}
#dashboardScrollContainer.compactView .dashboardWidget .ui-draggable-handle {padding:3px 3px 0px}
#dashboardScrollContainer.compactView .dashboardWidget {padding:0px !important;}
#dashboardScrollContainer.compactView .dashboardWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead {background:none; height:35px}
#dashboardScrollContainer.compactView .dashboardWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th {vertical-align: middle}
#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_header {height:43px !important; border-radius: 1px 1px 0 0;}
#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_title {padding:12px 14px}
.compactView .alarm-row {height:auto}
#dashboardScrollContainer .grid-stack-item-content[data-widgettype="GraphArea"] .d3container .legendarea .zc-legend-clr-0 {padding-left:10px}
#dashboardScrollContainer.compactView .grid-stack-item-content:not([data-widgettype="Heatmap"]) .opm_pie .canvas-property{opacity:1 !important}
#dashboardScrollContainer.compactView .grid-stack-item-content:not([data-widgettype="Heatmap"]) .opm_pie .d3container .canvas-component .zcnotes .zc-annotation>div {width:80px  !important}
#dashboardScrollContainer.compactView .grid-stack-item-content:not([data-widgettype="Heatmap"]) .opm_pie .d3container .canvas-component .zcnotes .zc-annotation>div>div:first-child {font-size:20px !important}
/* Common widgets */
#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_title {padding:12px 10px}
/* Table */
#dashboardScrollContainer.compactView .dashboardWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th {padding:8px 10px}
#dashboardScrollContainer.compactView .dashboardWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child > div {left:0px}
#dashboardScrollContainer.compactView .dashboardWidget .wid_subTitle {left:10px}
/* Tree View */
#dashboardScrollContainer.compactView .dashboardWidget .jsTreeType1.inventoryFilter,  #dashboardScrollContainer.compactView .dashboardWidget .d3container {padding-top:10px}

/* Recent ALarm */
#dashboardScrollContainer.compactView .dashboardWidget div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-border > .ui-jqgrid > .ui-jqgrid-view {border: 0px !important;}
#dashboardScrollContainer.compactView .dashboardWidget div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-border > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div {border-top:0px !important}
#dashboardScrollContainer.compactView .dashboardWidget div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-border > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > .ui-jqgrid-btable > tbody > tr {border-bottom:0px }
#dashboardScrollContainer.compactView .dashboardWidget div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-border > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv {border:1px solid #d4d4d4 !important; border-radius:4px; overflow:hidden}
#dashboardScrollContainer.compactView .dashboardWidget div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne.no-border > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td {padding:10px 5px !important}

/* CPU Utilization */
.severity-container{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100% !important;float:none;gap:10px;height:100% }
.severity-container>div{height:100%;width:100%;background:#d4d4d4;height:5px}
.severity-container>div>div{height:100%}
.severity-container>span{white-space: nowrap;width: 100px;}
body.ccTvView .severity-container>span{white-space: nowrap;width: 35px;}
.minMaxWidget .grid-container .grid-col-1 {min-width: 90px;max-width: 100%;flex-grow:1}


/* Age Matrix */

.grid-stack-item:hover .dashboardWidget.tile-widget .tile-widgettitle.truncate,.grid-stack-item:focus .dashboardWidget.tile-widget .tile-widgettitle.truncate,.grid-stack-item:focus-within .dashboardWidget.tile-widget .tile-widget__title.truncate {width: calc(100% - 160px);}
#dashboardScrollContainer.compactView .dashboardWidget #ageMatrixContainer {margin:0px !important}
#dashboardScrollContainer.compactView .dashboardWidget #ageMatrixContainer #zcContain_ageMatrixContainer {width:100% !important; margin-top:0px}

#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_header {height:40px !important}
#dashboardScrollContainer.compactView .dashboardWidget .opm_widget_title {font-size:14px}
#dashboardScrollContainer.compactView .dashboardWidget .dashboardWidgetIcons i, #dashboardScrollContainer:not(.compactView) .dashboardWidget.tile-widget .dashboardWidgetIcons i {padding:10px 8px}
#dashboardScrollContainer:not(.compactView) .dashboardWidget.tile-widget .dashboardWidgetIcons i.icon-down-dir:after{top:8px}
#dashboardScrollContainer.compactView .dashboardWidget .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr:not(.jqgfirstrow) td,#dashboardScrollContainer.compactView .dashboardWidget .minMaxWidget{padding:5px 10px !important; font-size:12px !important}
#dashboardScrollContainer.compactView .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th {font-size: 12px !important;}
#dashboardScrollContainer.compactView .dashboardWidget .minMaxWidget .grid-container .grid-row .grid-col:first-child {padding-left:0px}

#dashboardScrollContainer .ui-draggable-dragging .dashboardWidget {border:2px solid #6EA3D5;border-radius:4px}
#dashboardScrollContainer .dashboardWidget {border:2px solid transparent}
#dashboardScrollContainer .grid-stack-item:focus .dashboardWidget .dashboardWidgetIcons,#dashboardScrollContainer .grid-stack-item:focus-within .dashboardWidget .dashboardWidgetIcons{opacity:1;}
#dashboardScrollContainer .dashboardWidget:hover,#dashboardScrollContainer .grid-stack-item:focus-within .dashboardWidget {border:2px solid #6EA3D5;border-radius:4px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.31);-webkit-transition:box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s}
.grid-stack-placeholder {background:rgba(110, 163, 213, 0.3)}
.grid-stack-placeholder .placeholder-content{inset:0px !important}
#addWidgetsListDiv .opmCheckBox.style3 input:checked+label::after {-webkit-animation:none;animation:none}
#addWidgetsListDiv>div {-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid; width: 100%;display: inline-flex }

.dashboard-default-badge {color: #F2994A;border: 1px solid #F2994A;padding: 0px 6px;border-radius: 15px;font-size: 10px;background: #FDF3E9;display: inline-block;line-height: 1.2;font-family: 'LatoRegular';margin-left: 5px;}
.minMaxWidget .grid-container .grid-col-1 {min-width: 100px;}

.opmDashboard .grid-stack>.grid-stack-item>.ui-resizable-e{right:0}
.opmDashboard .grid-stack>.grid-stack-item>.ui-resizable-se{right:0;bottom:0}
.opmDashboard .grid-stack>.grid-stack-item>.ui-resizable-w{left:0}
.opmDashboard .grid-stack>.grid-stack-item>.ui-resizable-s{bottom:0}
.opmDashboard .grid-stack>.grid-stack-item>.ui-resizable-sw{left:0;bottom:0}
#dashboardScrollContainer.compactView .dashboardWidget .dashboardWidgetIcons i.icon-down-dir:after {top:9px}
#dashboardScrollContainer.compactView .dashboardWidgetExpandView .dashboardWidget .dashboardWidgetIcons i.icon-down-dir:after {top:13px !important}
.minMaxWidget .grid-col {overflow: hidden;}
.minMaxWidget .grid-col>div {word-break: break-word;}


/*Tile Widget Variable CSS*/
#opmCCTV .tile-widget--wrapper > .tile-widget__title,#opmCCTV .tile-widget--wrapper > .tile-widget__value,#opmCCTV .tile-widget--wrapper > .tile-widget__caption{color:var(--tile-widget-text) !important}
body #opmCCTV .dashboardWidget.tile-widget .tile-widget--wrapper{row-gap: 5px}
#ccTvContent .dashboardWidget.tile-widget > .content,body #opmCCTV .dashboardWidget.tile-widget .content{top: -20px !important;left:5px;right:0;bottom:0}
#dashboardScrollContainer:not(.compactView) #ccTvContent .dashboardWidget.tile-widget > .content {top: 7px !important;left: 3px;}
body #opmCCTV .dashboardWidget.tile-widget .content {top:15px !important;left:10px}
.dashboardWidget.tile-widget{--tile-widget-bg:var(--grey-25);--tile-widget-text:var(--grey-800)}
.dashboardWidget.tile-widget{background:var(--tile-widget-bg);color:var(--tile-widget-text);border-radius:4px;user-select: none;}
.dashboardWidget.tile-widget.red{--tile-widget-bg:var(--red-bg);--tile-widget-text:var(--red-text)}
.dashboardWidget.tile-widget.orange{--tile-widget-bg:var(--orange-bg);--tile-widget-text:var(--orange-text)}
.dashboardWidget.tile-widget.yellow{--tile-widget-bg:var(--yellow-bg);--tile-widget-text:var(--yellow-text)}
.dashboardWidget.tile-widget.lime{--tile-widget-bg:var(--lime-bg);--tile-widget-text:var(--lime-text)}
.dashboardWidget.tile-widget.green{--tile-widget-bg:var(--green-bg);--tile-widget-text:var(--green-text)}
.dashboardWidget.tile-widget.cyan{--tile-widget-bg:var(--cyan-bg);--tile-widget-text:var(--cyan-text)}
.dashboardWidget.tile-widget.blue{--tile-widget-bg:var(--blue-bg);--tile-widget-text:var(--blue-text)}
.dashboardWidget.tile-widget.indigo{--tile-widget-bg:var(--indigo-bg);--tile-widget-text:var(--indigo-text)}
.dashboardWidget.tile-widget.violet{--tile-widget-bg:var(--violet-bg);--tile-widget-text:var(--violet-text)}
.dashboardWidget.tile-widget.pink{--tile-widget-bg:var(--pink-bg);--tile-widget-text:var(--pink-text)}
.dashboardWidget.tile-widget.grey{--tile-widget-bg:var(--grey-bg);--tile-widget-text:var(--grey-text)}
.dashboardWidget.tile-widget.ngrey{--tile-widget-bg:var(--ngrey-bg);--tile-widget-text:var(--ngrey-text)}
.dashboardWidget.tile-widget .dashboardWidgetIcons{background-color: var(--tile-widget-bg);}
.dashboardWidget.tile-widget:hover .opmGridTitle{z-index:999}
.dashboardWidget.tile-widget .dashboardWidgetIcons i{margin-top:-5px !important}
.dashboardWidget.tile-widget .opm_widget_header,.dashboardWidget.tile-widget:before{background-color:transparent !important;border-bottom:0 !Important;}
.dashboardWidget.tile-widget .opm_widget_title,.dashboardWidget.tile-widget .opm_widget_title .widget_name{display:none}
#ccTvContent .dashboardWidget.tile-widget .opm_widget_title {display:block}
body #opmCCTV .dashboardWidget.embedView.tile-widget .opm_widget_header{height:26px !important}
#dashboardScrollContainer .dashboardWidget.tile-widget .opm_widget_header,body #opmCCTV .dashboardWidget.tile-widget .opm_widget_header{height:24px !Important;box-shadow:unset}
#ccTvContent .dashboardWidget.tile-widget .opm_widget_title .dashboardWidgetIcons i{margin-top:-10px !important}
.tile-widget--wrapper{display:grid;grid-template-areas:"tile-widget_title" "tile-widget_value" "tile-widget_caption";grid-template-columns:1fr;gap:5px 14px;padding:0 8px}
.tile-widget--wrapper > .tile-widget__title{font-weight:700;font-family:LatoBold;font-size:16px;grid-area:tile-widget_title}
.tile-widget--wrapper > .tile-widget__value{font-weight:700;font-family:LatoBold;font-size:40px;grid-area:tile-widget_value;line-height:1}
.tile-widget--wrapper > .tile-widget__caption{font-size:14px;grid-area:tile-widget_caption;margin-bottom:8px}
.dashboardWidget.tile-widget .content.mCustomScrollbar{overflow: hidden!important}
#ccTvContent .dashboardWidget.tile-widget .content.mCustomScrollbar > .mCustomScrollBox{min-width:unset !Important}
#ccTvContent .dashboardWidget.tile-widget:hover .opm_widget_header{z-index:999}
/*Tile Widget Variable CSS ends*/

.Failover_Architecture.mLeft100{margin-left:50px}
.Failover_Architecture .curved-line-path.vIptoM{width:96px;margin-top:32px}
.Failover_Architecture.flow-column:nth-child(4) .curved-line-path:nth-child(2){margin-top:-3px;}
.Failover_Architecture .curved-line-path.vIptoM:before{display:none}
.Failover_Architecture .curved-line-path.vIptoM:after{right:-5px;top:-1px}
.Failover_Architecture .curved-line-path.vIptoSec:before{display:none}
.Failover_Architecture .curved-line-path.vIptoSec:after{bottom:2px}
.Failover_Architecture .curved-line-path.RtovIP{width:77px;margin-top:34px;}
.Failover_Architecture.flow-column:nth-child(6) .curved-line-path:nth-child(2){margin-top:-3px}
.Failover_Architecture .curved-line-path.RtovIP:before{content:"";background:#27a965;position:absolute;width:10px;height:10px;border-radius:50%;right:-6px;bottom:-4px;z-index:1}
.Failover_Architecture .curved-line-path.RtovIP:after{display:none}
.Failover_Architecture .curved-line-path.SltovIP{width:78px;position:relative}
.Failover_Architecture .curved-line-path.SltovIP:after{display:none}
.Failover_Architecture .curved-line-path.SltovIP:before{content:"";background:#27a965;position:absolute;width:10px;height:10px;border-radius:50%;right:-6px;bottom:-2px;z-index:1}
.Failover_Architecture .toVirtualIP .toVirtualIPpath{width:134px;left:-130px;border-width:2px;top:37px}
.flow-column.virtual-ip.display-none ~ .Failover_Architecture .toVirtualIP .toVirtualIPpath:before {display:none;}
/********Dashboard revamp - New look ends*****************/

@-webkit-keyframes zoomInOne{
20%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes zoomInOne{
20%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@-webkit-keyframes zoomInTwo{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes zoomInTwo{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@-webkit-keyframes zoomInThree{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes zoomInThree{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
80%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@-webkit-keyframes zoomInFour{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes zoomInFour{
20%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
40%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
60%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
.severity-container{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100% !important;float:none;gap:10px;height:100% }
.severity-container>div{height:100%;width:100%;background:#d4d4d4;height:5px}
.severity-container>div>div{height:100%}
.severity-container>span{white-space: nowrap;width: 100px;}
body.ccTvView .severity-container>span{white-space: nowrap;width: 35px;}
.minMaxWidget .grid-container .grid-col-1 {min-width: 90px;max-width: 100%;flex-grow:1}
.slideContent.positionFixed{position:fixed;top:unset;bottom:0;z-index:998;display:none;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-o-transition:transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;left:0;display:block;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.slideContent.positionFixed.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);display:block}
.slide-overlay{content:'';width:100vw;height:100vh;background:rgba(0,0,0,.5);display:none;position:fixed;z-index:998;top:unset;left:0;bottom:0}
.slide-overlay.active{display:block}
.slideContent.positionFixed .opmFormHolder {position: static !important;}
.slideContent.positionFixed .opmFormHolder .opmForm {padding-right: 0 !important;}
.slideContent.positionFixed section {padding-left: 30px;padding-right: 30px;}
.slideContent.positionFixed.active .slideContent.positionFixed, .slideContent.positionFixed.active .slide-overlay {top:0px !important}
.opmForm .prefix-suffix{display:flex;position:relative}.opmForm .prefix-suffix span,.opmForm .prefix-suffix .span{display:flex;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix span.bg-light-grey,.opmForm .prefix-suffix .span.bg-light-grey{background:#f9f9f9}
.sifDesc{height:200px}
.searchTxt{background-color: yellow;}


/*************** Firewall Rule Tracking Css *********************************/

.rule-change-history>ul>li{margin-bottom:12px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.rule-change-history>ul>li.active,.rule-change-history>ul>li:hover{-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.12);box-shadow:0 0 12px 0 rgba(0,0,0,.12);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.rule-change-history .accordion1__nav{background:#fafafa;border-color:#ddd;border-radius:4px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.rule-change-history .accordion1__nav:hover{background:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.rule-change-history .accordion1__nav.active{background:#fff;border-bottom:0;border-radius:4px 4px 0 0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.rule-change-history .accordion1__nav:before{right:20px!important}
.rule-change-history .accordion1__cont{border-radius:0 0 4px 4px}
.rule-change-history__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px 0 12px 72px;row-gap:4px;position:relative}
.rule-change-history__header:before{width:20px;height:20px;position:absolute;top:50%;left:8px;margin-top:-14px;content:"";border-radius:4px}
.rule-change-history__header:after{width:1px;height:50px;background:#ddd;position:absolute;top:8px;left:54px;content:""}
.rule-change-history__header>div{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:normal}
.rule-change-history__header.added:before{background:#49bd80;border:4px solid #d4eee0}
.rule-change-history__header.modified:before{background:#ffa442;border:4px solid #ffe9d3}
.rule-change-history__header.deleted:before{background:#f24b51;border:4px solid #fad1d3}
.rule-change-history__rule,.rule-change-history__policy,.rule-change-history__modified,.rule-change-history__status,.rule-change-history__updated-time{font-size:13px;font-family:LatoBold;padding-right:20px;position:relative}
.rule-change-history__desc{font-family:LatoRegular;padding-right:20px;position:relative}
.rule-change-history__modified:after,.rule-change-history__policy:after,.rule-change-history__rule:after,.rule-change-history__status:after,.rule-change-history__updated-time:after{position:absolute;content:"";width:1px;height:14px;background:#b8b8b8;top:50%;right:10px;margin-top:-7px}
.rule-change-history__modified>span,.rule-change-history__policy>span,.rule-change-history__rule>span,.rule-change-history__status>span,.rule-change-history__updated-time>span{font-family:LatoRegular;margin-left:5px}
.rule-change-history__modified,.rule-change-history__status,.rule-change-history__updated-time{font-size:13px}
.rule-change-history__modified:last-child:after,.rule-change-history__status:last-child:after,.rule-change-history__updated-time:last-child:after{display:none}
.rule-change-history__table{padding:12px}
.rule-change-history__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px;padding:16px}
.rule-change-history__filter>div{width:100%}
.rule-change-history__status-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ddd;padding:8px 0}
.rule-change-history__status-count{padding-left:32px;position:relative}
.rule-change-history__status-count:before{width:12px;height:12px;position:absolute;top:50%;left:8px;margin-top:-12px;content:"";border-radius:4px}
.rule-change-history__status-count.added:before{background:#49bd80;border:4px solid #d4eee0}
.rule-change-history__status-count.modified:before{background:#ffa442;border:4px solid #ffe9d3}
.rule-change-history__status-count.deleted:before{background:#f24b51;border:4px solid #fad1d3}
.rule-change-history_Diff_Table tr td:first-child{font-weight:bold;}
.static-table-view{width:100%;border:1px solid #ddd}
.static-table-view td,.static-table-view th{font-family:latoBold;padding:8px 12px;background:#fafafa;border:1px solid #ddd;text-align:left}
.static-table-view td{background:#fff;font-family:latoRegular}
.static-table-view td:first-child{font-family:latoBold;background:#fafafa}

/****************************************************************************/

/*************** OPM Capacity Planning Report Icon **********************************/
.icon-capacity-planning-report{display:inline-block;width:16px;height:16px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -265px -190px;margin:0 7px 0 0;padding:0!important}
/********************************************************************************/
.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix textarea+span,.opmForm .prefix-suffix textarea+.span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>*:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>*:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.max-h-full{max-height:100% !important}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td.cursorPointer.reportsSrch{max-width:100% !important;}
#globalSearchContainer .JqGridCustomDesign .opmCusGrid .ui-jqgrid-bdiv tr td.cursorPointer.reportsSrch:before{display:none;}



.codeSandbox{background:#444;color:#fff;padding:5px 0;border-radius:10px;overflow:auto;position:relative;min-height:42px;}
.codeSandbox code{font-family:monospace;display:block;overflow:auto}
.codeSandbox .copy_icon{position: absolute;opacity: 0;top: 0px;right: 0px;padding:12px;z-index: 2;transition: 250ms;cursor: pointer;border: none;background-color: #000;line-height: 0.8;}
.codeSandbox:hover .copy_icon {opacity: 1;}
.codeSandbox .copy_icon:hover {background: #222;}
.fileFolderAlarmSuppressionIcon{display:flex;margin-right:5px;}
.yellow-tag{background: #ffefb5;border: 1px solid #fdd835;font-size: 12px !important;padding: 2px 6px;border-radius: 20px;line-height: 12px;display: inline-block;margin-left: 5px;white-space: nowrap;}
.opmInfoMsg.compct{margin-top:-20px;padding:0;}
.opmInfoMsg.compct:before{display:none}

#AlrmEvtTrapInvDev.List .JqGridCustomDesign .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-hdiv{height:90px}
#AlrmEvtTrapInvDev.List .JqGridCustomDesign .opmCusGrid .ui-jqgrid-view.gridSearchActive .ui-jqgrid-bdiv {top:90px}
#AlrmEvtTrapInvDev.List .JqGridCustomDesign .opmCusGrid .ui-jqgrid .ui-search-table td.ui-search-input {padding-right:20px}
/* Settings Summary / reports summary css */
.settings-summary-page .settings-summary-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.settings-summary-page .settings-summary-header .settings-summary-left{width:100%}
.settings-summary-page .settings-summary-header .settings-summary-left .opmForm{max-width:450px}
.opmBtn.whats-new-btn {color:#f4901e; background: #fff;border: 1px solid #f4901e;font-weight: LatoBold; width:100%;white-space:nowrap; -webkit-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms}
.opmBtn.whats-new-btn:hover {background-color: #f4901e;color:#fff}
.settings-summary-page .settings-summary-content {height:100%}
.settings-summary-page .settings-summary-content .settings-summary-menu .settings-summary-menu-name {font-size: 18px; font-family: LatoBold; padding:10px 20px}
.settings-summary-page .settings-summary-content .settings-summary-menu ul li a::before {content:'';position:absolute;width:5px;height:5px;background:#000; left: 20px;top: 16px;display: inline-block;border-radius: 50%;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.settings-summary-page .settings-summary-content .settings-summary-menu ul li a {color:#000; width:100%; padding:10px 40px; display: block;position: relative;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.settings-summary-page .settings-summary-content .settings-summary-menu ul li a:hover {color:#00abec;background:#f2fbfe}
.settings-summary-page .settings-summary-content .settings-summary-menu ul li a:hover::before {background:#00abec}
.settings-summary-page .settings-summary-content .settings-summary-menu-container {display:-ms-grid;display:grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-template-rows: repeat(auto-fill, minmax(36px, 36px));height:auto;}
.settings-summary-page .settings-summary-content .settings-summary-menu-container>.settings-summary-menu {background:#fff;padding:20px 0px;border:1px solid #f5f5f5 ; margin:-1px}
.settings-summary-page .settings-summary-content {background:#fff}
.settings-summary-page .settings-summary-content .newTag em{background-color: rgb(255, 248, 58);color: black;position: absolute;margin-left: 4px;font-size: 8px;border-radius: 2px;padding: 2px 4px;font-weight: 900;margin-top: -5px;font-family: sans-serif;border: 1px solid #fff972;text-transform: uppercase;}
/*Ends here*/

.codeSandbox{background:#444;color:#fff;padding:5px 0;border-radius:10px;overflow:auto;position:relative;min-height:42px}
.codeSandbox code{font-family:monospace}
.codeSandbox.maxHt300{max-height:300px}
.codeSandbox .copy_icon{position: absolute;opacity: 0;top: 0px;right: 0px;padding:12px;z-index: 2;transition: 250ms;cursor: pointer;border: none;background-color: #000;line-height: 0.8;}
.codeSandbox:hover .copy_icon {opacity: 1;}
.codeSandbox .copy_icon:hover {background: #222;}
.codeSandbox.maxHt300{max-height:300px}
.codeSandbox .codeLine{padding:2px 10px}
.codeSandbox .codeLine:nth-child(odd) code{background:#4d4d4d}
.codeSandbox .codeLine label{display:block;width:100%}
.codeSandbox .codeLine .opmRadioBtn input:checked+label code{background:#416759}
.codeSandbox .codeLine code{width:100%;display:block;border-radius:10px;padding:0 5px;font-family:'Courier New',Courier,monospace}
.opmRadioBtn.small>div{padding-left:15px}
.opmRadioBtn.small>div label::before{width:12px;height:12px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.opmRadioBtn.small>div input:checked+label::after{width:8px;height:8px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:2px}
.codeSandbox.withRadioButton .opmRadioBtn.small>div label::before {top:50%}
.codeSandbox.withRadioButton .opmRadioBtn.small>div input:checked+label::after {left:2px;top:50%}
.pre-line{white-space: pre-line;}
.pre-line-imp{white-space: pre-line !important}

.show-more{position:relative;display:inline-block;padding:0;line-height:1;cursor:pointer}
.show-more .downArrow{width:8px;height:8px;left:auto;right:-24px;top:2px;border-left:none;border-bottom:none;border-right:2px solid #3996dd;border-top:2px solid #3996dd;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute}
.show-more.active .downArrow{border-right:none;border-top:none;border-left:2px solid #3996dd;border-bottom:2px solid #3996dd;top:4px}

.testCredentialActionIcons{position:relative;}
.testCredentialActionIcons> i{position:absolute;left:0;top: -10px;}
.testCredentialActionIcons> i.view-report{left:0;cursor:pointer;}
.testCredentialActionIcons> i.view-report:before{ background: url('../../img/opm-sprites-v2.svg') no-repeat -216px 0;width: 12px;height: 14px;content:"";position:absolute;top:0;left:0}
.testCredentialActionIcons> i.reportEdit{left:24px}
.testCredentialActionIcons> i.reportDelete{left: 48px;}

/*Graph page breadcrumb starts*/
.title-with-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.title-with-breadcrumb.mb-0{margin-bottom:0}
.title-with-breadcrumb .helpSlider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;font-size:14px;font-family:LatoRegular;margin-right:20px}
.title-with-breadcrumb .helpSlider span{margin-right:7px;width:20px;height:20px;border-radius:50%;border:1px solid #efefef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.title-with-breadcrumb ul {display: flex;width: 100%;overflow: hidden;}
.title-with-breadcrumb ul li{display: block;max-width: 80%;min-width: 100px;overflow: hidden;}
.title-with-breadcrumb ul li:first-child{min-width: max-content;}
.title-with-breadcrumb ul li:first-child a {padding-left: 0}
.title-with-breadcrumb ul li a{display:inline-block;position:relative;color:#222;font-family:LatoBold;font-size:18px;}
.title-with-breadcrumb ul li a, .title-with-breadcrumb ul li span {max-width: 100%;overflow: hidden;text-overflow: ellipsis;padding: 0px 20px;margin:0}
.title-with-breadcrumb ul li a:hover {text-decoration: none;}
.title-with-breadcrumb ul li:not(:last-child) a{opacity:.7;cursor:pointer;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
.title-with-breadcrumb ul li:not(:last-child) a::before{content:'';border:solid #565656;border-width:0 2px 2px 0;display:inline-block;padding:3px;-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);position:absolute;right:-1.5px;top:50%}
.title-with-breadcrumb ul li:not(:last-child) a:hover{opacity:1}
.graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li a, .graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li span{padding-left: 15px}
.graphHeaderTopView .graphHeaderTopView-text .title-with-breadcrumb ul li:not(:last-child) a::before{right: -1.3px;}
/*Graph page breadcrumb ends*/

.noMinWd {min-width: unset !important;}
.intfTempCtrlToolTip{z-index: 11 !important;height: 50px !important;}
.intfTempCtrlToolTipOpacity{opacity:0.2}
.title.intfTempCtrlToolTip + .opmBtnHldrTop{z-index:11}
/*.FilterChart{min-height:calc(100vh - 200px)}*/
.filterTypeMain .FilterChart{min-height:calc(100vh - 200px)}

/* Beta Tag changes */
.betaTag em{position:absolute;background:#D4F2FF;border:1px solid #16A8E7;padding:2px 6px;font-family:LatoBold;border-radius:2px;color:#116B92;top:4px;font-size:8px;text-transform:uppercase;white-space: nowrap;margin-left:4px}
.title_1 .betaTag{position: relative;display: inline;}
.title_1 .betaTag em{top:4px}
.betaTag.tpi-page em {top: -10px;margin-left: -4px;}
.betaTag.betaTagCenterAlign em {
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
}
.updateNameDiv,.showDtNameDiv{position:relative;padding-right:70px;}
.updateDTNameActions{position:absolute;display:flex;gap:8px;margin-left:12px;top:8px;}
.updateDTNameActions i{cursor: pointer;}
.updateDTNameActions i+i{transform: rotate(45deg);}
html.horizontalView .opmDashboardSubLinks ul.list li div.list {width:100% !important}
html.horizontalView .opmDashboardSubLinks ul.list li div.list > div {width:100% !important}
html.horizontalView .opmDashboardSubLinks ul.list li div.list > div:hover div {left:100%;top:0px}
html.horizontalView .opmDashboardSubLinks ul.list li div.list .dropDownMenu {position: relative;}
html.horizontalView .opmDashboardSubLinks ul.list li div.list > div.dropDownMenu:before {transform: rotate(225deg);top:0px;z-index: 2;}
html.horizontalView .opmDashboardSubLinks ul.list li div.list .dropDownMenu a {border:0px !important;float: none;width: 100%;display: block;}
html.horizontalView .opmDashboardSubLinks.iFrameLinksApm .list .dropDownMenu > div {overflow: unset;}
.settingsContent #commonGridDiv_nwDiscovery .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th #colChooserIcon {position:absolute;top:0;}
.opmRamUsageInfoContainer .opmDivTableFormate.legendType > div > div{white-space: nowrap;}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th {border-right: 1px solid #e2e2e2 !important;padding: 11px 0 11px 10px !important;}
.opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv div table tbody tr td:last-child{border-right:1px solid #e2e2e2 !important}
.discStateInfotxt{display: flex;width:100%;height:100%;color:#fff;justify-content:center;align-items:center;}
.opmGraph-details .opm_jqGridUI.jqTableMultiSpan{border-right:0 !important}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td.subgrid-data .wansiteSubgridHht .ui-jqgrid-bdiv table.ui-jqgrid-btable.ui-common-table tbody tr td{white-space:nowrap !important;}

.recentAlarmsInvSnapShot .more {background: #FFD54F;color: #000;padding: 5px 10px;text-decoration: none;border-radius: 3px;float:unset;margin-top: 10px;display: inline-block;}
.zmapLabel{color:#0A73EB !important;}

/*Alarm Popup revamp*/
.notifyHolder header div {padding: 12px 20px 12px 15px;}
.notifyContent .notifyRow {padding: 0 15px 0 30px;}


#mapImportResult{display:flex;flex-direction: column;max-height:calc(100vh - 280px);overflow:auto;padding:0 20px 0 30px;margin-bottom:20px;border-bottom:1px solid #dcdcdc}
html.opmTopBandBannerActive #mapImportResult{max-height:calc(100vh - 320px)}
#mapImportResult .deviceQueryList:before, #mapImportResult .deviceQueryList li:before{display:none}
#mapImportResult .deviceQueryList{margin:0}
#mapImportResult .deviceQueryList li{padding:0;margin:0}
#mapImportResult .opmFormTitle{margin-top:0}
#mapImportResult .deviceQueryList{padding-top:0;}
#mapImportResult .deviceQueryList li{margin-bottom:5px !important;}
#mapImportResult .opmBtnHldr{margin-right:20px}
.expandScreenPage .opmMapPage.importSlidetopFix:before,
.expandScreenPage .opmMapPage.importSlidetopFix .slideContent{top:0 !important;z-index: 99;}
.notifyContent .notifyRow .title {padding: 7px 0px 2px;height: auto;}
.notifyContent .notifyRow .info {height: auto;padding-bottom: 7px;width: 310px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notifyContent .notifyRow .info:before {background: #494949;}
.notifyContent .notifyRow:after {width: 8px;height: 8px;top: 13px;left: 15px;border-radius: 50%;margin: 0;}

/*Probe & Central Statuses*/
.centralProbStatusInfo {margin: 12px 5px !important;}
.centralProbStatusInfo .statusUp {background:#ECF8F2;padding:5px;display:flex; align-items: center; margin: 0px}
.centralProbStatusInfo .statusUp svg {fill: #46bb7d;}
.centralProbStatusInfo .statusDown {background:#FDEDED;padding:5px;display:flex; align-items: center;  margin: 0px}
.centralProbStatusInfo .statusDown svg {fill: #fa5b5a;}
.centralProbStatusInfo .statusNeutral {border:1px solid #999999; color:#999999; padding:5px;display:flex; align-items: center;}
.centralProbStatusInfo .statusNeutral svg {fill: #999999;}

/* BGP Monitors CSS */
.w-64px {width:64px !important}
.w-70p {width: 70% !important;}
.opmFormType5 .box-container .box-title.pull-left .header .opmFormRow > div {min-height: 16px;}
/*to remove header properties for Select All Criteria row in NP Criteria list */
.nfProfilePage .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead {background: none}
.nfProfilePage .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th div {padding:0px; margin:0px;line-height:1.5;font-family: LatoRegular}
.nfProfilePage .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv thead > tr:hover {background: #fbfbfb;}

#PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item .opm_widget_title div.inventoryWidgetIcons.overflow-visible {overflow:visible !important}

button.btn-outline.btn-retry {background: #daf1e4;color: #1d4D32 !important;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor:pointer ;font-family:LatoBold;padding:0px 5px; border-width: 2px;}
button.btn-outline.btn-retry svg {margin-right: 3px; fill:#2a573d;   transform: rotate(245deg) scaleX(-1);transform-origin: center;}

/* Health Filter */
.credentialBox.deviceGraphsDrpDwn .selectBox {height:auto !important;padding:2px 5px}
.credentialBox.deviceGraphsDrpDwn .selectBox:after {height:22px}
.credentialBox.deviceGraphsDrpDwn .credSelected {font-size:12px;font-family:'LatoRegular'}
/* Health Filter */


/****** New Third Party Integration CSS Starts ******/
.opmForm .opmTileCheckBox.wrap-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-top:4px}
.opmForm .opmTileCheckBox.wrap-content>div{margin:0;width:auto!important}
.opmForm .opmTileCheckBox.wrap-content>div label{font-size:14px;padding:10px 18px}
.filter-pills .pill{background:#f7f7f7;color:#888;padding:4px 12px;border-radius:20px;cursor:pointer;font-size:12px;}
.filter-pills .pill.active{border:1px solid #209b4a;color:#209b4a;background:#daf1e5}
.flex-275px>div,.flex-275px>li{max-width:275px;height:100%}
.addOn .text-primary{color:#018957;fill:#018957}
.addOn ul li.custom-integration {border: 1px dashed #49BD80 !important;padding:50px !important;}
.addOn ul li.custom-integration .addOn__heading {padding:0px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;height:100%;font-size:14px !important;padding:20px;line-height:1.5}
.addOn ul li.custom-integration .addOn__heading img {margin-bottom:20px;}
.newAddonTag{position: absolute;right: -1px;top: -1px;background: #FFD93B;padding: 4px 8px;font-size: 12px;border-radius: 0px 10px 0px 10px;}
.generate-key-popup{position:fixed;width:100vw;height:100vh;overflow:hidden;top:0;left:0;z-index:999;background:rgba(0,0,0,.4);display:none}
.generate-key-popup .generate-key-popup-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:450px;background-color:#fff;border-radius:10px}
.generate-key-popup .generate-key-popup-container .generate-key-title{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;font-size:20px;font-family:LatoBold;border-bottom:1px solid #d4d4d4}
.generate-key-popup .generate-key-popup-container .generate-key-title .icon-remove{scale:.6}
.generate-key-popup .generate-key-popup-container .generate-key-content{padding:30px 15px}
.generate-key-popup .generate-key-popup-container .generate-key-content p{line-height:2;margin-bottom:30px}

.opmForm .prefix-suffix{display:flex;position:relative}.opmForm .prefix-suffix span,.opmForm .prefix-suffix .span{display:flex;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
.opmForm .prefix-suffix span.bg-light-grey,.opmForm .prefix-suffix .span.bg-light-grey{background:#f9f9f9}
.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix textarea+span,.opmForm .prefix-suffix textarea+.span{border-right:1px solid #d4d4d4;border-left:0}
.opmForm .prefix-suffix.rounded>*:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.opmForm .prefix-suffix.rounded>*:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}

.opmFormRow.generateAuthBtn .opmFormCol:first-child {width: 70%;}
.opmFormRow.generateAuthBtn .opmFormCol:last-child {width: 30%;margin: 0;padding-left: 10px;}
.authUrlCopy {padding: 10px;background-color: #ededed;margin-top: 10px;position: relative;}
.authUrlCopy .authcopyIcon {position: absolute;padding: 5px;border-radius: 4px;white-space: unset;background-color: #45bc7f;line-height: 1;right: 5px;z-index: 9;top: 5px;cursor: pointer;}
.authUrlCopy .authcopyIcon svg {fill: #fff;}
.generate-key-content .pamKeyCopy {fill: #45bd7f;}
/****** New Third Party Integration CSS Ends ******/

/*NCM Config tab filter changes start */
.formGroup{position:relative}
.formGroup.suffixIcon input~i{position:absolute;top:9px;right:15px;width:14px;height:14px;color:#9f9f9f}
.formGroup.suffixIcon input~i svg{fill:#9f9f9f}
.formGroup.suffixIcon input~i svg:hover{cursor:pointer}
.formGroup.suffixIcon input~i::before{height:16px}
.formGroup.suffixIcon input~i::after{height:16px}
.formGroup input{float:none;border-radius:3px;margin-bottom:5px}
.filetypes{padding:10px;text-align:left;margin:30px 0 0;}
.filetypes .opmFormTitle{padding-bottom:10px;margin:0;float:none}
.filetypes .opmFormHolder .filterContainer{background:#fff;height:auto}
.filetypes .opmFormHolder .filterContainer .opmFormCol{width:100%;padding:10px;float:none}
.filetypes .opmFormHolder .filterContainer .opmFormCol .formGroup input{border-radius:0}
.filetypes .opmFormHolder .filterContainer .opmFormCol:last-child>div{margin-bottom:0}
.filetypes .opmFormHolder .filterContainer .opmFormCol label{float:none}
.filetypes .opmFormHolder .filterContainer .checkboxGroup{padding:0 11px;max-height:350px;overflow:auto}
.filetypes .opmFormHolder .filterContainer .checkboxGroup .opmCheckBox label::before{background:#fff;width:14px;height:14px;left:3px;top:3px}
.filetypes .opmFormHolder .filterContainer .checkboxGroup .opmCheckBox label::after{width:3px;height:7px;left:6px}
.filetypes .opmFormHolder .filterContainer .checkboxGroup .opmCheckBox label span{color:#8e8e8e;line-height:14px}
.filetypes .opmFormHolder .filterContainer .checkboxGroup .opmCheckBox label span.textSmall{display:block}
.filetypes .opmFormHolder .filterContainer .checkboxGroup .opmCheckBox div{float:none;margin-bottom:12px}
/*NCM Config tab filter changes end */

/*FWA RuleMgmt snapshot widget CSS start*/
.fwa-top-info{display:flex;columns-gap:12px;column-gap:12px}
.group-type1{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f9fafb;border:1px solid #e1e5e9}
.group-type1__main{font-size:14px;font-family:latoBold;padding:12px;border-right:1px solid #e1e5e9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;min-width:160px}
.group-type1__main span{font-size:20px}
.group-type1__sub span{font-size:14px;font-family:latoBold}
.group-type1__sub>div{padding:8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100px;font-size:12px}
.group-type1__sub>div:last-child{border-top:1px solid #e1e5e9}
.group-type2{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f9fafb;border:1px solid #e1e5e9}
.group-type2__main{font-size:12px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;row-gap:8px;min-width:160px}
.group-type2__main span{font-size:16px;font-family:latoBold}
.group-type2__sub{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #e1e5e9}
.group-type2__status-type{font-size:14px;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e1e5e9;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.group-type2__status{display:-webkit-box;display:-ms-flexbox;display:flex}
.group-type2__status>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;border-right:1px solid #e1e5e9;min-width:70px;height:65px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px}
.group-type2__status>div:last-child{border:0}
.group-type2__status>div span{font-size:14px;font-family:latoBold}
.group-type3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f9fafb;border:1px solid #e1e5e9}
.group-type3 div {display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 16px;border-bottom:1px solid #e1e5e9;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.group-type3 div span{font-size:16px;font-family:latoBold}
.group-type3 div:last-child {border:0}

/*FWA RuleMgmt snapshot widget CSS ends*/


/*NCM Device template UI changes start*/
.pb-100{padding-bottom:100px!important}
.text-dark{color:#000!important}
.box-container{width:100%;border:1px solid #efefef;border-radius:4px}
.box-container .box-title{padding:10px 16px;background-color:#fcfcfc;border-bottom:1px solid #efefef;border-radius:6px;font-size:18px;font-weight:600}
.box-container .box-title.bg-none{background-color:none}
.box-container .box-content{padding:15px}
.configuration-list-box{height:220px;border:1px solid #efefef;border-radius:4px;margin-bottom:10px;-webkit-box-sizing:content-box;box-sizing:content-box}
.configuration-list-box.w-300{width:290px;-webkit-box-sizing:border-box;box-sizing:border-box}
.configuration-list-box.w-340{width:340px;-webkit-box-sizing:border-box;box-sizing:border-box}
.configuration-list-box .configuration-list-title{padding:10px 16px;border-bottom:1px solid #efefef;font-weight:600;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}
.configuration-list-box .configuration-list-title.bg-grey{background:#fcfcfc}
.configuration-list-box .configuration-list-content{padding:8px 0;font-size:14px}
.configuration-list-box .configuration-list-content ul{height:calc(100% - 50px);overflow:auto}
.configuration-list-box .configuration-list-content ul li{padding:4px 16px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:.5}
.configuration-list-box .configuration-list-content ul li.active{background-color:#f8f8f8;opacity:1}
.configuration-list-box .configuration-list-content ul li i{color:#818181}
.configuration-list-box.border-dashed{border-style:dashed}
.configuration-list-box.add-configuration .configuration-list-content{font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;line-height:1.5;color:#4d4d4d}
.configuration-list-box.add-configuration .configuration-list-content i.icon-add{color:#55c16a;font-size:24px}
.configuration-list-box.add-configuration .configuration-list-content svg{fill:#e2e2e2}
.configuration-list-box.add-configuration .configuration-list-title+.configuration-list-content{height:calc(100% - 40px)}
.tableFormComponentsMain .tableFormComponents table thead{background-color:#f6f6f6;border:1px solid #e2e2e2}
.opmFormRow.column3 .opmFormCol.coll50p:first-child{margin-left:0}
.actionDropDown.menu-dots{display:inline-block;padding:0;width:auto;background:0 0;border:none;cursor:pointer;position:absolute;right:0;top:0!important}
.actionDropDown.menu-dots::after,.actionDropDown.menu-dots::before{display:none}
.actionDropDown.menu-dots .actionDropDown__list{left:0;padding:0;border-radius:4px;left:unset;right:0}
.noBeforeAfter::after,.noBeforeAfter::before{display:none}
.fixedFooter.fixed-bottom{position:fixed;bottom:0;padding:30px 0;width:calc(100% - 50px);margin:0;max-width:100%;border-top:1px solid #e2e2e2;background-color:#fff}
aside+section .fixedFooter.fixed-bottom{width:calc(100% - 260px)}
.noDataInfo svg:not([fill]){fill:#e2e2e2}
.noDataInfo .noDataAddBtn{border-radius:4px}
.NFA_scheduleReports .addDeviceTemplate+.actionDropDown{width:200px}
.NFA_scheduleReports .addDeviceTemplate+.actionDropDown__list{min-width:250px;padding:0;border-radius:5px}
.NFA_scheduleReports .grid-container.row-gap20 .grid-row{row-gap:20px}
.NFA_scheduleReports .grid-container.row-gap20 .grid-row>div[class^=grid-col]{padding-left:0}
.NFA_scheduleReports .column-gap20{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
.NFA_scheduleReports .column-gap10{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}
.NFA_scheduleReports .column-gap12{-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}
.NFA_scheduleReports .row-gap20{row-gap:20px}
.settingsCnt>section .settingsContent .opmFormHolder.NFA_scheduleReports{top:0}
.formWizard-breadCrumb{margin:20px 0 40px;padding:0 20px}
.formWizard-breadCrumb ul li{display:inline-block;position:relative}
.formWizard-breadCrumb ul li:not(:last-child){margin-right:30px}
.formWizard-breadCrumb ul li:not(:last-child):before{content:"";border-top:2px solid #777;border-right:2px solid #777;width:8px;height:8px;position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);background-color:transparent}
.formWizard-breadCrumb ul li a{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:60px;font-size:16px;border:1px solid #45bd7f;background-color:#eff5f2;color:#45bd7f}
.formWizard-breadCrumb ul li a .number{width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#45bd7f;border:1px solid #45bd7f;color:#ffffff;margin:-1px !important}
.formWizard-breadCrumb ul li a .breadCrumb-text{padding:5px 15px 5px 10px;line-height:1}
.formWizard-breadCrumb ul li.active ~ li a{border-color:#d4d4d4;color:#000;background-color:#f3f3f3}
.formWizard-breadCrumb ul li.active ~ li a .number{background-color:#f3f3f3;border-color:#d4d4d4;color:#000}
.formWizard-breadCrumb.inactive-none ul li:not(.active) .breadCrumb-text{display:none}
.opmForm.revert_allStyles_Form_Row_Col{ float: none; clear: both; max-width: unset; width: auto; display: block; }
.opmFormCol.revert_allStyles_Form_Row_Col{ float: none; clear: both; max-width: unset; width: auto; display: block; }
.h-bigX{height: 300px !important}
.tableFormComponentsMain.mt-50 {
    margin-top: 50px;
}
.tableFormComponentsMain .tableFormComponents table {
    width: 100%;
    text-align: left;
    table-layout: fixed
}
.tableFormComponentsMain .tableFormComponents table tr th {
    padding: 10px;
    vertical-align: middle;
    font-family: LatoBold
}
.tableFormComponentsMain .tableFormComponents table tr th.w-50 {
    width: 50px
}
.tableFormComponentsMain .tableFormComponents table tr th.w-100 {
    width: 100px
}
.tableFormComponentsMain .tableFormComponents table tr th .opmCheckBox div {
    padding: 0 0 0 35px;
    min-height: 30px
}
.tableFormComponentsMain .tableFormComponents table tr td {
    padding: 10px;
    vertical-align: middle
}
.tableFormComponentsMain .tableFormComponents table tr td.w-50 {
    width: 50px
}
.tableFormComponentsMain .tableFormComponents table tr td.w-100 {
    width: 100px
}
.tableFormComponentsMain .tableFormComponents table tr td .opmCheckBox div {
    padding: 0 0 0 35px;
    min-height: 30px
}
.tableFormComponentsMain .tableFormComponents table tr td a {
    color: #767676
}
.tableFormComponentsMain .tableFormComponents table tr td a .icon-trash {
    font-size: 18px
}
.tableFormComponentsMain .tableFormComponents table tr td .icon-trash {
    font-size: 18px
}
.tableFormComponentsMain .tableFormComponents table thead {
    background-color: #f6f6f6;
    border: 1px solid #e2e2e2
}
.tableFormComponents-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0
}
.tableFormComponents-tit h3 {
    font-size: 16px
}
.tableFormComponents-tit .rightSideList {
    display: flex;
    align-items: center
}
.tableFormComponents-tit .rightSideList>div {
    display: flex;
    align-items: center
}
.tableFormComponents-tit .rightSideList>div a {
    display: flex;
    align-items: center;
    color: #222
}
.tableFormComponents-tit .rightSideList>div a i {
    margin-right: 5px;
    font-size: 18px
}
.tableFormComponents-tit .rightSideList>div:not(:last-child) {
    margin-right: 20px;
}
.tableFormComponents-tit .rightSideList>div em {
    margin-right: 5px;
}
.containerWidth1280{max-width: 1280px;}
i.icon-menu-dots {display: inline-block;width: 6px;height: 16px;position: relative;background: url(../../img/opm-sprites-v2.svg) no-repeat -283px -15px;right: -4px;top: 6px;margin-right: 10px;}
.icon-editIcon{display:inline-block;width:14px;height:14px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -274px 0;right:-4px;top:0}
.icon-copyIcon{display:inline-block;width:14px;height:14px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -244px 0;right:-4px;top:0}
.icon-deleteIcon{display:inline-block;width:14px;height:14px;position:relative;background:url(../../img/opm-sprites-v2.svg) no-repeat -258px 0;right:-4px;top:0}
.configuration-list-box .configuration-list-title .configuration-title{overflow:hidden;max-width:100%;text-overflow:ellipsis}
.z_index_9 {z-index: 9;}
#gview_opm_Devices .ui-jqgrid .ui-search-table td.ui-search-clear {display:none !important}
div:not(.opmMapPage) aside+section .NFA_scheduleReports .fixedFooter.fixed-bottom {width: calc(100% - 260px) !important;}
/*NCM Device template UI changes end*/
.pre-wrap {white-space: pre-wrap;}

input#downConsecutiveTime, input#winFailureThreshold,input#thrsholdTime {height: 33px !important;}
div.lowercaseletter {text-transform:lowercase}
/* NCM Compliance New Ui Changes starts*/
.floating-popup.width180px{width:180px}
.floating-popup.width260px{width:260px}
.gap-xxs {gap: 4px !important}
.gap-xs {gap: 8px !important}
.gap-sm {gap: 12px !important}
.gap-md {gap: 16px !important}
.gap-lg {gap: 20px !important}
.gap-xl {gap: 32px !important}
.gap-xlg {gap: 48px !important}
.gap-big {gap: 100px !important}

.complaince-container {position: relative;background-image: radial-gradient(#f0f0f0 3px, transparent 0);background-color: #f9f9f9;height: calc(100vh - 95px);width: 100%;overflow: auto;background-size: 26px 26px;background-position: -19px -27px;}
/*.complaince-container{position:relative;background-image:url(/apiclient/fluidicv2/img/dotted-bg.png);background-color:#f9f9f9;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 95px);width:100%;overflow:auto}*/
.complaince-container .complaince-toolbar{left:0;top:0;border:1px solid #e2e2e2;-webkit-box-shadow:none;box-shadow:none}
.complaince-container .complaince-toolbar svg{height:20px;width:20px}
.complaince-container .complaince-toolbar svg[data-name=complaint-shape]{fill:#f5fffa;stroke:#45bd7f}
.complaince-container .complaince-toolbar svg[data-name=violation-shape]{fill:#fce8e9;stroke:#ef767a}
.complaince-container .complaince-toolbar svg[data-name=not-applicable-shape]{fill:#f0f0f0;stroke:#212121}
.complaince-container .complaince-toolbar .shape-name{font-size:12px;color:#212121}
.complaince-container .complaince-toolbar .popup-body{padding:0}
.complaince-container .complaince-toolbar .popup-body>div>div{padding:8px 12px;border-bottom:1px solid #e2e2e2;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;cursor:pointer}
.complaince-container .complaince-toolbar .popup-body>div>div:last-child{border-bottom:0}
.complaince-container .complaince-toolbar .popup-body>div>div:hover{background-color:#f9f9f9}
.complaince-container .complaince-flow-element {position: absolute;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 219px;height: 47px;background: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #e2e2e2;border-radius: 4px;padding: 6px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
.complaince-container .complaince-flow-element>svg{background:#f9f9f9;min-width:35px;min-height:35px;max-width:35px;max-height:35px;padding:6px}
.complaince-container .complaince-flow-element .complaince-flow-actions{position:absolute;right:2px;bottom:2px;border-radius:2px;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.complaince-container .complaince-flow-element .complaince-flow-actions .complaince-flow-actions-inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.complaince-container .complaince-flow-element .complaince-flow-actions .complaince-flow-actions-inner button{padding:6px;border:0;border-right:1px solid #e2e2e2;cursor:pointer}
.complaince-container .complaince-flow-element .complaince-flow-actions .complaince-flow-actions-inner button:last-child{border-right:none}
.complaince-container .complaince-flow-element .complaince-flow-text{padding: 0 5px;width: 100%;font-size: 14px;font-family: LatoBold;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.complaince-container .complaince-flow-element .complaince-flow-text span{display:block;color:#7d7d7d;font-size:12px;font-weight:400;font-family:LatoRegular;margin-top:4px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.complaince-container .complaince-flow-element[element-name=start]{border-radius:60px;text-align:center}
.complaince-container .complaince-flow-element[element-name=violation]>svg{background:#f24b51;fill:#f24b51;stroke:#fff}
.complaince-container .complaince-flow-element[element-name=complaint]>svg{background:#45bd7f;fill:#45bd7f;stroke:#fff}
.complaince-container .complaince-flow-element[element-name=not-applicable]>svg{background-color:#212121;fill:#212121;stroke:#fff}
.complaince-container .complaince-flow-element:hover .complaince-flow-actions{opacity:1;visibility:visible}
.complaince-container .complaince-flow-element.hover .complaince-flow-actions{opacity:1;visibility:visible}
.complaince-container .complaince-flow-line{position:absolute;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.complaince-container .complaince-flow-line>svg{width:100%;height:100%;padding:10px;overflow:visible}
.complaince-container .complaince-flow-line .complaince-flow-add{position:absolute;left:100%;top:100%;width:20px;height:20px;z-index:2}
.complaince-container .complaince-flow-line .complaince-flow-add>svg {width: 20px;height: 20px;transition: opacity 0.3s ease;}
.complaince-container .complaince-flow-line .complaince-flow-add>svg:hover {opacity: 0.8;}
.complaince-container .complaince-flow-line .complaince-flow-false{position:absolute;left:110px;top:0;border:1px solid #f24b51;border-radius:2px;background:#fdefef;padding:2px 6px;font-size:10px}
.complaince-container .complaince-flow-line .complaince-flow-true{position:absolute;top:50%;left:0;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%);border:1px solid #45bd7f;border-radius:2px;background:#f5fffa;padding:2px 6px;font-size:10px}
.complaince-container .complaince-flow-element-group{position:relative}
.complaince-container .complaince-flow-element-group[group-name=condition] [element-name=false]{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.complaince-container .complaince-flow-element-group[group-name=condition] [element-name=false] .complaince-flow-text{font-size:10px}
.complaince-container .complaince-flow-element[element-name=end]{border-radius:60px;text-align:center}

.node-connections {position: absolute;width: 400px;height: 500px;}
.ncm-policies-page .opmGraph-details {all: unset;border:unset !important;}
/* .repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item] .grid-row{margin-bottom:80px!important} */
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item] .row-no{margin-left:5px;position:relative;z-index:3}
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item] .row-no::before{content:"";width:1px;height:calc(100% - 30px);background:#d4d4d4;position:absolute;z-index:-1;left:15px;top:0}
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item] .row-no .logic-operator{position:absolute;bottom:20px;border:1px solid #45bd7f;background:#f5fffa;color:#45bd7f;font-size:12px;padding:5px 8px;height:auto;line-height:1;width:auto;border-radius:2px;left:calc(50% - 3px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0}
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item] .row-no .logic-operator::before{content:unset}
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item]+[data-repeater-item] .row-no::before{top:-30px;height:100%}
.repeater-grid-container.repeater-line [data-repeater-fields] [data-repeater-item]:last-child .row-no::after{content:"";width:5px;height:5px;background:#d4d4d4;position:absolute;z-index:-1;left:13px;bottom:30px;border-radius:50%}
.repeater-grid-container [data-repeater-fields] [data-repeater-item] [data-repeater-remove-item].removeBtn{border:1px solid #e2e2e2;background:#f0f0f0;height:32px;float:left;padding:7px 12px;border-radius:4px}
.repeater-grid-container [data-repeater-fields] [data-repeater-item] [data-repeater-remove-item].removeBtn svg{fill:#7d7d7d}
[data-repeater-fields] [data-repeater-item] .row-no .number.circle{width:32px;max-width:32px;height:32px;border:1px solid #d4d4d4;line-height:30px}
.box-container.variables-card{position:absolute;right:0;top:0px;width:270px;height:auto;z-index:9}
.box-container.variables-card table{border-collapse:collapse;width:calc(100% + 2px);margin:-1px}
.box-container.variables-card table td,.box-container.variables-card table th{border:1px solid #e2e2e2;padding:8px;text-align:left}
.box-container.variables-card table thead{background-color:#f5f5f5}
.box-container.variables-card table thead th{color:#7d7d7d;font-family:LatoRegular;font-size:14px;font-style:normal;font-weight:400;line-height:normal}

.maxWidth760 {max-width:760px !important}

.complaince-container .complaince-flow-error{position:absolute;left:50%;top:calc(100% + 5px);width:219px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);border:1px solid #f24b51;background:#fdefef;border-radius:4px;padding:12px;z-index:999}
.complaince-container .complaince-flow-error::before{content:"";border:4px solid #f24b51;border-right:4px solid transparent;border-bottom:4px solid transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:-5px;left:calc(50% - 5px)}

.box-container.variables-card .error-tooltip{position:absolute;right:-10px;top:calc(100% + 10px);width:auto;border:1px solid #f24b51;background:#fdefef;border-radius:4px;padding:12px;z-index:999;white-space:nowrap}
.box-container.variables-card .error-tooltip::before{content:"";border:4px solid #f24b51;border-right:4px solid transparent;border-bottom:4px solid transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:-5px;right:10px}

.complaince-container .ember-view {height:auto;width:auto}
.filterTypeTab.complaince-rules-tab .list {overflow:visible;}
.filterTypeTab.complaince-rules-tab .list li {width:auto;overflow:visible;border-right:1px solid #e9e9ea}
.filterTypeTab.complaince-rules-tab .list li:hover {font-weight:LatoRegular;}
.filterTypeTab.complaince-rules-tab .list li::after {bottom:-1px;height:2px}
.filterTypeTab.complaince-rules-tab .list li:not(.active)::after {background:transparent}
.filterTypeTab.complaince-rules-tab {border-bottom:1px solid #d4d4d4;position:relative;top:0}

.complaince-templates{padding:30px}
.complaince-templates .grid-row [class^="grid-col-"]:first-child {padding-left: 15px !important;}
.complaince-templates .grid-row [class^="grid-col-"]:last-child {padding-right: 15px !important;}
.complaince-templates .grid-row [class^="grid-col-"]{padding-bottom: 30px;}
.complaince-templates .box-container .complaince-container{height:222px; padding:16px;overflow: hidden;}
.complaince-templates .box-container .complaince-container .complaince-template-preview{-webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(2); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;}
.complaince-template-preview-popup .complaince-template-preview img {width: 100% !important;scale: 0.97;}
/* .complaince-template-preview-popup{width:calc(100vw - 250px)} */
.complaince-template-preview-popup .complaince-container{height:calc(100vh - 307px);background-image: none;background-color: #fff;}
.complaince-template-preview-popup {width: calc(100vw - 250px) !important;max-width: unset !important;height: calc(100vh - 200px);}
.complaince-templates .complaince-container {background-image: none;background-color: #fff;}
.complaince-templates .box-container .box-content {padding: 8px 12px;}

#complaince-rules-result-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid transparent;border-bottom:1px solid #e2e2e2;position:relative;z-index:99;min-height: 56px;}
#complaince-rules-result-container .header .back-button svg{fill:#c3ccd3}
#complaince-rules-result-container .header .breadcumb ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;list-style:none;padding:0}
#complaince-rules-result-container .header .breadcumb ul li .breadcrumb-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:676767}
#complaince-rules-result-container .header .breadcumb ul li .breadcrumb-item.active{color:#000;font-family:LatoBold}
#complaince-rules-result-container .header .breadcumb .dropdown{position:relative}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-label{padding:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-label span{border-radius:4px;padding:0px 4px;background-color:#f0f0f0}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content{width:250px;display:none;position:absolute;top:30px;left:0;padding:8px;border-radius:4px;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.12);box-shadow:0 0 12px 0 rgba(0,0,0,.12);background-color:#fff;z-index:9;max-height:300px;overflow:auto}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-search{border-bottom:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:6px;width:100%}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-search input{border:0;width:100%}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-search svg{fill:#dcdcdc}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-list ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:0}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-list ul li{padding:6px;cursor:pointer;width:100%;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-list ul li:hover{background:#f0f0f0;border-radius:6px}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-list ul li.active{font-family:LatoBold;color:#000}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content .dropdown-list ul li span{white-space:nowrap;overflow:hidden;max-width:calc(100% - 20px);-o-text-overflow:ellipsis;text-overflow:ellipsis}
#complaince-rules-result-container .header .breadcumb .dropdown .dropdown-content.active{display:block}
#complaince-rules-result-container .main-content .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background-color:#fff;padding:12px 20px;border-bottom:1px solid #e2e2e2}
#complaince-rules-result-container .main-content .content{padding:20px;background:#f5f5f5;height:calc(100vh - 210px);overflow:auto}
.rules-results-section{max-width:1000px}
.rules-results-section .rules-result-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:24px;width:100%;position:relative;z-index:1;padding-bottom:24px}
.rules-results-section .rules-result-item .rules-result-icon {padding: 6px;background-color: #fff;border-radius: 4px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);}
.rules-results-section .rules-result-item .rules-result-icon .complaince-chip {position: absolute;left: 0;top: 50px;font-size: 13px;padding: 4px;border-radius: 4px;transform: unset;}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-indocator svg {fill: #676767;}
.rules-results-section .rules-result-item::before{content:"";width:0;height:100%;border-right:1px dashed #676767;position:absolute;left:18px;top:0;z-index:-1}
/* .rules-results-section .rules-result-item:last-child{padding-bottom:0} */
.rules-results-section .rules-result-item:last-child:before{height:0px}
/* .rules-results-section .rules-result-item:last-child::after{content:"";width:10px;height:10px;background:#d4d4d4;position:absolute;left:18px;top:50%;z-index:0;border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} */
.rules-results-section .rules-result-item .rules-result-accordion {background-color: #fff;border-radius: 4px;width: 100%;border: 1px solid #e2e2e2;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);overflow: hidden;}
.rules-results-section .rules-result-item .rules-result-icon .flow_icon_block {display: flex;}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-heading {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 6px 16px;min-height: 36px;}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-heading .accordion-title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-heading .accordion-title h4{font-family:LatoBold}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-heading.active+.accordion-content{display:block}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-content{border-top:1px solid #e2e2e2;background:#f5f5f5;padding:0}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-content .accordion-inner{padding:16px;background:#fff}
.rules-results-section .rules-result-item .rules-result-end {width: 220px;padding: 8px;text-align: center;font-family: LatoBold;border-radius: 50px;border: 1px solid #e2e2e2;background-color: #fff;min-height: 36px;display: flex;align-items: center;justify-content: center;}
.rules-results-section .rules-result-item .rules-result-accordion .accordion-indocator svg {fill: #676767;}
.complaince-chip {padding: 4px 8px;line-height: 1;border-radius: 4px;border: 1px solid #e2e2e2;color: #676767;background-color: #fff;display: inline-flex;}
.complaince-chip.success{border:1px solid #7dcba3;color:#1d824e;background-color:#fff}
.complaince-chip.error{border:1px solid #ef767a;color:#be2b2f;background-color:#fef6f6}
.complaince-chip.complaince-chip-lg{padding:8px 12px}
.complaince-chip.complaince-chip-sm{padding:2px 4px;font-size:12px}
.rules-results-section .rules-result-item .rules-result-icon.error-rricon{border:1px solid #ef767a;background-color:#fff}
.rules-results-section .rules-result-item .rules-result-icon.error-rricon svg{fill:#be2b2f}
#complaince-rules-result-container .breadcrumb-item .dropdown-label span:last-child{display:none}
html.horizontalView.hideMainTopBand #complaince-rules-result-container .main-content .content{height:calc(100vh - 85px)}
.button-sub-menu{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}

.comp-result-table .rules-result-table-container{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}
.comp-result-table .rules-result-table-container table{width:100%;border-collapse:separate;border-spacing:0;border-radius:4px}
.comp-result-table .rules-result-table-container table tr{border-bottom:1px solid #e2e2e2}
.comp-result-table .rules-result-table-container table tr td,.comp-result-table .rules-result-table-container table tr th{padding:8px 12px;text-align:left;border-bottom:1px solid #e2e2e2;vertical-align: middle;}
.comp-result-table .rules-result-table-container table tr td.s-no,.comp-result-table .rules-result-table-container table tr th.s-no{width:50px}
.comp-result-table .rules-result-table-container table tr td:first-child,.comp-result-table .rules-result-table-container table tr th:first-child{border-left:1px solid #e2e2e2}
.comp-result-table .rules-result-table-container table tr td:last-child,.comp-result-table .rules-result-table-container table tr th:last-child{border-right:1px solid #e2e2e2}
.comp-result-table .rules-result-table-container table tr td:last-child,.comp-result-table .rules-result-table-container table tr th:last-child{border-radius:0}
.comp-result-table .rules-result-table-container table thead tr th{background:#f9f9f9;border-top:1px solid #e2e2e2;text-align:left}
.comp-result-table .rules-result-table-container table thead tr:first-child th:first-child{border-top-left-radius:6px}
.comp-result-table .rules-result-table-container table thead tr:first-child th:last-child{border-top-right-radius:6px}
.comp-result-table .rules-result-table-container table tfoot{background-color:#f5f5f5}
.comp-result-table .rules-result-table-container table tfoot tr:last-child td:first-child{border-bottom-left-radius:6px}
.comp-result-table .rules-result-table-container table tfoot tr:last-child td:last-child{border-bottom-right-radius:6px}
.policies-sidebar .compliance_overflow_sidebar {overflow: auto;height: calc(100% - 94px);}
.ncm-policies-page{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 120px)}
.ncm-policies-page .policies-sidebar .sidebar-title{font-family:LatoBold;margin-bottom:12px}
.ncm-policies-page .policies-sidebar {width: 250px;border-right: 1px solid #d4d4d4;position: relative;}
.overflow_policies_sidebar {width: 250px;padding: 12px;max-height: 100%;height: 100%;overflow: auto;position: relative;}
.sidebar_expand_collapse_menu {position: absolute;right: -10px;top: 50%;transform: translateY(-50%);cursor: pointer;z-index:8}
.sidebar_expand_collapse_menu .collapse_menu_icon {padding: 6px 0px;border: 1px solid #d4d4d4;border-radius: 4px;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;}
.sidebar_expand_collapse_menu .collapse_menu_icon:hover {background: #f5f5f5;}
.sidebar_expand_collapse_menu .collapse_menu_content {display: none;position: absolute;left: 100%;top: 0;padding: 4px;background: #fff;border: 1px solid #d4d4d4;border-radius: 4px;width: max-content;margin-left: 2px;}
/*.sidebar_expand_collapse_menu:hover .collapse_menu_content {display: block;}*/
.sidebar_expand_collapse_menu .collapse_menu_content ul li {display: flex;align-items: center;padding: 6px;margin: 0px;transition: all 0.3s ease;cursor: pointer;border-radius: 2px;}
.sidebar_expand_collapse_menu .collapse_menu_content ul li:hover {background-color: #f5f5f5;}
.sidebar_expand_collapse_menu .collapse_menu_content ul li em {margin-right: 8px;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus{width:100%}
/*.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl{background-color:#fff;border:1px solid #000}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl::before{background-color:#000;top:6px;left:2px}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl::after{background-color:#000;top:2px;left:6px}*/
/*.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl {background-color: #fff;border: 1px solid #676767;width: 12px !important;height: 12px !important;top: 7px;margin-top: 0;border-radius: 2px;}*/
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl::before {background-color: #000;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 6px;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl::after {background-color: #000;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 6px;}
/*.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus ul li .jstree-anchor{width:100%;overflow:hidden}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus ul li .jstree-anchor>div{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;max-width:100%}*/
.ncm-policies-page .policies-sidebar .sidebar_severity_icon {display: flex;}
/*.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor a {display: flex;align-items: unset;gap: 6px;padding: 4px 4px;height: auto;border-radius: 4px;width: 376px !important;position: relative;color: #212121;line-height: 18px;min-height: 32px;}*/
.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor a {display: flex;align-items: flex-start;gap: 6px;padding: 7px 4px;height: auto;border-radius: 4px;width: 376px !important;position: relative;color: #212121;line-height: 18px;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .jstree-icon.jstree-ocl {background-color: #fff;border: 1px solid #676767;width: 12px !important;height: 12px !important;top: 11px;margin-top: 0;border-radius: 2px;left: 6px;}
.ncm-policies-page .policies-sidebar .jstree-node {line-height: unset;height: unset;padding-top: 2px;padding-bottom: 2px;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus ul li ul:after {left: -9px;}
.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor {height: auto;padding: 0;text-wrap:initial;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus ul li ul li:before {left: -7px;width: 24px;top: 16px;}
/*.status_compliant{border: 1px solid var(--ncm-severity-clear-border);color: var(--ncm-severity-clear);background-color: var(--ncm-severity-clear-surface);}
.status_violation{border: 1px solid var(--ncm-severity-critical-border);color: var(--ncm-severity-critical);background-color: var(--ncm-severity-critical-surface);}
.status_not_applicable{border: 1px solid var(--ncm-severity-trouble-border);color: var(--ncm-severity-trouble);background-color: var(--ncm-severity-trouble-surface);}*/
.status_compliant_block {border: 1px solid var(--ncm-severity-clear-border) !important;color: var(--ncm-severity-clear) !important;background-color: var(--ncm-severity-clear-surface) !important;}
.status_violation_block {border: 1px solid var(--ncm-severity-critical-border) !important;color: var(--ncm-severity-critical) !important;background-color: var(--ncm-severity-critical-surface) !important;}
.status_not_applicable_block {border: 1px solid var(--ncm-severity-trouble-border) !important;color: var(--ncm-severity-trouble) !important;background-color: var(--ncm-severity-trouble-surface) !important;}
.status_attention_block {border: 1px solid var(--ncm-severity-attention-border) !important;color: var(--ncm-severity-attention) !important;background-color: var(--ncm-severity-attention-surface) !important;}
.status_applicable_block {border: 1px solid var(--ncm-severity-info-border) !important;color: var(--blue-main) !important;background-color: var(--ncm-severity-info-surface) !important;}
.status_not_required_block { border: 1px solid var(--ncm-severity-unmanaged-border) !important; color: var(--ncm-severity-unmanaged) !important; background-color: var(--ncm-severity-unmanaged-surface) !important;}
.status_compliant svg, svg.status_compliant, em.status_compliant svg {fill: var(--ncm-severity-clear) !important;}
.status_violation svg, svg.status_violation, em.status_violation svg {fill: var(--ncm-severity-critical) !important;}
.status_not_applicable svg, svg.status_not_applicable, em.status_not_applicable svg {fill: var(--ncm-severity-trouble) !important;}
.status_attention svg, svg.status_attention, em.status_attention svg {fill: var(--ncm-severity-attention) !important;}
.status_applicable svg, svg.status_applicable, em.status_applicable svg {fill: var(--blue-main) !important;}
.status_not_required svg, svg.status_not_required, em.status_not_required svg {fill: var(--ncm-severity-unmanaged) !important;}
.status_no_data svg, svg.status_no_data, em.status_no_data svg {fill: #606060 !important;}
.disabled_parentChild_element {pointer-events: none;}
.disabled_parentChild_element * {opacity: 0.7;}
/*.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor a:hover {background: #ededed;}*/
.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor a.policy_item_hover {background: #ededed;}

.ncm-policies-page .jstree-clicked {background: #ededed !important;}

.compliance-clone-page.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid transparent;border-bottom:1px solid #e2e2e2;position:relative;z-index:99;min-height: 56px;}

.ncm-policies-page .title-with-breadcrumb ul li:not(:last-child) a::before{right:0px;}
.title-with-breadcrumb ul li.breadcrumb_title_fix:last-child {pointer-events: unset;}
.title-with-breadcrumb ul li.breadcrumb_title_fix:last-child a {cursor: auto !important;}

.ncm-policies-page .policy_associate_btn {display: flex; align-items: center; gap: 6px; color: #3996dd; transition: all 0.3s ease;}
.ncm-policies-page .policy_associate_btn:hover { text-decoration: underline;}
.ncm-policies-page .policy_associate_btn svg { fill: #3996dd;}

.ncm-policies-page:not(.table_first_child_bg_none) .ui-common-table:not(.table_first_child_bg_none) tbody tr td:nth-child(2), .ncm-policies-page .ui-common-table thead tr:nth-child(2) th:nth-child(2), .ncm-policies-page .ui-common-table thead tr:nth-child(1) th:nth-child(2) {position:sticky !important;left:0;z-index:999;background: #f4f5f6 !important;}

.ncm-policies-page .opmGraph-details .frozen-bdiv.ui-jqgrid-bdiv {background: none !important;}
.ncm-policies-page .opmGraph-details .frozen-bdiv.ui-jqgrid-bdiv table tbody tr {background: #f4f5f6 !important;}
.ncm-policies-page .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv div table tbody tr td {border-bottom: 1px solid #e2e2e2;}

.ncm-policies-page .opmGraph-details .frozen-bdiv.ui-jqgrid-bdiv {overflow: unset !important;}

.device_rule_result { display: flex; align-items: center; gap: 8px;}

.ncm-policies-page .maxWidthMaxContent {max-width:max-content;}

.rule_grid_status_selection.policy_rg_dropdown {padding: 0; border: none; width: auto; background: none; font: 13px LatoRegular;}
.rule-grid-dropdown-options { width: 170px; left: -10px !important;}
.rule_grid_status_selection.policy_rg_dropdown .rule-grid-dropdown-options {top: calc(100% + 6px); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
.rule_grid_status_selection.policy_rg_dropdown .rule-grid-dropdown-options div {gap:4px;}

.grid_empty_data_message {width: 300px;display: flex;flex-direction: column;align-items: center;gap: 10px;position: absolute;left: 50%;top: 30%;transform: translate(-80%,-50%);text-align:center;}
.grid_empty_data_message img {width: 150px;}
.grid_empty_data_message h3 {font: 20px LatoBold;}
.grid_empty_data_message p {color: #939393;font: 14px LatoRegular;}

/*.ncm-policies-page .policies-sidebar .jsTreeType1 ul li .jstree-anchor a {display: flex;align-items: center;gap: 6px;padding: 5px;height: auto;border-radius: 4px;width: 100%;overflow: hidden;position: relative;}*/

/*.ncm-policies-page .policies-content{padding:12px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}*/
/*.ncm-policies-page .policies-content .policies-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ncm-policies-page .policies-content .policies-header .policies-header-title{font-family:LatoBold}
.ncm-policies-page .policies-content .policies-header .policy-header-actions{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}*/
/*.ncm-policies-page .policies-content .policies-overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:20px 0}*/
.ncm-policies-page .policies-content .policies-overview .card{border:1px solid #e2e2e2;border-radius:4px;width:100%}
.ncm-policies-page .policies-content .policies-overview .card .card-inner{padding:12px}
/*.ncm-policies-page .policies-content .policies-overview .card .card-name span{display:block;font-size:18px;font-family:LatoBold;line-height:1;margin-top:5px}*/
.ncm-policies-page .policies-content .policies-overview .card .card-name span.card_count {display: block;font-size: 20px;font-family: LatoBold;line-height: 1;margin-bottom: 8px;}/*Kindly remove old CSS and old CSS would be only ending in span tag without class*/
.ncm-policies-page .policies-content .policies-overview .card .card-name span.card_text {color: #676767;font: 14px LatoRegular;}
/*.ncm-policies-page .policies-content .policies-overview .card .circular-progress{position:relative;width:44px;height:44px;border-radius:50%;background:conic-gradient(#c93e3e calc(var(--progress) * 1%),#e5e5e5 calc(var(--progress) * 1%));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;--progress:0;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}*/
/*.ncm-policies-page .policies-content .policies-overview .card .progress-value{position:absolute;font-size:14px;font-weight:700;background-color:#fff;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}*/
/*.ncm-policies-page .policies-content {padding: 16px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position:relative;}*/
.ncm-policies-page .policies-content {padding: 16px; position: relative; width: calc(100% - 250px);}
.ncm-policies-page.maximize_side_panel .policies-content {width: calc(100% - 500px);}
.ncm-policies-page.close_side_panel .policies-content {width: calc(100% - 10px);}
.ncm-policies-page .policies-content .policies-overview {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 20px;padding: 10px 0 20px;}
.ncm-policies-page .policies-content .policies-overview .card .progress-value {position: absolute;font: 13px LatoBold;background-color: var(--red-100);border-radius: 50%;width: calc(100% - 8px);height: calc(100% - 8px);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.ncm-policies-page .policies-content .policies-overview .card .circular-progress {position: relative;width: 48px;height: 48px;border-radius: 50%;background: conic-gradient(var(--ncm-severity-critical) calc(var(--progress) * 1%),var(--ncm-severity-critical-surface) calc(var(--progress) * 1%));display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;--progress: 0;-webkit-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}

.compliance_add_edit .multiSelectBox4 select option {text-wrap: auto;padding: 12px 12px;}
.compliance_add_edit .multiSelectBox4 select:-internal-list-box option{line-height: 2 !important;}

.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul{margin-top: 0px;}
.ncm-policies-page .policies-sidebar .sidebar-title svg {fill: #676767;cursor: pointer;transition: all 0.3s ease;}
.ncm-policies-page .policies-sidebar .sidebar-title svg:hover {fill: #212121;}
.breadcrumb_with_icon.title-with-breadcrumb ul li a {font: 14px LatoRegular;display: flex;align-items: center;gap: 6px;opacity: 1;color: #676767;transition: all 0.3s ease;}
.breadcrumb_with_icon.title-with-breadcrumb ul li a:hover {color: #212121;}
.breadcrumb_with_icon.title-with-breadcrumb ul li a {color: #212121;}
.breadcrumb_with_icon.title-with-breadcrumb ul li a span {all: unset;}
.breadcrumb_with_icon.title-with-breadcrumb ul li a span.policy_count {font-size: 12px;background-color: #ededed;padding: 2px 6px;border-radius: 2px;}
.breadcrumb_with_icon.title-with-breadcrumb ul li:not(:last-child) a::before {border-width: 0 1.5px 1.5px 0;}
.breadcrumb_with_icon.title-with-breadcrumb ul{align-items: center;}
/* grid css start */
/*.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody tr:not(:first-child) td {padding: 12px !important;}
.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th {padding: 12px !important;}
.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable  thead tr th > div {padding: 8px !important;}*//*check and remove this line from css*//*
.ncm_table_fix .opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th, .ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th.ui-th-column {padding: 0px !important;}*//*check and remove this line from css*//*
.ncm_table_fix div:not(#box_mapList_holder) > .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td {padding: 12px !important;line-height: normal !important;vertical-align: middle;}
.ncm_table_fix .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow > td:first-child i {background: #fff;top: 50% !important;bottom: auto;transform: translateY(-50%);}*/
/* grid css end */


.multistep_progress_bar_with_legends{width: 280px;}
.multistep_progress_bar_with_legends .multistep_progress_legends{display: flex;column-gap: 20px;padding: 0px 8px;}
.multistep_progress_bar_with_legends .multistep_progress_legends{margin-bottom: 6px;}
.multistep_progress_bar_with_legends .multistep_progress_legends [class*="legend_step"]{position: relative;padding-left: 16px;}
.multistep_progress_bar_with_legends .multistep_progress_legends [class*="legend_step"]:before{width: 10px;height: 10px;border-radius: 50%;background-color: #31A5F0;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.multistep_progress_bar_with_legends .multistep_progress_legends .progress_compliant:before {background-color: var(--ncm-severity-clear); }
.multistep_progress_bar_with_legends .multistep_progress_legends .progress_violation:before {background-color: var(--ncm-severity-critical); }
.multistep_progress_bar_with_legends .multistep_progress_legends .progress_not_required:before {background-color: var(--ncm-severity-unmanaged); }
.multistep_progress_bar_with_legends .multistep_progress_legends .progress_not_applicable:before {background-color: var(--ncm-severity-trouble); }
.multistep_progress_bar_with_legends .multistep_progress_legends .progress_attention:before {background-color: var(--ncm-severity-attention); }
/*.multistep_progress_bar_with_legends .multistep_progress_bar {display: flex;width: 100%;column-gap: 2px;margin: auto;border-radius: 10px;border: 1px solid #e2e2e2;padding: 1px;height: 8px;}*/
.multistep_progress_bar_with_legends .multistep_progress_bar {display: flex;width: 100%;column-gap: 2px;margin: auto;border-radius: 10px;border: 1px solid #e2e2e2;padding: 2px 2px;height: 12px;}

.multistep_progress_bar_with_legends .multistep_progress_bar div {height:100%; position: relative;border-radius: 10px;}
.multistep_progress_bar_with_legends .multistep_progress_bar .progress_compliant {background-color: var(--ncm-severity-clear); }
.multistep_progress_bar_with_legends .multistep_progress_bar .progress_violation {background-color: var(--ncm-severity-critical); }
.multistep_progress_bar_with_legends .multistep_progress_bar .progress_not_required {background-color: var(--ncm-severity-unmanaged); }
.multistep_progress_bar_with_legends .multistep_progress_bar .progress_not_applicable {background-color: var(--ncm-severity-trouble); }
.multistep_progress_bar_with_legends .multistep_progress_bar .progress_attention {background-color: var(--ncm-severity-attention); }


.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li:before{display:none;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul:after{display:none;}
.ht_28 {height: 28px !important;}

.rule_grid_status_selection {position: relative;width: 220px;border: 1px solid #ccc;border-radius: 6px;cursor: pointer;user-select: none;background: #fff;font-family: Arial, sans-serif;}
.rule-grid-selected_option {display: flex; align-items: center; gap: 8px; justify-content: space-between;}
.rule-grid-selected_option div { display: flex; gap: 4px; align-items: center;}
.rule-grid-dropdown-options {display: none; position: absolute; top: calc(100% + 1px); left: 0; right: 0; background: white; border-top: none; z-index: 10; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 4px;}
.rule-grid-dropdown-options div {padding: 8px 10px;display: flex;align-items: center;gap: 4px;font: 13px LatoRegular;}
.rule-grid-dropdown-options div:hover {background: #f0f0f0;}
.rule_grid_status_selection { position: relative; cursor: pointer; user-select: none; background: #fff; font-family: Arial, sans-serif; border: 1px solid #ededed; padding: 4px 8px; border-radius: 4px; width: 150px;}
.rule_grid_status_selection.open .rule-grid-dropdown-options {display: block;}
.rule-grid-dropdown-options.top_left {bottom: calc(100% + 1px);left: 0;top: unset !important;box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.2);}

.ncm-policies-page .favIconDivClass {background-color: #f3f3f3;padding: 4px 8px;display: flex !important;align-items: center;height: 28px;border-radius: 4px;width:fit-content;}
.ncm-policies-page .sidebar_more_icon { background-color: #ededed;border-radius: 4px;gap: 4px;display: flex;align-items: center;}

/*.policy_multiple_filter {display: flex;justify-content: flex-end;gap: 32px;}
.policy_multiple_filter ul {display: flex;align-items: center;gap: 12px;}
.policy_multiple_filter ul li {display: flex;align-items: center;gap: 6px;}
.policy_multiple_filter ul li .svgIcon {display: flex;}
.policy_multiple_filter ul li .svgIcon svg {fill: #c1c1c1;}
.policy_multiple_filter ul li.active:not(:first-child) {background-color: #ededed;}
.policy_multiple_filter ul li.active:not(:first-child) svg {fill: #48bd80;}
.policy_multiple_filter ul li:not(:first-child) {padding: 6px 12px;border: 1px solid #ededed;border-radius: 4px;display: flex;align-items: center;gap: 6px; transition:all 0.3s ease;cursor: pointer;}
.policy_multiple_filter ul li:not(:first-child):hover {background-color: #f0f0f0;}*/

.policy-multi-filter-container {position: relative;z-index: 999;}
.policy-multi-filter-container .policy-filter-button {padding: 6px 12px;border-radius: 4px;cursor: pointer;display: flex;align-items: center;gap: 10px;font-size: 14px;background-color: #f0f0f0;border: 1px solid #e2e2e2;}
.policy-multi-filter-container .policy-filter-icon {font-size: 18px;}
.policy-multi-filter-container .policy-arrow-down {margin-left: auto;}
.policy-multi-filter-container .policy-filter-panel {margin-top: 2px;display: none;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;width: fit-content;position: absolute;top: 100%;background-color: #fff;right: 0;box-shadow: 0px 4px 6px rgba(0, 0, 0, .05);}
.policy-multi-filter-container .policy-filter-column {display: flex;flex-direction: column;border-right: 1px solid #ddd;padding:8px;min-width: 220px;}
.policy-multi-filter-container .policy-filter-column:last-child {border-right: none;}
.policy-multi-filter-container .policy-filter-header {font:14px LatoBold;padding: 12px 16px;}
.policy-multi-filter-container .policy-filter-item {padding: 8px 16px; margin: 1px 0px; border-radius: 4px; cursor: pointer; display: flex; align-items: center;justify-content: space-between;}
.policy-multi-filter-container .policy-filter-item:hover {background-color: #f3f3f3;}
.policy-multi-filter-container .policy-filter-item.selected {background-color: #f0f0f0;}
.policy-multi-filter-container .policy-filter-item.selected svg {fill: #49bd80;}
.policy-multi-filter-container .policy-filter-item em {display: none;}
.policy-multi-filter-container .policy-filter-item.selected em {display: flex;}
.policy-multi-filter-container.active .policy-filter-panel {display: flex;}
.policy-multi-filter-container:hover .policy-filter-panel {display: flex;}

.breadcrumb_with_icon.title-with-breadcrumb ul li a span.restrict-text {/*max-width: 163px;*/overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ncm-policies-page .sidebar_more_icon .opmBtn {padding: 4px 8px !important;}

.ncm-policies-page .jsTreeType1.dashBorder ul li:before {border-bottom: 1px dashed #d3d3d3;}
.ncm-policies-page .jsTreeType1.dashBorder ul:after {border-left: 1px dashed #d3d3d3;}

.ncm-policies-page .ncm_table_ui .opm_jqGridUI > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:first-child .ui-th-div {margin: 0 !important;left:0;}
.ncm-policies-page .ncm_table_ui .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th:first-child .cbox {margin: 0;}
.ncm-policies-page .ncm_table_ui .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td {vertical-align: middle !important;}
.ncm-policies-page .ncm_table_ui .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td:first-child i {top: 50% !important;transform: translateY(-50%);}

.ncm_table_ui .dropdown_menu_main_container:hover {z-index: 9999;}

.ncm-policies-page .policy_grid_action_icon {display: flex;align-items: center;gap: 12px;}
.ncm-policies-page .policy_grid_action_icon li {display: flex;}

.compliance_clone_tit {padding: 10px 0px;}

.ncm-policies-page .overflow-auto-fix {overflow-x: hidden !important;overflow-y: auto !important;}
.ncm-policies-page .ncm_table_ui .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr.ui-search-toolbar th > div {padding: 0px !important;}

/*.ncm-policies-page .policy_ruleGrid_result {display: flex;align-items: center;gap: 4px;transition: all 0.3s ease;}*/
.ncm-policies-page .policy_ruleGrid_result:hover span {text-decoration: underline;}
.ncm-policies-page .policy_ruleGrid_result:hover span.no_underline {text-decoration: unset;}

.ncm-policies-page .policy_ruleGrid_result .policy_rule_edit_onHover {display: none;margin-left:6px;}
.ncm-policies-page .policy_ruleGrid_result:hover .policy_rule_edit_onHover {display: block;}

.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .policy_jstree_disabled .jstree-icon.jstree-ocl {pointer-events: none;border-color: #b2b2b2;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .policy_jstree_disabled .jstree-icon.jstree-ocl::before{background-color: #b2b2b2;}
.ncm-policies-page .policies-sidebar .jsTreeType1.plusMinus .  .jstree-icon.jstree-ocl::after{background-color: #b2b2b2;}
.ncm-policies-page .policies-sidebar .jsTreeType1 ul li.policy_jstree_disabled .jstree-anchor a {pointer-events: none;color: #b2b2b2;}
.ncm-policies-page .policies-sidebar .policy_jstree_disabled .sidebar_severity_icon svg{opacity: 0.5;}

.dropdown_menu_main_container .dropdown_menu_content_container.info .dropdown_menu_content ul li {pointer-events: none;}
.dropdown_menu_main_container .dropdown_menu_content_container.info .dropdown_menu_content ul li:hover {background-color: #fff;}

.truncate_two_lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

/*.ncm-policies-page .ncm_table_ui .opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th:first-child > div {top:0px !important; left: 0px !important;}*/
.ncm-policies-page .ncm_table_ui.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td {padding: 8px 10px !important;}
.ncm-policies-page .ncm_table_ui.opmGraph-details .opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr.jqgfirstrow td {padding: 0 !Important;}

/*.ncm-policies-page .policy_result_no_data {display: flex;align-items: center;gap: 32px;}
.ncm-policies-page .policy_no_data_text {color: #7d7d7d;}
.ncm-policies-page .policy_no_data_association {display: flex;align-items: center;gap: 6px;background: #f3f3f3;padding: 4px 8px;border-radius: 4px;transition: all 0.3s ease;}
.ncm-policies-page .policy_no_data_association:hover {background-color: #e2e2e2;}*/
.ncm-policies-page .policy_result_no_data {display: flex;align-items: center;gap: 6px;padding: 0 8px;position: relative;color: #676767;}
.ncm-policies-page .policy_result_no_data:before {position: relative;content: '';left: 0;top: 0;width: 10px;height: 10px;border-radius: 50%;background-color: #dcdcdc;}


/* BELOW LINE IS TEMP CHANGE -- TO BE REMOVED */
/*.ncm-policies-page .ncm_table_ui .opm_jqGridUI.themeOne > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td{overflow: unset !important;}*/
/* BELOW LINE IS TEMP CHANGE -- TO BE REMOVED */

.btm_unset { bottom: unset !important; }

.compliance_header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0px 20px;}
.compliance_header .compliance_header_title {font-family: LatoBold}
.compliance_header .compliance_header_actions {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 12px;z-index:8;}
/*.dropdown_menu_content_main{display: none;position: absolute;padding: 4px;max-width: 250px;width: max-content;}
.dropdown_menu_content_main.side_right{left: 100%;top: 0;margin: -4px 0px;}
.dropdown_menu_content_main.side_left{right: 100%;top: 0;margin: -4px 0px;}
.dropdown_menu_content_main.bottom_left{right: 0;top: 100%;margin: 0px -4px;}
.dropdown_menu_content_main.bottom_right{left: 0;top: 100%;margin: 0px -4px;}
.dropdown_menu_content_main.top_left{right: 0;bottom: 100%;margin: 0px -4px;}
.dropdown_menu_content_main.top_right{left: 0;bottom: 100%;margin: 0px -4px;}
.dropdown_menu_content_main .dropdown_menu_content {padding: 4px;background: #fff;border: 1px solid #d4d4d4;border-radius: 4px;}
.dropdown_menu_content_main .dropdown_menu_content {display: block;}
.dropdown_menu_content_main .dropdown_menu_content ul li {display: flex;align-items: center;padding: 6px;margin: 0px;transition: all 0.3s ease;cursor: pointer;border-radius: 2px;}
.dropdown_menu_content_main .dropdown_menu_content ul li:hover {background-color: #f5f5f5;}
.dropdown_menu_content_main .dropdown_menu_content ul li em {margin-right: 8px;}
.dropdown_menu_content_state{position: relative; z-index: 999;}
.dropdown_menu_content_state.hover:hover .dropdown_menu_content_main{display: block;}
.dropdown_menu_content_state.active:hover .dropdown_menu_content_main{display: block;}*/

.dropdown_menu_main_container{position: relative; z-index: 99;}
.dropdown_menu_main_container .dropdown_menu_content_container {display: none;position: absolute;padding: 4px;max-width: 250px;width: max-content;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li {display: flex;padding: 6px;margin: 0px;transition: all 0.3s ease;cursor: pointer;border-radius: 2px;}
.dropdown_menu_main_container.hover:hover .dropdown_menu_content_container{display: block;}
.dropdown_menu_main_container.active .dropdown_menu_content_container{display: block;}
.dropdown_menu_main_container .dropdown_menu_content_container.side_right{left: 100%;top: 0;margin: -4px 0px;}
.dropdown_menu_main_container .dropdown_menu_content_container.side_top_right{left: 100%;bottom: 0;margin: -4px 0px;}
.dropdown_menu_main_container .dropdown_menu_content_container.side_left{right: 100%;top: 0;margin: -4px 0px;}
.dropdown_menu_main_container .dropdown_menu_content_container.bottom_left{right: 0;top: 100%;margin: 0px -4px;}
.dropdown_menu_main_container .dropdown_menu_content_container.bottom_right{left: 0;top: 100%;margin: 0px -4px;}
.dropdown_menu_main_container .dropdown_menu_content_container.top_left{right: 0;bottom: 100%;margin: 0px -4px;}
.dropdown_menu_main_container .dropdown_menu_content_container.top_right{left: 0;bottom: 100%;margin: 0px -4px;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content {padding: 4px;background: #fff;border: 1px solid #d4d4d4;border-radius: 4px;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content {display: block;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li:hover {background-color: #f5f5f5;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li em {margin-right: 8px;}
.dropdown_menu_main_container .btn_dropdown {background: #44bd7f;color: #fff;border: none;border-radius: 4px;padding: 8px 24px 8px 16px;position: relative;}
.dropdown_menu_main_container .btn_dropdown.mh_36 {min-height: 36px;}
.dropdown_menu_main_container .btn_dropdown:after {content: '';position: absolute;right: 12px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 4px;height: 4px;background: transparent;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content p.limit_single_line {display: block;max-width: 232px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content p.limit_two_line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content .dropdown_listing_icon + .dropdown_listing_content p.limit_single_line {max-width: calc(232px - 44px);}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content p.limit_two_line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li .dropdown_listing_icon {display: flex;margin-right: 8px;}
.dropdown_menu_main_container .dropdown_menu_content_container .dropdown_menu_content ul li .dropdown_listing_icon.with_bg {background-color: #f5f5f5;padding: 4px;border-radius: 4px;}

.opmFormHolder.opmFormHolder_padding_fix {padding: 0px 20px !important;left: 0px !important;}

.compliance_rule_top_fix .opmFormHolder {top: 46px !important;}
.compliance_rule_top_fix .opm_jqGridUI {margin-top: 0px !important;}

.clear_float {float: none;clear: both;}
.min_widthAuto {min-width: auto !important;}
.flex-between-align {-webkit-box-pack: justify!important;-ms-flex-pack: justify!important;justify-content: space-between!important}

/*.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead {background: none;}
.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable {border: none;}*/

.complaince-container .flow_icon_block {height: 100%;width: auto;display: flex;align-items: center;justify-content: center;padding: 3px;border-radius: 2px;background: #f9f9f9;}
.complaince-container .complaince-flow-element[element-name="complaint"] .flow_icon_block {background: var(--ncm-severity-clear-surface);border: 1px solid var(--ncm-severity-clear-border);}
.complaince-container .complaince-flow-element[element-name="complaint"] .flow_icon_block svg {fill: var(--ncm-severity-clear);}
.complaince-container .complaince-flow-element[element-name="complaint"] .complaince-flow-text {color: var(--ncm-severity-clear-text);}
.complaince-container .complaince-flow-element[element-name="complaint"] .complaince-flow-text span{color: var(--ncm-severity-clear-text);}
.complaince-container .complaince-flow-element[element-name=violation] .flow_icon_block {background: var(--ncm-severity-down-surface);border: 1px solid var(--ncm-severity-down-border);}
.complaince-container .complaince-flow-element[element-name=violation] .flow_icon_block svg {fill: var(--ncm-severity-down);}
.complaince-container .complaince-flow-element[element-name=violation] .complaince-flow-text {color: var(--ncm-severity-down-text);}
.complaince-container .complaince-flow-element[element-name=violation] .complaince-flow-text span{color: var(--ncm-severity-down-text);}
.complaince-container .complaince-flow-element[element-name=not-applicable] .flow_icon_block {background: var(--ncm-severity-trouble-surface);border: 1px solid var(--ncm-severity-trouble-border);}
.complaince-container .complaince-flow-element[element-name=not-applicable] .flow_icon_block svg {fill: var(--ncm-severity-trouble);}
.complaince-container .flow_loop_input {padding: 4px 8px;margin-left: 4px;border: 1px solid #dcdcdc;border-radius: 4px;width: 100%;}

.complaince-container .floating-popup{border-radius: 8px;overflow: hidden;}
.complaince-container .floating-popup .popup-body {padding: 0;}
.complaince-container .criteria_title {background: #f4f5f6;font-family: latoBold;padding: 12px 16px;}
.condition_main_details {padding: 16px 16px 8px;}
.condition_main_details .inline_grey_box {background-color: #f5f5f5;padding: 4px 8px;border-radius: 4px;font-size: 13px;}
.condition_criteria_details .staticTable__row:first-child .staticTable__col {color: #676767;font-family: 'LatoRegular';}
.condition_criteria_details {padding: 8px 16px 16px;font-size: 13px;}

/*.ncm_table_fix .opm_jqGridUI.jqTableMultiSpan > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead tr th, .ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th.ui-th-column{padding:0px !important}
.ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable  thead tr th > div{padding:8px !important}
.ncm_table_fix .frozen-bdiv.ui-jqgrid-bdiv, .ncm_table_fix .frozen-div.ui-jqgrid-hdiv,.ncm_table_fix .opm_jqGridUI .ui-state-default, .ncm_table_fix .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th{background:#f4f5f6 !important;font-family: latoBold !important}*/

.compliance_adhoc_result .grid-row [class*="col-"] {padding-left: 15px !important;margin-bottom: 15px;}
.compliance_adhoc_result .box-container {background-color: #fff;overflow: hidden;height: auto;}
.compliance_adhoc_result .box-container .box-title {background-color: #ffffff;border-radius: 0;font: 15px LatoBold;}
.compliance_adhoc_result .flex_top_align {align-items: flex-start !important;gap: 6px;}
.containerWidth1080 {max-width: 1080px;}

.compliance_add_commands .tableFormComponentsMain .tableFormComponents table tr th:first-child {width: 235px;}
.compliance_add_commands .tableFormComponentsMain .tableFormComponents table tr th:last-child {width: 85px;}
.footer_icon_hide table tbody tr td:first-child table {display: none;}
.adhoc_result_rule_nameIcon {display: flex;align-items: center;gap: 4px;}
.adhoc_result_rule_nameIcon span {line-height: normal;}
.compliance_adhoc_result {height: 100%;}
.compliance_adhoc_result .main-content {height: calc(100% - 106px);overflow: auto;}
.compliance_adhoc_result .ui-jqgrid-pager {width: calc(100% + 2px) !important;}
.compliance_adhoc_result .main-content.adhoc_chart_result {height: calc(100% - 56px);overflow: auto;}
.rule_result_action_sec {display: flex;align-items: center;margin-left: auto;gap: 12px;}
.rule_result_action_sec .actionDropDown {margin: 0;padding: 0 12px;line-height: 25px;}
.rule_result_action_sec .actionDropDown__list ul li {padding: 0px 12px;}
.ncm-policies-page .frozen-bdiv tbody tr.jqgfirstrow + tr:after {content: '';width: 100%;height: 1px;background-color: #e3e3e3;top: 0;left: 0;position: absolute;}
.ncm-policies-page thead .jqg-first-row-header {border-color: transparent !important;}
.ncm-policies-page .frozen-div tr.jqg-first-row-header th {padding: 0 !important;margin: 0 !important;}
.ncm-policies-page .frozen-div tr.jqg-second-row-header th {top: 0 !important;}
.ncm-policies-page .frozen-bdiv .ui-jqgrid-btable tbody tr td:not(:first-child){border-right: 1px solid #e3e3e3 !important;}
.ncm_table_ui .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th > div {padding: 10px 15px !important;}
.ncm_table_ui .opm_jqGridUI .ui-jqgrid .ui-jqgrid-htable th .ncm-policy-grid-header-restrict {overflow: hidden !important;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ncm_table_ui .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th {vertical-align: middle;}

.maxWidth100 {max-width: 100% !important;}
.codeSandbox_wrapper{border-radius:10px;background: #444;overflow: auto;max-height: 300px;padding: 0;}
.codeSandbox_wrapper .codeSandbox {overflow: unset;padding: 12px 4px;}
html.horizontalView.hideMainTopBand #complaince-rules-result-container.compliance-result-opm .main-content .content {height: calc(100vh - 117px);}
.header.mh-46 {max-height: 46px;}

.codeSandbox_wrapper.compliance_command_execution_result {max-height: 600px;}
.rule_result_action_sec .paging_details {width: 165px;text-align: center;}

.rule_simple_result{border: 1px solid #dcdcdc;float: left;width: 100%;border-radius: 4px;}
.rule_simple_result .rule_simple_result_header {padding: 8px 12px;background-color: #f0f0f0;font: 14px latoBold;}
.rule_simple_result .rule_simple_result_list li{display: block;padding: 10px 12px;}
.rule_simple_result .rule_simple_result_list li i{padding-right:5px;}
.rule_simple_result .rule_simple_result_list li:nth-child(odd) {background-color: #fff;}
.rule_simple_result .rule_simple_result_list li:nth-child(even) {background-color: #fafafa;}

.slideScrollHeightFix {height: calc(100vh - 220px);}
.compliance-back-button svg {fill: #c3ccd3;}
/*.main-content.compliance-simpleRuleResult_page .content{float: left;width: 100%;overflow-y: auto !important;height: calc(100vh - 96px);}*/

.button-sub-menu.ncm_home_btn .opmBtn {padding: 4px !important;}
.compliance-result-opm .main-content.compliance-simpleRuleResult_page .content{height: calc(100vh - 166px) !important;}
#complaince-rules-result-container.compliance-result-opm .main-content .content {height: calc(100vh - 177px);}

.flowRule_helpcard_variables {position: absolute;right: 30px;width: 400px;}
.flowRule_helpcard_variables .box-container.variables-card {right: unset;width: 100%;position: relative;top: unset;margin-bottom: 30px;}
.flowRule_helpcard_variables .helpbox {left: unset;position:relative;height: auto;top: unset !important;max-width: unset;width: 100%;}
.flowRule_helpcard_variables.flowCommandDetails {width: 280px;}
.flowRule_helpcard_variables.flowCommandDetails .helpbox {display: none;}
.flowRule_helpcard_variables .staticTable{background:#fff}
.top250 {top: 250px !important;}
.top190 {top: 190px !important;}

.propertiesDropdown__groupList.violationInfo {max-width: 306px;}
.create_flow_rule .create_rule_title {display: flex;align-items:center;}
.create_flow_rule .create_rule_title a {font: 14px LatoBold;line-height: 20px;color: #222;}
.create_flow_rule .create_rule_actions {display: flex;align-items: center;gap: 12px;}
.create_flow_rule .create_rule_actions .opmBtn.rounded {border: 1px solid #27a965;}
.command_template_response {width:168px;}
.ncm-policies-page .policy_group_scroll_fix {overflow-x: hidden !important;}
.ncm_complianceiq_grid_horizontal_scroll_fix {overflow-x: hidden !important;}
.ncm-policies-page .tree_compliance_badge {background-color: #f0f0f0;padding: 3px 6px;border-radius: 2px;font: 12px LatoBold;color: #565656;}
.compliance_nav_menu i {display: inline-flex !important;font-family: LatoBold;padding:0px 2px 0px 0px;font-style:italic;}
.compliance_add_commands .opmForm .opmFormCol input[disabled]{opacity: 1;}
.compliance_add_commands span.select2.select2-container.select2-container--default.select2-container--disabled{opacity: 1;}
.compliance-rules-result-container{font-size: 14px !important;}

.policies_deviceName_search { position: relative;}
.policies_deviceName_search input { padding: 8px; border: none; background-color: #f0f0f0; border-radius: 4px; width: 34px; min-height: 34px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
.policies_deviceName_search input::placeholder{opacity:0;}
.policies_deviceName_search.active input::placeholder{opacity:1;}
.policies_deviceName_search em.svgIcon { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); cursor: pointer;}

.compliance_selected_filters {display: flex;align-items: center;gap: 12px;padding: 12px 12px;background-color: #f0f0f0;border-radius: 4px;margin: 12px 0px 0px;}
.compliance_selected_filters .selected_filters_tit {font: 14px LatoBold;position: relative;}
/*.compliance_selected_filters .selected_filters_tit:after {content: ':';position: absolute;right: -8px;} */
.compliance_selected_filters .selected_filters_result .selected_filter_badge {background-color: #ededed;padding: 4px 10px;display: flex;align-items: center;gap: 4px;border-radius: 30px;}
.compliance_selected_filters .selected_filters_result{display: flex;align-items: center;gap: 8px}
.compliance_selected_filters .selected_filters_result .selected_filter_badge {background-color: #fff;padding: 4px 12px;display: flex;align-items: center;gap: 6px;border-radius: 30px;transition: all 0.3s ease;}
.compliance_selected_filters .selected_filters_result .selected_filter_badge{cursor: pointer;}
.compliance_selected_filters .selected_filters_result .selected_filter_badge em svg {fill: #c3c3c3;}
.compliance_selected_filters .selected_filters_result .selected_filter_badge span {color: #222;}
.compliance_selected_filters .selected_filters_result .selected_filter_badge:hover{text-decoration:line-through;}
.compliance_selected_filters .selected_filters_result .selected_filter_badge:hover svg{fill: #db3136;}

.compliance-breadcrumb-container {display: flex;align-items: center;gap: 8px;}
.compliance-breadcrumb-container .breadcrumb-item {display: flex;align-items: center;gap: 6px;padding: 6px 8px 6px 10px;border-radius: 4px;color: #222;font: 14px LatoRegular;}
.compliance-breadcrumb-container .breadcrumb-item:not(:last-child) {color: #666666;transition: all 0.3s ease;border: 1px solid transparent;}
.compliance-breadcrumb-container .breadcrumb-item:last-child {font: 14px LatoBold;cursor: default;}
.compliance-breadcrumb-container .breadcrumb-item:not(:last-child):hover {background-color: #f0f0f0;transform: translateY(-2px);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);border: 1px solid #ededed;}
.compliance-breadcrumb-container .separator svg {fill: #959595;}

.ncm-policies-page .overflow_policies_sidebar .tree_search_close {position: absolute;right: 0;width: 30px;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.ncm-policies-page .overflow_policies_sidebar .tree_search_close .tree_close {display: none;}
.ncm-policies-page .overflow_policies_sidebar .tree_search_close.search_active .tree_close {display: flex;}
.ncm-policies-page .overflow_policies_sidebar .tree_search_close.search_active .tree_search {display: none;}
.ncm-policies-page .ncm_table_ui .ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.jqgroup td {overflow: unset !important;}
.ncm-policies-page .spinner {width: 20px;height: 20px;border: 3px solid #f3f3f3;border-top: 3px solid #49bd80;border-radius: 50%;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.rule_manual_review {border: 1px solid #ededed;background-color: #fff;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);border-radius: 6px;padding: 4px;}
.rule_manual_review .manual_review_header {display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background-color: #f0f0f0;border-radius: 4px;}
.rule_manual_review .manual_review_content {padding: 16px;}
.rule_manual_review .current_status {display: flex;align-items: center;gap: 6px;}
.rule_manual_review .manual_review_content p {margin: 10px 0px 30px;color: #646464;font-size: 14px;}
.rule_manual_review .header_title {display: flex;align-items: center;font: 16px LatoBold;color: #222;}
.rule_manual_review .header_title svg {fill: #3996DE;}
.rule_manual_review .view_rule a {display: flex;align-items: center;gap: 6px;transition: all 0.3s ease;font: 14px LatoRegular;color: #3996DE;}
.rule_manual_review .view_rule a svg{fill: #3996DE;}
.rule_manual_review .view_rule a:hover {text-decoration: underline;}
.rule_manual_review .current_status .policy_rule_edit_onHover svg {fill: #222;}
.PageContent .compliance-breadcrumb-container .breadcrumb-item:hover {text-decoration: none !important;}
.flowRule_helpcard_variables .setWidth.truncate {width: 200px;}
.flowRule_helpcard_variables.flowCommandDetails .setWidth.truncate { width: 135px;}

ul.policy_grid_action_icon li.run_check_btn {padding: 2px 10px;border-radius: 4px;border: 1px solid #45bd7f;background-color: #fafafa;color: #45bd7f;white-space: nowrap;}
html.horizontalView.hideMainTopBand.opmTopBandBannerActive #complaince-rules-result-container .main-content .content{height: calc(100vh - 135px);}
.complaince-chip.flex-auto {flex: auto;}
.complaince-flow-element-group .floating-popup .overflow-wrap-anywhere {overflow-wrap: anywhere;}
/* NCM Compliance New Ui Changes ends*/

.CustomWidget .settingsCnt{Top:0 !important}
.CustomWidget .settingsCnt > section{Top:0 !important}
.sortByList .opmFormRow .opmFormCol .btnRight__outer .btnPlus{display:block}
.sortByList.multipleRow .opmFormRow  .btnRight__outer .deleteBtn{display:block}
.sortByList.multipleRow .opmFormRow  .btnRight__outer .btnPlus{display:none}
.sortByList.multipleRow .opmFormRow:last-child .btnRight__outer .btnPlus{display:block !important}
.series-type-dropdown-container {position:absolute;top:6px;right:35px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;gap:4px;}
.series-type-dropdown-container .series-type-dropdown-label {line-height:1;}
.series-type-dropdown-container .series-type-dropdown {position:relative}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-selected {background:#fff; display:inline-block;min-width:130px;max-width: 130px;white-space:nowrap;padding:4px 20px 4px 10px;border-radius:4px;border: 1px solid #DCDCDC;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-selected::after {position: absolute;top: 10px;right: 10px;border: 5px solid;border-color: #000 transparent transparent transparent;content: "";}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list {position:absolute;top:0px;right:0px;width:auto;display:none;background:#fff;top:100%;border-radius:4px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);min-width:100%;}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul {border:none;padding:4px}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li {padding:2px 0px}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li .opmCheckBox {padding:4px 8px}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li:hover .opmCheckBox {background:#EDF7F0}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li:not(:last-child) {border-bottom:1px solid #d4d4d4}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li .opmCheckBox>div {float:none;}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list::before {background: #fff;width: 10px;height: 10px;content: "";-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);position: absolute;top: -2px;right: 9px;z-index: 0;}
.series-type-dropdown-container .series-type-dropdown:hover .series-type-dropdown-list {display:block}
.series-type-dropdown-container .series-type-dropdown .series-type-dropdown-list ul li {white-space:nowrap}
.opmFormRow.column3 .opmFormCol.coll14p {width: 14%;margin: 0 0 0 3%;}
 /* *******Dashboard revamp - New look*****************/
 .addWidgetsSlide .opmCheckBox>div {float:none}
 .opmForm .prefix-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
 .opmForm .prefix-suffix .span,.opmForm .prefix-suffix span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;border:1px solid #d4d4d4;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:7px 14px;background:#f0f0f0;font-family:LatoRegular;line-height:1;border-right:0}
 .opmForm .prefix-suffix .span.bg-light-grey,.opmForm .prefix-suffix span.bg-light-grey{background:#f9f9f9}
 .opmForm .prefix-suffix div+.span,.opmForm .prefix-suffix div+span,.opmForm .prefix-suffix input+.span,.opmForm .prefix-suffix input+span,.opmForm .prefix-suffix textarea+.span,.opmForm .prefix-suffix textarea+span{border-right:1px solid #d4d4d4;border-left:0}
 .opmForm .prefix-suffix.rounded>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
 .opmForm .prefix-suffix.rounded>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
 #dashboardWidgetsListDiv .dashboard-widgets-search-container {width:500px}
 #dashboardWidgetsListDiv section {top:75px}
 #dashboardWidgetsListDiv section #addWidgetsListDiv {padding-top:10px}
 .flexJustifiedTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .flexJustifiedTitle.border-bottom{border-bottom:1px solid #efefef}
 .flexJustifiedTitle label{font-family:LatoRegular}
 .flexJustifiedTitle .title{float:none;position:relative!important;top:0!important;left:0!important;padding:0!important;border:none!important}
 .flexJustifiedTitle .title h2{font-size:20px;font-family:LatoBold}
 .w-38{width:38px !important}
 #PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item[data-gs-x="1"][data-gs-width="4"]:not(.dashboardWidgetExpandView) {padding-right:4px !important}


 /********Dashboard revamp - New look ends**************** */
 /** Graphical Report Pagination CSS***/
.reports-graph-pagination{position:fixed;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:8px;border:1px solid #e1e5e9;background:#fff;-webkit-box-shadow:0 4px 24px 4px rgba(0,0,0,.25);box-shadow:0 4px 24px 4px rgba(0,0,0,.25);padding:8px}
.reports-graph-pagination .reports-graph-pagination-inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.reports-graph-pagination .reports-graph-pagination-inner button{padding:8px;border-radius:4px;border:1px solid #e1e5e9;background:#f0f2f4;cursor:pointer;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.reports-graph-pagination .reports-graph-pagination-inner button .svgIcon{width:12px;height:12px}
.reports-graph-pagination .reports-graph-pagination-inner button:hover{background:#fff}
.reports-graph-pagination .reports-graph-pagination-inner input{border-radius:4px;border:1px solid #e1e5e9;background:#fff;height:28px;width:40px;padding:8px}

 /** Custom Widget **/
.flexJustifiedTitle .title.flex-top-align {align-items: flex-start;}
.widget-list-with-actions {display: -webkit-box; display: -ms-flexbox;display: flex;}
.widget-list-with-actions .widget-list-actions{opacity:0;visibility:hidden;min-width:50px;padding-left:5px}
.widget-list-with-actions:hover .widget-list-actions{opacity:1;visibility:visible;}
#addWidgetsListDiv .opmCheckBox.style3 input:checked+label::after {-webkit-animation:none;animation:none}
#addWidgetsListDiv>div {-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}
.widget-checkbox-row {cursor: pointer;}
.widget-checkbox-row input {margin: 0px;scale: 1.2;margin-right: 8px;margin-top: 2px;cursor: pointer;}
.widget-checkbox-row label {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;word-break: break-word;cursor: pointer;}
.widget-checkbox-row input:not(:checked) {opacity: 0.3}
.box-content>.widget-checkbox-row:nth-child(even) {background: #FAFAFA;}
.widget-checkbox-row {padding:8px 15px;}
div:not(.opmMapPage) aside+section#reportsSection .fixedFooter.fixed-bottom {
    width: calc(100% - 280px) !important;
}
 /** Custom Widget End **/

 .wan-loadingDots {line-height: 6px;margin-left: 5px}
 .wan-loadingDots i {font-size: 0;width: 14px;height: 14px;display: inline-block;background: #D9D9D9;margin: 0 1px;border-radius: 50%;animation:wan-loading 1.5s infinite;}
 .wan-loadingDots i:nth-child(1) {animation-delay: 0s;}
 .wan-loadingDots i:nth-child(2) {animation-delay: .5s;}
 .wan-loadingDots i:nth-child(3) {animation-delay: 1s;}

 @keyframes wan-loading {0% { background: #D9D9D9;}30% {background: #45bd7f;}60% {background: #D9D9D9;}}
 .mt-2 {margin-top: 2px;}

#heatmapGraphLabelTr .helpCardInfo{width: 230px;}

#PageContent .wanSnapshot .DeviceDetails .DI-Header, .DeviceGroupDetails .DI-Header{background:#f5f6f8;width:auto;height:45px;top:0;right:0;left:0;z-index:99}
.DI-Grid.detailView .DIGL-Row>div:first-child {position:relative}
.DI-Grid.detailView .DIGL-Row>div:first-child::after {content:':';position:absolute;right:-2px;top:4px}

/*CSS change for APM monitors groups search in UserManagement*/
.apmSearch{display:none;border: none;border-bottom: 1px solid #eee;width: 100%;padding-bottom: 9px;margin-bottom: 15px;}
.apmSearchIcon::before{font-size: 16px;font-family: fontello;margin-top: 8px;margin-left: -23px;cursor: pointer;color: #7a7777;}
.userExpand{right:40px !important}
.apmSearchHG{ background: linear-gradient(to right, white 20px,rgba(255, 224, 130, 0.65) 0%) !important}

/*CSS for third level submenu icon*/
html.horizontalView #MainNav .NavUl > li > ul.subMenuIconLev2:not(.mCS_destroyed) {width:650px}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3{width: 400px;box-shadow:none;}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3 > div > div >li {width:200px;}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3  li {box-shadow:0 2.72727px 2px 0 rgba(0,0,0,.14),0 4.09091px 1px -6px rgba(0,0,0,.2),0 1.36364px 5px 0 rgba(0,0,0,.12)}
.hasHelpCard.validationHelpInfo {background: none;width: 0;height: 0;cursor: default;margin-left:10px}
.hasHelpCard.validationHelpInfo:before {display: none}
.hasHelpCard.validationHelpInfo.active {overflow: visible}
.hasHelpCard.validationHelpInfo.active .helpCard {display: block !important}
.hasHelpCard.validationHelpInfo {color: #fff}
.hasHelpCard.validationHelpInfo ul {float: left;width: 100%;height: auto;padding: 0 0 0 20px}
.hasHelpCard.validationHelpInfo li {float: left;width: 100%;height: auto;margin: 0 0 2px;position: relative}
.hasHelpCard.validationHelpInfo li:after {background: #fff;width: 6px;height: 6px;content: '';border-radius: 50%;position: absolute;top: 5px;left: -15px}
.hasHelpCard.validationHelpInfo li.done:after {background: none;width: 4px;height: 10px;border: 2px solid #45bd7f;border-bottom: 0;border-left: 0;border-radius: 0;position: absolute;top: 9px;left: -18px;transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-webkit-transform-origin: left top;animation: check .3s;-moz-animation: check .3s;-webkit-animation: check .3s;-o-animation: check .3s}
.infoBoxBlueHeader{padding-bottom:10px;position:relative;margin-bottom:10px}
.infoBoxBlueHeader::before{content:'';position:absolute;width:calc(100% + 30px);height:1px;background:rgba(0, 166, 247, 0.4);left:-15px;top:100%}
.opmFormRow.validateMsg .validationSuccess {color: #45bd7f;margin-top: 0;position: absolute;padding-left: 18px;bottom: 8px;width: 1000px;font-size: 13px;display: block!important}
.opmFormRow.validateMsg .validationSuccess:before {width: 16px;height: 16px;position: absolute;top: 1px;left: 0;background: url(../../img/opm-sprites-v2.svg) no-repeat -90px -41px;content: ""}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3  li:first-child {border-top:1px solid #eee}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3  li:last-child {border-bottom:1px solid #eee}
html.horizontalView #MainNav .NavUl > li > ul li > ul.mCustomScrollbar.subMenuIconLev2.hasSubMenuLev3 .mCustomScrollBox  .mCSB_scrollTools {right:unset !important;left:200px !important}
/**info message in add url monitor page**/
.bulletpoints{list-style-type: disc;margin-left: 20px;padding-left: 0;}
.bulletpoints li{margin-bottom: 5px;}

/** APM KPI Metrices start**/
.app-icon-div{display: flex;align-items: center;}
.app-icon-div [class*="apm-apps-logo"] {background-size: cover;position: relative;width: 20px !important;height: 20px !important;display: block;margin: 0px 10px 0 0 !important;}
.action-icons{left: 10px}
.masonry-grid-3 .grid-col:only-child {display: inline-table;}
.center-div{display:flex;position:relative;left:2px;}
.apm-availability-status {width: 10px;height: 10px;background-color: #46bb7d;display: inline-block;border-radius: 50%;margin-right: 5px;}
.apm-availability-status.green {background-color: var(--severity-up)}
.apm-availability-status.red {background-color: var(--severity-down)}
/** APM KPI Metrices end**/

.credentialBox .dropDownList.selectList .group-name {padding:8px 10px;background:#ddd;color:#3F3F3F;font-size:12px;line-height:1;float: none;}
.credentialBox .dropDownList.selectList.user-roles .opmCheckBox > div {margin:0px;padding-left:24px}
.credentialBox .dropDownList.selectList.user-roles .opmCheckBox input + label::before {border-radius:2px;left:0px;background:#f5f5f5}
.credentialBox .dropDownList.selectList.user-roles .opmCheckBox input:checked + label::before {background:#6abb85;border:1px solid #6abb85;}
.credentialBox .dropDownList.selectList.user-roles .opmCheckBox input:checked + label::after {border-color:#fff;width: 4px;height: 8px;}

 /** severity custom color **/
 .severity-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:8px 12px;color:var(--text-default);gap:12px;border-left:3px solid currentColor;margin-bottom:12px}
 .severity-preview.critical{background-color:var(--severity-critical-bg);border-color:var(--severity-critical)}
 .severity-preview.critical .svgIcon{fill:var(--severity-critical)}
 .severity-preview.critical .severity-preview__title{color:var(--severity-critical-text);font-family:LatoBold}
 .severity-preview.critical{background-color:var(--severity-critical-bg);border-color:var(--severity-critical)}
 .severity-preview.critical .svgIcon{fill:var(--severity-critical)}
 .severity-preview.critical .severity-preview__title{color:var(--severity-critical-text);font-family:LatoBold}
 .severity-preview.trouble{background-color:var(--severity-trouble-bg);border-color:var(--severity-trouble)}
 .severity-preview.trouble .svgIcon{fill:var(--severity-trouble)}
 .severity-preview.trouble .severity-preview__title{color:var(--severity-trouble-text);font-family:LatoBold}
 .severity-preview.attention{background-color:var(--severity-attention-bg);border-color:var(--severity-attention)}
 .severity-preview.attention .svgIcon{fill:var(--severity-attention)}
 .severity-preview.attention .severity-preview__title{color:var(--severity-attention-text);font-family:LatoBold}
 .severity-preview.servicedown{background-color:var(--severity-servicedown-bg);border-color:var(--severity-servicedown)}
 .severity-preview.servicedown .svgIcon{fill:var(--severity-servicedown)}
 .severity-preview.servicedown .severity-preview__title{color:var(--severity-servicedown-text);font-family:LatoBold}
 .severity-preview.clear{background-color:var(--severity-clear-bg);border-color:var(--severity-clear)}
 .severity-preview.clear .svgIcon{fill:var(--severity-clear)}
 .severity-preview.clear .severity-preview__title{color:var(--severity-clear-text);font-family:LatoBold}
 .severity-preview.unmanaged{background-color:var(--severity-unmanaged-bg);border-color:var(--severity-unmanaged)}
 .severity-preview.unmanaged .svgIcon{fill:var(--severity-unmanaged)}
 .severity-preview.unmanaged .severity-preview__title{color:var(--severity-unmanaged-text);font-family:LatoBold}
 .severity-preview.notmonitored{background-color:var(--severity-notmonitored-bg);border-color:var(--severity-notmonitored)}
 .severity-preview.notmonitored .svgIcon{fill:var(--severity-notmonitored)}
 .severity-preview.notmonitored .severity-preview__title{color:var(--severity-notmonitored-text);font-family:LatoBold}
 .severity-preview.info{background-color:var(--severity-info-bg);border-color:var(--severity-info)}
 .severity-preview.info .svgIcon{fill:var(--severity-info)}
 .severity-preview.info .severity-preview__title{color:var(--severity-info-text);font-family:LatoBold}
 .severity-preview-block .prefix-suffix input{text-transform:lowercase}
 .opmFormRow.severity-preview-block {max-width: none;display: grid;grid-template-columns: 340px 320px 320px;gap: 10px;}
 .severity-preview:last-child {margin-bottom: 0;}
 .severity-preview-block .box-content
 .colors-preview{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}
 .colors-preview>.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
 .box-container.bg-grey {background: #F9FAFB;}
 .box-container.bg-black {background: #121619;}
 /** severity custom color ends **/
 .opm_zohomap .maplibregl-marker>img.ZMapsMarker{width:32px !important;height:32px !important}
 #licenseInfoTab .licenseInfoSingle > .opmFormHolder.licenseDetailsFullWid{max-width:calc(100% - 225px);padding-right: 20px;}
.healthGraphs > div{float:left;margin:12px;height:350px !important;width:400px;border: 1px solid #D3D3D3;}
 .opmBtn.reportViewLogsBtn{min-width:auto;padding:4px 12px;margin:0 !important; margin-right:4px !important;border-radius:4px;}
.layer2-map-table-action{display:flex;gap:8px;}
 .path-details{display: flex;gap:4px;font-size:12px;line-height:16px;margin-top:8px;}
.layer2-map-table-action > div{cursor: pointer;}
body.tableHeightTwoLine #AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid.customFilterFieldActive > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv{top:106px !important}
body.tableHeightTwoLine #AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv{top:52px}
/** Export pdf for Installed softwares **/
.jqGridActions{float:right;font:10pt BitterRegular;margin-right:45px;position:relative}
.add-rule-timer{display:-webkit-box;display:-ms-flexbox;display:flex !important;gap:8px}
.add-rule-timer div{width:90px}
.add-rule-timer>div:first-of-type{width:120px}

 /* TopBand icons changes for new design starts */
 .gettingStartedIcon { width: 40px; height: 50px; float: right; padding: 15px 9px; }
 .gettingStartedIcon:hover { background: #45bd7d; }
 .support-btn { float: right; padding: 15px 9px; width: 40px; height: 50px; cursor: pointer; }
 .support-btn:hover { background: #45bd7d; }
 .whatsNew > svg, .support-btn > svg, #globalSearch > svg, #userNotify > svg, .topBandDropDown > svg, .opmSettingsDropDown > svg, .gettingStartedIcon > svg { fill: #52606b; transition: all 250ms; height: 22px; width: 22px; pointer-events: none; }
 .whatsNew > svg > use, .support-btn > svg > use, #globalSearch > svg > use, #userNotify > svg > use, .topBandDropDown > svg > use, .opmSettingsDropDown > svg > use, .gettingStartedIcon > svg > use { pointer-events: none; }
 .whatsNew:hover > svg, .support-btn:hover > svg, #globalSearch:hover > svg, #userNotify:hover > svg, .topBandDropDown:hover > svg, .opmSettingsDropDown:hover > svg, .gettingStartedIcon:hover > svg { fill: #fdfefe; }
 /* TopBand icons changes for new design ends */

 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info{position:relative !important;}
 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info .editIcon{position:absolute;top: 50%; margin-top: -7px;display:none;right:20px;}
 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info.npTemplate .editIcon{right:30px !important;}
 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info.npTemplate #npEditField{width:300px;}
 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info #npEditField{width:230px;}
 div:not(#box_mapList_holder) > .opm_jqGridUI.opmReportsGridview > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:not(:first-child) td.profile-name-info:hover .editIcon{display:block;}
/** Heatmap changes **/
ul.custom-heatmap-legend.legseries li {padding:5px;display:inline-flex;align-items:center;gap:4px}
ul.custom-heatmap-legend.legseries li .legendfilterbox {width: 16px; height: 16px; line-height: 14px;background:inherit; border-radius:50%;}
.dbDetails{background: #f5f5f5; border: 1px solid #e2e2e2;}
.dashboardInventory .HeatMap.none > .ember-view {height:auto;}
.dashboardInventory .HeatMap.none > .ember-view .heatmapHolder {position:relative;margin-bottom:20px}

ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_1{background:#77d283}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_2{background:#afafaf}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_3{background:#ffee00}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_4{background:#ffc0cb}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_5{background:#f47272}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_6{background:#6b0000}
ul.custom-heatmap-legend.legseries li .legendfilterbox.availabilityStatus_7{background:#31A5F0}
body.darkTheme #opmCCTV .dashboardWidget .dashboardInventory.heatmapZChart ul.custom-heatmap-legend {width:calc(100% - 60px); margin:auto}
.mh-400px{max-height: 400px !important}
.device-details-popover-tooltip .device-details-popover-tooltip-content .db-status{font-size: 20px !important;}
/** Heatmap changes ends **/


 .w-80px {width: 80px !important;}
 .w-15px {width: 15px !important;}
 .dnsurlInputbox{float:left;width:100%;height:auto}
.dnsurlInputbox .opmFormCol{width:100%}
.dnsurlInputbox .selBoxInput2{float:left;width:100%;height:auto}
.dnsurlInputbox .selBoxInput2 > div{float:left;width:68%}
.dnsurlInputbox .selBoxInput2 > div:first-child{width:16%}
.dnsurlInputbox .selBoxInput2 > div:last-child{width:16%;padding-left:10px;position:relative}
.dnsurlInputbox .selBoxInput2 > div:last-child:before{width:6px;height:31px;content:':';line-height:28px;color:#989898;padding-left:4px;position:absolute;top:0;left:0}

.multi_value_input_container .show_restricted_value {display: flex;align-items: center;flex-wrap: wrap;gap: 4px;background-color: #f0f0f0;padding: 4px;max-height: 150px;overflow-y: auto;}
.primary-bg {background:#F6FCF9 !important}
/** -------------------------------------------------------
	Alarm Filter Related CSS
------------------------------------------------------- **/
/** JQgrid Alternate row colors **/
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(odd) {background-color: #f8f8f8 !important;}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(even) {background-color: #fff !important;}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-state-hover {background-color: unset !important;}
/*#AlrmEvtTrapInvDev .ui-widget-content.ui-state-hover {background-color: unset !important;}*/
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-state-hover:hover {background-color: #ededed !important;}
.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-state-hover:hover {background-color: #ededed !important;}
/*#AlrmEvtTrapInvDev .ui-widget-content.ui-state-hover:hover {background-color: #ededed !important;}*/
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:nth-child(even){background: #fff !important;}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr:nth-child(odd){background: #f8f8f8 !important;}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr > td:nth-last-child(3){background: none !important;}
.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody > tr.ui-state-hover:hover {background-color: #ededed !important;}

.opm_jqGridUI .ui-jqgrid .ui-jqgrid-bdiv tbody > tr {border-bottom: 1px solid #f1f1f1;}

/* OpUtils port row bg color */
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(even).spmMultiMACPort {
    background-color: #f8fbc7 !important;
}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(odd).spmMultiMACPort {
    background-color: #f8fbc7 !important;
}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(even).spmStackedPort {
    background-color: #dcdcdc !important;
}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(odd).spmStackedPort {
    background-color: #dcdcdc !important;
}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(even).spmVirtualIP {
    background-color: #ffecd5 !important;
}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(odd).spmVirtualIP {
    background-color: #ffecd5 !important;
}

.darkTheme .opmCCTVContent .opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(odd) {background-color: #1e1e1e !important;}
.darkTheme .opmCCTVContent .opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(even) {background-color: #1b1b1b !important;}
.darkTheme .opmCCTVContent .opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-state-hover:nth-child(odd):hover {background-color: #1e1e1e !important;}
.darkTheme .opmCCTVContent .opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-state-hover:nth-child(even):hover {background-color: #1b1b1b !important;}

.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv #nbaThresholdAdvSettingsList tbody tr td input.disabledBlock[type="text"] {color: #bcbcbc;opacity: 1;pointer-events: none;}

div:not(#box_mapList_holder) > .opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-subgrid table tbody tr.jqgfirstrow:first-child td {padding: 0px !important;}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv tbody tr.ui-subgrid td.ui-widget-content{background-color: unset !important;}

.ui-jqgrid-htable .ui-icon, .ui-jqgrid-htable .ui-widget-content .ui-icon {background-image: none !important;}
.ui-jqgrid:not(#gbox_ipAddCriterias) .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-icon-asc {height: 0px;width:0px;border:none;border-bottom: 5px solid #000000;border-left: 4px solid transparent;border-right: 4px solid transparent;margin-left: 5px;margin-top: 2px;opacity: 1;}
.ui-jqgrid:not(#gbox_ipAddCriterias) .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-icon-desc {height: 0px;width:0px;border:none;border-top: 5px solid #000000;border-left: 4px solid transparent;border-right: 4px solid transparent;margin-left: 5px;margin-top: 10px;opacity: 1;}
.ui-jqgrid:not(#gbox_ipAddCriterias) .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-icon-asc.ui-state-disabled, .ui-jqgrid:not(#gbox_ipAddCriterias) .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-icon-desc.ui-state-disabled{opacity: 0.4;}

.JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable input.cbox + .s-ico .ui-icon-asc, .JqGridCustomDesign .opmCusGrid > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable input.cbox + .s-ico .ui-icon-desc{display: none !important;}
/*For view logs*/
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv #logsList .ui-search-toolbar .ui-search-table tbody tr:nth-child(odd) {background-color: transparent !important;}
.opm_jqGridUI:not(.colored_jq_grid) .ui-jqgrid .ui-jqgrid-bdiv #logsList tbody tr.ui-search-toolbar:nth-child(even) {background-color: transparent !important;}
/*NFA Edit IP Group table*/
.slideContent #gbox_ipAddCriterias.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th span{border:0;}

.repeater-grid-container .multiselect-dropdown-container .multiselect-input{background:#f5f5f5}
.repeater-grid-container .multiselect-dropdown-container:not(.active) .multiselect-input{border-bottom:1px solid #d4d4d4;max-height:33px}
.repeater-grid-container .multiselect-dropdown-container .multiselect-input .badge-group .badge{background-color:#fff;padding:3px 8px}
.multiselect-dropdown-container.absolute {position: absolute;z-index: 9;width: inherit;cursor: pointer}
.opmForm.maxWidth1000{max-width:1000px !important}
.opmForm.maxWidth1000 .opmFormRow{max-width:1000px !important}
.multiselect-dropdown-container.absolute.active {z-index: 999;}
.multiselect-dropdown-container.absolute .multiselect-input .badge-group {padding:3px}

.multi_value_input_container{position: relative;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.multi_value_input_container input{border: none !important;float: none !important;}
.multi_value_input_container .show_multi_value{display: flex;align-items: center;gap: 4px;background-color: #f0f0f0;border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;max-height: 33px;padding: 4px;position: relative;}
.multi_value_input_container .badge_count { background-color: #49bd80; color: #fff; padding: 4px; border-radius: 4px; font-size: 12px; display: flex; justify-content: center; align-items: center; position: absolute; right: 4px; width: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.multi_value_input_container .multiValue_dropdown {border: 1px solid #dcdcdc;border-top: none;position: absolute;left: 0;top: 100%;width: 100%;}
.multi_value_input_container .show_restricted_value {display: flex;align-items: center;flex-wrap: wrap;gap: 4px;background-color: #f0f0f0;padding: 4px;max-height: 200px;overflow-y: auto;}
.multi_value_input_container .multiValue_badge{background-color: #fff;padding: 4px 8px;display: inline-flex;align-items: center;gap: 4px;border-radius: 4px;max-width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.multi_value_input_container .badge_text{line-height: normal;font-size: 13px;}
.multi_value_input_container .badge_close{position: relative;width: 14px;height: 14px;cursor: pointer;display: inline-block;cursor: pointer;transition: all 0.3s ease;}
.multi_value_input_container .badge_close:hover{background-color: #ededed;}
.multi_value_input_container .badge_close:before, .badge_close:after{content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 1.5px;background-color: #333;transform-origin: center;transition: all 0.3s ease;}
.multi_value_input_container .badge_close:before{transform: translate(-50%, -50%) rotate(45deg);}
.multi_value_input_container .badge_close:after{transform: translate(-50%, -50%) rotate(-45deg);}

.multiValue_badge .badge_text {
  max-width: 70%; /* or use percentage if needed */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.wanLinkListDetail .opmInventoryHolder .AETIDHeader{border:1px solid #ddd !important}
body.wanLinkListDetail .opmInventoryHolder .AETIDHeader:before{display:none}
body.wanLinkListDetail .opmInventoryHolder .opmGroupInventory{left:0;}
body.wanLinkListDetail .opmInventoryHolder .opmGroupInventory li.active{background:none;border-right: 0;}
body.wanLinkListDetail .opmInventoryHolder .opmGroupInventory li:before,body.wanLinkListDetail .opmInventoryHolder .opmGroupInventory li:after{display:none;background:none}
body.wanLinkListDetail .AETIDContent .AETIDList{padding:12px}
body.wanLinkListDetail #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div {top:0 !important}
body.wanLinkListDetail #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th#opm_Devices_cb > div > span{top:4px !important }
body.wanLinkListDetail #AlrmEvtTrapInvDev.Grid .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels > th[id$='_cb'] > div > input{left:-8px}
body.wanLinkListDetail #AlrmEvtTrapInvDev.Grid .opm_jqGridUI .opmCusGrid > .ui-jqgrid{border:1px solid #dcdcdc}
body.wanLinkListDetail #AlrmEvtTrapInvDev.Grid #opm_devListHolder.wanLinksSearch.opmCusGrid.customGrid.noHorizontalScroll .ui-jqgrid-bdiv{top:90px !important}

.wanIPGridAndSnapParent .DI-Grid .newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools {left: 115px !important}
.wanIPGridAndSnapParent .DI-Grid.detailView .newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools {left: auto !important;right:0px !important}
.wanIPGridAndSnapParent #inventoryGridStyle .DI-Grid.detailView .DIG-List {width:100%;max-width:400px;}
.wanIPGridAndSnapParent .DI-Grid.detailView .DIGL-Row div:first-child {text-align: left;}
.wanIPGridAndSnapParent #DeviceList .DI-Grid.detailView .DIG-List, #DeviceList .DI-Grid.detailView .DIGL-Row {width:100%}
.wanIPGridAndSnapParent #DeviceList .DI-Grid.detailView .DIGL-Row div {font-size:14px}
.wanIPGridAndSnapParent #PageContent.snapRevamp1 #inventoryGridStyle > .ember-view {padding:10px}
.wanIPGridAndSnapParent #PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item {margin-bottom:10px !important}
.wanIPGridAndSnapParent #PageContent.snapRevamp1 #inventoryGridStyle .grid-stack-item[data-gs-x="1"][data-gs-width="4"]:not(.dashboardWidgetExpandView) {padding-right:10px !important}

.wanLinkSnapShot .intfSubTabs_actions .cta {margin-left:0px}
.wanLinkSnapShot .PageContent .actions i {padding: 0;align-items: center;display: flex !important}
.wanLinkListDetail .FilterAccordionContainer, .wanLinkSnapShot .FilterAccordionContainer{border-top:1px solid #ddd}
.wanLinkSnapShot .AETIDHeader.wanLinkAddBtn{border-top:1px solid #ddd !important}
.wanLinkSnapShot #inventoryGridStyle .dialcounter {top: -43px}
.wanLinkSnapShot .deviceSlideDivIn-full .graphHeaderFullView > span {top:0px}
.wanLinkSnapShot .deviceSlideDivIn-full .deviceSlidecontent{top:40px !important}
.multiselect-dropdown-container.advRepfilterDropDown {width:auto !important;}
.multiselect-dropdown-container.advRepfilterDropDown .multiselect-dropdown{max-height:200px}

html.horizontalView #opmInventorySideBarContent.alarmsPage.customview_sidebar_none #PageContent {padding-left: 0px !important;}
html.horizontalView #opmInventorySideBarContent.alarmsPage.customview_sidebar_none #PageSideBar{display: none;}
.tabStatic__fixedTop + .opmFormHolder.anomalies-summary-container {padding: 0px !important;overflow: hidden !important}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list {min-width: 350px;max-width: 350px;background-color: #f9fafb;border-right: 1px solid #dcdcdc;height:100%;}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul {height:calc(100% - 95px); overflow-y:auto; overflow-x:hidden}
.opmFormHolder.anomalies-summary-container{margin:20px 0;padding:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;border:1px solid #dcdcdc}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list{min-width:350px;max-width:350px;background-color:#f9fafb;border-right:1px solid #dcdcdc}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul li{padding:10px;border-bottom:1px solid #dcdcdc;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;position:relative}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul li .selBox{height:35px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul li.active{border-right-color:transparent;background-color:#fff}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul li.active::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:#45bd7f}
.opmFormHolder.anomalies-summary-container .anomalies-summary-list ul li.active::after{content:"";position:absolute;top:0;left:100%;width:1px;height:100%;background-color:#fff}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content{width:100%;padding:10px;height:100%;overflow:auto}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline.w-600{width:600px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline h3{margin:0}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline p{margin-top:0}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item{z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-bottom:18px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item::before{content: "";width: 1px;height: 100%;position: absolute;border-left: 1px solid #dcdcdc;left: 131px;top: 10px;z-index: -1;}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item .timeline-icon{line-height:0;margin-right:26px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item .timeline-left-content{min-width: 128px;max-width: 128px;color: #999;text-align: right;padding-right: 20px;}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item.timeline-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:30px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item.timeline-title .timeline-icon{line-height:0;margin-right:16px}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item.timeline-title .timeline-icon .svgIcon{padding:5px;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.opmFormHolder.anomalies-summary-container .anomalies-summary-content .timeline .timeline-item.timeline-title .timeline-left-content{min-width: 120px;max-width: 120px;}
.highlight-anomaly {background: #fff6cc ;transition: background 0.5s; border-radius: 8px}

.upgrade-manager-page__actions{display:flex;flex-direction:row-reverse;width:100%;margin-bottom:20px;justify-content:space-between;align-items: center;}

.opm_alarmView.viewType {top: 50%;transform: translateY(-50%);}

.opmFormCol.schedule-timezone {width: 30.6%;}
.schedule-timezone .opmCheckBox label:before{left:0}
.schedule-timezone .opmCheckBox label:after{left:6px}

/*Temp fix for alarm tabs*/
/*#alarmTabsList .list li a {font: 13px LatoRegular !important;padding-left: 12px !important;padding-right: 12px !important;}*/

.wan-slider.wanLinkListDetail .FilterAccordionContainer,
.wan-slider.wanLinkSnapShot .FilterAccordionContainer,
.wan-slider.wanLinkSnapShot .AETIDHeader.wanLinkAddBtn {border-top: 1px solid #949494 !important;}
/* Wan-slider Deviceslidecontent css */
.deviceSlideDivIn-2.wan-slider .AETIDHeader.wanLinkAddBtn:before,
.deviceSlideDivIn-2.wan-slider .FilterAccordionContainer .FilterAccContent:before,
.deviceSlideDivIn-2.wan-slider #opmInventoryNav:before,
.deviceSlideDivIn-5.wan-slider .FilterAccordionContainer .FilterAccContent:before,
.deviceMenuSlideIn.wan-slider .AETIDHeader.wanLinkAddBtn:before,
.deviceMenuSlideIn.wan-slider .FilterAccordionContainer .FilterAccContent:before,
.deviceMenuSlideIn.wan-slider #opmInventoryNav:before { background: rgba(0,0,0,.3) !important;top: 0;left: 0;width: 100%;height: 100%;position: absolute; content: "";z-index: 1;display: block;transition: 0s}
.wanIPTreeView {position: relative;z-index: 0;}

.deviceSlideDivIn-2.wan-slider .deviceSlideContent.deviceSlideDivIn-2,
.deviceSlideDivIn-3.wan-slider .deviceSlideContent.deviceSlideDivIn-3,
.deviceSlideDivIn-5.wan-slider .deviceSlideContent.deviceSlideDivIn-5,
.deviceMenuSlideIn.wan-slider .deviceMenuSlide,
.slideDivIn-88.wan-slider .slideContent.slideContent-88 {position: fixed;top: 85px;z-index: 101;right: 0;}

.deviceSlideDivIn-2.wan-slider .AETIDHeader.wanLinkAddBtn:before,
.deviceSlideDivIn-5.wan-slider .AETIDHeader.wanLinkAddBtn:before,
.deviceMenuSlideIn.wan-slider .AETIDHeader.wanLinkAddBtn:before {height: calc(100% + 2px);}
.hideMainTopBand .deviceSlideDivIn-2.wan-slider .deviceSlideContent.deviceSlideDivIn-2,
.hideMainTopBand .deviceSlideDivIn-3.wan-slider .deviceSlideContent.deviceSlideDivIn-3,
.hideMainTopBand .deviceSlideDivIn-5.wan-slider .deviceSlideContent.deviceSlideDivIn-5,
.hideMainTopBand .deviceMenuSlideIn.wan-slider .deviceMenuSlide,
.hideMainTopBand .slideDivIn-88.wan-slider .slideContent.slideContent-88 {top: 30px}

html.opmTopBandBannerActive.hideMainTopBand .deviceSlideDivIn-2.wan-slider .deviceSlideContent.deviceSlideDivIn-2,
html.opmTopBandBannerActive.hideMainTopBand .deviceSlideDivIn-3.wan-slider .deviceSlideContent.deviceSlideDivIn-3,
html.opmTopBandBannerActive.hideMainTopBand .deviceSlideDivIn-5.wan-slider .deviceSlideContent.deviceSlideDivIn-5,
html.opmTopBandBannerActive.hideMainTopBand .deviceMenuSlideIn.wan-slider .deviceMenuSlide,
html.opmTopBandBannerActive.hideMainTopBand .slideDivIn-88.wan-slider .slideContent.slideContent-88 {top: 75px;}

html.opmTopBandBannerActive .deviceSlideDivIn-2.wan-slider .deviceSlideContent.deviceSlideDivIn-2,
html.opmTopBandBannerActive .deviceSlideDivIn-3.wan-slider .deviceSlideContent.deviceSlideDivIn-3,
html.opmTopBandBannerActive .deviceSlideDivIn-5.wan-slider .deviceSlideContent.deviceSlideDivIn-5,
html.opmTopBandBannerActive .deviceMenuSlideIn.wan-slider .deviceMenuSlide,
html.opmTopBandBannerActive .slideDivIn-88.wan-slider .slideContent.slideContent-88 {top: 125px;}

.deviceSlideDivIn-5.wan-slider .Device-Info::before {position: fixed;top:0px;left:0px;}
.deviceMenuSlideIn.wan-slider .DeviceDetails.PageContent::before {display:none}
#licenseInfoTab .license_manage__content .grid-col-3{padding-right: 20px !important}
/* Wan-slider Deviceslidecontent css end */

/* monitorGraphSchedule css */
body.wan-slider #monitorGraphSchedule {max-height: calc(100vh - 200px)}
html.opmTopBandBannerActive body.wan-slider #monitorGraphSchedule {max-height: calc(100vh - 230px)}
html.hideMainTopBand body.wan-slider #monitorGraphSchedule {max-height: calc(100vh - 150px);}
html.opmTopBandBannerActive.hideMainTopBand body.wan-slider #monitorGraphSchedule {max-height: calc(100vh - 180px)}
body:not(.wan-slider) .AETIDHeader.wanLinkAddBtn::before {display:none !important}
/* monitorGraphSchedule end */
.joint-paper.joint-theme-default svg{overflow: visible !important;}

.bv-joint-js{display:inline !important;}
.bv-joint-js.incenterview  > .bv-joint-js-view{width:calc(100% - 340px);}
.bv-joint-js > .bv-joint-js-view{display:flex;width:100%;height:100%;position:relative;overflow: auto;}
.bv-joint-js > .screen-resize {position: absolute;top: 12px;right: 16px;background: rgba(255,255,255,1);border: 1px solid #dcdcdc;padding: 0;height:100px;width: 24px;padding:4px 0;}
.bv-joint-js.incenterview  > .business-view-map-sidebar{position:absolute;top:0;right:0;width:330px;height:100%;overflow: auto;}
/*.bv-joint-js > .bv-joint-js-view{border:1px solid #dcdcdc;border-radius:8px;}
.bv-joint-js > .bv-joint-js-view #BVMapBGImg{border:0}
.bv-joint-js > .bv-joint-js-view .screen-resize{position:sticky;top:12px;right:12px;background:#fff;border:1px solid #dcdcdc;padding:8px;height: 120px;width: 43px;}*/
.toolTipIcon .deviceInfoToolTip.bv-element-details{height: 160px !important;}
.toolTipIcon .deviceInfoToolTip.bv-element-details > .des{height: 130px !important;}
.bv-slider__col .bv-icon-type{display:flex;justify-content:space-between}
.bv-slider__col .bv-icon-type .helpCardInfo{width:250px;right:-12px}
.bv-slider__col .bv-icon-type .helpCardInfo:before{right:12px}

/*New Business view starts*/
.action_btn{background:#27a965;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 20px;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;line-height:16px;font-size:14px}
.action_btn:hover>ul,.action_btn:focus>ul,.action_btn:focus-within>ul{display:block}
.action_btn>ul,.action_btn>ul>li>ul{position:absolute;top:calc(100% + 0px);left:0;width:160px;background:#fff;padding:4px;z-index:1;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.24);box-shadow:0 4px 20px rgba(0,0,0,.24);border-radius:4px;display:none;cursor:default}
.action_btn>ul li,.action_btn>ul>li>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;position:relative}
.action_btn>ul li:hover ul,.action_btn>ul>li>ul li:hover ul,.action_btn>ul li:focus ul,.action_btn>ul>li>ul li:focus ul,.action_btn>ul li:focus-within ul,.action_btn>ul>li>ul li:focus-within ul{display:block}
.action_btn>ul li ul,.action_btn>ul>li>ul li ul{display:none}
.action_btn>ul li:last-child,.action_btn>ul>li>ul li:last-child{border-bottom:0}
.action_btn>ul li a,.action_btn>ul>li>ul li a{color:#000;padding:8px 12px;width:100%;text-align:left;z-index:3}
.action_btn>ul li:hover,.action_btn>ul>li>ul li:hover{background:#fafafa}
.action_btn>ul>li>ul.position-right{top:0;left:calc(100% + 8px)}
.action_btn>ul>li>ul.position-right:before{width:100%;height:100%;content:"";left:-80px;top:0;position:absolute}
.action_btn>ul>li>ul.position-left{left:inherit;top:0;right:calc(100% + 8px)}
.action_btn>ul>li>ul.position-left:before{width:100%;height:100%;content:"";right:-80px;top:0;position:absolute}
.action_btn>ul li.group-menu{position:relative}
.action_btn>ul li.group-menu:after{width:8px;height:8px;position:absolute;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:12px;right:10px;content:""}
.action_btn.drop-down{z-index:10;background:#f0f0f0;color:#000;height:32px;border:1px solid #dcdcdc;gap:24px;padding:0 16px}
.action_btn.drop-down ul{left:inherit;right:0}
.action_btn.drop-down>em{width:10px;height:10px;margin-top:-4px;}
.action_btn.icon-drop-down{background:#fff;width:auto;height:auto;padding:0;z-index:3}
.flex2{-webkit-box-flex:2!important;-ms-flex:2!important;flex:2!important}
.flex-gap16{gap:16px}
.opm-search-box{position:relative}
.opm-search-box input[type=text]{background:#f0f0f0;border:1px solid #dcdcdc;padding:0 24px 0 12px;height:32px;border-radius:2px;width:100%}
.opm-search-box input[type=text]:hover{background:#f4f5f6}
.opm-search-box input[type=text]:focus+.svgIcon svg{fill:#27ab67}
.opm-search-box .svgIcon{position:absolute;top:9px;right:8px}
.opm-search-box .svgIcon svg{fill:#808488}
.opm-search-box .bv-search-count {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;top: 5px;right: 24px;background: #27ab67;font-size: 12px;padding: 4px;border-radius: 2px;color: #fff;min-width: 24px}
.bv-main-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.bv-side-panel{width:300px;height:100%;border-right:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);position:relative}
.bv-side-panel.hidePanel{margin-left:-300px;display: flex;}
.bv-side-panel.hidePanel .bv-side-panel__toggle-btn{right:-17px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);z-index:2}
.bv-side-panel.hidePanel+.bv-view{width:100%}

/* Graph full slider */
.wanLinkSnapShot .deviceSlideContent.monitorGraph .opmBtnHldrTop {
  top:5px !important;
  right:50px !important;
  }
/* graph full slider */
html.horizontalView body.wanLinkSnapShot #inventoryGridStyle .dashboardWidgetExpandView {width:calc(100vw - 300px) !important;left:300px !important;top:120px !important}
html.horizontalView.hideMainTopBand body.wanLinkSnapShot #inventoryGridStyle .dashboardWidgetExpandView {width:calc(100vw - 300px) !important;left:300px !important;top:70px !important}
html.opmTopBandBannerActive.horizontalView body.wanLinkSnapShot #PageContent.snapRevamp1 #inventoryGridStyle .dashboardWidgetExpandView {top:112px !important}

.wanLinkSnapShot .icon-notification {padding-top:8px}
.DIGL-Col-with-edit-icon {display:flex;align-items:center;}
.DIGL-Col-with-edit-icon span {display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;}
#AlrmEvtTrapInvDev.Grid .opm_jqGridUI.waNIPsList .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv{padding-top:45px}
.wanSanpshotActions {display: flex;height: 38px !important;align-items: center;justify-content: center;gap: 12px;}
.wanSanpshotActions i{padding:0}
.wanIPGridAndSnapParent .wan-search-icon{position:absolute;top: 22px;right: 22px;cursor:pointer;z-index:2}
.opmGraph-summary-breadcrumb {display: flex;justify-content: space-between; padding: 12px;align-items: center;}
.opmGraph-summary-breadcrumb ul {display: flex;}
.opmGraph-summary-breadcrumb ul li {padding-right: 24px;position: relative; font-family: latoBold;font-size: 14px}
.opmGraph-summary-breadcrumb ul li:after {content: "/"; position: absolute; left: calc(100% - 14px);color: #C3CCD3;}
.opmGraph-summary-breadcrumb ul li:last-child:after {display: none;}
.opmGraph-summary-breadcrumb ul li > a:hover {text-decoration: none}
.wanIPGridAndSnapParent .opm_jqGridUI .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead th {padding:11px 10px}
.wanlinkIntfSnap .newSnapCustomScroll.DIGmCustomScroll .mCSB_scrollTools {left:115px !important;}
body.wanLinkSnapShot .Device-Info:before{transition: unset}
body.wanLinkSnapShot .deviceMenuAccrSingle .icon-remove{position: absolute;right:10px;top:5px;}
.wanLinkAddBtn .opmGroupInventory .list li{width: 200px;}
.opm_jqGridUI.tooltipOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv tbody > tr td, .opm_jqGridUI.tooltipOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv>div, .opm_jqGridUI.tooltipOverflowVisible .ui-jqgrid .ui-jqgrid-bdiv>div table {overflow:visible !important}
.opm_jqGridUI.tooltipOverflowVisible .ui-jqgrid .ui-jqgrid-pager {position:relative;z-index:0}
html.invAddBtn .addLinkStyle .AETIDHeader.wanLinkAddBtn .deviceListPgAddBtn{right: 165px;top:4px}
html.invAddBtn .addLinkStyle .AETIDHeader.wanLinkAddBtn .deviceListPgAddBtn.type2{right: -37px;top: -4px;}
html.invAddBtn.fr_FR_lang .addLinkStyle .opmInventoryHolder .AETIDHeader.wanLinkAddBtn .deviceListPgAddBtn{width:140px !important}
#PageContent .DeviceDetails .PageContent.WanIP-Mon-Graph .DI-Content {top:0px}
#PageContent .DeviceDetails .PageContent.WanIP-Mon-Graph .DI-Content .opmGraph-summary-breadcrumb ul li:first-child {display:none}

/** Performance Metrics Widget**/
.h40 {font-size: 40px !important;}
.units {font-size: 25px !important; display: flex; justify-content: center; align-items: center;}
.mt10 {margin-top: 10px;}
.disableTrapSpcdropdownHeader {padding: 8px;border: 1px solid #ccc;background: #fff;cursor: pointer;border-radius: 4px;user-select: none;}
#trapEnabledDeviceList {display: none;position: absolute;background-color: white;border: 1px solid #ccc;padding: 10px;max-height: 200px;overflow-y: auto;z-index: 999;width: 100%;}
.disableTrapTruncateLabel {display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;cursor: pointer;}
/** NFA Cloud Service CSS **/
.opmSearchBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.opmSearchBox input{background:#f0f0f0;border:1px solid #dcdcdc;padding:6px 20px 6px 8px;width:100%}
.opmSearchBox input+em{position:absolute;top:8px;right:8px}
.cloud-services-filter__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px;margin:16px;background:#fff;border:1px solid #dcdcdc;gap:12px;border-radius:4px;max-height: calc(50% - 35px);}
.cloud-services-filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;gap:12px}
.cloud-services-filter__list label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:204px;display:block}
.credentialErrorMsg.type1{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:inherit;margin-bottom:4px}
.credentialScaningMsg.type1{position:relative;top:inherit;padding-top:0;margin-bottom:4px}
.deployAgentInfoMsg.type1{display:block;position:relative;left:inherit;margin-bottom:4px}
#INTrafficDiv .jqSearchIcon i, #OUTTrafficDiv .jqSearchIcon i {margin: 0px;position: absolute;top: 0px;right: 10px;}
.cloudServiceScrollBar,.cloudServiceScrollBar .mCSB_container{height:100% !important;}


.bv-side-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;gap:8px}
.bv-side-panel__title{font-size:18px;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-side-panel__title .icon-drop-down{width:20px;height:20px;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:2px;cursor:pointer;border-radius:10px}
.bv-side-panel__title .icon-drop-down:hover{background:#f0f0f0}
.bv-side-panel__title .icon-drop-down:hover ul{display:none}
.bv-side-panel__title .icon-drop-down.active ul{display:block;width:260px;right:-12px;left:inherit;top:calc(100% + 4px)}
.bv-side-panel__title .icon-drop-down.active ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-side-panel__title .icon-drop-down.active ul li:hover{background:0 0}
.bv-side-panel__sort-filter{position:relative;cursor:pointer}


.w-300px {width:300px !important}
.w-700px {width:700px !important}
.bv-side-panel__entities-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;position:relative;margin-bottom:8px}
.bv-side-panel__entities-nav:before{position:absolute;width:calc(100% + 24px);height:1px;background:#dcdcdc;top:41px;left:-12px;content:"";z-index:1}
.bv-side-panel__entities-nav .bv-slider__tab{position:relative;width:100%;z-index:2}
.bv-side-panel__entities-nav .bv-slider__tab>div{width:50%;border:1px solid #dcdcdc;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}
.bv-side-panel__entities-nav .bv-slider__tab>div.active{cursor:default}
.bv-side-panel__entities-nav .bv-slider__tab>div:first-child{border-right:0}

.bv-side-panel__entities-filter{display:none;position:absolute;top:40px;right:10px;z-index:9;background:#fff;width:250px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);border-radius:4px}
.bv-side-panel__entities-filter.active{display:block}
.bv-side-panel__entities-filter .filter-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:#000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;font-family:latoBold;border-bottom:1px solid #dcdcdc;font-size: 14px;}
.bv-side-panel__entities-filter-close-btn{cursor:pointer;width:12px;height:12px}
.bv-side-panel__entities-filter-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:12px;gap:12px}
.bv-side-panel__entities-filter-main label{color:#000; font-size: 14px;}
.bv-side-panel__entities-filter-main .opmRadioBtn.compact>div{padding-left:30px}
.bv-side-panel__entities-filter-main .select2.select2-container.select2-container--default{border-radius:4px}
.bv-side-panel__entities-filter-main .opm-btn{background:#27ab67;padding:8px 12px;text-align:center;border-radius:4px;cursor:pointer;color:#fff;font-size: 14px;}
.bv-side-panel__entities-filter-list{padding:12px;border:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px;gap:12px}


/* .bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down{width:20px;height:20px;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:2px;cursor:pointer;border-radius:10px}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down svg{width:10px;height: 20px;}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down:hover{background:#f0f0f0}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down:hover ul{display:none}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down.active ul{display:block;width:260px;left:0;top:calc(100% + 4px)}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down.active ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-side-panel__entities-nav .bv-slider__tab .icon-drop-down.active ul li:hover{background:0 0} */


.bv-side-panel__entities-filter .filter-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:#000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;font-family:latoBold}
.bv-side-panel__entities-filter-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:12px;gap:12px}
.bv-side-panel__entities-filter-main label{color:#000;font-family:latoRegular;}
.bv-side-panel__entities-filter-main .opmRadioBtn.compact>div{padding-left:30px}
.bv-side-panel__entities-filter-main .select2.select2-container.select2-container--default{border-radius:4px}
.bv-side-panel__entities-filter-main .opm-btn{font-family:latoRegular;background:#27ab67;padding:8px 12px;text-align:center;border-radius:4px;cursor:pointer}
.bv-side-panel__entities-filter-list{padding:12px;border:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px;gap:12px}
.bv-side-panel__entities-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:auto}
.bv-side-panel__entities-list ul li{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid #dcdcdc;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:move}
.bv-side-panel__entities-list ul li.active{background:#f3faf5;border-left:4px solid #27ab67}
.bv-side-panel__entities-list ul li.bvEntitiesSelected,.bv-side-panel__entities-list ul li.bvEntitiesSelected:hover {background: #528EE9;color: #fff !important;}
.bv-side-panel__entities-list ul li.bvEntitiesSelected .bv-side-panel__entities-type i,.bv-side-panel__entities-list ul li.bvEntitiesSelected:hover .bv-side-panel__entities-type i{color:#FDFEFE !important}
.bv-side-panel__entities-list ul li.bvEntitiesSelected .drag-icon ,.bv-side-panel__entities-list ul li.bvEntitiesSelected:hover .drag-icon  {fill:#fff}

.bv-side-panel__entities-list ul li:hover{background:#f3faf5}
.bv-side-panel__entities-list ul li .drag-icon{fill:#b8b8b8}
.bv-side-panel__entities-list ul li:hover .drag-icon{fill:#27ab67}
.bv-side-panel__entities-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-side-panel__entities-type{display:-webkit-box;display:-ms-flexbox;display:flex}
.bv-side-panel__entities-type i{padding:0 4px;color:#848689;font-size:12px;border-right:1px solid #848689;white-space:nowrap}
.bv-side-panel__entities-type i:first-child{padding-left:0}
.bv-side-panel__entities-type i:last-child{padding-right:0;border-right:0}
.bv-side-panel__no-entities{padding:0 12px 12px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.bv-side-panel__no-entities>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;border:1px solid #dcdcdc;border-radius:4px;width:100%;height:100%;background:#f0f0f0}
.bv-side-panel__peripherals-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:auto;padding:0 12px 12px;width:100%;-ms-flex-line-pack:start;align-content:flex-start}
.bv-side-panel__peripherals-list>div{padding:12px;width:calc(33.33% - 8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdcdc;border-radius:4px;position: relative;}
.bv-side-panel__peripherals-list>div:after{width:100%;height:100%;position:absolute;content:"";background:transparent;}
.bv-side-panel__peripherals-list>div:hover{border-color:#1976d2}
.bv-side-panel__toggle-btn{position:absolute;top:50%;right:-8px;width:17px;height:30px;border:1px solid #27a965;background:#f1f9f3;border-radius:2px;cursor:pointer;z-index: 1;}
.bv-side-panel__toggle-btn:hover{background:#27a965}
.bv-side-panel__toggle-btn:hover:after{border-color:#fff}
.bv-side-panel__toggle-btn:after{width:6px;height:6px;border-top:1px solid #27a965;border-left:1px solid #27a965;content:"";position:absolute;left:6px;top:11px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}


.bv-view{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 300px);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}

.bv-view__header{height:48px;border-bottom:1px solid #dcdcdc;background:#fff;padding:2px 12px 2px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;position:absolute;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-view__title{font-size:16px;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-view__count-info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
.bv-view__count-info>div{font-size:12px}
.bv-view__title-edit{cursor:pointer}
.bv-view__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
.bv-view__save-btn{height:32px !important;border-radius:2px;margin:0;min-width:auto !important;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-view__container{position:absolute;width:100%;left:0;right:0;bottom:0;top:49px;overflow:auto}
.bv-view-draw-area {width: 100%;height: 100%;overflow: auto;scrollbar-width: none; /* Hides scrollbar in Firefox */-ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */margin-top:-1px;margin-left:-1px}
.bv-view-draw-area ::-webkit-scrollbar{width: 0px;display: none; /* Hides scrollbar in Chrome, Safari, Edge */background: transparent;}
.bv-view__intro-msg {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 12px;}
.bv-view__intro-msg-title{font-size:18px;font-family:latoBold}
.bv-view__intro-msg-desc i{border:1px solid #000;padding:4px 8px;border-radius:2px;margin:0 4px}
.actionDropDown__list.bv-link-menu {display: none;min-width: 100px;background:#fff;width: 110px;padding:4px !important}
.actionDropDown__list.bv-link-menu li{padding:4px 8px}

/* .bv-view__intro-msg::-webkit-scrollbar {display: none; width:0;} */

/* Instant Widget HW Monitor CSS */
.opmCheckBoxAccrArrowRight:before{position:absolute;right:12px;top:5px}
.max-h-250 {max-height:250px !important}
.opmChckList.opmChckListType4.greenCheckIcon .list .opmCheckBox input:checked + label:after{border-color:#45bd7f}
.opmCheckBoxAccrArrowRight:before{position:absolute;right:12px;top:5px}
.max-h-250 {max-height:250px !important}
.opmChckList.opmChckListType4.greenCheckIcon .list .opmCheckBox input:checked + label:after{border-color:#45bd7f}
.monitor-list-view .opmChckList.opmChckListType4.souri{margin-top:4px}
.opmChckList.opmChckListType4.moniSelctWithAccordian{margin-top:0px;border:1px solid #e2e2e2;border-top:0}
.opmChckList.opmChckListType4.moniSelctWithAccordian .list.credList{padding:8px}
.opmChckList.opmChckListType4.moniSelctWithAccordian .list.credList .opmCheckBoxAccrBtn{background:#f0f0f0;border:1px solid #dcdcdc;padding:8px 20px;}
.opmChckList.opmChckListType4.moniSelctWithAccordian .list.credList .opmCheckBoxAccrBtn > div{min-height:auto}
.opmChckList.opmChckListType4.moniSelctWithAccordian .opmCheckBoxAccrArrowRight:before{top:12px}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul{padding:0}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul .opmCheckBox{width:auto}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul input[type="checkbox"]{width:100%}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul input[type="checkbox"]:checked + label:after{top:18px;left:12px}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul label{padding-left:8px;height: 27px;display: block;}
.opmChckList.opmChckListType4.moniSelctWithAccordian ul.checkBoxAccr ul label:before{width:20px;height:20px;border-radius:0;background:#f0f0f0;border:1px solid #dcdcdc;}
.credentialBox.select-with-check-box.active .dropDownBox.moniSelctWithAccordian-dd{width:350px;left:inherit;right:0}
/* Instant Widget HW Monitor CSS */


/*.bv-view__tools{position:absolute;right:0;top:50%;height:384px;margin-top:-192px;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);border-radius:4px 0 0 4px;padding:4px}*/
.bv-view__tools{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);border-radius:4px 0 0 4px;padding:4px}

.bv-view__tools ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}
.bv-view__tools ul li{width:40px;height:40px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
.bv-view__tools ul li:hover{background:#d4eee0;border-radius:2px}
.bv-view__tools ul li:hover .bv-view__tool-tip{-webkit-transform:translateY(-50%) scaleY(1);-ms-transform:translateY(-50%) scaleY(1);transform:translateY(-50%) scaleY(1)}
.bv-view__tools ul li.active .bv-view__tool-drop-down{display:-webkit-box;display:-ms-flexbox;display:flex}
.bv-view__tools ul li.active .bv-view__tool-tip{display:none}
.bv-view__tool-drop-down{-webkit-box-shadow:0 0 12px rgba(0,0,0,.18);box-shadow:0 0 12px rgba(0,0,0,.18);padding:4px;position:absolute;top:50%;right:calc(100% + 10px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px;display:none;background:#fff}
.bv-view__tool-drop-down:after{width:16px;height:16px;background:#fff;position:absolute;top:50%;right:0;content:"";-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}
.bv-view__tool-drop-down a{text-decoration:none;padding:8px 12px;gap:8px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;font-size:14px;border-bottom:1px solid #dcdcdc75;background:#fff;z-index:999}
.bv-view__tool-drop-down a:last-child{border-bottom:0}
.bv-view__tool-drop-down a:hover{background:#fafafa}


.bv-view__tool-tip{background:#000;border-radius:4px;font-size:12px;padding:4px 12px;position:absolute;top:50%;color:#fff;right:calc(100% + 10px);-webkit-transform:translateY(-50%) scaleY(0);-ms-transform:translateY(-50%) scaleY(0);transform:translateY(-50%) scaleY(0);white-space:nowrap}
.bv-view__tool-tip:after{width:8px;height:8px;position:absolute;right:-2px;top:7px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#000}
.opm-color-piker{position:relative}
.opm-color-piker input[type=text]{padding:4px 28px!important}
.opm-color-piker__chooser{background:url(../../img/opm-sprites.png) no-repeat -157px -1408px;top:4px;right:4px;width:26px;height:26px;position:absolute;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);cursor:pointer}
.opm-color-piker__color-preview{width:16px;height:16px;border:1px solid #000;top:8px;left:8px;position:absolute;border-radius:2px}
.opm-text-format{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:#f0f0f0;border:1px solid #dcdcdc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.opm-text-format>div{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-right:1px solid #dcdcdc;-webkit-box-flex:1;-ms-flex:1;flex:1}
.opm-text-format>div:last-child{border-right:0}
.opm-text-format>div:hover{background:#f4f5f6}
.opm-text-format>div.active{background:#fff}
.opm-range-input{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:#f0f0f0;border:1px solid #dcdcdc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.opm-range-input__minus,.opm-range-input__plus{width:32px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-right:1px solid #dcdcdc}
.opm-range-input__plus{border-right:0;border-left:1px solid #dcdcdc}
.opm-range-input input[type=text]{width:calc(100% - 66px)!important;border:0!important;text-align:center;height:30px!important;background:#f0f0f0}
.bv-slider{position:absolute;top:0;bottom:0;right:0;width:300px;background:#fff;border-left:1px solid #dcdcdc;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}
.bv-slider input[type=text],.bv-slider textarea{border:1px solid #dcdcdc;padding:6px 12px;width:100%;background:#f0f0f0;height:32px}
.bv-slider input[type=text]:hover,.bv-slider textarea:hover{background:#f4f5f6}
.bv-slider .selBox .select2.select2-hidden-accessible{height:32px!important}
.bv-slider .selBox .selection{height:32px!important}
.bv-slider__upload{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;position:relative;width:100%;background:#f0f9f4;border:1px solid #27ab67;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;cursor:pointer;color:#27ab67;border-radius:2px}
.bv-slider__upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.bv-slider__upload em{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.bv-slider__upload+.upload-info{margin-top:4px;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#52606b}
.bv-slider__upload-loader{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;position:relative;width:100%;background:#f0f9f4;border:1px solid #27ab67;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;cursor:pointer;color:#27ab67;border-radius:2px}
.bv-slider__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;height:100%}
.bv-slider__title{padding:16px;font-size:16px;border-bottom:1px solid #dcdcdc;font-family:latoBold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-slider__title .bv-prop-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:20px}
.bv-slider__close-btn{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}
.bv-slider__close-btn svg{fill:#b0b0b0}
.bv-slider__tab{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f0f0f0}
.bv-slider__tab>div{padding:12px 16px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;cursor:pointer}
.bv-slider__tab>div.active{background:#fff;border-bottom:0;position:relative;font-family:latoBold}
.bv-slider__tab>div.active:before{width:100%;height:2px;background:#27ab67;position:absolute;top:-1px;left:0;content:""}
.bv-slider__tab+.bv-slider__body-main,.bv-slider__tab+.bv-slider__body-main+.bv-slider__body-main{top:96px}
.bv-slider__tab+.bv-slider__body-main.bv-short-cut,.bv-slider__tab+.bv-slider__body-main.bv-short-cut+.bv-slider__body-main{top:183px}
.bv-slider__tab.tab-small>div{padding:8px 12px;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc}
.bv-slider__tab.tab-small>div:last-child{border-left:0}
.bv-slider__tab-container{border:1px solid #dcdcdc;padding:16px;border-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-top:-4px}
/*.bv-slider__body{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:16px;position:absolute;top:52px;right:0;left:0;bottom:64px}*/
.bv-slider__body-main{position:absolute;top:52px;right:0;left:0;bottom:0}
.bv-slider__body{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:16px;max-height:calc(100% - 96px)}
.bv-slider__body.noFooterBtn{max-height:100%;}
.bv-slider__fixed-button{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;border-top:1px solid #dcdcdc;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;gap:12px}
/*.bv-slider__fixed-button{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;border-top:1px solid #dcdcdc;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;gap:12px}*/
.bv-slider__fixed-button>div{margin:0!important;min-width:auto;border-radius:4px}
/*.bv-slider__body{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:16px;position:absolute;top:52px;right:0;left:0;bottom:0}*/
.bv-slider__row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:end}
.bv-slider__col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.bv-slider__thumb-img-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;width:100%;}
.bv-slider__thumb-img{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(50% - 8px);height:100px;border:1px solid #dcdcdc;border-radius:4px;padding:8px;overflow:hidden;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.5s;transition:.5s;position:relative}
.bv-slider__thumb-img.active,.bv-slider__thumb-img:hover{border:1px solid #6ea8fe;-webkit-transition:.5s;transition:.5s;padding:2px}
.bv-slider__thumb-img.active .bv-slider__delete-img,.bv-slider__thumb-img:hover .bv-slider__delete-img,.bv-side-panel__peripherals-list>div:hover .bv-slider__delete-img{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:3}
.bv-slider__thumb-img img{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-o-object-fit:contain;object-fit:contain}
.bv-slider__thumb-device-icon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:261px;overflow:auto;width:100%}
.bv-slider__thumb-device-icon{display:-webkit-box;display:-ms-flexbox;display:flex;width:25%;height:52px;border:1px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.bv-slider__thumb-device-icon:hover{border:1px solid #6ea8fe}
.bv-slider__thumb-device-icon:hover .bv-slider__delete-img{display:-webkit-box;display:-ms-flexbox;display:flex;}
.bv-slider__thumb-device-icon.active{border:1px solid #6ea8fe}
.bv-slider__thumb-device-icon img{width:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-o-object-fit:contain;object-fit:contain}
.bv-slider__delete-img{position:absolute;background:#fdefef;border-radius:4px;top:4px;right:4px;width:16px;height:16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:none}
.bv-slider__delete-img:hover{background:#eb5757}
.bv-slider__delete-img:hover svg{fill:#fff}
.bv-slider__delete-img > em{margin-top:-9px}
.bv-device-link-popup{padding:0 2px;width:600px;background:#fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:101;margin:100px 0}
.bv-device-link-popup input[type=text]{border:1px solid #dcdcdc;padding:6px 12px;width:100%;background:#f0f0f0;height:32px;font-family:LatoRegular;}
.bv-device-link-popup input[type=text]:hover{background:#f4f5f6}
.bv-device-link-popup.small{width:350px}
.bv-device-link-popup__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #dcdcdc}
.bv-device-link-popup__header .icon-remove{position:relative;cursor:pointer}
.bv-device-link-popup__container {padding: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 16px;max-height: 560px;overflow: auto;}
.bv-device-link-popup__title{font-size:18px;font-family:latoBold;margin-bottom:8px}
.bv-device-link-popup__device-connect-info{font-size:12px}
.bv-device-link-popup__container .half-col-only{width:calc(50% - 8px)}
.bv-device-link-popup__destination-device-main,.bv-device-link-popup__source-device-main{width:50%;padding-right:10px;position:relative}
.bv-device-link-popup__destination-device-main:before,.bv-device-link-popup__source-device-main:before{width:10px;height:1px;background:#dcdcdc;position:absolute;top:50%;right:0;content:""}
.bv-device-link-popup__destination-device-main .connect-arrow,.bv-device-link-popup__source-device-main .connect-arrow{fill:#dcdcdc;position:absolute;top:50%;right:-8px;margin-top:-6px}
.bv-device-link-popup__destination-device-main.status-clear:before,.bv-device-link-popup__source-device-main.status-clear:before{background:#27ab67}
.bv-device-link-popup__destination-device-main.status-clear .connect-arrow,.bv-device-link-popup__source-device-main.status-clear .connect-arrow{fill:#27ab67}
.bv-device-link-popup__destination-device-main.status-clear .destination-details,.bv-device-link-popup__destination-device-main.status-clear .source-details,.bv-device-link-popup__source-device-main.status-clear .destination-details,.bv-device-link-popup__source-device-main.status-clear .source-details{border-color:#27ab67}
.bv-device-link-popup__destination-device-main.status-critical:before,.bv-device-link-popup__source-device-main.status-critical:before{background:#888}
.bv-device-link-popup__destination-device-main.status-critical .connect-arrow,.bv-device-link-popup__source-device-main.status-critical .connect-arrow{fill:#888}
.bv-device-link-popup__destination-device-main.status-critical .destination-details,.bv-device-link-popup__destination-device-main.status-critical .source-details,.bv-device-link-popup__source-device-main.status-critical .destination-details,.bv-device-link-popup__source-device-main.status-critical .source-details{border-color:#888}
.bv-device-link-popup__destination-device-main.status-trouble:before,.bv-device-link-popup__source-device-main.status-trouble:before{background:#888}
.bv-device-link-popup__destination-device-main.status-trouble .connect-arrow,.bv-device-link-popup__source-device-main.status-trouble .connect-arrow{fill:#888}
.bv-device-link-popup__destination-device-main.status-trouble .destination-details,.bv-device-link-popup__destination-device-main.status-trouble .source-details,.bv-device-link-popup__source-device-main.status-trouble .destination-details,.bv-device-link-popup__source-device-main.status-trouble .source-details{border-color:#888}
.bv-device-link-popup__destination-device-main.status-attention:before,.bv-device-link-popup__source-device-main.status-attention:before{background:#ece585}
.bv-device-link-popup__destination-device-main.status-attention .connect-arrow,.bv-device-link-popup__source-device-main.status-attention .connect-arrow{fill:#ece585}
.bv-device-link-popup__destination-device-main.status-attention .destination-details,.bv-device-link-popup__destination-device-main.status-attention .source-details,.bv-device-link-popup__source-device-main.status-attention .destination-details,.bv-device-link-popup__source-device-main.status-attention .source-details{border-color:#ece585}
.bv-device-link-popup__destination-device-main{padding-right:0;padding-left:10px}
.bv-device-link-popup__destination-device-main:before{right:inherit;left:0}
.bv-device-link-popup__destination-device-main .connect-arrow{right:inherit;left:-8px}
.bv-device-link-popup .destination-details,.bv-device-link-popup .source-details{border:1px solid #dcdcdc;border-radius:4px;padding:12px;height:125px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}
.bv-device-link-popup .destination-details__device-img,.bv-device-link-popup .source-details__device-img{height:32px}
.bv-device-link-popup .destination-details__device-name,.bv-device-link-popup .source-details__device-name{font-family:latoBold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center}
.bv-device-link-popup .destination-details__interface-details,.bv-device-link-popup .source-details__interface-details{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-device-link-popup .destination-details__interface-name,.bv-device-link-popup .source-details__interface-name{color:#1976d2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:175px;text-align:center;cursor:pointer;line-height:24px}
.bv-device-link-popup .destination-details__interface-edit-delete,.bv-device-link-popup .source-details__interface-edit-delete{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer}
.bv-device-link-popup .destination-details__interface-edit-delete:hover,.bv-device-link-popup .source-details__interface-edit-delete:hover{background:#f0f0f0}
.bv-device-link-popup .destination-details__configure-btn,.bv-device-link-popup .source-details__configure-btn{background:#f0f9f4;border:1px solid #27ab67;padding:4px 16px;border-radius:4px;cursor:pointer;color:#1d824e;height:32px}
.bv-device-link-popup__device-group{border:1px solid transparent;border-radius:4px;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.bv-device-link-popup__device-group .group-options{border-radius:0}
.bv-device-link-popup__device-group .group-options>div {width: 50% !important;border-radius: 0}
.bv-device-link-popup__device-group.bordered{border-color:#dcdcdc;padding:12px}

.bv-slider__col.severity_1,.bv-slider__col.severity_2,.bv-slider__col.severity_3,.bv-slider__col.severity_4,.bv-slider__col.severity_5,.bv-slider__col.severity_6,.bv-slider__col.severity_7,.bv-slider__col.severity_8{background:none !important}
.bv-slider__col.severity_1 .bv-device-link-popup__device-icon{border-color:#fa5b5a}
.bv-slider__col.severity_1 svg{fill:#000000}
.bv-slider__col.severity_2 .bv-device-link-popup__device-icon{border-color:#faad5a}
.bv-slider__col.severity_2 svg{fill:#000000}
.bv-slider__col.severity_3 .bv-device-link-popup__device-icon{border-color:#e8de65}
.bv-slider__col.severity_3 svg{fill:#000000}
.bv-slider__col.severity_4 .bv-device-link-popup__device-icon{border-color:#ac4cab}
.bv-slider__col.severity_4 svg{fill:#000000}
.bv-slider__col.severity_5 .bv-device-link-popup__device-icon{border-color:#46bb7d}
.bv-slider__col.severity_5 svg{fill:#000000}
.bv-slider__col.severity_6 .bv-device-link-popup__device-icon{border-color:#626262}
.bv-slider__col.severity_6 svg{fill:#000000}
.bv-slider__col.severity_7 .bv-device-link-popup__device-icon{border-color:#7f7f7f}
.bv-slider__col.severity_7 svg{fill:#000000}
.bv-slider__col.severity_8 .bv-device-link-popup__device-icon{border-color:#5DA5DA}
.bv-slider__col.severity_8 svg{fill:#000000}


.bv-device-link-popup__footer {display: -webkit-box;display: -ms-flexbox;display: flex;border-top: 1px solid #dcdcdc;padding: 16px;flex-direction:row-reverse;gap:12px}
.bv-device-link-popup__footer .opmBtn{min-width:auto;margin:0 !important;padding:8px 24px;border-radius:4px}
.bv-device-link-popup__group-header .opmCheckBox.compact label{line-height:16px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-device-link-popup__group-header .opmCheckBox.compact .desc{color:#848689;font-size:12px}
.bv-device-link-popup__group-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.bv-device-link-popup__device-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.bv-device-link-popup__device-left svg{position:absolute;top:50%;right:-8px;margin-top:-5px;z-index:-1}
.bv-device-link-popup__device-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.bv-device-link-popup__device-right svg{right:inherit;left:-8px}
.bv-device-link-popup__device-icon {width: 54px;height: 54px;border-radius: 50%;border: 4px solid #27ab67;background: #fff;display:flex;align-items:center;justify-content:center}
.bv-device-link-popup__device-icon img{width:32px;height:auto}

.bv-device-link-popup__device-group .bv-slider__col{max-width:261px}

.bvpopupOverlay{display:none;position:fixed;top:50px;left:0;background:rgba(0, 0, 0, .3);width:100%;height:100%;align-items: center;justify-content: center;z-index: 100;overflow: auto;}
.bvpopupOverlay.active{display: flex;}

.bv-device-link-popup__device-name {background: #fff;padding: 8px;font-family: latoBold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 175px;}
.bv-preview__container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.bv-preview__header{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index: 1000;position: relative;}
.bv-preview__nav{border-right:1px solid #dcdcdc;cursor:pointer;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.bv-preview__nav:hover{background:#f0f0f0}
.bv-preview__info{justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0px 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-preview__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-family:latoBold;gap:4px;align-items: center;}
.bv-preview__title span#bvNameViewHeader{white-space: nowrap;max-width: 250px;overflow: hidden;text-overflow: ellipsis;display: block;}
/*.bv-preview__title span.bv-preview__title-msg{font-size: 12px;display: flex;width: auto;height: auto;float: none;padding: 4px 8px;gap: 8px;border-radius: 4px;font-family: 'LatoRegular'}*/
.bv-preview__count{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#848689}
.bv-preview__count>div:first-child{padding-right:8px;border-right:1px solid #dcdcdc}
.bv-preview__actions {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 8px;padding: 8px;z-index: 1;}
.bv-preview__view-type{width:120px;height:32px;border-radius:2px}
/*.bv-preview__view-type > .common-tooltip > .li.active{background:#fff}*/
.bv-preview__header,.bv-side-panel.bv-list{display:none}
.settingsCnt.opmAsideSection.topoMapNew .bv-preview__header,.settingsCnt.opmAsideSection.topoMapNew .bv-side-panel.bv-list{display:flex}
.settingsCnt.topoMapNew > section .settingsContent.opmMapBV .opmFormHolder,.settingsCnt.topoMapNew.opmAsideSection.settingsNoAside .opmMapBV .opmFormHolder.mapPageHolder{top:52px}
.bv-preview__title-msg{height:30px !important;top:0;display:flex;align-items: center;justify-content: center;gap:8px;background:rgba(0, 166, 247, 0.15);border-bottom:1px solid rgba(0, 166, 247, 0.4);z-index: 1}
.bv-preview__title-msg:before{display: none}
/*.bv-device-link-popup__device-name{background:#fff;padding:8px;font-family:latoBold}
.bv-preview__container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.bv-preview__header{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdcdc;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.bv-preview__nav{border-right:1px solid #dcdcdc;cursor:pointer;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.bv-preview__nav:hover{background:#f0f0f0}
.bv-preview__info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-preview__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-family:latoBold;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bv-preview__count{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#848689}
.bv-preview__count>div:first-child{padding-right:8px;border-right:1px solid #dcdcdc}
.bv-preview__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:8px}
.bv-preview__view-type{width:120px;height:32px;border-radius:2px}
*/.bv-zoom-inOut{position:absolute;top:12px;right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;padding:8px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);gap:8px;border-radius:4px}
.bv-zoom-inOut>div{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;cursor:pointer;background:#f0f0f0}
.bv-zoom-inOut>div:hover .bv-view__tool-tip{-webkit-transform:translateY(-50%) scaleY(1);-ms-transform:translateY(-50%) scaleY(1);transform:translateY(-50%) scaleY(1)}
/*New Business view ends*/

.bv_dynamic_text tspan{line-height:150% !important}
/*.joint-highlight-stroke.joint-theme-default{stroke:#F2CC0E !important;stroke-dasharray: 8,4 !important;stroke-width:4 !important;padding: 10px !important}*/
.joint-highlight-stroke.joint-theme-default{stroke:#4a7bcb !important;stroke-width:2 !important;padding: 10px !important;transform-origin: left 3% !important;}

.bvDeviceFilter .select2.select2-container.select2-container--default{padding-left: 25px;padding-top: 2px;border-radius: 2px;}
.bvDeviceFilter em{position:absolute;top: 8px;left: 10px;z-index:1}
.bvDeviceFilter{position:relative}

.bv-side-panel__title .action_btn .bv-side-panel__entities-filter{width:250px;right: 1px;left:inherit;top: 24px;}
.bv-side-panel__title .action_btn .bv-side-panel__entities-filter.active{display:block}

.bv_circle_image {width: 30px; height: 30px;border: 1px solid #D3D3D3;border-radius: 50%;display: inline-block}
.bv_square_image {width: 30px;height: 30px; border: 1px solid #D3D3D3; display: inline-block}
.bv-linkActions {-webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3))}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > .ui-th-div > input {appearance:none;-webkit-appearance:none}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > .ui-th-div > input::before {width: 15px;height: 15px;border: 1px solid #dcdcdc;background: #f0f0f0;border-radius: 3px;position: absolute;top: 0px;left: 1px;content: ""}
.opm_jqGridUI.rcaTable .ui-jqgrid .ui-jqgrid-hdiv thead > tr > th > .ui-th-div > input:checked::after {width: 4px;height: 9px;border-right: 2px solid #44bd7f;border-bottom: 2px solid #44bd7f;position: absolute;top: 2px;left: 7px;content: "";transform: rotate(45deg)}
/* 95th Percentile Adv Rep */
.series-type-dropdown-container .series-type-dropdown.active .series-type-dropdown-list {
  display: block
}
.percentile-div{width:auto;}
.percentile-div > div > div > label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;display: block;margin-right:4px}
.edit-percentile-div > div {display:flex;align-items:center}
.edit-percentile-div > div > input{background:#f0f0f0;border:1px solid #dcdcdc;padding:4px;width:50px;height:24px;margin-right:4px}
.edit-percentile-div > div > label {margin-right:5px;}
/* 95th Percentile Adv Rep */
.groupsMap-breadcrump{position:absolute;top:0px;left:0;z-index:9}
.group-map-view-legends{background:#fafafa;position:absolute;border:1px solid #dcdcdc;border-radius:4px;top:110px;right:12px;padding:16px;padding-bottom:8px;max-width: 160px}
.group-map-view-legends ul li{padding:8px 8px 8px 22px;position:relative;border-bottom:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:block;text-overflow: ellipsis;text-wrap: nowrap;overflow: hidden;}
.group-map-view-legends ul li:last-child{border:0}
.group-map-view-legends ul li:before{background:url(../../img/opm-sprites-v2.svg) no-repeat;width:18px;height:18px;position:absolute;top:50%;left:0;content:"";margin-top:-9px}
.group-map-view-legends ul li.group-map-view-legends__router:before{background-position:-410px 0}
.group-map-view-legends ul li.group-map-view-legends__switch:before{background-position:-430px 0}
.group-map-view-legends ul li.group-map-view-legends__server:before{background-position:-450px 0}
.group-map-view-legends ul li.group-map-view-legends__others:before{background-position:-390px 0}

.layer2AlertInfo.groups-map-info{display: none;}
body.layer2AlertInfoActive .layer2AlertInfo.groups-map-info{top:0px;display: block;}
.group-map-view-legends.groupsMap-legendsTop{top: 17px !important}



/**** Gen AI Prompt CSS ****/
#Alarms_AiSummary { margin-top: -5px !important; }
.codeSandbox.theme2 {background:#353C41;color:#FDFEFE} 
.h-100p {height:100% !important}
.mt-auto {margin-top:auto !important}
/**** Gen AI Prompt CSS Ends ****/

/* GenAI css */
.gen-ai-button {position:relative;font-size:14px;display: inline-block;padding: 4px 10px;line-height: 1.4;border-radius: 4px;border: 1px solid #9C52FF;background: -o-linear-gradient(2deg, #A64DFF 5.88%, #009EFF 98.43%);background: linear-gradient(88deg, #A64DFF 5.88%, #009EFF 98.43%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;cursor:pointer;padding-left:26px;-webkit-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}
.gen-ai-button:hover {opacity: 0.7;}
.gen-ai-button:before {position:absolute;top:6px;left:5px;content: '';width:16px;height:16px;background:url('/apiclient/fluidicv2/img/gen-ai-icon.svg') no-repeat center center; background-size: contain;color: inherit}
.gen-ai-button.fs12 {padding-left:24px}
.gen-ai-button.fs12:before {top:6px;left:6px;width:14px;height:14px}


.gen-ai-content {line-height:1.4;float: left;}

/* Headings */
.gen-ai-content h1,.gen-ai-content h2,.gen-ai-content h3,.gen-ai-content h4,.gen-ai-content h5,.gen-ai-content h6 {font-family: 'LatoBold';margin-bottom: 12px;}
.gen-ai-content h1 {font-size: 2.2em;}
.gen-ai-content h2 {font-size: 1.8em;}
.gen-ai-content h3 {font-size: 1.5em;}
.gen-ai-content h4 {font-size: 1.2em;}

/* Paragraphs */
.gen-ai-content p {margin-bottom: 14px}
.gen-ai-content p:empty {display: none}
.gen-ai-content p code {background:#ececec;padding:2px 5px}
.gen-ai-content strong {font-weight: bold;font-family: 'LatoBold';}

/* Lists */
.gen-ai-content ul,
.gen-ai-content ol {margin-bottom: 16px;padding-left: 20px;}
.gen-ai-content ul {list-style-type: disc;}
.gen-ai-content ol {list-style-type: decimal;}
.gen-ai-content ul li,
.gen-ai-content ol li {margin-bottom: 8px;}
.gen-ai-content a {color: #3498db;text-decoration: none;}
.gen-ai-content a:hover {text-decoration: underline;}

/* Horizontal Rule */
.gen-ai-content hr {border: 0;border-top: 1px solid #ccc;margin: 24px 0;}

/* InfoBox Custom css */
.gen-ai-content .infoBoxBlue {border-radius:5px}
.gen-ai-content .infoBoxBlue p:empty {display:none}
.bv-slider__delete-img:hover svg{fill:#fff}
.bv-slider__delete-img > em{margin-top:-9px}
.bv-device-link-popup{padding:0 2px;width:600px;background:#fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:101;margin:100px 0}
.bv-device-link-popup input[type=text]{border:1px solid #dcdcdc;padding:6px 12px;width:100%;background:#f0f0f0;height:32px;font-family:LatoRegular;}
.bv-device-link-popup input[type=text]:hover{background:#f4f5f6}
.bv-device-link-popup__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #dcdcdc}
.bv-device-link-popup__header .icon-remove{position:relative;cursor:pointer}
.bv-device-link-popup__container {padding: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 16px;max-height: 560px;overflow: auto;}
.bv-device-link-popup__title{font-size:18px;font-family:latoBold;margin-bottom:8px}
.bv-device-link-popup__device-connect-info{font-size:12px}
.bv-device-link-popup__container .half-col-only{width:calc(50% - 8px)}
.bv-device-link-popup__device-group{border:1px solid transparent;border-radius:4px;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.bv-device-link-popup__device-group .group-options{border-radius:0}
.bv-device-link-popup__device-group .group-options>div {width: 50% !important;border-radius: 0}
.bv-device-link-popup__device-group.bordered{border-color:#dcdcdc;padding:12px}
.bv-slider__col.severity_1,.bv-slider__col.severity_2,.bv-slider__col.severity_3,.bv-slider__col.severity_4,.bv-slider__col.severity_5,.bv-slider__col.severity_6,.bv-slider__col.severity_7,.bv-slider__col.severity_8{background:none !important}
.bv-slider__col.severity_1 .bv-device-link-popup__device-icon{border-color:#fa5b5a}
.bv-slider__col.severity_1 svg{fill:#000000}
.bv-slider__col.severity_2 .bv-device-link-popup__device-icon{border-color:#faad5a}
.bv-slider__col.severity_2 svg{fill:#000000}
.bv-slider__col.severity_3 .bv-device-link-popup__device-icon{border-color:#e8de65}
.bv-slider__col.severity_3 svg{fill:#000000}
.bv-slider__col.severity_4 .bv-device-link-popup__device-icon{border-color:#ac4cab}
.bv-slider__col.severity_4 svg{fill:#000000}
.bv-slider__col.severity_5 .bv-device-link-popup__device-icon{border-color:#46bb7d}
.bv-slider__col.severity_5 svg{fill:#000000}
.bv-slider__col.severity_6 .bv-device-link-popup__device-icon{border-color:#626262}
.bv-slider__col.severity_6 svg{fill:#000000}
.bv-slider__col.severity_7 .bv-device-link-popup__device-icon{border-color:#7f7f7f}
.bv-slider__col.severity_7 svg{fill:#000000}
.bv-slider__col.severity_8 .bv-device-link-popup__device-icon{border-color:#5DA5DA}
.bv-slider__col.severity_8 svg{fill:#000000}


.bv-device-link-popup__footer {display: -webkit-box;display: -ms-flexbox;display: flex;border-top: 1px solid #dcdcdc;padding: 16px;flex-direction:row-reverse;gap:12px}
.bv-device-link-popup__footer .opmBtn{min-width:auto;margin:0 !important;padding:8px 24px;border-radius:4px}
.bv-device-link-popup__group-header .opmCheckBox.compact label{line-height:16px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.bv-device-link-popup__group-header .opmCheckBox.compact .desc{color:#848689;font-size:12px}
.bv-device-link-popup__group-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
.bv-device-link-popup__device-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.bv-device-link-popup__device-left svg{position:absolute;top:50%;right:-8px;margin-top:-5px;z-index:-1}
.bv-device-link-popup__device-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.bv-device-link-popup__device-right svg{right:inherit;left:-8px}
.bv-device-link-popup__device-icon {width: 54px;height: 54px;border-radius: 50%;border: 4px solid #27ab67;background: #fff;display:flex;align-items:center;justify-content:center}
.bv-device-link-popup__device-icon img{width:32px;height:auto}

.bv-device-link-popup__device-group .bv-slider__col{max-width:261px}

.bvpopupOverlay{display:none;position:fixed;top:50px;left:0;background:rgba(0, 0, 0, .3);width:100%;height:100%;align-items: center;justify-content: center;z-index: 100;overflow: auto;}
.bvpopupOverlay.active{display: flex;}

.bv-zoom-inOut{position:absolute;top:12px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;padding:8px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);gap:8px;border-radius:4px}
.bv-zoom-inOut>div{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;cursor:pointer;background:#f0f0f0}
.bv-zoom-inOut>div:hover .bv-view__tool-tip{-webkit-transform:translateY(-50%) scaleY(1);-ms-transform:translateY(-50%) scaleY(1);transform:translateY(-50%) scaleY(1)}
/*New Business view ends*/

.bv_dynamic_text tspan{line-height:150% !important}
/*.joint-highlight-stroke.joint-theme-default{stroke:#F2CC0E !important;stroke-dasharray: 8,4 !important;stroke-width:4 !important;padding: 10px !important}*/
.joint-highlight-stroke.joint-theme-default{stroke:#4a7bcb !important;stroke-width:2 !important;padding: 10px !important}

.bvDeviceFilter .select2.select2-container.select2-container--default{padding-left: 25px;padding-top: 2px;border-radius: 2px;}
.bvDeviceFilter em{position:absolute;top: 8px;left: 10px;z-index:1}
.bvDeviceFilter{position:relative}

.bv-side-panel__title .action_btn .bv-side-panel__entities-filter{width:250px;right: 1px;left:inherit;top: 24px;}
.bv-side-panel__title .action_btn .bv-side-panel__entities-filter.active{display:block}

.bv_circle_image {width: 30px; height: 30px;border: 1px solid #D3D3D3;border-radius: 50%;display: inline-block}
.bv_square_image {width: 30px;height: 30px; border: 1px solid #D3D3D3; display: inline-block}
.bv-linkActions {-webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3))}

.systemPerSetHeader,.systemPerSetChild > div{display:flex;justify-content:space-between}
.systemPerSetHeader .systemPerSetProper,.systemPerSetChild > div .systemPerSetProper {width:70% !important;display:flex;}
.systemPerSetHeader .systemPerSetValue, .systemPerSetChild > div .systemPerSetValue{display:flex;width: 30% !important;gap:12px;align-items:center; padding-bottom: 4px;}
.systemPerSetHeader .systemPerSetValue .opmFormCol, .systemPerSetChild > div .systemPerSetValue .opmFormCol{width:auto !important}
.systemPerSetHeader .systemPerSetValue .opmFormCol:not(.inputLable) input, .systemPerSetChild > div .systemPerSetValue input{width:100px !important;max-width:100% !important}
.selfMonitoring  .systemPerSetHeader .systemPerSetProper label{margin-top: 7px;display: block;}
.deviceSlideContainer2.PerMoniInfoNotes .deviceBtn{height:auto}
.deviceSlideContainer2.PerMoniInfoNotes .deviceContent{bottom:168px}
.deviceSlideContainer2.PerMoniInfoNotes .AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom {
    height: calc(100vh - (205px + var(--AddVendorMonitorsGridHolderContentFixedHeightY))) !important
}
html.hideMainTopBand .deviceSlideContainer2.PerMoniInfoNotes .AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom {
    height: calc(100vh - (155px + var(--AddVendorMonitorsGridHolderContentFixedHeightY))) !important
}
html.opmTopBandBannerActive .deviceSlideContainer2.PerMoniInfoNotes .AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom {
    height: calc(100vh - (245px + var(--AddVendorMonitorsGridHolderContentFixedHeightY))) !important
}
html.opmTopBandBannerActive.hideMainTopBand .deviceSlideContainer2.PerMoniInfoNotes .AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom {
    height: calc(100vh - (195px + var(--AddVendorMonitorsGridHolderContentFixedHeightY))) !important
}
.AddVendorMonitorsGridHolder.opmFormHolder-FixedBtnBottom {transition:height 250ms}

#gen-ai-privacy-notice {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index: 9}
#gen-ai-privacy-notice .popUpBox{width:550px}
@media screen and (max-height:800px) {
    #gen-ai-privacy-notice .popUpBox {top:120px;transform:translate(-50%, 0px);height:calc(100vh - 150px);overflow:auto;}
}


.nfaUserManagementScope.tab1{max-width:100%;width:100%;}
.nfaUserManagementScope.tab1 .tab1Content{padding:24px}
.nfaUserManagementScope.tab1 > ul{background:none;border:0}
.nfaUserManagementScope.tab1 > ul > li{border-top:1px solid #dcdcdc;padding:0 16px;line-height:40px;display:flex}
.nfaUserManagementScope.tab1 > ul > li:first-child{border-left:1px solid #dcdcdc}
.nfaUserManagementScope.tab1 > ul > li.active:before, .tab1 > ul > div.active:before{height:3px}
.nfaUserManagementScope.tab1 > ul > li span.nfaGroupLabel{margin-right:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:140px}

.bvEntitiesSelected {background-color: #f3faf5;}
#bv-bulk-edit-menu {-webkit-box-shadow:0 0 12px 8px rgba(85,85,85,.1);box-shadow:0 0 12px 8px rgba(85,85,85,.1);padding:0px; border-radius:5px}

#MapMain_Container.settingsCnt.topoMapNew #MapsAside{display:none}
#MapMain_Container.settingsCnt.topoMapNew #MapsAside + section{left:0}
#MapMain_Container.settingsCnt.topoMapNew .opmMapBVNavBar.bvViewPage{background:#fff;border-bottom:1px solid #dcdcdc;display:flex;justify-content:space-between;}
#MapMain_Container.settingsCnt.topoMapNew .bv-side-panel.bv-list{position:absolute;z-index: 2;left:-300px}
/*#MapMain_Container.settingsCnt.topoMapNew .bv-side-panel.bv-list.active{left:0;transition:.5s}*/
#MapMain_Container.settingsCnt.topoMapNew .map-view-formHolder {top: 52px !important;left: 0 !important;padding: 0 !important}
#MapMain_Container.settingsCnt.topoMapNew .map-view-formHolder .bv-joint-js-view{border:0;border-radius:0}
#MapMain_Container.settingsCnt.topoMapNew .bv-side-panel.bv-list ul li{cursor: pointer !important;}
#MapMain_Container.settingsCnt.topoMapNew .screen-resize .searchIcon{display: none;}

.bv-Map-view,.bv-List-view,.bv-Dashboard-view{display: none !important}
.settingsContent.opmMapBV.List .bv-preview__actions .opm-search-box,.settingsContent.opmMapBV.Dashboard .bv-preview__actions .opm-search-box{display:none}
.settingsContent.opmMapBV.List .opmMapDeviceFilter.bv-severity-filter,.settingsContent.opmMapBV.Dashboard .opmMapDeviceFilter.bv-severity-filter{display:none}


.settingsContent.opmMapBV.MapView .action_btn.drop-down:hover .bv-Map-view{display:block !important;width:172px}
.settingsContent.opmMapBV.List .action_btn.drop-down:hover .bv-List-view{display:block !important;width:220px !important}
.settingsContent.opmMapBV.Dashboard .action_btn.drop-down:hover .bv-Dashboard-view{display:block !important;width:190px !important}
.bv-time-filter{display:none}
.bv-time-filter .opm-custom-time-chooser__view.type1{background:#f0f0f0;border-color:#dcdcdc}
.bv-time-filter .opm-custom-time-chooser__view.type1 span.textBold{display:none}
.settingsContent.opmMapBV.Dashboard .bv-time-filter{display:flex}

.bv-list-nav-close{display:none !important}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open .bv-side-panel.bv-list{left:0}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open .bv-preview__header{left:300px;width:calc(100% - 300px);position:relative;}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open .opmFormHolder{left:300px !important}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open #props-action{bottom:10px;margin-left:2px;}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open .bv-list-nav-close{display:block !important;}
#MapMain_Container.settingsCnt > section .settingsContent.opmMapBV.bv-list-open .bv-list-nav-open{display:none !important;}
#MapMain_Container.settingsCnt.topoMapNew .opmMapDeviceFilter .gmapSevCircle,#MapMain_Container.settingsCnt.topoMapNew .opmMapDeviceFilter .gmapSevCircle .count{cursor: default;}
#MapMain_Container.settingsCnt.topoMapNew .opmMapDeviceFilter .gmapSevCircle[data-severitycnt="0"]{display: none;}
#MapMain_Container.settingsCnt.topoMapNew .opmMapDeviceFilter .gmapSevCircle:not[data-severitycnt="0"]{display: none;}
#MapMain_Container.settingsCnt.topoMapNew .bv-joint-js > .screen-resize{height:74px;width:28px}
#MapMain_Container.settingsCnt.topoMapNew .bv-joint-js > .screen-resize i{margin:0 4px 0}
#MapMain_Container.settingsCnt.topoMapNew .bv-joint-js > .screen-resize i:last-child{margin-bottom:0}
.bv-list-noData .create-rca a{width: auto;}
.helpCard.smallWidCenter.bv-settings .helpCardInfo {width: 200px;left: -100px}
.helpCard.smallWidCenter.bv-settings .helpCardInfo:before{left:87px}
.bv-side-panel__entities-info .bv-name-text{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;width: 250px;}
.deviceInfoToolTip.bv-old-tooltipHide > .des:after{display: none;}
.bv-slider__title.bv-shortutSubMaps span.select2-selection__rendered{width:220px !important}
.opmMapBV.bv-list-open.MapView .layer2AlertInfo.active{top: 51px;left:300px;right:0;width:calc(100% - 300px)}
.opmMapBV.MapView .layer2AlertInfo.active{left:0px;width:100%;top: 51px;}
.opmMapPage .settingsCnt.opmAsideSection.topoMapNew .settingsContent:before,body.settingsPage.slideDivIn-8 #PageContent.opmMapPage:before{z-index:1001;transition: none;}
.opmMapPage .settingsCnt.opmAsideSection.topoMapNew .settingsContent .slideContent.slideContent-9{z-index:1002}


/* WCAG Buttons reorder related css changes */
.opmFormCol.opmBtnHldr.wcagfix-btn-reorder,.opmBtnHldrTop.wcagfix-btn-reorder, .add-instant-widget__action-btn .wcagfix-btn-reorder, .opmBtnHldr.wcagfix-btn-reorder,.AddNotes .opmBtnHldr.wcagfix-btn-reorder {display: flex !important;justify-content: flex-end;}
.opmFormCol.opmBtnHldr.wcagfix-btn-reorder .opmBtn.btn-grey.pull-left,.opmFormCol.opmBtnHldr.wcagfix-btn-reorder .opmBtn.pull-left{justify-self: flex-start;margin-right: auto;}
/* WCAG Focus highlighter related css changes */
.focus-ring input:focus,.focus-ring select:focus,.focus-ring textarea:focus,.focus-ring button:focus,.focus-ring a:focus,.focus-ring .opm_link:focus,.focus-ring .selBox>div .select2-container:hover,.focus-ring .selBox>div .select2-container.select2-container--focus,.focus-ring [role="button"]:focus,.focus-ring [role="menu"]:focus,.focus-ring [role="checkbox"]:focus,.focus-ring [role="radiobutton"]:focus,.focus-ring [role="tab"]:focus,.focus-ring [role="link"]:focus,.focus-ring [role="dropdown"]:focus,.focus-ring .role-button:focus,.focus-ring .opmTileCheckBox>div:focus-within,.focus-ring .opmCheckBox>div:focus-within,.focus-ring .checkBoxWithDesc:focus-within,.focus-ring .schedule-timezone .opmCheckBox:focus-within,.focus-ring .opmRadioBtn>div:focus-within,.focus-ring .chkRoundBtn:focus-within,.focus-ring .fileUpload:focus-within,.focus-ring .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow>td:first-child>input:focus+i,.focus-ring .icon-thumbs-up[role="button"]:focus:before,.focus-ring .enableDisableBtn:focus-within,.focus-ring .opmCheckBox>.opmCheckBoxAccrBtn.wcagfix-focus-reset:focus label{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--blue-500),0 0 10px var(--blue-200);border-radius:2px;z-index:1}
.focus-ring .wcagfix-focus-reset:focus,.focus-ring .wcagfix-focus-reset[role="menu"]:focus{box-shadow:unset;border-radius:unset}
.focus-ring .opmCusGrid>.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-bdiv>div>table>tbody>tr>td:first-child input:focus+i,.focus-ring .opmCusGrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels>th>div>input:focus+span{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--blue-500),0 0 10px var(--blue-200);border-radius:2px;z-index:unset}
.focus-ring .opmBtn:focus,.focus-ring [role="button"]:focus,.focus-ring .reportCriteria__toggleBox>input:focus+label{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--brand-600),0 0 10px var(--brand-300);border-radius:3px}
.focus-ring .NavUl>li>a:focus{box-shadow:inset 0 0 0 2px var(--brand-400),0 0 0 2px var(--brand-600),0 0 10px var(--brand-300);border-radius:3px;background:var(--brand-700)!important}
.focus-ring .opmBtn.btn-grey:focus{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--blue-300),0 0 10px var(--blue-200)}


.combo-input { display: inline-flex; align-items: center; border: 1px solid #ccc; overflow: hidden; background: #f9f9f9; font-family: LatoRegular}
.combo-input>button { width: 36px; height: 36px; border: none; background: #e0e0e0; color: #333; font-size: 24px; cursor: pointer; transition: background 0.2s; outline: none; font-weight: bold;font-family: LatoRegular}
.combo-input>button:active { background: #d0d0d0;}
.combo-input>input[type="number"] { width: 40px; height: 36px; border: none; text-align: center; font-size: 14px; background: transparent; outline: none; -moz-appearance: textfield; font-family: LatoRegular}
.combo-input>input[type="number"]::-webkit-outer-spin-button, .combo-input>input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; font-family: LatoRegular}
.no-min-width { min-width: 0 !important; }
.cursor-btn{ display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background: #f0f0f0; padding: 2px; transition: background 0.2s; font-family: LatoRegular; border: 1px solid #d0d0d0;}
.cursor-btn:hover { background: #e0e0e0; }
.cursor-btn.active { background: #d6f4e4; border: 1px solid #7edeab; }

.custom-cursor.--light {
    --pointer-cursor: url('../../img/pointer-light.svg') 6 6, pointer;
    --hand-cursor: url('../../img/hand-light.svg') 6 6, auto;
}

.custom-cursor.--dark {
    --pointer-cursor: url('../../img/pointer-dark.svg') 6 6, pointer;
    --hand-cursor: url('../../img/hand-dark.svg') 6 6, auto;
}
html.custom-cursor,.custom-cursor body {
    cursor: var(--pointer-cursor);
}
.custom-cursor select,.custom-cursor textarea,.custom-cursor button,.custom-cursor input[type="button"],.custom-cursor input[type="submit"],.custom-cursor a,.custom-cursor .opm_link,.custom-cursor .selBox>div .select2-container:hover,.custom-cursor .selBox>div .select2-container.select2-container--focus,.custom-cursor [role="button"],.custom-cursor [role="menu"],.custom-cursor [role="checkbox"],.custom-cursor [role="radiobutton"],.custom-cursor [role="tab"],.custom-cursor [role="link"],.custom-cursor [role="dropdown"],.custom-cursor .role-button,.custom-cursor .opmTileCheckBox>div,.custom-cursor .opmCheckBox>div,.custom-cursor .checkBoxWithDesc,.custom-cursor .schedule-timezone .opmCheckBox,.custom-cursor .opmRadioBtn>div,.custom-cursor .chkRoundBtn,.custom-cursor .fileUpload,.custom-cursor .opm_jqGridUI .opmCusGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .ui-widget-content.jqgrow>td:first-child>input+i,.custom-cursor .icon-thumbs-up[role="button"]:before,.custom-cursor .enableDisableBtn {
    cursor: var(--hand-cursor);
}
.wcag-underline-links a,.wcag-underline-links .linkText {
    text-decoration: underline !important;
}
html.horizontalView.hideMainTopBand .custom-esc-message-box{top:40px !important}
html.horizontalView.hideMainTopBand.opmTopBandBannerActive .custom-esc-message-box {top: 80px !important}
.focus-ring .widget-checkbox-row input:focus{box-shadow: 0 0 0 2px var(--brand-600),0 0 10px var(--brand-300);border-radius: 3px;background: var(--brand-700)!important}
.focus-ring .dashboardWidgetIcons [role="button"]:focus{z-index:2;}
.focus-ring .searchBtn[role="button"]:focus{box-shadow: 0 0 0 2px var(--brand-600),0 0 10px var(--brand-300)}
.focus-ring .opmDashboardSubLinks .list a:focus, .focus-ring .opmDashboardSubLinks .list [role="button"]:focus{box-shadow: inset 0 0 0 2px var(--blue-300),0 0 0 0 var(--blue-300),0 0 10px var(--blue-200);}
.opmDashboardSubLinks .more > a:focus + .moreList{display:block}
.lastNoteColumn .notes_inlist {width: 300px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}