/* Minification failed. Returning unminified contents.
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(486,28): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-hover-link-bg-color'
(487,17): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-hover-link-font-color'
(499,28): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-disabled-background-color'
(504,17): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-table-line-color'
(511,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-bg-color'
(534,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-dropdown-hover-font-color'
(556,17): run-time error CSS1039: Token not allowed after unary operator: '-Main-background-color-nav'
(563,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-item-color'
(564,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(583,22): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-bg-color'
(605,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-header-bg-color'
(611,24): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-border-color'
(615,17): run-time error CSS1039: Token not allowed after unary operator: '-main-light-color-for-font-on-dark'
(619,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-bg-color'
(620,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-font-color'
(621,18): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-border-color'
(623,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-font-family'
(627,21): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-font-color'
(628,32): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-bg-color'
(629,29): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-border-color'
(640,22): run-time error CSS1039: Token not allowed after unary operator: '-header-company-logo'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-header-page-title-color'
(646,23): run-time error CSS1039: Token not allowed after unary operator: '-header-page-title-font-family'
(651,17): run-time error CSS1039: Token not allowed after unary operator: '-header-page-label-color'
(652,24): run-time error CSS1039: Token not allowed after unary operator: '-header-page-label-font-family'
(659,17): run-time error CSS1039: Token not allowed after unary operator: '-header-producer-info-label-color'
(660,23): run-time error CSS1039: Token not allowed after unary operator: '-header-producer-info-label-font-family'
(672,28): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(691,28): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-bg-color'
(692,17): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-font-color'
(693,24): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-border-color'
(694,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(703,76): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(716,22): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-side-image-url'
(725,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-res-btn-bg-color'
(726,17): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-res-btn-font-color'
(739,17): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-heading-font-color'
(745,24): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-border-color'
(750,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-panel-bg-color'
(751,24): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-panel-border-color'
(758,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(759,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-bg-color'
(764,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(765,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-header-background-color'
(769,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(785,17): run-time error CSS1039: Token not allowed after unary operator: '-grid-body-font-color'
(812,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-background-color'
(813,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-border-color'
(822,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-background-color'
(835,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-first-font-color'
(843,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-second-font-color'
(848,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-first-background-color'
(849,21): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-first-font-color'
(871,22): run-time error CSS1039: Token not allowed after unary operator: '-Main-page-background-color'
(872,23): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(878,22): run-time error CSS1039: Token not allowed after unary operator: '-login-line-under-header'
(883,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-line-color'
(895,22): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color-nav-bottom'
(901,28): run-time error CSS1039: Token not allowed after unary operator: '-main-boxes-color'
(907,17): run-time error CSS1039: Token not allowed after unary operator: '-main-links-color'
(908,23): run-time error CSS1039: Token not allowed after unary operator: '-main-links-font'
(921,17): run-time error CSS1039: Token not allowed after unary operator: '-form-control-label'
(922,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(927,17): run-time error CSS1039: Token not allowed after unary operator: '-list-span-color'
(932,17): run-time error CSS1039: Token not allowed after unary operator: '-headings-font-color'
(933,23): run-time error CSS1039: Token not allowed after unary operator: '-headings-font-family'
(941,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(943,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(947,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(953,18): run-time error CSS1039: Token not allowed after unary operator: '-Main-background-color-nav'
(954,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(958,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(960,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(967,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(975,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-family'
(983,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-family'
(991,17): run-time error CSS1039: Token not allowed after unary operator: '-textbox-font-color'
(992,28): run-time error CSS1039: Token not allowed after unary operator: '-textbox-background-color'
(993,28): run-time error CSS1039: Token not allowed after unary operator: '-form-control-border-color'
(1000,28): run-time error CSS1039: Token not allowed after unary operator: '-textbox-border-color'
(1002,79): run-time error CSS1039: Token not allowed after unary operator: '-textbox-focus-border-shade-color'
(1003,71): run-time error CSS1039: Token not allowed after unary operator: '-textbox-focus-border-shade-color'
(1008,45): run-time error CSS1039: Token not allowed after unary operator: '-textbox-autofil-background-color'
(1025,17): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-font-color'
(1056,17): run-time error CSS1039: Token not allowed after unary operator: '-widget-field-icon-color'
(1083,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-nav-buttons-default-disabled-font-color'
(1092,17): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-font-color'
(1093,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-bg-color'
(1094,24): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-border-color'
(1095,23): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-font-family'
(1101,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-font-color'
(1102,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-bg-color'
(1103,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-color'
(1104,76): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(1105,68): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(1115,23): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-family'
(1129,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-color'
(1134,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-font-color'
(1136,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-border-color'
(1155,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-bg-color'
(1156,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-border-color'
(1157,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-font-color'
(1182,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-input-field-background'
(1220,24): run-time error CSS1039: Token not allowed after unary operator: '-calendar-border-color'
(1221,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-border-color'
(1225,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1238,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1251,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-selected-background-color'
(1257,21): run-time error CSS1039: Token not allowed after unary operator: '-calendar-selected-font-color'
(1273,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1278,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1279,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-background-color'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1290,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1291,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1296,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1297,38): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border-shadow'
(1320,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1321,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1322,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-background-color'
(1344,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1345,38): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-focus-border-shadow'
(1351,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-background-color'
(1355,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1356,38): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-focus-border-shadow'
(1397,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-background-color'
(1419,17): run-time error CSS1039: Token not allowed after unary operator: '-label-colors'
(2321,131): run-time error CSS1019: Unexpected token, found ','
(2321,131): run-time error CSS1042: Expected function, found ','
(2321,139): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2385,17): run-time error CSS1039: Token not allowed after unary operator: '-updatedpremiums-labels-color'
(2705,2): run-time error CSS1031: Expected selector, found '/'
(2705,2): run-time error CSS1025: Expected comma or open brace, found '/'
(3102,17): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3479,22): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3506,21): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3538,23): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(3543,23): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(3691,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3692,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3693,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(3704,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3705,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3706,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(3710,21): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3712,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3893,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(4039,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4052,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4284,17): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4421,1): run-time error CSS1019: Unexpected token, found '@import'
(4421,9): run-time error CSS1019: Unexpected token, found 'url('bootstrap-select.css')'
(4538,17): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(5140,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(5144,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(5193,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(5199,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(5205,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(5216,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(5265,28): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-background-color'
(5272,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-bg-color'
(5274,76): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(5275,68): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(5280,24): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(5282,17): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(5284,31): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(5286,28): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-background-color'
(5437,22): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(5442,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(5543,24): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5546,17): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5548,31): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5557,24): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5560,17): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5562,31): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5653,24): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5654,31): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5655,31): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5659,31): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5661,28): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5699,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-font-color'
(5704,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(5733,22): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-backgroundcolor'
(5734,17): run-time error CSS1039: Token not allowed after unary operator: '-bottom-button-color'
(5820,28): run-time error CSS1039: Token not allowed after unary operator: '-page-inside-div-color'
(5836,28): run-time error CSS1039: Token not allowed after unary operator: '-page-outside-boundary-div-color'
(5843,28): run-time error CSS1039: Token not allowed after unary operator: '-page-outside-boundary-div-color'
(6095,28): run-time error CSS1039: Token not allowed after unary operator: '-client-page-save-button-div-color'
(6100,28): run-time error CSS1039: Token not allowed after unary operator: '-inside-page-form-color-main'
(6104,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-div-color-padding'
(6109,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-div-color-padding'
(6117,17): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6123,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-div-color-padding'
(6146,17): run-time error CSS1039: Token not allowed after unary operator: '-epp-tree-rightside-color'
(6190,28): run-time error CSS1039: Token not allowed after unary operator: '-page-outside-boundary-div-color'
(6198,17): run-time error CSS1039: Token not allowed after unary operator: '-inside-page-form-color'
(6202,28): run-time error CSS1039: Token not allowed after unary operator: '-page-inside-div-color'
(6208,28): run-time error CSS1039: Token not allowed after unary operator: '-page-inside-div-color'
(6214,28): run-time error CSS1039: Token not allowed after unary operator: '-page-inside-div-color'
(6267,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-background-color'
(6271,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-div-main-color'
(6277,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(6282,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-color'
(6286,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-background-color'
(6291,17): run-time error CSS1039: Token not allowed after unary operator: '-panel-fontcolor'
(6737,24): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6739,17): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6741,31): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6743,28): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-background-color'
(6751,51): run-time error CSS1046: Expect comma, found '0'
(6751,55): run-time error CSS1046: Expect comma, found '/'
(6752,43): run-time error CSS1046: Expect comma, found '0'
(6752,47): run-time error CSS1046: Expect comma, found '/'
(6770,18): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6834,28): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6837,28): run-time error CSS1039: Token not allowed after unary operator: '-search-client-button--all-border-color'
(6901,35): run-time error CSS1039: Token not allowed after unary operator: '-activeMenu-border--all-color'
(6902,22): run-time error CSS1039: Token not allowed after unary operator: '-activeMenu-background--all-color'
(7183,28): run-time error CSS1039: Token not allowed after unary operator: '-page-inside-div-color'
(7478,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
*/
.navbar {
background: linear-gradient(to left, #1d99a3, #a3cd60), linear-gradient(to left, #1d99a3, #a3cd60);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
}
#myNavbar {
background: linear-gradient(to left, #233d94, #233d94), linear-gradient(to left, #233d94, #233d94);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
}
nav .navbar-collapse {
justify-content: center;
}
#navbarNav .nav-link {
text-transform: uppercase;
color: #a3cd60;
font-size: 15px;
font-weight: bold;
padding-bottom: 20px;
font-weight: bold;
padding-top: 17px;
border-bottom: 9px solid transparent;
}
#navbarNav .nav-item:hover .nav-link,
#navbarNav .nav-item.active .nav-link {
color: #1d99a3;
border-bottom: 9px solid #1d99a3;
background: #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.k-menu .k-item, .k-menu.k-header {
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-size: 100% 5px;
background-repeat: no-repeat;
}
.summaryIcon, .blubIcon, .covIcon, .calIcon, .payIcon, .covrIcon {
background: url('images/sprite.png') no-repeat;
background-size: 11.5rem;
max-width: 100%;
display: inline-block;
}
.summaryIcon {
height: 21px;
width: 20px;
background-position: 0px -26px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: 0 !important;
}
.nav-tabs {
border-bottom: 0px !important;
}
.mr-2, .mx-2 {
margin-right: .5rem !important;
}
.blubIcon {
height: 23px;
width: 20px;
background-position: -52px -25px;
}
:root {
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*Dark color - currently dark blue*/
--main-dark-color: #233d94;
/* --main-dark-color: #145879;
--#ff0000 */
/*hover color - currently light blue - shiny*/
--hover-color: rgba(123,210,246);
/*Main background color - currently light blue - not shiny*/
/* --Main-background-color: #8BC8DF; */
--Main-background-color: #FFFFFF;
/*background color for header and overall - currently white*/
--header-and-container-bg-color: white;
/*boxes background color - currently grey*/
--grey-boxes-color: #fff;
/*light font color on dark background or light background color for dark font - currently white*/
--main-light-color-for-font-on-dark: #fff;
/*widget header background color/ grid alt row color / dropdown background color - same color like main background but lighter than that*/
--main-widgetHeader-dropdownBackground-gridAltrow-bg-color: #d9ecf5;
/*little darker than background*/
--main-widgetHeader-dropdownBackground-border-color: #bbdceb;
/*panel background and border color*/
--panel-background-color: #1d99a3;
--panel-border-color: #ddd;
--button-color: var(--panel-border-color);
--disabled-font-color: gray;
--disabled-font-colornew: silver;
/*Standard font-family*/
/*curently accumin-pro*/
--labels-font-family: Helvetica;
/*links/dashbord text/ default body whereever acumin is not used/ grid text/ link text / other than labels*/
--body-default-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*sales illustration heading font family and color*/
--header-label-font-family: 'Times New Roman', Times, serif;
--header-label-font-color: #000;
/* NEW CSS VARIABLES ADDED BY DEVENDER */
--main-dark-color-nav-background: #fff; /* FOR NAVIGATION BACKFROUND COLOR*/
--main-light-color-for-font-on-dark-nav: #233d94;
--main-dark-color-nav-active: #1d99a3;
--Main-background-color-nav: #fff;
--Main-background-color-selectlist: #fff;
--Main-background-color-activemenu: #a3cd60;
--main-dark-color-nav-bottom: #a3cd60;
--form-control-border-color: #ced4da;
--form-control-label: #6f6f6f;
--panel-fontcolor: #fff;
--page-inside-div-color: #fff;
--page-outside-boundary-div-color: #5660a80f;
--page-bottom-save-button-div-color: #fff;
--inside-page-form-color: #fff;
--footer-button-div-color: #fff;
--search-client-button-color: #145879;
--search-client-button-border-color: #233d94;
--search-client-button-background-color: #fff;
--gradienttext-1st: #1d99a3;
--gradienttext-2nd: #a3cd60;
--activeMenu-background-color: #fff;
--activeMenu-border-color: #1d99a3;
--menubar-background-color: #fff;
--epptree-rightside-color: #fff;
--summary-panel-color: #fff;
--fullWidth-white-color: #C0C0C0;
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*label colors - currently same as Dark color, assigning variable. But if different required just remove variable and define color*/
--client-page-save-button-div-color: var(--page-bottom-save-button-div-color);
--epp-tree-rightside-color: var(--epptree-rightside-color);
--label-colors: var(--main-dark-color);
/*heading colors*/
--main-headings-color-h1-h2-h3-h4-h5-h6: var(--main-dark-color);
/*dashboard text color*/
--main-dashboard-text-color: var(--main-dark-color);
/*input field related styles*/
--input-fields-border-color: var(--Main-background-color);
--input-fields-background-color: var(--main-light-color-for-font-on-dark);
--input-fields-backround-color-hover: var(--hover-color);
/*main background color with less opacity*/
--input-fields-focus-border-shadow: rgba(102, 175, 233, .6);
--input-fields-autofil-background-color: var(--Main-background-color);
/*checkbox related styles*/
--checkbox-border-color: var(--main-dark-color);
--checkbox-background-color: var(--main-light-color-for-font-on-dark);
--checkbox-backround-color-hover: var(--hover-color);
--checkbox-focus-border-shadow: var(--input-fields-focus-border-shadow);
/*checkbox related styles*/
--radio-button-border-color: var(--main-dark-color);
--radio-button-background-color: var(--main-light-color-for-font-on-dark);
--radio-button-backround-color-hover: var(--hover-color);
--radio-button-focus-border-shadow: var(--input-fields-focus-border-shadow);
/*calendar header/gird header and alternate rows/dropdown list background*/
--widget-header-color: var(--main-widgetHeader-dropdownBackground-gridAltrow-bg-color);
--widget-border-color: var(--main-widgetHeader-dropdownBackground-border-color);
--widget-bg-color: white;
/*button selected/calendar selected/dropdown selected*/
--widget-selected-background-Color: var(--main-dark-color);
--widget-selected-font-color: var(--main-light-color-for-font-on-dark);
--inside-page-form-color-main: var(--inside-page-form-color);
--footer-button-div-color-padding: var(--footer-button-div-color);
--footer-button-div-main-color: var(--footer-button-div-color);
--search-client-button--front-color: var(--search-client-button-color);
--search-client-button--all-border-color: var(--search-client-button-border-color);
--search-client-button--all-background-color: var(--search-client-button-background-color);
--gradienttext-1st-color: var(--gradienttext-1st);
--gradienttext-2nd-color: var(--gradienttext-2nd);
--activeMenu-background--all-color: var(--activeMenu-background-color);
--activeMenu-border--all-color: var(--activeMenu-border-color);
--navigationmenu-background-color: var(--menubar-background-color);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*Buttons style*/
--buttons-font-color: var(--main-dark-color);
--buttons-background-color: white;
--buttons-border-color: var(--main-dark-color);
/*here .6 is opacity which is required for shadow. this color should be in RGB with opacity. the color is same as border color but with opacity*/
/*--buttons-hover-border-glow:rgba(102,175,233,.6);*/
--buttons-hover-border-glow: #5760a899;
--bottom-button-backgroundcolor: #1d99a3;
--bottom-button-color: #fff;
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------Start Main Menu Related colors-----------------*/
/*5.`opus` Menu Background Color*/
/* NEW CSS ADDED BY DEVENDER */
/* --main-menu-bg-color: var(--main-dark-color1); */
--main-menu-bg-color: var(--main-dark-color-nav-background);
/* --main-menu-item-color: var(--main-light-color-for-font-on-dark); */
--main-menu-item-color: var(--main-light-color-for-font-on-dark-nav);
--main-menu-active-item-font-color-nav: var(--main-dark-color-nav-active);
/*7.`opus` Active Menu Item Background Color*/
--main-menu-active-item-bg-color-nav: var(--Main-background-color-nav);
--main-menu-active-item-bg-color: var(--Main-background-color);
/*8. `opus` Active Menu Item Color - font color*/
--main-menu-active-item-font-color: var(--main-dark-color);
/*maine Menu item hover background color*/
--main-menu-item-hover-bg-color: var(--hover-color);
/*main Menu Item hover font color*/
--main-menu-item-hover-font-color: var(--main-dark-color);
/*Menu active dropdown hover BG color*/
--main-menu-dropdown-hover-bg-color: var(--hover-color);
/*Menu active dropdown hover font color*/
--main-menu-dropdown-hover-font-color: white;
/*main Menu dropwon list background color*/
--main-menu-dropdown-list-bg-color: var(--main-light-color-for-font-on-dark);
/*main Menu dropwon list font color*/
--main-menu-dropdown-list-font-color: var(--main-dark-color);
/*------------End Main Menu Related colors-----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------Start summary panel Menu (visible for tablet and mobile) Related colors-----------------*/
--summary-panel-menu-header-bg-color: var(--main-dark-color);
--summary-panel-menu-buttons-bg-color: white;
--summary-panel-menu-buttons-border-color: var(--main-dark-color);
--summary-panel-menu-buttons-font-color: var(--label-colors);
--summary-panel-menu-buttons-font-family: var(--body-default-font-family);
--summary-panel-menu-buttons-hover-bg-color: var(--hover-color);
--summary-panel-menu-buttons-hover-font-color: var(--label-colors);
--summary-panel-menu-buttons-hover-border-color: var(--Main-background-color);
/*------------End summary panel Menu (visible for tablet and mobile) Related colors-----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*--------------Start header related styles-----------------*/
/*1.`opus` Company Logo */
--header-company-logo: url(../Content/images/FcslaLogo.png) no-repeat;
/*2.`opus` Page Title (color and font)*/
--header-page-title-color: var(--header-label-font-color);
--header-page-title-font-family: var(--header-label-font-family);
/*3.`opus` Page Label (color and font)*/
--header-page-label-color: var(--main-dark-color);
--header-page-label-font-family: var(--labels-font-family);
/*4. `opus` Producer Info (color and font)*/
--header-producer-info-label-color: var(--main-dark-color);
--header-producer-info-label-font-family: var(--labels-font-family);
--header-producer-info-value-color: var(--main-dark-color);
--header-producer-info-value-font-family: "var(--labels-font-family)", BODY TEXT;
/* Header background color */
--header-background-color: white;
/*--------------End header related styles-----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start login related styles--------------------*/
/*login page background image*/
/*--main-login-background-image-url: url(../Content/images/LoginBackground.jpg) no-repeat;*/
--main-login-background-image-url: url(../Content/images/Login-BG.jpg);
/*login page button background and font color*/
--login-btn-bg-color: var(--buttons-font-color);
--login-btn-border-color: var(--buttons-border-color);
--login-btn-font-color: var(--buttons-background-color);
/*------------------End login related styles--------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start Dashboard Related Styles------------------------*/
/*11. `opus` Dashboard image*/
--dashboard-side-image-url: url(../Content/images/DashboardImage.jpg) no-repeat;
/*dashboard text class*/
--dashboard-text-font-color: var(--main-dashboard-text-color);
/*Resource button bg/font colors*/
--dashboard-res-btn-bg-color: var(--buttons-font-color);
--dashboard-res-btn-font-color: var(--buttons-background-color);
/*------------------END Dashboard Related Styles------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start Panels and grid Related Styles------------------------*/
/*Panel heading font color*/
--main-panel-heading-font-color: var(--label-colors);
/*main panels background/border color*/
--main-panel-background-color: var(--panel-background-color);
--main-panel-border-color: var(--panel-border-color);
/*dasboard grid panel background*/
--dashboard-panel-bg-color: var(--widget-header-color);
--dashboard-panel-border-color: var(--widget-border-color);
/*dashboard grid styles*/
/*grid border and background color*/
--grid-border-color: var(--widget-border-color);
--grid-bg-color: var(--widget-bg-color);
/*grid header background color/font color*/
--grid-header-background-color: var(--widget-header-color);
--grid-header-font-color: var(--label-colors);
/*grid body border/alt rows/font color*/
--grid-body-font-color: var(--label-colors);
--grid-body-row-alt-color: var(--widget-header-color);
/*grid body row hover color*/
--grid-body-row-hover-color: var(--hover-color);
/*------------------END Panels and grid Related Styles------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------start popup related styles----------------*/
/*popup header background/border/font color*/
--popup-header-background-color: white;
--popup-header-border-color: #ebebeb;
--popup-header-font-color: var(--label-colors);
/*popup body background and font color*/
--popup-body-background-color: white;
--popup-body-font-color: var(--label-colors);
/*popup first button background and font color*/
--popup-button-first-background-color: var(--main-dark-color);
--popup-button-first-font-color: var(--main-light-color-for-font-on-dark);
/*popup second button background and font color*/
--popup-button-second-background-color: var(--widget-header-color);
--popup-button-second-font-color: var(--label-colors);
/*popup active hover - same as active color -first button*/
--popup-button-hover-first-background-color: var(--main-dark-color);
--popup-button-hover-first-font-color: var(--main-light-color-for-font-on-dark);
/*popup button hover color second - button*/
--popup-button-hover-second-background-color: var(--hover-color);
--popup-button-hover-second-font-color: var(--label-colors);
/*------------End popup related styles----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*-----------------Start Standard styles for over all application-------------------*/
/*12. `opus` View background color - main background color for overall application */
--Main-standard-background-color: var(--Main-background-color);
/* 14. `opus` Page background color - COlor outside main container - currently white */
--Main-page-background-color: white;
/* thin line under navbar */
/* --line-under-navbar: var(--main-dark-color); */
--line-under-navbar: var(--main-dark-color-nav-bottom);
/*13. `opus` Footer - inside application*/
--footer-line-color: var(--main-dark-color);
/*Login header line color*/
--login-line-under-header: var(--main-dark-color);
/*18.`opus` Shaded background - all boxes - currently greyish white*/
/*--main-boxes-color: var(--grey-boxes-color); */
--main-boxes-color: var(--grey-boxes-color);
/*10. `opus` Standard link (colors, font)*/
--main-links-color: var(--main-dark-color);
--main-links-font: var(--body-default-font-family);
--main-links-hover: var(--main-dark-color);
/*labels throughout application*/
--standard-labels-color: var(--label-colors);
--updatedpremiums-labels-color: var(--standard-labels-color);
/*Span colors - other than label tags like list labels etc*/
--list-span-color: var(--label-colors);
/*headings font color and font family*/
--headings-font-color: var(--main-headings-color-h1-h2-h3-h4-h5-h6);
--headings-font-family: var(--labels-font-family);
/*Summary panel font colors - illustration*/
--summary-panel-caption: var(--label-colors);
--summary-panel-caption-details: var(--label-colors);
--summary-panel-client-name: var(--label-colors);
/*Input field font/border/backbround colors - textbox*/
--textbox-font-color: #555;
--textbox-background-color: var(--input-fields-background-color);
--textbox-border-color: var(--input-fields-border-color);
/*Input field background color - textbox - hover*/
--textbox-background-color-hover: var(--input-fields-backround-color-hover);
/*input field border shade - textbox - on focus*/
--textbox-focus-border-shade-color: var(--input-fields-focus-border-shadow);
/*input field autofil background color - textbox*/
--textbox-autofil-background-color: var(--input-fields-autofil-background-color);
/*dropdown related styles*/
/*dropdown field border and background colors*/
--dropdown-field-background-color: var(--input-fields-background-color);
--dropdown-field-bordercolor: var(--input-fields-border-color);
/*dropdown field font color*/
--dropdown-field-font-color: var(--label-colors);
/*dropdown field hover background color*/
--dropdown-field-hover-background-color: var(--input-fields-backround-color-hover);
/*dropdown list background color*/
--dropdown-list-background-color: var(--widget-header-color);
/*dropdown list font color*/
--dropdown-list-font-color: var(--label-colors);
/*dropdown hover background and font color*/
--dropdown-list-hover-background-color: var(--input-fields-backround-color-hover);
--dropdown-list-hover-font-color: var(--label-colors);
/*dropdown selected background and font color*/
--dropdown-list-selected-background-color: var(--widget-selected-background-Color);
--dropdown-list-selected-font-color: var(--widget-selected-font-color);
/*icons color of dropdown and calendar*/
--widget-field-icon-color: var(--label-colors);
/*disabled dropdown*/
--dropdown-field-disabled-border-color: var(--dropdown-field-bordercolor);
--dropdown-field-disabled-background-color: var(--dropdown-list-background-color);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*15.`opus` Active Tab (color, border color, background color, font, down arrow color)
16.`opus` Tab (color, border color, background color, font)
*/
/*Calculation panel nav buttons - background/font/font-color/border - default*/
--nav-btn-font-color: var(--buttons-font-color);
--nav-btn-bg-color: var(--buttons-background-color);
--nav-btn-border-color: var(--buttons-border-color);
/*currently button font is same as standard links*/
--nav-btn-font-family: var(--main-links-font);
/*Calculation panel nav buttons - background/font/font-color/border - hover - right now same as default according to current theme*/
--nav-btn-hover-font-color: var(--buttons-font-color);
--nav-btn-hover-bg-color: var(--buttons-background-color);
--nav-btn-hover-border-color: var(--buttons-border-color);
/*currently button font is same as standard links*/
--nav-btn-hover-font-family: var(--main-links-font);
/*Calculation panel nav buttons - background/font/font-color/border/arrow - active - usually bg and font color switch*/
--nav-btn-active-font-color: var(--buttons-background-color);
--nav-btn-active-bg-color: var(--buttons-font-color);
--nav-btn-active-border-color: var(--buttons-border-color);
--nav-btn-active-arrow-color: var(--nav-btn-active-border-color);
/*currently button font is same as standard links*/
--nav-btn-active-font-family: var(--main-links-font);
/*Calculation panel nav buttons - font-color - disabled*/
--calc-nav-buttons-default-disabled-font-color: var(--disabled-font-color);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*17.`opus` Button (color, border color, background color, font)*/
/*1. submit button - glowing border on hover*/
--submit-btn-1-font-color: var(--buttons-font-color);
--submit-btn-1-bg-color: var(--buttons-background-color);
--submit-btn-1-border-color: var(--buttons-border-color);
--submit-btn-1-font-family: var(--labels-font-family);
/*currently on hover all styles are same except glowing border - if required to change just remove variables and apply colors -
switch background with font just like normal hover styling*/
--submit-btn-1-hover-font-color: var(--buttons-font-color);
--submit-btn-1-hover-bg-color: var(--buttons-background-color);
--submit-btn-1-hover-border-color: var(--buttons-border-color);
/*here .6 is opacity which is required for shadow. this color should be in RGB with opacity. the color is same as border color but with opacity*/
--submit-btn-1-hover-border-glow: var(--buttons-hover-border-glow);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*2. submit button - color switching style on hover - default*/
--submit-btn-2-font-color: var(--buttons-background-color);
--submit-btn-2-bg-color: var(--buttons-font-color);
--submit-btn-2-border-color: var(--buttons-border-color);
--submit-btn-2-font-family: var(--labels-font-family);
/* submit button - on hover*/
--submit-btn-2-hover-font-color: var(--buttons-font-color);
--submit-btn-2-hover-bg-color: var(--buttons-background-color);
--submit-btn-2-hover-border-color: var(--buttons-border-color);
/*submit button - disabled*/
--submit-btn-2-disabled-font-color: var(--buttons-background-color);
--submit-btn-2-disabled-bg-color: var(--buttons-font-color);
--submit-btn-2-disabled-border-color: var(--buttons-border-color);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*19. `opus` Summary panel bottom border (currently showing red/white) (color, font, background color)*/
--summary-panel-footer-background: var(--main-dark-color);
--summary-panel-footer-font-color: var(--main-light-color-for-font-on-dark);
--summary-panel-footer-font-family: var(--labels-font-family);
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*calendar input field related styles*/
--calendar-input-field-background: var(--input-fields-background-color);
--calendar-input-field-icon-background: var(--Main-background-color);
/*Calendar widget related styles*/
--calendar-border-color: var(--input-fields-border-color);
--calendar-font-color: var(--label-colors);
--calendar-header-color: var(--widget-header-color);
--calendar-hover-background-color: var(--input-fields-backround-color-hover);
--calendar-selected-background-color: var(--widget-selected-background-Color);
--calendar-selected-font-color: var(--widget-selected-font-color);
/*-----------------END Standard styles for over all application-------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*--------------------------------EApp related styled-------------------------------------*/
/*Eapp tree disabled link font color*/
--Eapp-tree-disabled-link-font-color: var(--label-colors);
/*Eapp tree selected link bg and font color*/
--Eapp-tree-selected-link-bg-color: var(--widget-selected-background-Color);
--Eapp-tree-selected-link-font-color: var(--widget-selected-font-color);
/*Eapp tree hover link bg and font color*/
--Eapp-tree-hover-link-bg-color: var(--hover-color);
--Eapp-tree-hover-link-font-color: var(--label-colors);
/*Eapp table lines color -- currently same color as label*/
--Eapp-table-line-color: var(--label-colors);
/*--------------------------------End Eapp related styled-------------------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*--------------------------------EApp related styled-------------------------------------*/
.k-in.k-state-hover {
background-color: var(--Eapp-tree-hover-link-bg-color) !important;
color: var(--Eapp-tree-hover-link-font-color) !important;
}
/*disabled labels*/
.disabledlabel {
/*color: var(--label-colors) !important;*/
color: #D8D8D8 !important;
}
.k-picker-wrap.k-state-disabled {
border: none;
background-color: var(--dropdown-field-disabled-background-color) !important;
}
/*Eapp table lines color*/
hr {
color: var(--Eapp-table-line-color) !important;
}
/*btn on focus outline*/
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: 5px auto var(--submit-btn-2-bg-color) !important;
}
/*--------------------------------End Eapp related styled-------------------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*-------------------Start Main Menu related colors--------------------*/
/*Menu item hover background*/
.k-menu .k-state-hover {
border-bottom: 9px solid #1d99a3 !important;
background: #fff !important;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
/*.k-menu .k-state-hover > .k-link {
color: #233d94 !important;
background: transparent !important;
}*/
/*Menu active dropdown hover font color*/
.k-menu .k-link.k-state-active {
color: var(--main-menu-dropdown-hover-font-color) !important;
}
/*Menu dropdown list background color*/
ul.k-group.k-menu-group.k-popup.k-reset {
background: #233d94 !important
}
ul.k-group.k-menu-group.k-popup.k-reset > .k-state-hover {
background: #c05900 !important;
}
ul.k-group.k-menu-group.k-popup.k-reset > .k-state-hover > .k-link {
background: transparent !important;
color: white;
}
.k-link.k-state-active.k-state-border-down {
background: #c05900 !important;
border-color: #c05900 !important;
color: #233d94;
}
/*main Menu dropwon list font color*/
ul.k-group.k-menu-group.k-popup.k-reset .k-link {
color: var(--Main-background-color-nav);
}
/*6. `opus` Menu Color - font color*/
.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-widget.k-menu-horizontal > .k-item {
color: var(--main-menu-item-color);
font-family: var(--labels-font-family);
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
/* padding-bottom: 5px;*/
font-weight: bold;
padding:6px;
}
/*5.`opus` Menu Background Color*/
.menuBackground {
text-align: center;
float: right;
display: inline-block;
vertical-align: middle;
}
/*background of navigation header for mobile/tablet view*/
.navbar-header {
background: var(--main-menu-bg-color) !important;
}
/*hamburger lines color*/
.icon-bar {
/*background-color: var(--main-menu-item-color) !important;*/
background-color: #a3cd60;
}
/*-------------------End Main Menu related colors--------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------Start summary panel Menu (visible for tablet and mobile) Related colors-----------------*/
.summaryPanelMenuBody {
border-radius: 0px !important;
background-color: transparent !important;
border: none !important;
}
.summaryPanelMenuHeader {
text-align: left !important;
background-color: var(--summary-panel-menu-header-bg-color) !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-left: 8px !important;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-color: var(--main-panel-border-color) !important;
}
.button-custom {
color: var(--main-light-color-for-font-on-dark) !important;
}
.list-custom {
background-color: var(--summary-panel-menu-buttons-bg-color) !important;
color: var(--summary-panel-menu-buttons-font-color) !important;
border: var(--summary-panel-menu-buttons-border-color) 1px solid !important;
border-radius: 13px !important;
font-family: var(--summary-panel-menu-buttons-font-family) !important;
}
.list-custom:hover {
color: var(--summary-panel-menu-buttons-hover-font-color) !important;
background-color: var(--summary-panel-menu-buttons-hover-bg-color) !important;
border-color: var( --summary-panel-menu-buttons-hover-border-color) !important;
}
/*------------End summary panel Menu (visible for tablet and mobile) Related colors-----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*--------------Start header related styles----------------------------*/
/*1.`opus` Company Logo */
.logo {
background: var(--header-company-logo);
}
/*2. `opus` Page Title (color and font)*/
.head_heading_text h1 {
color: var(--header-page-title-color);
font-family: var(--header-page-title-font-family);
}
/*3. `opus` Page Label (color and font)*/
.head_content_bottom_left h1 {
color: var(--header-page-label-color);
font-family: var( --header-page-label-font-family);
}
/*4. `opus` Producer Info label (color and font)*/
.opusHeaderAddress {
color: var(--header-producer-info-label-color) !important;
font-family: var(--header-producer-info-label-font-family);
}
/*`opus` Producer Info value (color and font)*/
.opusHeaderAddressBlack {
color: white !important;
}
/* Header background color */
#divHeader {
background-color: var(--header-background-color);
}
/*--------------End header related styles-----------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start login related styles--------------------*/
/*login page background image*/
/*#divActionPanelLogin {
background: var(--main-login-background-image-url) no-repeat;
}*/
.button_login {
background-color: var(--login-btn-bg-color) !important;
color: var(--login-btn-font-color) !important;
border-color: var(--login-btn-border-color) !important;
font-family: var(--labels-font-family) !important;
padding: 1px 40px !important;
height: 40px !important;
line-height: 40px;
border: none !important;
text-transform: uppercase;
}
.button_login:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--submit-btn-1-hover-border-glow) !important;
}
/*------------------End login related styles--------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start dashboard related styles--------------------*/
/*11. `opus` Dashboard image*/
#divActionPanelResource {
background: var(--dashboard-side-image-url);
}
.dashboardtext {
color: #233d94;
}
/*Resource button bg/font colors*/
.PGLDisplayBox {
background-color: var(--dashboard-res-btn-bg-color);
color: var(--dashboard-res-btn-font-color);
}
/*------------------End dashboard related styles--------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------------Start Panels and grid Related Styles------------------------*/
/*Panel heading font color*/
.panel-title {
color: var(--main-panel-heading-font-color);
}
/*main panels background/border color*/
.panel-default > .panel-heading {
background-color: #233d94 !important;
border-color: var(--main-panel-border-color) !important;
}
/*dasboard grid panel background*/
.panel-info > .panel-heading {
background-color: var(--dashboard-panel-bg-color) !important;
border-color: var(--dashboard-panel-border-color) !important;
}
/*dashboard grid styles*/
/*grid border and background color*/
.k-grid.k-widget {
border-color: var(--grid-border-color) !important;
background-color: var(--grid-bg-color) !important
}
/*grid header border and background color*/
.k-grid-header {
border-color: var(--grid-border-color) !important;
background-color: var(--grid-header-background-color) !important;
}
.k-grid-header-wrap {
border-color: var(--grid-border-color) !important;
}
.k-grid-header th.k-header {
border-color: #5660a8 !important;
background-color: #5660a86b !important;
}
/*grid header font color*/
.k-grid-header th.k-header > .k-link {
color: #233d94 !important;
}
/*grid body rows-col border color*/
.k-grid tr td {
border-color: #5660a8 !important;
color: var(--grid-body-font-color);
}
/*grid alternate rows*/
.k-alt {
/* background-color: var(--grid-body-row-alt-color) !important; */
background-color: #5660a826 !important;
}
/*grid hover rows background color*/
.k-grid tr:hover {
background-color: #5660a86b !important;
}
/*------------------END Panels and grid Related Styles------------------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*------------start popup related styles----------------*/
.k-window.k-dialog {
/*background-color: transparent !important;*/
border: none !important;
}
/*popup header background/border color*/
.k-dialog .k-window-titlebar {
background-color: var(--popup-header-background-color) !important;
border-color: var(--popup-header-border-color) !important;
}
/*popup header font color*/
.k-dialog .k-dialog-titlebar .k-dialog-title {
color: #233d94 !important;
}
/*popup body background/font color*/
.k-dialog .k-content {
background-color: var(--popup-header-background-color) !important;
color: #233d94 !important;
}
/*popup first button background and font color*/
.k-button-group .k-button.k-primary {
/*
background-color: var(--popup-button-first-background-color) !important;
color: var(--popup-button-first-font-color) !important;
*/
background-color: #c05900 !important;
color: var(--popup-button-first-font-color) !important;
}
.k-button-group .k-button.k-primary:hover {
background-color: #e07b00;
}
/*popup second button background and font color*/
.k-button-group .k-button {
background-color: #fff !important;
color: var(--popup-button-second-font-color) !important;
}
/*popup active hover - same as active color -first button*/
.k-button-group .k-button:active:hover {
background-color: var(--popup-button-hover-first-background-color) !important;
color: var(--popup-button-hover-first-font-color) !important;
}
/*popup button hover color second - button*/
.k-button.k-state-hover, .k-button:hover {
background: #e07b00 !important;
color: white !important;
}
/*------------End popup related styles----------------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*-----------------Start Standard styles for over all application-------------------*/
/*12. `opus` View background color - main background color for overall application */
/*.main_content {
background: var(--Main-background-color-new) !important;
}
*/
/* 14. `opus` Page background color - COlor outside main container - currently white */
body {
background: var(--Main-page-background-color) !important;
font-family: var(--body-default-font-family) !important;
}
/*Login header line color*/
.header_bottom_bg_clr {
background: var(--login-line-under-header);
}
/*13. `opus` Footer - inside application*/
.foorter_bottom_bg_clr {
background: var(--footer-line-color);
}
/* thin line under navbar */
/*
.header_second_bg_clr {
background: var(--line-under-navbar);
}
*/
.header_second_bg_clr {
background: var(--main-dark-color-nav-bottom);
}
/*18. `opus` Shaded background - all boxes - currently greyish white*/
.panel {
background-color: var(--main-boxes-color);
}
/*10. `opus` Standard link (colors, font)*/
a {
color: var(--main-links-color) !important;
font-family: var(--main-links-font);
}
a:hover {
color: #c05900 !important;
}
.opusSearchlink:hover, .opusSearchlink:active, .opusSearchlink:focus {
background: none !important;
}
/*labels throughout application*/
label {
/* color: var(--standard-labels-color); */
color: var(--form-control-label) !important;
font-family: var(--labels-font-family);
}
/*Span colors - other than label tags like list labels etc*/
div > span {
color: var(--list-span-color);
}
/*headings font color and font family*/
h1, h2, h3, h4, h5, h6 {
color: var(--headings-font-color);
font-family: var(--headings-font-family);
}
.opusOptional {
display: none !important;
}
/*Summary panel font colors - illustration*/
.SummaryCaptions {
color: var(--summary-panel-color);
/* color: var(--summary-panel-caption); */
font-family: var(--labels-font-family);
}
.SummaryRiderCaptions {
color: var(--summary-panel-color);
/* color: var(--summary-panel-caption); */
font-family: 13;
}
.SummaryClientName {
color: var( --Main-background-color-nav);
font-family: var(--labels-font-family);
}
.SummaryDetails {
color: var(--panel-fontcolor) !important;
/* color: var(--summary-panel-client-name) !important;*/
font-family: var(--labels-font-family);
}
/*19. `opus` Summary panel bottom border (currently showing red/white) (color, font, background color)*/
.SummaryExcessPremDiv {
/* background-color: var(--summary-panel-footer-background); */
background-color: var(--summary-panel-color);
color: #000;
/* max-width: 302px; */
font-size: 20px;
}
.SummaryExcessPremTitle {
font-family: var(--summary-panel-footer-font-family);
/*color: var(--summary-panel-footer-font-color) !important;*/
color: #000 !important;
}
.SummaryExcessPremDetail {
font-family: var(--summary-panel-footer-font-family);
/* color: var(--summary-panel-footer-font-color) !important;*/
}
/*Input field font/border/backbround colors - textbox*/
.form-control {
color: var(--textbox-font-color);
background-color: var(--textbox-background-color);
border: 1px solid var(--form-control-border-color) !important;
border-radius: .75rem;
padding: 20px;
}
/*input field border shade - textbox - on focus*/
.form-control:focus {
border-color: var(--textbox-border-color);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--textbox-focus-border-shade-color);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--textbox-focus-border-shade-color);
}
/*input field autofil background color - textbox*/
.form-control:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px var(--textbox-autofil-background-color) inset;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*dropdown related styles*/
/*dropdown field border and background colors*/
/*.k-dropdown-wrap.k-state-default {
border-color: var(--form-control-border-color) !important;
background-color: var(--dropdown-field-background-color) !important;
}*/
/*dropdown field font color*/
.k-dropdown .k-input {
color: var(--dropdown-field-font-color);
}
.k-list-container .k-list .k-item {
color: white !important;
}
.k-list-container.k-popup.k-group.k-reset > .k-list-scroller {
background-color: #233d94 !important;
color:white !important;
}
.k-list-container.k-popup.k-group.k-reset {
background-color: #233d94 !important;
}
/*dropdown hover background and font color*/
.k-list-container .k-list .k-item.k-state-hover {
background-color: #c05900 !important;
color: white !important
}
/*dropdown selected background and font color*/
.k-list-container .k-list .k-item.k-state-selected {
background-color: #c05900 !important;
color: white !important;
box-shadow: none;
}
/*icons color of dropdown and calendar*/
.k-state-default > .k-select {
color: var(--widget-field-icon-color) !important
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*--------buttons related style - start--------*/
/*---Calculation navbar specific----*/
/*Calculation panel nav buttons - background/font/font-color/border - default*/
/*Calculation panel nav buttons - background/font/font-color/border - hover - right now same as default*/
.nav > li > a:hover, .nav > li > a:focus {
color: #c05900 !important;
}
/*Calculation panel nav buttons - background/font/font-color/border/arrow - active*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
text-decoration: underline solid #233d94;
color: #233d94 !important;
background:transparent;
}
a.eAppLinksGray:link, a.eAppLinksGray:visited {
color: var(--calc-nav-buttons-default-disabled-font-color) !important;
cursor: default !important;
}
/*submit buttons*/
/*1. glowing border on hover*/
.btn-opusaction {
color: var(--submit-btn-1-font-color);
background-color: var(--submit-btn-1-bg-color);
border-color: var(--submit-btn-1-border-color);
font-family: var(--submit-btn-1-font-family);
}
.btn-opusaction:focus,
.btn-opusaction:active,
.btn-opusaction:hover {
color: var(--submit-btn-1-hover-font-color);
background-color: var(--submit-btn-1-hover-bg-color);
border-color: var(--submit-btn-1-hover-border-color);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--submit-btn-1-hover-border-glow) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--submit-btn-1-hover-border-glow) !important;
}
/*2. color switching on hover*/
.btn-opusstd {
color: #fff !important;
background-color: #233d94;
border-color: #233d94;
font-family: var(--submit-btn-2-font-family);
}
.btn-opusstd:hover, .btn-opusstd:focus, .btn-opusstd:active, .btn-opusstd:active, .open > .dropdown-toggle.btn-opusstd {
color: #233d94 !important;
background-color: #c05900 !important;
border-color: #c05900 !important;
}
/*EApp browse button TESTTODAY*/
.btn-opusstd span {
color: var(--submit-btn-2-font-color) !important;
}
.btn-opusstd:hover > span, .btn-opusstd:focus > span, .btn-opusstd:active > span, .btn-opusstd:active > span, .open > .dropdown-toggle.btn-opusstd > span {
color: var(--submit-btn-2-hover-font-color) !important;
background-color: transparent !important;
border-color: var(--submit-btn-2-hover-border-color) !important;
}
.btn-opusstd.disabled,
.btn-opusstd[disabled],
fieldset[disabled] .btn-opusstd,
.btn-opusstd.disabled:hover,
.btn-opusstd[disabled]:hover,
fieldset[disabled] .btn-opusstd:hover,
.btn-opusstd.disabled:focus,
.btn-opusstd[disabled]:focus,
fieldset[disabled] .btn-opusstd:focus,
.btn-opusstd.disabled:active,
.btn-opusstd[disabled]:active,
fieldset[disabled] .btn-opusstd:active,
.btn-opusstd.disabled.active,
.btn-opusstd[disabled].active,
fieldset[disabled] .btn-opusstd.active {
background-color: var(--submit-btn-2-disabled-bg-color) !important;
border-color: var(--submit-btn-2-disabled-border-color) !important;
color: var(--submit-btn-2-disabled-font-color) !important;
}
/*----buttons related style - End -----------*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*Calendar related*/
.k-picker-wrap {
height: 33px !important;
}
/*calendar background color*/
.k-picker-wrap > .k-input {
/*height: 28.2px !important;
margin-left: -1px !important;
margin-top: -1px !important;
width: 100% !important;
background-color: var(--calendar-input-field-background); */
height: 22.2px !important;
margin-left: -1px !important;
margin-top: -1px !important;
width: 94% !important;
background-color: var(--calendar-input-field-background);
}
/*calendar background color - icon part*/
.k-picker-wrap > .k-select {
height: 36px !important;
width: 27px !important;
background-color: #233d94 !important;
color: white !important;
border-radius: 0px !important;
border-left: 0px;
/*margin-right: -1px;*/
/*margin-right: -9px;*/
margin-top: -1px;
border-bottom-right-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.k-picker-wrap > .form-control {
padding-right: 0px !important;
}
@media (min-width:768px) and (max-width:991.5px) {
.k-picker-wrap > .form-control {
/*padding-right: 12px !important;*/
}
/*.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}*/
}
/*Calendar widget related color*/
.k-calendar-container {
border-color: var(--calendar-border-color) !important;
background-color: var(--calendar-border-color) !important;
}
.k-calendar > .k-content {
color: var(--calendar-font-color) !important;
}
.k-calendar > .k-header {
background-color: #233d94;
}
.k-calendar > .k-header > .k-link {
color: white !important;
}
.k-calendar .k-link {
color: var(--calendar-font-color) !important;
}
.k-calendar > .k-header > .k-link.k-state-hover {
background-color: #c05900 !important;
color: #233d94 !important;
}
.k-calendar td.k-state-hover {
background-color: #c05900 !important;
}
.k-calendar td.k-state-selected {
background-color: var(--calendar-selected-background-color) !important;
box-shadow: none !important;
border: none !important;
}
.k-calendar td.k-state-selected > .k-link {
color: var(--calendar-selected-font-color) !important;
}
.k-calendar td.k-today.k-state-focused, .k-calendar td.k-today.k-state-focused.k-state-hover {
-webkit-box-shadow: inset 0 0 3px 1px #233d94 !important;
box-shadow: inset 0 0 3px 1px #233d94 !important;
}
.k-calendar .k-today {
-webkit-box-shadow: inset 0 0 0 1px #233d94 !important;
box-shadow: inset 0 0 0 1px #233d94 !important;
}
.k-calendar td.k-state-focused {
-webkit-box-shadow: inset 0 0 3px 1px #233d94 !important;
box-shadow: inset 0 0 3px 1px #233d94 !important;
}
/*-----------------END Standard styles for over all application-------------------*/
:checked.k-checkbox:focus {
border-color: var(--checkbox-border-color);
box-shadow: 0px 0px 0px 2px #c05900;
}
:checked.k-checkbox {
border-color: var(--checkbox-border-color);
color: var(--checkbox-background-color);
background-color: var(--checkbox-border-color) !important;
}
/*.k-checkbox:hover {
border-color: var(--checkbox-border-color);
color: var(--checkbox-border-color);
background-color: var(--checkbox-backround-color-hover) !important;
}*/
.k-checkbox:hover {
border-color: var(--checkbox-border-color);
color: var(--checkbox-border-color);
background-color: #c05900 !important;
}
.k-checkbox:focus {
border-color: var(--checkbox-border-color);
box-shadow: 0px 0px 0px 2px var(--checkbox-focus-border-shadow);
outline: none !important;
}
.k-checkbox::before {
content: "\e118";
width: 12px;
height: 12px;
font-size: 12px;
font-family: WebComponentsIcons,monospace;
-webkit-transform: scale(0) translate(-50%, -50%);
-ms-transform: scale(0) translate(-50%, -50%);
transform: scale(0) translate(-50%, -50%);
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
}
.k-checkbox {
/*border-color: rgba(0, 0, 0, .08);*/
border: 1px solid var(--checkbox-border-color);
color: var(--checkbox-border-color);
background-color: var(--checkbox-background-color);
}
.k-checkbox {
border-radius: 2px;
margin: 0;
padding: 0;
width: 12px;
height: 12px;
line-height: initial;
border-width: 1px;
border-style: solid;
outline: 0;
box-sizing: border-box;
display: inline-block !important;
vertical-align: baseline;
position: relative !important;
-webkit-appearance: none;
}
:checked.k-radio:focus {
border-color: var(--radio-button-border-color);
box-shadow: 0px 0px 0px 2px var(--radio-button-focus-border-shadow);
}
:checked.k-radio {
border-color: #233d94;
color: #233d94;
background-color: var(--radio-button-background-color);
}
.k-radio:focus {
border-color: var(--radio-button-border-color);
box-shadow: 0px 0px 0px 2px var(--radio-button-focus-border-shadow);
outline: none !important;
}
:checked.k-radio::before {
border-radius: 50%;
-webkit-transform: scale(1) translate(-50%, -50%);
-ms-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
.k-radio::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background-color: currentColor;
-webkit-transform: scale(0) translate(-50%, -50%);
-ms-transform: scale(0) translate(-50%, -50%);
transform: scale(0) translate(-50%, -50%);
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
}
/*.k-radio:hover {
border-color: var(--radio-button-border-color);
color: var(--radio-button-border-color);
background-color: var(--radio-button-backround-color-hover) !important;
}*/
.k-radio:hover {
border-color: #233d94;
color: #233d94;
background-color: #c05900 !important;
}
.k-radio {
border: 1px solid #233d94;
color: #233d94;
background-color: var(--radio-button-background-color);
}
.k-radio {
border-radius: 50%;
padding: 0 !important;
width: 14px;
height: 14px;
border-width: 1px;
border-style: solid;
outline: 0;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
position: relative !important;
margin: 0px 0px 4px !important;
-webkit-appearance: none;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
html, body {
padding-top: 0;
color: var(--label-colors);
line-height: 1.5;
}
.row {
margin: 0;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Footer */
.footer {
padding: 16px 25px 4px;
border-top: 1px solid #DDD;
color: #777;
}
.black {
background-color: #7bd2f6 !important;
background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
}
.brown {
background-color: black !important;
}
.navbar-toggle {
float: right !important;
}
.footer-left {
width: 459px;
}
.footer-right {
width: 459px;
text-align: right;
}
.footer p {
margin-bottom: 0.4em;
}
.footer .text-separator {
padding: 0 3px;
color: #BBB;
}
.footer a:hover {
color: #000;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1;
margin-bottom: 0.3em;
}
h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2.6em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
/* Links */
a:focus, a:hover {
color: red;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.feed {
background: url('img/icon-feed.gif') no-repeat left center;
padding-left: 18px;
}
a.more {
color: #579;
font-weight: bold;
}
a.more:hover {
color: #234;
}
/* Text elements */
p {
margin-bottom: 1em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin-bottom: 1.5em;
}
blockquote {
margin: 1.5em;
}
del, blockquote {
color: #666;
}
em, dfn, blockquote, address {
font-style: italic;
}
strong, dfn {
font-weight: bold;
}
sup, sub {
line-height: 0;
}
pre {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em monospace;
line-height: 1.5;
}
/* Lists */
li ul, li ol {
margin-left: 1.5em;
}
/*ul, ol {margin: 0 0 1.5em 1.5em;}*/
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
margin-left: 1.9em;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}
/* Special lists */
ul.plain-list li, ul.nice-list li, ul.tabbed li {
list-style: none;
margin-top: 0;
}
ul.tabbed {
display: inline;
margin: 0;
}
ul.tabbed li {
float: left;
}
ul.plain-list {
margin: 0;
}
ul.nice-list {
margin-left: 0;
}
ul.nice-list li {
border-top: 1px solid #EEE;
list-style: none;
padding: 4px 0;
}
ul.nice-list li:first-child {
border-top: none;
}
ul.nice-list li .right {
color: #999;
}
/* Tables */
table {
margin-bottom: 1.4em;
width: 100%;
}
th {
font-weight: bold;
}
thead th {
background: #C3D9FF;
}
th, td, caption {
padding: 4px 10px 4px 5px;
}
tr.even td {
background: #F2F6FA;
}
tfoot {
font-style: italic;
}
caption {
background: #EEE;
}
table.data-table {
border: 1px solid #CCB;
margin-bottom: 2em;
width: 100%;
}
table.data-table th {
background: #F0F0F0;
border: 1px solid #DDD;
color: #555;
text-align: left;
}
table.data-table tr {
border-bottom: 1px solid #DDD;
}
table.data-table td, table th {
padding: 10px;
}
table.data-table td {
background: #F6F6F6;
border: 1px solid #DDD;
}
table.data-table tr.even td {
background: #FCFCFC;
}
/*
Forms
------------------------------------------------------------------- */
label {
cursor: pointer;
font-weight: bold;
text-transform: none;
}
label.checkbox, label.radio {
font-weight: normal;
}
legend {
font-weight: bold;
font-size: 1.2em;
}
textarea {
overflow: auto;
}
input.text, textarea, select {
background: #FCFCFC;
border: 1px inset #AAA;
margin: 0.5em 0;
padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {
background: #FFFFF5;
}
input.button {
background: #DDD;
border: 1px outset #AAA;
padding: 4px 5px;
}
input.button:active {
border-style: inset;
}
/* Specific */
form .required {
font-weight: bold;
}
.form-error {
border-color: #F00;
}
/*.form-row {
padding: 5px 0;
}*/
.form-row-submit {
border-top: 1px solid #DDD;
padding: 8px 0 10px 76px;
margin-top: 10px;
}
.legend {
background: #F0FAF0;
border: 1px solid #D6DFD6;
font-size: 1.5em;
margin: 0;
padding: 8px 14px;
}
.form-property, .form-value {
float: left;
}
.form-property {
padding-top: 8px;
text-align: right;
width: 60px;
}
.form-value {
padding-left: 16px;
}
.form-error {
border-color: #F00;
}
/*
Alignment
------------------------------------------------------------------- */
/* General */
.center, .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Images */
img.bordered, img.alignleft, img.alignright, img.aligncenter {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
}
img.alignleft, img.left {
margin: 0 1.5em 1em 0;
}
img.alignright, img.right {
margin: 0 0 1em 1.5em;
}
/* Floats */
.left, .alignleft {
float: left;
}
.right, .alignright {
float: right;
}
.clear, .clearer {
clear: both;
}
.clearer {
display: block;
font-size: 0;
line-height: 0;
height: 0;
}
.inline {
float: left;
overflow: hidden;
white-space: nowrap;
}
.column-wrapper {
width: 100%;
}
.left-column {
width: 35%;
float: left;
padding-right: 2px;
}
.middle-column {
width: 30%;
float: left;
}
.right-column {
width: 35%;
float: left;
padding-left: 15px;
border: 0;
}
.right-aligned {
text-align: right;
}
.center-aligned {
text-align: center;
}
.bottom-aligned {
vertical-align: bottom;
position: absolute;
}
.fieldset-border {
width: auto;
border: 1px solid #ccc;
padding: 0 10px;
}
.fieldset-border legend {
width: auto;
border: 1px solid #ccc;
padding: 0 10px;
overflow: hidden;
white-space: nowrap;
}
/* grid container */
.grid-blank-container {
width: 460px;
height: 300px;
text-align: center;
vertical-align: middle;
border: 1px solid #ccc;
background-color: white;
}
.grid-blank-container input {
border: 0px;
width: 300px;
height: 200px;
text-align: center;
vertical-align: middle;
}
.grid-container {
width: auto;
border: 1px solid #ccc;
}
.grid-container-data {
width: auto;
border: 1px solid #ccc;
background-color: white;
}
.grid-container-data .row {
border-bottom: 1px solid #ccc;
line-height: 2.0;
}
.grid-header {
width: 100%;
border: 1px solid #555;
overflow: hidden;
white-space: nowrap;
font-weight: bold;
text-align: center;
}
.grid-detail {
width: 100%;
border: 1px solid #555;
}
.grid-detail-highlight {
background-color: #FFFF00;
}
.grid-header .left, .grid-detail .left {
border: 1px solid #555;
width: 75%;
float: left;
overflow: hidden;
white-space: nowrap;
}
.grid-header .right, .grid-detail .right {
border: 1px solid #555;
width: 25%;
float: left;
overflow: hidden;
white-space: nowrap;
}
/* spinner */
.spinner {
width: 100px;
}
.spinner input {
text-align: right;
}
.input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px;
margin-left: -1px;
position: relative;
border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
margin-top: -2px;
border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i {
position: absolute;
top: 0;
left: 4px;
}
.required {
position: relative;
margin-right: 15px;
}
.required:after {
position: absolute;
content: '*';
color: red;
right: -10px;
top: 0;
}
.nav-pill-pad {
padding-right: 15px;
}
.nav-pills > li > a {
background-color: #e7e7e7;
}
/* Form */
.form-group-pad-right {
padding-right: 50px;
}
.form-group-pad-right-extra {
padding-right: 140px;
}
.form-group-blank-column {
width: 227px;
height: 60px;
}
.form-group-pad-select-right {
padding-right: 35px;
}
.form-group-row {
padding-bottom: 15px;
}
.form-group-short-input, .form-group-medium-input, .form-group-long-input {
display: inline-block;
vertical-align: middle;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group-short-input {
width: 50px;
}
.form-group-medium-input {
width: 75px;
}
.form-group-long-input {
width: 125px;
}
.form-group-column {
width: 50%;
min-width: 50%;
}
.green-text {
color: green;
}
.red-text {
color: red;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #EEEEEE -moz-use-text-color #FFFFFF;
border-style: solid none;
border-width: 1.5px 0;
margin: 5px 0;
}
.btn-inverse {
color: #fff;
background-color: #645F5F;
border-color: #A9A9A9;
}
.btn-inverse:active,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
background-color: #525050;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
color: #fff;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
background-color: #428bca;
border-color: #357ebd;
}
.btn-inverse .badge {
color: #428bca;
background-color: #fff;
}
.selectwidthauto {
width: auto !important;
padding-right: 5px;
}
/* On/Off Switch */
.onoffswitch {
position: relative;
width: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid #999;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.1s ease-in 0s;
-webkit-transition: margin 0.1s ease-in 0s;
-o-transition: margin 0.1s ease-in 0s;
transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 20px;
padding: 0;
line-height: 20px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 10px;
background-color: #5cb85c;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 20px;
margin: 1px;
background: #FFFFFF;
border-color: black;
border: 1px solid #999999;
border-radius: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 18px;
-moz-transition: all 0.1s ease-in 0s;
-webkit-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:enabled + .onoffswitch-label {
border-color: black;
}
.onoffswitch-checkbox:enabled + .onoffswitch-label .onoffswitch-switch {
border-color: black;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.input-small {
width: 200px;
}
ul {
list-style-type: none;
}
.leftback-min {
margin-left: -40px;
}
.leftback-large {
margin-left: -100px;
}
.form-dob-control {
display: block;
width: 130px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.divider-fade {
position: relative;
border: none;
margin: 5px 0 5px 0;
height: 1.5px;
*border-bottom: 1px solid #9FC3B1;
background: -moz-linear-gradient(left, rgba(201,203,202,0) 0%, rgba(201,203,202,1) 10%, rgba(201,203,202,1) 90%, rgba(201,203,202,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(201,203,202,0)), color-stop(10%,rgba(201,203,202,1)), color-stop(90%,rgba(201,203,202,1)), color-stop(100%,rgba(201,203,202,0)));
background: -webkit-linear-gradient(left, rgba(201,203,202,0) 0%,rgba(201,203,202,1) 10%,rgba(201,203,202,1) 90%,rgba(201,203,202,0) 100%);
background: -o-linear-gradient(left, rgba(201,203,202,0) 0%,rgba(201,203,202,1) 10%,rgba(1201,203,202,1) 90%,rgba(201,203,202,0) 100%);
background: -ms-linear-gradient(left, rgba(201,203,202,0) 0%,rgba(201,203,202,1) 10%,rgba(201,203,202,1) 90%,rgba(201,203,202,,0) 100%);
background: linear-gradient(to right, rgba(201,203,202,0) 0%,rgba(201,203,202,1) 10%,rgba(201,203,202,1) 90%,rgba(201,203,202,0) 100%);
-pie-background: linear-gradient(left, #fff 0%, #9fc3b1 10%, #9fc3b1 90%, #fff 100%);
}
.premTable tr > td:first-child {
text-align: right;
}
/* first column */
.premTable tr > td:first-child + td {
text-align: right;
}
/* second column */
.premTable tr > td:first-child + td + td {
text-align: right;
}
/* third column */
.premTable tr > td:first-child + td + td + td {
text-align: right;
}
/* fourth column */
.prodTable tr > td:first-child + td {
text-align: right;
}
/* second column */
.prodTable tr > td:first-child + td + td {
text-align: right;
}
/* third column */
.reqTable tr > td:first-child {
font-weight: bold;
}
/* first column */
.reqTable tr {
vertical-align: top;
}
.section {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.ui-spinner {
float: right;
}
.tabs-small {
padding: 5px 10px !important;
}
.updated {
font-weight: bold;
color: #000000;
}
.modified {
font-weight: normal;
color: #EEE;
}
.updatedPremium {
font-weight: normal;
color: var(--updatedpremiums-labels-color);
}
.modifiedPremium {
font-weight: normal;
}
/* Year/Age Switch */
.yearageswitch {
position: relative;
width: 73px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.yearageswitch-checkbox {
display: none;
}
.yearageswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #999999;
border-radius: 20px;
}
.yearageswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.yearageswitch-inner:before, .yearageswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 28px;
padding: 0;
line-height: 28px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.yearageswitch-inner:before {
content: "Year";
padding-left: 10px;
background-color: #1965E0;
color: #FFFFFF;
}
.yearageswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.yearageswitch-switch {
display: block;
width: 25px;
margin: 1px;
background: #FFFFFF;
border: 2px solid #999999;
border-radius: 32px;
position: absolute;
top: 0;
bottom: 0;
right: 43px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.yearageswitch-checkbox:checked + .yearageswitch-label .yearageswitch-inner {
margin-left: 0;
}
.yearageswitch-checkbox:checked + .yearageswitch-label .yearageswitch-switch {
right: 0px;
}
/*.section {
margin-bottom: 25px;
}*/
.sectionFirstRow {
margin-top: 25px;
}
.section-title {
text-align: center;
color: #7A7A7A;
font: bold 1.4em sans-serif;
margin-bottom: 16px;
padding: 7px 10px 6px;
}
.borderBox {
border-radius: 0px;
background-color: rgba(255, 255, 255, .8);
padding: 30px 35px !important;
text-align: center;
}
.k-dropdown-wrap {
/* border: #6ec1df 1px solid !important;*/
/* margin: 0px !important;
height: 34px !important;*/
}
.k-list-scroller {
overflow-x: hidden;
overflow-y: auto;
}
.btnimporsonate {
font-size: 10px !important;
padding-left: 3px !important;
padding-right: 3px !important;
white-space: normal !important;
}
.abc.dropdown-menu {
background: #1d99a3 !important;
}
.dropdown-menu li.opusTreeLink:hover, .dropdown-menu li.opusTreeLink:focus {
/*background: #fff;*/
color: #1d99a3;
}
.dropdown-menu li.opusTreeLink {
/*background: #1d99a3;*/
/*padding: 8px 10px;*/
cursor: pointer;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.signblock li ul {
left: -23px
}
@media (min-width:481px) and (max-width:767px) {
#mainnavbar {
margin-bottom: -7px !important;
}
}
#lblAgentName {
white-space: nowrap;
line-height: 40px;
margin-left: 5px;
}
.signblock li ul .k-bot:after {
width: 2px;
height: 15px;
content: "";
background: #92dde3;
display: inline-block;
position: absolute;
left: 10px;
top: 25px
}
@media (min-width:991px) and (max-width:1199px) {
li#lblAdvProfileli {
position: relative;
top: -7px;
height: 50px;
}
}
@media (min-width:767.5px) and (max-width:991px) {
li#lblAdvProfileli {
position: relative;
top: -7px;
height: 40px;
}
/* #opusMMmenu .k-item {
padding: 0 18px !important;
font-size: 10px !important;
}
*/
.brandname img {
/*max-width: 112px !important;*/
}
.userdp img, .userdp {
width: 35px !important;
height: 35px !important;
}
.navbar-brand {
height: 40px !important;
}
}
@media (max-width:767.5px) {
.navbar-toggle {
position: absolute !important;
right: 0;
margin-right: auto !important;
/*margin-top: 2px !important;*/
margin-left: auto !important;
}
#resourcesEnglish {
display: none;
}
#myNavbar {
background: none !important;
}
#opusMMmenu {
width: 100%;
}
.opusTreeLink.k-last > .k-link {
float: left !important;
}
.opusTreeLink.k-last .k-animation-container {
top: 58px !important;
}
#navButtons {
display: initial !important;
}
#divNavButtons {
background: transparent !important;
float: left;
width: 100%;
}
}
@media (min-width: 1025px) {
.removepadding1 {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width:481px) and (max-width: 1024px) {
.abc {
margin-left: -1px !important;
width: 85%
}
}
@media (max-width: 1024px) {
.removepadding1 {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 480px) {
#opusMMmenu {
padding-left: 2px !important;
}
#opusMMmenu li {
width: 100% !important;
padding-left: 10px !important
}
ul.k-group.k-menu-group.k-popup.k-reset {
margin-left: 14px !important
}
.abc {
width: 100%
}
}
.nopaddingclass {
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 1199px) {
.nopaddingclass {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 875px) {
}
*/
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
.underwritting {
font-size: 10px !important;
}
.customAdvMobile {
min-height: 25px;
width: 100% !important;
font-weight: bold;
padding-top: 10px !important;
}
.customMobile5 {
height: 40px;
width: 100% !important;
font-weight: bold;
padding-top: 10px !important;
}
.buttonHeight {
min-height: 44px !important;
}
/*#advLeftBar {
height: 66px !important
}*/
.buttonWidth {
margin-left: 0px !important;
margin-right: 0px !important;
}
.hero:after {
position: initial;
}
}
@media (max-width: 340px) {
}
@media (min-width: 1368px ) {
/*#loginbox {
width: 350px !important;
padding-top: 0px !important;
background-color: #fff !important;
border-radius: 15px;
width: 95%;
margin: auto;
}*/
}
@media (max-width: 1367px ) {
/*#loginbox {
width: 350px !important;
padding-top: 0px !important;
background-color: #fff !important;
border-radius: 15px;
width: 95%;
margin: auto;
}*/
}
@media (max-width: 1024px ) {
#LoginLogoDiv {
padding-left: 0px !important;
}
#LoginTextDiv {
padding-right: 0px !important;
}
#LoginMainDiv {
padding-left: 0px;
padding-right: 0px;
}
#divHeaderInfo {
padding-right: 0px !important;
}
#productname {
padding-left: 0px !important;
}
}
@media (min-width: 840px ) and (max-width: 870px ) {
#prodcutnamesub {
margin-left: 78px !important;
}
}
@media (min-width: 790px ) and (max-width: 839px ) {
#prodcutnamesub {
margin-left: 73px !important;
}
}
@media (min-width: 740px ) and (max-width: 789px ) {
#prodcutnamesub {
margin-left: 69px !important;
}
}
@media (min-width: 670px ) and (max-width: 739px ) {
#prodcutnamesub {
margin-left: 64px !important;
}
}
@media (min-width: 600px ) and (max-width: 669px ) {
#prodcutnamesub {
margin-left: 60px !important;
}
}
@media (min-width: 560px ) and (max-width: 599px ) {
#prodcutnamesub {
margin-left: 55px !important;
}
}
@media (min-width: 510px ) and (max-width: 559px ) {
#prodcutnamesub {
margin-left: 51px !important;
}
}
@media (min-width: 481px ) and (max-width: 509px ) {
#prodcutnamesub {
margin-left: 47px !important;
}
}
@media (min-width: 780px ) and (max-width: 870px ) {
#LoginMainHeading {
font-size: 28px;
}
#LoginMainHeadingApp {
font-size: 28px;
}
}
@media (min-width: 730px ) and (max-width: 779px ) {
#LoginMainHeading {
font-size: 26px;
margin-top: 12px;
}
#LoginMainHeadingApp {
font-size: 26px;
margin-top: 12px;
}
}
@media (min-width: 690px ) and (max-width: 729px ) {
#LoginMainHeading {
font-size: 25px;
margin-top: 12px;
}
#LoginMainHeadingApp {
font-size: 25px;
margin-top: 12px;
}
}
@media (min-width: 650px ) and (max-width: 689px ) {
#LoginMainHeading {
font-size: 23px;
margin-top: 13px;
}
#LoginMainHeadingApp {
font-size: 23px;
margin-top: 13px;
}
}
@media (min-width: 620px ) and (max-width: 649px ) {
#LoginMainHeading {
font-size: 21px;
margin-top: 14px;
}
#LoginMainHeadingApp {
font-size: 21px;
margin-top: 14px;
}
}
@media (min-width: 525px ) and (max-width: 619px ) {
#LoginMainHeading {
font-size: 19px;
margin-top: 15px;
}
#LoginMainHeadingApp {
font-size: 19px;
margin-top: 15px;
}
}
@media (min-width: 481px ) and (max-width: 524px ) {
#LoginMainHeading {
font-size: 17px;
margin-top: 16px;
}
#LoginMainHeadingApp {
font-size: 17px;
margin-top: 16px;
}
}
@media (max-width: 480px) {
#LoginLogoDiv {
display: flex !important;
justify-content: center;
width: 100% !important
}
#LoginTextDiv {
display: flex !important;
justify-content: center;
width: 100% !important;
margin-top: -5px;
margin-bottom: 10px;
}
#LoginMainHeadingApp {
display: none;
}
#divHeaderInfo {
display: none;
}
#lblProductHeader {
font-family: 'Times New Roman', Times, serif;
}
#productname {
width: 100%;
display: flex;
justify-content: center;
padding-right: 0px !important
}
#prodcutnamesub {
margin-left: 0px !important;
}
}
@media (min-width:455px) and (max-width: 480px ) {
#LoginMainHeading {
margin-left: 25px;
font-size: 30px;
}
}
@media (min-width:440px) and (max-width: 454px ) {
#LoginMainHeading {
margin-left: 23px;
font-size: 29px;
}
}
@media (min-width:420px) and (max-width: 439px ) {
#LoginMainHeading {
margin-left: 25px;
font-size: 28px;
}
}
@media (min-width:400px) and (max-width: 419px ) {
#LoginMainHeading {
margin-left: 28px;
font-size: 27px;
}
}
@media (min-width:380px) and (max-width: 399px ) {
#LoginMainHeading {
margin-left: 25px;
font-size: 25px;
}
}
@media (min-width:368px) and (max-width: 379px ) {
#LoginMainHeading {
margin-left: 23px;
font-size: 24px;
}
}
@media (min-width:348px) and (max-width: 367px ) {
#LoginMainHeading {
margin-left: 26px;
font-size: 23px;
}
}
@media (min-width:330px) and (max-width: 347px ) {
#LoginMainHeading {
margin-left: 27px;
font-size: 22px;
}
}
@media (min-width:320px) and (max-width: 329px ) {
#LoginMainHeading {
margin-left: 28px;
font-size: 21px;
}
}
@media (max-width: 319px) {
#LoginMainHeading {
margin-left: 26px;
font-size: 19px;
}
}
.languageLink {
color: #8b8fba;
font-style: italic;
font-family: sans-serif;
font-weight: bold;
margin: 25px 15px 25px 50px;
}
.languageLink:hover {
color: #2125f1;
font-style: normal;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
}
.section-Error {
text-align: center;
color: var(--main-dark-color); /*#145879;*/
font: bold 1.0em sans-serif;
margin: 15px 0 0 0;
}
.resultbox {
padding: -10px;
border: solid;
border-bottom: none;
border-width: 1px;
border-color: #A9A9A9;
margin-top: 25px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.searchResults {
border: solid;
border-width: 1px;
border-color: #A9A9A9;
background-color: white;
margin-top: -5px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.label {
white-space: normal;
text-align: left;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: none;
background: none;
}
.nav > li > a {
position: relative;
display: block;
padding: 14px 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-radius: 5px;
font-size: 13px;
text-transform: uppercase;
}
.summaryLabel {
margin-bottom: 25px;
}
/*Hiding the spinner for the webkit and firefox*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
/*Making the Tab items Disabled*/
.disabledTab {
pointer-events: none;
}
.deleteStocklink {
color: red;
font-size: 18px;
margin-left: 20px;
}
.deleteStocklink:hover {
text-decoration: none;
color: #c33939;
font-weight: bold;
}
.checkMark::before {
content: '✔';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
text-align: center;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 50%;
box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
.crossMark::before {
content: '✖';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
text-align: center;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 50%;
box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
.spaceForMark::before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
text-align: center;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 50%;
box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
.reqField::after {
color: red;
font-size: 12px;
content: " *";
}
.opusHide {
display: none;
}
.opusHeaderAddress {
text-transform: uppercase;
}
.opusNavClass {
background-color: white;
}
#divReport2 {
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important;
height: 700px;
}
#objReport {
width: 880px;
height: 10000px;
}
.fullscreen-dialog {
width: 98%;
height: 92%;
padding: 0;
}
.fullscreen-content {
height: 99%;
}
.pctBGDisplay {
position: relative; /*Parent MUST be relative*/
z-index: 9;
}
.pctBGDisplay::before {
content: "";
position: absolute; /*set 'child' to be absolute*/
z-index: -1; /*Make this lower so text appears in front*/
top: 0;
bottom: 0;
left: 0;
background: orange;
right: 100%;
}
#processRoleInfo {
width: 970px;
}
#gridProcessByRole {
width: 950px;
}
.ab {
font-size: 13px;
}
@media screen and (max-width: 432px) {
.ab {
font-size: 10px !important;
}
.nav > li > a {
padding: 5px 2px;
font-size: 10px;
}
}
@media (min-width: 433px) and (max-width: 510px ) {
.ab {
font-size: 10px !important;
}
}
@media (min-width:768px) and (max-width: 1199px ) {
#screen {
display: none;
}
/* .modal-dialog {
position: relative;
width: auto;
margin: 10px;
}*/
.panel-padding-custom {
padding-top: 0px !important;
}
}
@media (min-width:620px) and (max-width: 767px ) {
#rightpanel {
margin-top: 20px;
}
}
@media (max-width: 640px ) {
#screen {
margin-top: 20px;
display: none;
}
.panel-padding-custom {
padding-top: 0px !important;
}
}
@media (min-width: 768px ) and (max-width: 991px) {
.ab {
font-size: 10px !important;
}
/* .modal-dialog {
width: 100% !important;
margin: 30px auto;
}*/
}
.modal-content {
margin: 30px auto !important;
}
.panel-custom {
margin-top: 11px;
margin-bottom: 0px;
display: none;
}
.panel-padding-custom {
padding-left: 15px;
padding-top: 60px;
}
.list-custom:disabled {
opacity: 0.5;
}
.list-custom:hover {
background-image: url(textures/highlight.png);
background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)
}
/*Accordion Style Begin*/
.panel-heading .accordion-toggle:after {
font-family: 'Glyphicons Halflings';
content: "\e114";
float: right;
color: #fff;
}
.panel-heading .accordion-toggle.collapsed:after {
content: "\e080";
}
.help-block {
display: block;
margin-top: 1px;
margin-bottom: 5px;
color: darkred !important;
}
.widgetheight {
min-height: 90px;
}
.widgeterror {
min-height: 85px;
}
.k-dropdown
{
height:33px !important;
}
/*Widget Column height customization to handle error End */
.pnlbodymarginadjust {
padding-top: 10px;
padding-bottom: 0px;
}
.pnlheadermarginadjust {
padding-top: 15px;
padding-bottom: 5px;
}
.btntopmargin {
padding-top: 30px;
}
.tab-pane {
height: 150px;
overflow-y: scroll;
overflow-x: hidden;
}
.panel-primary > .panel-heading-custom {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
}
.margin-left {
margin-left: 5px !important;
}
.widget100height {
width: 100%;
}
.divRadioButton {
display: inline;
float: left
}
.invisibledivPadding {
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
width: 100%;
data-width: 100%;
}
.transparentXX {
background: #7f7f7f;
background: rgba(247,242,224,0.5);
border: none;
}
/*::selection {
background: var(--main-dark-color);*/ /*#145879;*/ /* WebKit/Blink Browsers */
/*color: white
}*/
::-moz-selection {
background: var(--main-dark-color); /*#145879;*/ /* Gecko Browsers */
color: white;
}
.widgetRadio100 {
padding-bottom: 15px;
}
.chkboxmarginTwice {
margin-left: -17%;
}
.chkboxmargin {
margin-left: -45px;
}
.chkboxmargintop {
/* padding-top: 30px; */
padding-top: 15px;
}
.opusSearchlink {
color: lightblue;
}
.opusSearchlink:link, .opusSearchlink:visited {
color: var(--main-dark-color); /*#145879;*/
text-decoration: underline;
}
a.Disablelink:link {
pointer-events: none;
}
.eAppLinks, .eAppLinks:visited {
color: green;
}
.eAppLinksBlack, .eAppLinksBlack:visited {
color: black;
}
a.eAppLinks:link, a.eAppLinks:visited {
color: green;
}
a.eAppLinks, a.eAppLinks:visited {
color: green;
}
a.eAppLinksBlack:link, a.eAppLinksBlack:visited {
color: black;
}
.ui-dialog .ui-dialog-content {
background: #F7F2E0;
color: #444;
line-height: 1.5;
font-family: var(--body-default-font-family);
font-size: 14px;
}
.ui-widget button {
font-family: var(--body-default-font-family);
font-size: 13px;
}
.dropdownOptionListCustomization {
height: 2.1em;
}
.waiting {
cursor: progress;
}
/*.fullWidth {
white-space: nowrap;
width: 100%;
background: #5660a80f !important;
}*/
.ob-right {
text-align: right;
}
.k-tooltip {
color: black !important;
background: white !important;
min-width: 10px;
}
.k-widget.k-tooltip {
color: GrayText !important;
background: white !important;
box-shadow: 0 0 5px #aaa;
text-align: left;
border-width: 2px;
}
@media (max-width: 978px) {
#btnSearch2 {
}
}
#lbleAppPEPLine1 {
font-size: 15px;
font-weight: bold;
}
@-moz-document url-prefix() {
.deleteImage {
padding-top: 20px;
}
}
.deleteImage {
display: block;
-moz-box-sizing: border-box;
box-sizing: inherit;
box-sizing: content-box;
background: url('../Content/themes/base/images/trashcan.png') no-repeat;
-webkit-padding-after: 15px;
-webkit-padding-before: 15px;
-webkit-padding-start: 15px;
-webkit-padding-end: 15px;
}
.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
padding: 0px 5px 0px 5px;
line-height: 1.7em;
min-height: 1.75em
}
.fileUpload {
position: relative;
overflow: hidden;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.alignedtop {
margin-top: 6px;
}
.k-list-container .k-list .k-item {
padding-right: 25px;
white-space: nowrap;
text-overflow: ellipsis;
}
#divHeader {
padding-top: 10px;
}
#divHeaderTopMargin {
height: 10px;
background-color: rgb(203,164,69);
}
#divHeaderInfo {
margin-top: 0px;
}
.dropdown-menu {
min-width: 200px;
}
.hero {
position: relative;
}
.hero:after {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
text-decoration: underline;
}
.btn-opusstd {
text-transform: uppercase;
}
.btn-opusmodal {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: white;
background-color: var(--main-dark-color); /*#145879;*/
border-color: var(--main-dark-color); /*#145879;*/
font-family: var(--labels-font-family);
text-transform: uppercase;
margin-top: 10px;
}
.btn-opusaction {
text-transform: uppercase;
}
.btn-opusstd-green {
color: #fff;
background-color: var(--main-dark-color); /*#145879;*/
border-color: var(--main-dark-color); /*#145879;*/
font-family: var(--labels-font-family);
}
.btn-opusstd-green:hover, .btn-opusstd-green:focus, .btn-opusstd-green:active, .btn-opusstd-green:active, .open > .dropdown-toggle.btn-opusstd-green {
color: var(--main-dark-color); /*#145879;*/
background-color: #fff;
border-color: var(--main-dark-color); /*#145879;*/
}
.btn-opusstd-green:disabled {
color: white !important
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
}
.opusIncomeReplacementHeight {
height: 330px;
}
.removeLeftRightMargin {
margin-left: -2px;
margin-right: -2px;
}
td.QMBold {
font-weight: bold;
}
td.QMSumProdName {
width: 225px;
color: black;
text-align: left;
}
td.QMSumProdSelection {
text-align: center;
}
td.QMSumCalcFace {
width: 120px;
text-align: left;
}
td.QMSumCalcPremium {
width: 120px;
text-align: right;
}
td.QMSumCalcPremium span {
width: 120px;
text-align: left;
}
/***** 6-8-18 *****/
header {
width: 100%;
display: inline-block;
padding-top: 20px;
}
.container-fluid {
width: 100%;
}
.logo {
height: 75px;
display: inline-block;
width: 100%;
}
.logo_img {
height: 75px;
width: 75%;
}
.head_heading_text {
text-align: right
}
.head_heading_text h1 {
margin: 11px 0 0 0;
font-weight: normal;
font-size: 30px;
text-align: right;
}
.header_bottom_bg_clr {
width: 100%;
height: 40px;
margin-top: 0px;
margin-bottom: 1px;
}
.foorter_bottom_bg_clr {
width: 100%;
height: 15px;
margin-top: -7px;
margin-bottom: 20px;
}
.header_second_bg_clr {
width: 100%;
height: 5px;
margin-top: 0px;
margin-bottom: 0px;
}
#divActionPanelLogin {
/*width: 100%;*/
/*height:90vh;*/
/*display: inline-block;
background-size: 100% 100%;*/
/* padding-bottom: 9%;
padding-top: 7%;
margin-top: -6px;*/
}
#divActionPanelResource {
height: 370px;
width: 100%;
display: inline-block;
background-size: 100% 100%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 0px;
}
#divActionPanel {
width: 100%;
display: inline-block;
background-size: 100% 100%;
}
.padding_left {
padding-left: 0px !important;
}
.help-block {
text-align: left;
}
.site_footer {
width: 100%;
height: 20px;
background: #2D5D6F;
margin-top: -7px;
}
.head_content_bottom_left h1 {
font-size: 18px;
font-weight: bold;
}
#opusMMmenu li span:hover {
background: transparent;
box-shadow: none
}
#opusMMmenu li span:active {
background-color: black;
box-shadow: none
}
.current {
background: #faaf5e !important;
}
/*
.main_contentImpersonation {
background: #8BC8DF !important;
}*/
.nav > li {
position: relative;
display: block;
text-align: center;
font-family: var(--labels-font-family);
}
.spanLighBlue {
color: #8EC3D5 !important;
}
body {
padding-top: 10px;
line-height: 1.5;
}
body.loginBody {
background-image: none !important;
padding-top: 0px;
line-height: 1.5;
position: relative;
}
.opusPanel {
}
#loginActionDiv {
background-color: #2D5D6F;
width: 1024px;
height: 920px;
position: relative;
left: 1%;
margin: -10px auto; /* -height/2 */
margin-top: 5px;
}
#loginfoheader {
background-color: white;
width: 1024px;
height: 135px;
position: absolute;
top: 1%;
margin: -10px auto; /* -height/2 */
}
#loginfofooter {
background-color: white;
width: 1024px;
height: 135px;
position: absolute;
top: 87%;
margin: -10px auto; /* -height/2 */
}
#loginfofooter div {
float: right;
clear: right;
}
#divLoginBody {
background: url('../Content/images/LoginBackground.jpg') no-repeat;
position: absolute;
top: 15%;
margin: -10px auto; /* -height/2 */
width: 1024px;
height: 650px;
}
.loginlogo {
background: url('../Content/images/True_North_Logo__Blue-2.jpg') no-repeat;
background-size: 100% 100%;
width: 121px;
height: 124px;
margin-left: 15px;
margin-bottom: 10px;
}
.logo {
background-size: 100% 100%;
width: 200px !important;
height: 46px !important;
margin-left: 15px;
margin-bottom: 0px !important;
}
iframe {
border: none;
width: 100%;
}
.output {
background: #eee;
}
divImage {
text-align: justify;
}
divImage img {
display: inline-block;
width: 100px;
height: 100px;
}
divImage:after {
content: '';
display: inline-block;
width: 100%;
}
.btnNewQuote {
display: inline-block;
vertical-align: top;
width: 24%;
margin-top: 25px;
}
.btnNewQuote:hover {
cursor: pointer;
}
.btnGridView {
display: inline-block;
vertical-align: top;
width: 24%;
margin-top: 25px;
}
.btnGridView:hover {
cursor: pointer;
}
img.disabled {
opacity: 0.5;
}
div.disabled {
opacity: 0.5;
}
li.disabled {
opacity: 0.5;
}
.btnNewClient {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 10px;
border: var(--main-dark-color) 1px solid; /*#145879;*/
border-radius: 9px;
}
.btnNewClient:hover {
cursor: pointer;
}
.btnNewEapp {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 27px;
border: var(--main-dark-color) 0px solid; /*#145879;*/
border-radius: 9px;
}
.btnNewEapp:hover {
cursor: pointer;
}
.btnCalculate {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 25px;
}
.btnCalculate:hover {
cursor: pointer;
}
.btnSave {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 25px;
}
.btnSave:hover {
cursor: pointer;
}
.btnRepConf {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 25px;
}
.btnRepConf:hover {
cursor: pointer;
}
.btnViewReport {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 25px;
}
.btnViewReport:hover {
cursor: pointer;
}
.btnApplyCase {
display: inline-block;
vertical-align: top;
width: 15%;
margin-top: 25px;
}
.btnApplyCase:hover {
cursor: pointer;
}
.SummaryCaptions {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.SummaryClientName {
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
}
.SummaryDetails {
font-size: 14px;
font-weight: bold;
}
.SummaryTableCaption {
font-family: 'Segoe UI';
font-size: 16px;
font-weight: bold;
color: #8C8C8C;
}
.SummaryTableDetail {
font-family: 'Segoe UI';
font-size: 16px;
font-weight: bold;
color: #747474;
}
.SummaryExcessPremDiv {
height: 100px;
text-transform: uppercase;
}
.SummaryExcessPremTitle {
font-size: 16px;
font-weight: bold;
}
.SummaryExcessPremDetail {
font-size: 27px;
font-weight: bold;
}
.spanmargin {
margin-top: 10px;
margin-bottom: -5px;
}
.eAppHeading {
margin-left: -1px;
font-size: 1.3em;
color: #FFF;
}
.headingH {
font-weight: bold;
}
.editpenimage {
width: auto;
height: 21px;
content: url('images/editPen-png.png');
}
.deletebinimage {
width: auto;
height: 21px;
content: url('images/trashcan.png');
}
hr {
margin-left: 15px;
margin-right: 15px;
}
.customhr {
margin-left: 0px !important;
margin-right: 0px !important;
}
.eAppPopupMargin {
padding-left: 15px;
}
@media (max-width:480px) {
.customlabelalignment {
text-align: left !important;
}
}
.dahboardLeftPanel {
padding-top: 0px !important;
padding-right: 15px !important;
}
@media only screen and (max-width: 767.5px) {
.dahboardLeftPanel {
padding-right: 0px !important;
padding-bottom: 15px !important;
}
#qouteRightMenu {
padding-left: 0px;
padding-right: 0px;
margin-right: -15px;
}
#maintainenceRight {
padding-left: 0px;
padding-right: 0px;
}
}
.eAppSpace {
margin-top: 15px
}
.eAppLine {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
.eAppLineMargin {
width: 100%;
float: left;
}
.eAppEdit {
text-align: right;
/*margin-top: -7px;*/
}
.eAppDelImage {
margin-top: -4px;
}
.eAppCheckboxHeight {
margin-bottom: -30px;
}
.btnChildPlanDisplay {
display: none !important;
}
.aviationCheckbox {
background-color: transparent !important;
background-image: none !important;
}
.aviationCheckbox2 {
padding: 0px;
margin-bottom: -15px;
}
.margintop {
margin-top: 15px !important;
}
.detailMargin {
margin-top: 15px;
margin-bottom: 15px;
}
.checkboxwidth {
width: 5%;
}
customSpan {
color: var(--main-dark-color) !important; /*#145879;*/
}
.checkboxMain {
display: block
}
.chekboxLabel {
display: inline
}
.checkbox-box {
display: inline
}
.btnCustomWidth {
width: 12.5% !important
}
.k-i-arrow-60-custom {
transform: rotate(90deg) !important;
transition: all .25s ease-out !important;
}
.k-i-arrow-60-rotate {
transform: rotate(0deg) !important;
transition: all .25s ease-out !important;
}
/* Start Blink */
.blink {
-webkit-animation: blink .75s linear infinite;
-moz-animation: blink .75s linear infinite;
-ms-animation: blink .75s linear infinite;
-o-animation: blink .75s linear infinite;
animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-ms-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-o-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/* End Blink */
.mainBackground {
background: #8bc8df !important;
}
/*MenuPGL*/
@import url('bootstrap-select.css');
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-right .navbar-nav > li > a {
color: white;
}
.navbar-right .navbar-nav > li > a:hover,
.navbar-right .navbar-nav > li > a:focus {
background-color: white;
color: rgb(45,93,111);
}
.nav > li.menu-item > a {
padding: 0px;
}
.navbar-nav > li {
/*margin-left: -12px;*/
padding-right: .5rem;
padding-left: .5rem;
}
/*.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}*/
/*.navbar-nav.navbar-right:last-child {
margin-right: 0px !important;
}*/
.navbar-right .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu {
background-color: white;
color: rgb(45,93,111);
}
.navbar-right .navbar-nav > .open > a,
.navbar-right .navbar-nav > .open > a:hover,
.navbar-right .navbar-nav > .open > a:focus {
color: rgb(45,93,111);
background-color: white;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-left: -1.5px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
margin-top: 0px;
color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu {
margin-top: 0px;
}
.dropdown:hover > ul {
display: block;
background-color: white;
}
.dropdown-menu > li > a {
color: rgb(45,93,111);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: white;
color: rgb(45,93,111);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background-color: white;
color: var(--button-color); /*rgb(45,93,111);*/
}
.wrap_top_header {
padding: 20px 0 0 0;
}
/*.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-widget.k-menu-horizontal > .k-item {
position: relative;
float: left;
border-style: none;
border-width: 0 1px 0 0;
vertical-align: top;
zoom: 1;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 0 13.1px;
line-height: 2.0em !important;
text-transform: uppercase !important;
border-radius: 0px;
}*/
/*iiStylesPGL*/
@font-face {
font-family: "Kendo UI";
src: url("https://kendo.cdn.telerik.com/2013.3.1030/styles/images/kendoui.woff") format("woff"), url("https://kendo.cdn.telerik.com/2013.3.1030/styles/images/kendoui.ttf") format("truetype");
}
body:before {
font-family: "Kendo UI";
content: "\a0";
font-size: 0;
width: 0;
height: 0;
position: absolute;
z-index: -1;
}
#example {
padding-top: 2em;
}
header h1,
header button {
display: inline-block;
vertical-align: middle;
}
header .container h1 {
margin: 0;
font-size: 21px;
line-height: 65px;
padding-top: 20px;
padding-left: 0;
}
header h1 sup {
font-size: .6em;
}
#configure,
header label {
border-style: solid;
border-color: #636363;
border-width: 0 0 0 1px;
margin-bottom: 0;
font-weight: normal;
}
header .container {
position: relative;
}
header .description {
text-transform: uppercase;
color: #ccc;
font-size: 10px;
line-height: 29px;
}
header .k-dropdown,
header #font-size-value {
font-size: 18px;
line-height: 45px;
margin-bottom: 9px;
}
header .k-dropdown {
width: 100%;
}
header .k-dropdown-wrap {
background-image: none !important;
}
header .k-dropdown,
header .k-dropdown-wrap.k-state-default {
background-color: transparent;
border-color: #5c5c5c;
border-radius: 0;
}
header .k-dropdown-wrap.k-state-hover,
header .k-dropdown-wrap.k-state-active,
header .k-dropdown-wrap.k-state-focused {
background-color: #030303;
}
header .k-dropdown-wrap.k-state-focused {
box-shadow: none;
}
header .k-dropdown .k-input {
padding-top: 0;
padding-bottom: 0;
height: auto;
text-indent: 14px;
}
header .k-dropdown .k-input,
header .k-dropdown-wrap .k-select {
line-height: 45px;
}
header .k-dropdown .k-i-arrow-s {
background-image: url("https://kendo.cdn.telerik.com/2013.2.918/styles/Bootstrap/sprite.png");
background-position: -16px -32px;
}
header .k-dropdown-wrap.k-state-default .k-input {
color: #fff;
}
.k-popup.ra-list {
background-color: #010101;
border-color: #5c5c5c;
color: #fff;
padding: 0;
border-radius: 0;
}
.k-popup.ra-list .k-state-hover,
.k-popup.ra-list .k-state-selected,
.k-popup.ra-list .k-state-focused {
background-image: none;
background-color: #555;
box-shadow: none;
color: #fff;
border-color: #555;
}
.k-popup.ra-list .k-item {
border-radius: 0;
text-indent: 7px;
}
#configure {
z-index: 10;
width: 50px;
height: 50px;
overflow: hidden;
border-width: 0 0 0 1px;
background-color: transparent;
position: absolute;
top: 0;
right: 0;
color: #fff;
}
#demo {
padding-top: 46px;
}
#menu {
margin-bottom: 30px;
}
#profile {
position: relative;
}
.ra-well-title {
font-size: 1.2857em;
line-height: 1.2857em;
border-bottom: 1px solid #e7e7e7;
margin: -5px -19px 0.8333em;
padding: 0 19px 0.7222em;
}
.ra-avatar {
border: 1px solid #e7e7e7;
border-radius: 2px;
}
.ra-first-name {
display: block;
margin-top: 0.8571em;
}
.k-datepicker {
height: 33px !important;
}
.ra-last-name {
display: block;
font-size: 1.7143em;
line-height: 1.3em;
}
.ra-position {
font-size: 0.8571em;
color: #999;
padding-bottom: 2em;
}
/*.form-group .k-widget,
.form-group .k-textbox {
width: 100% !important;
height: 30px;
}
*/
.buttons-wrap {
border-top: 1px solid #e7e7e7;
padding-top: .5em;
text-align: right;
}
.ra-section {
margin-bottom: 20px;
}
.ra-well-overlay {
margin: -16px -20px -19px;
}
#tabstrip .k-content {
min-height: 156px;
}
#tabstrip .k-chart {
height: 156px;
}
#tabstrip .k-content {
padding: 1px;
}
#tabstrip-4 {
text-align: center;
}
#tabstrip .km-icon:after {
font: 1.3em/1em "Kendo UI" !important;
}
.revenue:after {
content: "\E08C";
}
.spd:after {
content: "\E04B";
}
.spr:after {
content: "\E050";
}
.share:after {
content: "\E04E";
}
#tabstrip .k-tabstrip-items span {
float: left;
line-height: 1.3em;
vertical-align: middle;
}
#tabstrip .k-tabstrip-items .hidden-xs {
margin-left: 4px;
}
.market-donut {
display: inline-block;
width: 170px;
}
#panelbar .k-content {
padding: 1em;
}
#panelbar ul {
margin-bottom: 10px;
}
#listview {
list-style-type: none;
padding: 0 0 15px;
}
#listview figure {
border: 1px solid #e7e7e7;
border-radius: 3px;
padding: 5px;
margin-top: 15px;
}
figure h4 {
font-size: 1.15em;
}
figure p.hidden-sm {
min-height: 80px;
}
header .container h1.visible-sm {
padding-top: 10px;
line-height: 33px;
padding-bottom: 10px;
}
.test {
background-color: black;
}
@media (max-width: 767px) {
.k-menu.k-menu-horizontal .k-item {
float: none;
padding-left: 0px;
}
.abc {
width: 100%;
}
}
@media (max-width: 767px) {
header .container {
padding: 0;
}
header .container h1 {
padding-top: 0;
padding-left: 15px;
line-height: 50px;
}
header .container label {
border-width: 0;
display: block;
}
#configurator-wrap {
border-top: 1px solid #636363;
padding: 0;
}
#configurator {
background-color: #272727;
width: 100%;
margin: 0;
padding: 0;
}
}
.k-black body,
.k-metroblack body,
.k-black .well,
.k-metroblack .well,
.k-black .ra-well-title,
.k-metroblack .ra-well-title,
.k-black .buttons-wrap,
.k-metroblack .buttons-wrap {
border-color: #444;
background-color: #1e1e1e;
color: #fff;
}
.k-highcontrast body,
.k-highcontrast .well
.k-highcontrast .ra-well-title,
.k-highcontrast .buttons-wrap {
border-color: #664e62;
background-color: #2c232b;
color: #fff;
}
.k-moonlight body,
.k-moonlight .well,
.k-moonlight .ra-well-title,
.k-moonlight .buttons-wrap {
border-color: #171e28;
background-color: #212a33;
color: #fff;
}
.PGLDisplayBox {
width: 40%;
cursor: pointer;
}
.moveResourcesUp {
margin-top: -30px !important;
}
.gradienttext_1 {
font-weight: bold;
font-size: 19px;
/*background-image: linear-gradient(to bottom right, var(--gradienttext-1st-color), var(--gradienttext-2nd-color));*/
/*background-image: linear-gradient(to bottom right, #233d94, #cbbe5d75);*/
background-color: #233d94;
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}
.gradienttext {
font-weight: bold;
font-size: 19px;
/*background-image: linear-gradient(to bottom right, var(--gradienttext-1st-color), var(--gradienttext-2nd-color));*/
/*background-image: linear-gradient(to bottom right, #233d94, #cbbe5d75);*/
background-color: #233d94;
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}
.navbar-light .navbar-brand {
color: rgba(0,0,0,.9);
}
.navbar-brand {
display: inline-block;
margin-left: 5px !important;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
margin-top: -14px;
}
.brandname img {
/*max-width: 112px;*/
width: 100%;
}
img {
vertical-align: middle;
border-style: none;
}
span.userdp {
background: transparent !important;
}
.userdp img, .userdp {
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 1px !important;
overflow: hidden;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.float-left {
float: left !important;
}
.d-inline {
display: inline !important;
}
.rightdrop {
width: auto;
cursor: pointer;
}
.dropdown, .dropleft, .dropright, .dropup {
position: relative;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.description-block {
background: linear-gradient(180deg,#233d94, #233d94);
width: 100%;
}
.p-4 {
/* padding: 1.5rem !important; */
padding: 9.0rem !important;
}
.mt-3, .my-3 {
margin-top: .75rem !important;
}
.rounded {
border-radius: .25rem !important;
}
.tab-content > .active {
display: block;
}
.tab-content > .tab-pane {
display: none;
}
.fade {
transition: opacity .15s
}
.covIcon {
height: 21px;
width: 20px;
background-position: -37px -30px;
}
.summaryIcon, .blubIcon, .covIcon, .calIcon, .payIcon, .covrIcon {
background: url('images/sprite.png') no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 7.5rem;
max-width: 100%;
display: inline-block;
}
.blubIcon {
height: 23px;
width: 20px;
background-position: -55px -28px;
}
.covIcon {
height: 21px;
width: 20px;
background-position: -37px -30px;
}
.mr-2, .mx-2 {
margin-right: .5rem !important;
}
.summaryblock {
border-bottom: 1px solid #fff;
}
/*
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
*/
.pb-4, .py-4 {
padding-bottom: 1.0rem !important;
}
.description-block {
background: linear-gradient(180deg,#233d94, #233d94);
width: 100%;
}
.p-4 {
padding: 1.5rem !important;
}
.mt-3, .my-3 {
margin-top: .75rem !important;
}
.rounded {
border-radius: .25rem !important;
}
.summaryblock p {
color: var(--summary-panel-color);
}
.summaryblockTerm {
color: var(--summary-panel-color) !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.summaryblock {
border-bottom: 1px solid #fff;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.detailsblock > p {
color: var(--panel-fontcolor);
font-size: 14px;
margin-bottom: 0;
}
.detailsblock p span {
color: var(--panel-fontcolor) !important;
font-size: 14px !important;
margin-bottom: 0 !important;
}
.detailsblock .addre {
color: var(--panel-fontcolor);
font-size: 14px;
font-weight: 300;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.premiumbtn {
background-color: var(--summary-panel-color);
color: #000;
max-width: 302px;
font-size: 20px;
}
.text-uppercase {
text-transform: uppercase !important;
}
.m-auto {
margin: auto !important;
}
.w-100 {
width: 100% !important;
}
.premiumbtn {
color: #000;
font-size: 20px;
}
.text-uppercase {
text-transform: uppercase !important;
}
.SummaryCaptionsnew {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.SummaryCaptionsnew {
color: #145879;
font-family: acumin-pro;
}
.rounded-pill {
border-radius: 50rem !important;
}
.btnillustrate {
border-color: #233d94 !important;
font-size: 13px;
color: #233d94 !important;
padding: 10px !important;
/*border-bottom-color: var(--search-client-button--all-border-color) !important;*/
width: 150px;
background-color: var(--search-client-button--all-background-color) !important;
margin-right: 20px !important;
outline: none !important;
}
.btnillustrate:focus, .btnillustrate:active, .btnillustrate:hover {
color: #233d94;
background-color: var(--submit-btn-1-hover-bg-color);
border-color: #233d94;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--submit-btn-1-hover-border-glow) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--submit-btn-1-hover-border-glow) !important;
}
.btnillustrateQuote {
border-color: var(--search-client-button--all-border-color);
font-size: 13px;
color: var(--search-client-button--all-border-color);
padding: 10px !important;
border-bottom-color: var(--search-client-button--all-border-color) !important;
width: 150px;
background-color: var(--search-client-button--all-background-color) !important;
margin-right: 20px !important;
outline: none !important;
}
.btn-outline-secondary-illustrate {
color: #6c757d;
border-color: #6c757d;
}
#wgtSelectClient h5 {
font-size: 15px;
color: #233d94;
padding-right: 5px;
}
/* NEW CSS */
/*.navbar {
background: linear-gradient(to left, #1d99a3, #a3cd60), linear-gradient(to left, #1d99a3, #a3cd60);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
}
#myNavbar {
background: linear-gradient(to left, #1d99a3, #a3cd60), linear-gradient(to left, #1d99a3, #a3cd60);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
width: 100% !important;
}*/
nav .navbar-collapse {
justify-content: center;
}
#navbarNav .nav-link {
text-transform: uppercase;
color: #a3cd60;
font-size: 15px;
font-weight: bold;
padding-bottom: 20px;
font-weight: bold;
padding-top: 17px;
border-bottom: 9px solid transparent;
}
#navbarNav .nav-item:hover .nav-link,
#navbarNav .nav-item.active .nav-link {
color: #1d99a3;
border-bottom: 9px solid #1d99a3;
background: #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.k-menu .k-item, .k-menu.k-header {
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-size: 100% 5px;
background-repeat: no-repeat;
}
.panel-body {
padding: 0px !important;
}
/* NEW CSS */
.myline {
border-left: 2px solid red !important;
height: 51px !important;
margin-left: -12px !important;
padding-top: 4px !important;
}
.k-mid .checkMark {
border-left: 2px solid red !important;
height: 51px !important;
margin-left: -12px !important;
padding-top: 4px !important;
}
.leftPanelDivEApp {
position: relative;
margin-bottom: 14px;
font-size: 14px;
color: #88adb0;
text-transform: uppercase;
}
.leftSideColor {
color: #233d94 !important;
}
.leftMove {
padding-left: 15px;
}
.SummaryDetailsPadding {
padding-left: 3px;
}
/*#opusMMmenu > li:not(:last-child) > .k-link {
background: #fff;
}*/
/*.opusTreeLink > .userdp.k-link,
.opusTreeLink k-item k-state-default k-last.k-state-hover, .userdp.k-state-active,
.k-animation-container {
background: transparent !important;
}*/
.k-menu .k-state-hover {
border-bottom: none !important;
}
/*#opusMMmenu > li:hover > .k-link {
color: #1d99a3 !important;
}*/
/* Right treeview changes css*/
.k-treeview li .k-mid:after, .k-treeview li .k-top:after {
width: 2px;
height: 15px;
content: "";
background: #92dde3;
display: inline-block;
position: absolute;
left: 10px;
top: 25px;
}
.k-treeview .k-in {
color: #88adb0;
}
.k-treeview li .checkMark:before {
background: var(--summary-panel-color);
color: #1d99a3;
}
.k-treeview li .checkMark > .k-in {
color: var(--summary-panel-color);
}
.k-in.k-state-selected {
background-image: none !important;
}
/*#opusMMmenu .k-item {
padding: 0 18px;
}*/
/* Right treeview changes css*/
/* Responsive menu css*/
@media (max-width : 1199px) {
/* #opusMMmenu .k-item {
padding: 0 18px;
font-size: 12px;
}*/
.navbar-brand {
padding-right: 0;
margin-right: 0;
}
/*.brandname img {
max-width: 150px;
}*/
}
/* Responsive menu css*/
.btnillustrateQuote_1 {
border-color: #c05900;
/*border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);*/
font-size: 14px !important;
color: white;
padding: 10px !important;
/*border-bottom-color: #1d99a3 !important;*/
width: 350px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrateQuote_1:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.btnillustrateQuote_2 {
border-color: #c05900;
/*border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);*/
font-size: 18px !important;
color: white;
padding: 10px !important;
/*border-bottom-color: #1d99a3 !important;*/
width: 345px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrateQuote_2:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.btnillustrate1_1 {
border-color: #c05900;
/*border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);*/
font-size: 18px !important;
color: white;
padding: 10px !important;
/*border-bottom-color: #1d99a3 !important;*/
width: 150px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate1_1:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.btnillustrate7 {
border-color: var(--bottom-button-backgroundcolor) !important;
border-bottom-color: rgb(29, 153, 163);
font-size: 13px;
color: var(--bottom-button-backgroundcolor);
padding: 10px !important;
border-bottom-color: var(--bottom-button-backgroundcolor) !important;
width: 255px;
background-color: #fff !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate9 {
border-color: var(--bottom-button-backgroundcolor) !important;
border-bottom-color: rgb(29, 153, 163);
font-size: 13px;
color: var(--bottom-button-backgroundcolor);
padding: 10px !important;
border-bottom-color: var(--bottom-button-backgroundcolor) !important;
width: 170px;
background-color: #fff !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
/*.btnillustrate6 {
border-color: #1d99a3;
border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);
font-size: 18px !important;
color: #1d99a3;
padding: 10px !important;
border-bottom-color: #1d99a3 !important;*/
/* width: 150px;*/
/*background-color: #1d99a3 !important;
margin-right: 20px !important;
text-transform: uppercase;
}*/
.btnillustrate2 {
border-color: #1d99a3;
border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);
font-size: 18px !important;
color: #1d99a3;
padding: 10px !important;
border-bottom-color: #1d99a3 !important;
width: 100px;
background-color: #1d99a3 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate {
border-color: #233d94 !important;
border-bottom-color: rgb(29, 153, 163);
font-size: 13px;
color: #233d94;
padding: 10px !important;
border-bottom-color: #233d94 !important;
width: 150px;
background-color: #fff !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate4 {
border-color: #c05900 !important;
font-size: 18px !important;
color: white;
padding: 8px !important;
width: 136px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate4:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.btnillustrate5 {
border-color: #c05900 !important;
font-size: 16px !important;
color: #1d99a3;
padding: 8px !important;
width: 221px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnillustrate5:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.btnillustrate6 {
border-color: var(--bottom-button-backgroundcolor) !important;
border-bottom-color: var(--bottom-button-backgroundcolor) !important;
border-bottom-color: var(--bottom-button-backgroundcolor) !important;
font-size: 16px !important;
color: #1d99a3;
padding: 8px !important;
border-bottom-color: var(--bottom-button-backgroundcolor) !important;
/* width: 162px;*/
background-color: var(--bottom-button-backgroundcolor) !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
}
.btnGeneral:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.scenarioBtnDisabledCls:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.previewButton:hover {
background-image: none !important;
background-color: #c05900 !important;
border-color: #c05900 !important;
color: #233d94 !important;
}
.k-grid-toolbar > .k-button:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
border: 1px solid transparent !important;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
color: var(--disabled-font-color) !important;
}
.panelcolor {
color: var(--panel-fontcolor) !important;
}
.paddingBottom {
padding-bottom: 10px !important;
}
.paddingBottom5 {
padding-bottom: 5px !important;
}
.buttonPaddingTop {
padding-top: 0px !important;
}
.panelHeight {
height: 50px !important;
}
.buttonMarginTop {
margin-top: -20px;
}
.innerDivPadding {
padding-left: 15px !important;
padding-top: 15px !important;
}
.clrbg {
background: var(--bottom-button-backgroundcolor);
color: var(--bottom-button-color) !important;
box-shadow: none;
width:auto;
}
/*test*/
/*.form-group .k-widget, .form-group .k-textbox {
width: 88% !important;
}
*/
/*.k-picker-wrap > .k-select {
background-color: silver !important;
}*/
/*.k-dropdown-wrap.k-state-default {
width: 80% !important;
}*/
.pl-4, .px-4 {
padding-left: 1.5rem !important;
}
.pr-4, .px-4 {
padding-right: 1.5rem !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.pageLeftTopPadding {
padding-left: 15px;
padding-top: 10px;
}
.paddingTop {
padding-top: 10px !important;
}
/*
.paddingTopApplicationPages {
margin-top: 25px !important;
}*/
.paddingleftmenu {
padding-left: 10px;
}
.pageSectionDiv {
padding-left: 15px;
padding-top: 2px;
}
.productHeading {
margin-top: 15px;
}
.leftPanelDiv {
Padding-left: 15px !important;
padding-top: 15px;
padding-bottom: 10px;
}
.pageSectionQuoteDiv {
margin-left: 15px !important;
margin-top: 10px !important;
}
.pageSectionDiv_1 {
padding-left: 15px;
padding-top: 10px;
}
.pageSectionDivTopLeft {
padding-left: 15px;
padding-right: 15px;
/* padding-top: 20px;*/
}
.clientPageTopLeft {
background-color: var(--page-inside-div-color);
padding-left: 15px;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
margin-bottom: 15px;
margin-top: 10px;
}
.clientDashBoardTopLeft {
padding-top: 15px;
padding-bottom: 3px;
padding-left: 15px;
}
.clientSearchTopLeft {
background-color: var(--page-outside-boundary-div-color);
padding-left: 15px;
padding-right: 15px;
/*padding-bottom: 10px;*/
}
.clientOuterDivLeft {
background-color: var(--page-outside-boundary-div-color) !important;
padding-left: 0px;
}
.illustrationOuterColor {
background-color: #F7F7F7;
overflow-x: hidden;
}
.illustratePaddingLeftRightBar {
/*padding-left: 7px !important;*/
padding-left: 15px !important;
padding-right: 15px !important;
}
.footerDivClass {
margin-top: 0px;
margin-bottom: 10px;
display: none;
}
.pageSectionEappProductDiv {
margin-left: 15px !important;
background-color: #5660a80f !important;
}
.pageSectionEappProductDiv_1 {
margin-left: 15px !important;
background-color: #5660a80f !important;
margin-top: 25px;
}
.termProductResult {
margin-bottom: 15px;
margin-top: 35px;
/*margin-right: 15px;*/
}
.needSummaryResult {
margin-bottom: 15px;
/*padding-right: 10px;*/
}
.pagePlanOfInsurance {
background-color: #fff;
}
.pageLeftInnerPadding {
padding-left: 20px;
padding-top: 20px;
}
.pagesLeftInnerPadding {
padding-left: 20px !important;
padding-top: 20px !important;
background-color: #fff;
}
/* NEW CSS */
.QuestionBox {
overflow-y: scroll;
height: 340px;
}
.QuestionBox2 {
overflow-y: scroll;
height: 600px;
}
.QuestionBox3 {
overflow-y: scroll;
height: 472px;
}
.QuestionBox3_1 {
overflow-y: scroll;
height: 440px;
}
.QuestionBox3_1_1 {
overflow-y: scroll;
height: 460px;
}
.QuestionBox3_1_2 {
overflow-y: scroll;
height: 454px;
}
.QuestionBox4 {
overflow-y: scroll;
height: 398px;
}
.QuestionBox4_1 {
overflow-y: scroll;
height: 471px;
background-color: #fff;
}
.QuestionBox4_3 {
overflow-y: scroll;
height: 428px;
}
.QuestionBox4_4 {
overflow-y: scroll;
height: 429px;
}
.QuestionBox4_2 {
overflow-y: scroll;
height: 437px;
}
.QuestionBox4_5 {
overflow-y: scroll;
height: 426px;
}
.QuestionBox4_6 {
overflow-y: scroll;
height: 470px;
}
.QuestionBox5 {
overflow-y: scroll;
height: 478px;
}
/*.QuestionBox5_1 {
overflow-y: scroll;
height: 548px;
}*/
.QuestionBox5_1_2 {
overflow-y: scroll;
height: 574px;
}
/*.QuestionBox5_2 {
overflow-y: scroll;
height: 536px;
}*/
/*.QuestionBox5_3 {
overflow-y: scroll;
height: 576px
}*/
.QuestionBox5_4 {
overflow-y: scroll;
height: 493px;
}
.QuestionBox5_6 {
overflow-y: scroll;
height: 492px;
}
.QuestionBox5_7 {
overflow-y: scroll;
height: 398px;
}
.QuestionBox5_8 {
overflow-y: no-display;
height: 370px;
}
/*.QuestionBox5_9 {
overflow-y: scroll;
height: 580px;
}*/
.signblock li {
position: relative;
margin-bottom: 14px;
font-size: 14px;
/*color: #88adb0;*/
color: red;
text-transform: uppercase;
}
.signblock li.active i {
color: #1d99a3;
position: absolute;
left: -30px;
z-index: 1;
top: 5px;
display: block;
font-size: 10px;
}
/*#TermResultTitledPanel {
min-height: 587px;
}*/
/*#WLResultTitledPanel {
min-height: 758px;
}*/
#TermResultAnnuityTitledPanel {
min-height: 600px;
}
.signblock li.active i {
color: #1d99a3;
position: absolute;
left: -30px;
z-index: 1;
top: 5px;
display: block;
font-size: 10px;
}
/*#TermResultTitledPanel {
min-height: 535px;
}
*/
/*#WLResultTitledPanel {
min-height: 532px;
}
#WLResultTitledPanel {
min-height: 532px;
}*/
#summaryVerticalBar {
/* overflow-y: scroll; */
/*height: 490px;*/
height: 474px;
}
.quoteMachineRowDiv {
margin-top: 10px;
width: 100% !important;
padding-right: 20px;
}
.dashboardPagePadding {
padding-bottom: 15px;
margin-top: 10px;
}
.divMainContainerClientPage {
padding-bottom: 10px;
background-color: var(--client-page-save-button-div-color) !important;
margin-top: 10px;
}
.clientPageFormBackGroundColor {
background-color: var(--inside-page-form-color-main);
}
.buttonPadding {
background-color: var(--footer-button-div-color-padding);
padding-top: 20px;
}
.saveButtonPadding {
background-color: var(--footer-button-div-color-padding);
margin-top: 0px;
}
.selectClientButton {
font-weight: 500;
line-height: 1.2;
font-size: 15px;
color: var(--search-client-button--all-border-color);
padding-right: 5px;
text-transform: uppercase !important;
}
.footerBackGroundColor {
background-color: var(--footer-button-div-color-padding) !important;
}
.doSearchClientButton {
float: right;
margin-top: -35px;
color: #233d94;
border-color: #233d94 !important;
}
.wgtSelectClientTop {
padding-top: 46px !important;
}
.basicInforMarginTop {
margin-top: 15px;
}
.needsbasicInforMarginTop {
margin-top: 15px;
}
.eAppTreeRightPanel {
color: var(--epp-tree-rightside-color);
overflow-x: hidden !important;
}
.eAppTreeRightPanelPadding {
padding-top: 60px;
padding-left: 15px;
}
.eAppTreeRightPanelWidthHeight {
width: 95%;
min-height: 590px !important;
overflow-x: hidden;
overflow-y: hidden;
}
.eAppTreeRightPanelPaddingBottom {
padding-bottom: 15px;
}
.lblOwnerSpanClass {
width: 2px;
height: 15px;
content: '';
background: #92dde3;
display: inline-block;
position: absolute;
left: 10px;
top: 25px;
}
#lblConditionalReceipt {
padding-left: 15px;
}
.navEAppUl {
display: flex;
padding-top: 10px;
padding-left: 10px;
}
.planOfInsuranceTopDiv {
padding-top: 12px;
background-color: var(--page-outside-boundary-div-color) !important;
}
.diveAppPlanOfInsuranceClass {
border: none;
margin-top: 50px;
min-height: 50px;
padding-left: 5px;
color: var(--inside-page-form-color);
}
.tspPlanOfInsuranceLifeAppClass {
background-color: var(--page-inside-div-color) !important;
padding-left: 15px;
}
.tspPlanOfInsuranceHealthAppClass {
padding-left: 15px;
background-color: var(--page-inside-div-color);
}
.eAppGreyboxLeft {
padding-left: 0px !important;
/* margin-bottom: 15px;*/
background-color: var(--page-inside-div-color) !important;
}
/***** 2020-08-14****/
.copyrighttext {
font-size: 14px;
color: #939393;
text-align: center;
}
.logowrap {
display: inline-block;
width: 100%;
text-align: center;
}
.logowrap img {
max-width: 352px;
width: 100%;
}
.btn_login {
border-color: #1d99a3;
font-size: 18px !important;
color: #1d99a3;
padding: 10px !important;
padding-right: 10px;
padding-left: 10px;
border-bottom-color: #1d99a3 !important;
width: 132px;
background-color: #1d99a3 !important;
text-transform: uppercase;
height: 42px;
}
.needsAnalysisMePartner {
color: #233d94 !important;
font-weight: normal;
cursor: default;
background-color: transparent;
}
#needsAnalysisMePartnerTop {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
color: #6f6f6f !important;
font-family: acumin-pro;
}
#ClientSearchHeader {
background-color: var(--panel-background-color);
}
#lblHeaderClientSearch {
color: var(--footer-button-div-main-color) !important;
}
.glyphiconSpan {
font-size: 15px;
width: 16px;
color: var(--summary-panel-color) !important;
}
.summaryblockSpan {
text-align: center !important;
color: var(--summary-panel-color) !important;
}
.panelHeadingClass {
background-color: var(--panel-background-color) !important;
padding-top: 12px;
}
.lblSummaryClass {
color: var(--panel-fontcolor) !important;
}
.QuestionBox3_1 {
overflow-y: scroll;
height: 437px;
}
.upperCaseHeadline {
text-transform: uppercase;
}
.capitalizeText {
text-transform: capitalize;
}
.k-in.k-state-selected::after {
background-image: none !important;
content: '\003C';
font-size: 23px;
padding-left: 5px;
font-weight: bold;
color: #fff;
width: 30px;
height: 30px;
text-align: center;
position: absolute;
top: 3px;
}
.k-dropdown-wrap .k-state-default {
border-radius: 5px !important;
/* height:35px !important;*/
border-color: #fff;
background-color: #fff !important;
border: none !important;
}
/*.k-dropdown-wrap .k-state-default .k-state-hover .k-state-active .k-state-border-down .k-state-focused{
border: 1px solid #fff !important;
}
*/
.switch {
position: relative;
display: inline-block;
width: 53px;
height: 22px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 8px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #233d94;
}
input:focus + .slider {
box-shadow: 0 0 1px #1d99a3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/*#pnlProductClient {
margin-top: 2px;
}*/
[data-tooltip]:before {
position: absolute;
content: attr(data-tooltip);
opacity: 0;
}
/* Deleted SiteNew.css and Merged CSS here Starts*/
/* Blue color by */
.navbar {
background: linear-gradient(to left, #233d94, #233d94), linear-gradient(to left, #233d94, #233d94);
background-color: rgba(0, 0, 0, 0) !important;
/*background: rgba(0, 0, 0, 0);
background-color: white;*/
border-radius: 0px !important;
/*background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;*/
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
}
#myNavbar {
/*background: linear-gradient(to left, #1d99a3, #a3cd60), linear-gradient(to left, #1d99a3, #a3cd60);*/
/*background-color: rgba(0, 0, 0, 0);*/
background: linear-gradient(to left, #233d94, #233d94), linear-gradient(to left, #233d94, #233d94);
background-color: transparent;
border-radius: 0px !important;
/*background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;*/
background-size: 100% 5px;
background-position: bottom 0 left 0,bottom 0px left 0;
background-repeat: no-repeat;
}
nav .navbar-collapse {
justify-content: center;
}
#navbarNav .nav-link {
text-transform: uppercase;
color: #a3cd60;
font-size: 15px;
font-weight: bold;
padding-bottom: 20px;
font-weight: bold;
padding-top: 17px;
border-bottom: 9px solid transparent;
}
#navbarNav .nav-item:hover .nav-link,
#navbarNav .nav-item.active .nav-link {
color: #1d99a3;
border-bottom: 9px solid #1d99a3;
background: #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.k-menu .k-item, .k-menu.k-header {
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-size: 100% 5px;
background-repeat: no-repeat;
}
.summaryIcon, .blubIcon, .covIcon, .calIcon, .payIcon, .covrIcon {
background: url('images/sprite.png') no-repeat;
background-size: 11.5rem;
max-width: 100%;
display: inline-block;
}
.summaryIcon {
height: 21px;
width: 20px;
background-position: 0px -26px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: 0 !important;
}
.nav-tabs {
border-bottom: 0px !important;
}
.mr-2, .mx-2 {
margin-right: .5rem !important;
}
.blubIcon {
height: 23px;
width: 20px;
background-position: -52px -25px;
}
/* ENDS */
.tableview .card {
border: none;
}
.tableview .card-body {
overflow: hidden;
}
.tableview .card-title {
background-color: #1d99a3;
font-size: 15px;
padding: 12px;
color: #fff;
margin-bottom: 0;
}
.tableview thead {
background: #c9e5e8;
color: #1d99a3;
}
.descriptionmodule {
line-height: 24px;
}
.tableview thead th {
font-weight: normal;
font-size: 14px;
}
.tableview tbody td img {
width: 21px;
height: 20px;
}
.tableview tbody td {
font-weight: normal;
font-size: 14px;
color: #6f6f6f;
}
.tableview tbody td span {
margin-right: 5px;
width: 11px;
display: inline-block;
height: 11px;
border-radius: 50%;
}
.leftpanel .card img {
max-width: 100%;
}
.leftpanel .card h5 {
font-size: 18px;
text-align: center;
line-height: 26px;
color: #1d99a3
}
.clrbg {
background: #1d99a3;
color: #fff !important;
box-shadow: none;
}
/*.dahboardLeftPanel {
padding-top: 0px !important;
padding-right: 15px !important
}*/
.dashboardRightPanel {
width: 100%
}
.dashboardRightPanelBottom {
margin-bottom: 10px;
}
.pageSectionDivDashboard {
padding-left: 15px;
padding-top: 2px;
padding-right: 15px;
}
.footerBackGroundColor {
background-color: #fff !important;
}
.footerFontFamily {
font-style: italic;
font-family: Trebuchet MS;
}
.QuestionBox5_7 {
overflow-y: no-display;
height: 470px;
}
/*#opusMMmenu .k-item {
padding: 0 10px !important;
}*/
.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-multiselect .k-button, .k-multiselect .k-button:hover {
color: #555 !important;
/*color:#003f59*/
}
/*Dropdown issue fix*/
.k-dropdown-wrap {
height: 100% !important;
background-color: transparent !important;
border: none !important;
line-height: 36px !important;
padding: 0px 12px !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
color: #555 !important;
}
.SummmaryTotalResultBold {
font-weight: bold !important;
font-size: 18px !important;
color: #233d94 !important;
}
.QuestionBoxPlanOfinsurance {
overflow-y: scroll;
height: 556px;
}
.QuestionBoxPlanOfinsurancePremium {
overflow-y: scroll;
height: 606px;
}
.QuestionBoxBeneficiary {
background-color: #fff;
overflow-y: scroll;
height: 565px;
overflow-x: hidden;
}
.QuestionBoxExistingCoverage {
background-color: #fff;
overflow-y: scroll;
height: 481px;
overflow-x: hidden;
}
.QuestionBoxtspGenUW {
margin-top: 10px;
background-color: #fff !important;
margin-left: 15px;
margin-right: -2px;
overflow-x: hidden;
height: 606px;
overflow-y: scroll;
padding-left: 15px;
}
.QuestionBoxBeneficiaryInsured {
background-color: #fff;
overflow-y: scroll;
height: 481px;
overflow-x: hidden;
}
.QuestionBoxPayor {
overflow-y: scroll;
height: 610px;
}
.QuestionBoxProducerReport {
margin-top: 70px;
background-color: #fff !important;
margin-left: 15px;
overflow-x: hidden;
height: 606px;
overflow-y: scroll;
}
.QuestionBoxReviewApplication {
margin-top: 80px;
margin-left: 10px;
background-color: #fff !important;
height: 590px;
padding-left: 15px;
padding-top: 15px;
overflow-y: auto;
overflow-x: hidden;
}
.QuestionBoxPlanOfinsurancePlan {
overflow-y: auto;
height: 516px;
}
.QuestionBoxExistingCoverage {
background-color: #fff;
overflow-y: scroll;
height: 478px;
overflow-x: hidden;
}
/*.scenarioBtn:hover {
background-image: none !important;
background-color: #a3cd60 !important;
border-color: #a3cd60 !important;
}
*/
.btnillustrate1:hover {
background-image: none !important;
background-color: #e07b00 !important;
border-color: #e07b00 !important;
color: white !important;
}
.scenarioBtnEnabledCls {
border-color: var(--search-client-button--all-border-color);
font-size: 13px;
color: var(--search-client-button--all-border-color);
padding: 6px !important;
border-bottom-color: var(--search-client-button--all-border-color) !important;
width: 100px;
background-color: var(--search-client-button--all-background-color) !important;
outline: none !important;
border-radius: 22px;
text-transform: capitalize !important;
border: 1px solid #233d94 !important;
}
.scenarioBtnEnabledCls:hover {
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #5760a899 !important;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #5760a899 !important;
}
/*.scenarioBtnEnabledCls {
background-color: #88C26E !important;
border-radius: 22px;
padding: 6px;
width: 135px;
color: #fff;
border: 1px solid #88C26E !important;
}*/
.scenarioBtnDisabledCls {
border-radius: 22px;
background-color: #c05900 !important;
padding: 6px;
width: 100px;
color: #fff;
border: var(--search-client-button--all-border-color) !important;
text-transform: capitalize !important;
}
/* Page Template for the exported PDF */
.page-template {
font-family: "DejaVu Sans", "Arial", sans-serif;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-template .header {
position: absolute;
top: 115px;
left: 30px;
right: 30px;
border-bottom: 1px solid #888;
color: #888;
}
.page-template .footer {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
border-top: 1px solid #888;
text-align: center;
color: #888;
}
.page-template .watermark {
font-weight: bold;
font-size: 400%;
text-align: center;
margin-top: 30%;
color: #aaaaaa;
opacity: 0.1;
transform: rotate(-35deg) scale(1.7, 1.5);
}
.page-template .page-logo-header {
float: right;
position: absolute;
width: 500px;
height: 100px;
top: 0;
left: 0;
}
#scenarioMainDiv .glyphicon:hover {
font-size: 18px;
}
/*#selectClient:hover {
background-image: none !important;
background-color: #a3cd60 !important;
}*/
.previewButton {
border-radius: 22px;
background-color: var(--search-client-button--all-border-color) !important;
padding: 5px;
color: #fff;
border: 2px solid var(--search-client-button--all-border-color) !important;
text-transform: uppercase !important;
margin-top: 20px;
vertical-align: top;
width:105px;
}
.btnillustrate1 {
border-color: #c05900;
/*border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);*/
font-size: 14px !important;
color: #1d99a3;
padding: 10px !important;
/*border-bottom-color: #1d99a3 !important;*/
/*min-width: 130px;*/
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
width: auto !important;
padding:10px 24px !important;
margin-right:20px !important;
}
/*.btnSaveFooter {
border-color: #1d99a3;
padding: 10px !important;
background-color: #1d99a3 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
margin-top: 25px;
width:135px;
}*/
/*.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {
padding: .40em 1em .60em .5em;
}
*/
/*@media (min-width:364px) {
.needsAnalysisClass .nav-tabs > li > a {
margin-right: 9px !important;
}
.needsAnalysisClass .nav-tabs > li > a {
margin-right: 14px !important;
}
}*/
/*@media (min-width: 300px) and (max-width: 450px ) {
.needsAnalysisClass .nav > li > a {
margin-right: 14px !important;
padding: 17px 17px !important;
}
}*/
/*
@media (min-width: 300px) and (max-width: 1199px ) {
.ePanelTreeRightSide {
float: right !important;
}
}
*/
.activeMenu {
border-bottom: 9px solid var(--activeMenu-border--all-color);
background: var(--activeMenu-background--all-color);
/* transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;*/
}
.k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
padding: .0em !important;
}
.k-grid-excel:hover {
background-image: none !important;
background-color: #a3cd60 !important;
border: 2px solid #a3cd60 !important;
}
.btnPopSearch {
border-color: #1d99a3;
border-bottom-color: rgb(29, 153, 163);
border-bottom-color: rgb(29, 153, 163);
font-size: 18px !important;
color: #1d99a3;
padding: 10px !important;
border-bottom-color: #1d99a3 !important;
width: auto;
background-color: #1d99a3 !important;
margin-right: 20px !important;
text-transform: uppercase;
outline: none !important;
height: 45px;
margin-top: 10px
}
.pt-3, .py-3 {
padding-top: 1.1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1.1rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.7rem !important;
}
.pt-2, .py-2 {
padding-top: 0.7rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.5rem !important;
}
.k-grid-toolbar > .k-button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
font-size: 14px;
padding: 10px !important;
/*border-bottom-color: #1d99a3 !important;*/
min-width: 130px;
background-color: #c05900 !important;
margin-right: 20px !important;
text-transform: uppercase;
background: #c05900;
color: #fff !important;
box-shadow: none;
border-radius: 50rem !important;
width: auto;
border-color: #c05900 !important;
}
.k-header.k-grid-toolbar {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.k-grid-toolbar > .k-button:hover {
color: white !important;
Background: #e07b00 !important;
}
.k-button {
border-color: #c05900 !important;
}
/*#mainnavbar{
margin-top:-10px;
}*/
.leftPanelDiv > li > a {
margin-right: -2px !important;
}
#btnViewReport {
background-color: transparent;
}
#divSecondSearchBtns {
background-color: white;
}
.SummaryExcessPremDivBox {
background-color: transparent;
color: #233d94 !important;
font-size: 20px;
text-transform: capitalize;
}
ul.k-group.k-menu-group.k-popup.k-reset {
overflow: hidden !important;
}
/*.QuestionBox5_1 {
overflow-y: auto;
height: 577px;
}
.QuestionBox5_2 {
overflow-y: auto;
height: 590px;
}*/
.IllustrationLeftBox {
overflow-y: auto;
height: 600px;
}
.IllustrationLeftBoxScen {
overflow-y: auto;
height: 506px;
}
.IllustrationRightPanel {
min-height: 600px;
/*padding-top:5px;*/
}
.rightpanel
{
text-align:center;
}
#highlightDiv {
padding-top: 10px;
margin-top: 10px;
/*max-width: 315px;*/
margin-left: 0px;
height: 85%;
padding-left: 5px;
overflow: hidden;
background: #c05900;
}
#pnlSummaryResult
{
margin-top:-25px !important;
}
@media (max-width: 1199.5px ) {
}
#graph {
padding-left: 20px;
width: 100px;
font-size: 16px !important;
}
@media (max-width: 440.5px ) {
.k-header.k-grid-toolbar {
text-align: center;
}
.k-grid-excel {
font-size: 12px !important;
width: 134px !important;
}
#graph {
padding-left: 12px !important;
width: 36px;
font-size: 12px !important;
text-align: center;
padding-right: 18px !important;
}
}
@media (max-width: 450.5px)
{
.scenarioBtnEnabledCls
{
width:62px !important;
font-size:10px !important;
}
.scenarioBtnDisabledCls {
width: 62px !important;
font-size: 10px !important;
}
.previewButton {
width: 62px;
font-size: 10px;
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.Buttons-padding-bottom{
padding-bottom:10px;
}
.navbar-brand.brandname
{
margin-top:0px !important;
}
.eappLeftBox{
overflow-y:auto;
height:590px;
}
@media (max-width:767.5px)
{
.eappLeftBox {
overflow-y: auto !important;
height: auto !important;
}
.QuestionBoxReviewApplication {
overflow-y: auto !important;
height: auto !important;
}
.QuestionBoxPlanOfinsurancePlan {
overflow-y: auto !important;
height: auto !important;
}
.EappTreeAdjus
{
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.eAppTreeRightPanelWidthHeight
{
width:100% !important;
}
}
.ProposedInsuredHeader {
padding-top: 15px;
padding-bottom: 17px;
padding-left: 15px;
}
.saveEappButtondiv {
padding-bottom: 20px;
background-color: var(--page-inside-div-color) !important;
text-align: right;
}
.SaveEappButton {
float: none;
outline: none !important;
}
.OtherHeader {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
@media (max-width:480.5px) {
.OtherHeader {
padding-left: 0px !important;
text-align: center;
}
.illustrationFont {
margin-left: 0px !important;
font-size: 12px !important;
}
.illustClientBtn {
width: auto;
font-size: 12px !important;
}
.saveEappButtondiv {
padding-bottom: 80px;
/* margin-top: 15px; */
text-align: center;
padding-left: 15px !important;
padding-right: 15px !important;
float: none !important;
}
.SaveEappButton {
font-size: 12px !important;
margin-right: 2px !important;
float: none !important;
}
.ProposedInsuredHeading {
width: 100%;
}
.PlandInsuredButton {
width: 25%;
padding-left: 0px !important;
}
.ProposedInsuredButton {
width: 33.33%;
padding-left:0px !important;
}
.UnderWrittingButton {
width: 33.33%;
padding-left: 0px !important;
}
.ProposedInsuredHeader {
padding-left:0px !important;
text-align:center;
}
#lnkPropInsured, #lnkPropResidence, #lnkPropOccupation, #lnkNonMedical, #lnkMedical {
margin-left: 0px !important;
}
#lnkPlanOfInsurancePlan, #lnkSpousePlan, #lnkChildPlan, #lnkPlanOfInsurancePremium {
margin-left: 0px !important;
}
#btnGoToTerm, #btnGoToWL {
width: 110px;
}
#btnGoToIllustration
{
font-size:13px !important;
}
#btnAddBeneficiary, #btnAddReplDisIns, #btnAddExistingPolInfo, #btnAddProposedPolInfo,
#btnAddSpecialist, #btn_eSign_Preview, #btn_eSign_ViewPrint, #btn_eApp_eSign_Submit,
#btn_eSign_Create, #btn_eSign_Previous, #btn_eSign_Reset, #btn_eSign_ContinueWetSign
{
font-size: 13px !important;
}
#btnAddContingentBeneficiary {
font-size: 13px !important;
}
#btnIndBenefCancel, #btnIndBenefSave, #btnIndIndReplDisInsCancel,
#btnIndIndReplDisInsSave, #btnIndIndReplacementInsCancel, #btnIndIndReplacementInsSave,
#btneAppForeignTravel_Previous, #btneAppForeignTravel_Cancel {
margin-right: 8px !important
}
#rightpanel {
text-align: center;
padding-top: 15px;
bottom: 0;
position: fixed;
background: #f7f7f7;
width: 100%;
z-index: 1;
padding-bottom: 0px;
margin-left: -15px;
}
#btnNewQuote, #btnAAR, #btnSummary, #btnViewReport, #selectTermReportLink,
#btnApplyCase, #selectULReportLink, #selectWlReportLink, #btnRepConf, .temp{
margin-top: 0px !important;
}
}
#WLResultTitledPanel:focus{
outline:none !important;
}
#ProductClient_MailingCheck {
width: 20px;
}
#IndOwnerMailingCheck {
width: 20px;
}
#diveAppPlanOfInsurance_illustrationButtons {
background-color: #233d94;
}
.pageRightPadding
{
padding-right:15px !important;
}
.datahead {
border-bottom: 3px solid;
/*margin-bottom: 10px;*/
}
.breakWordTable {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
word-break:break-word;
}
#scrollBar {
overflow-y: auto;
max-height: 290px !important;
overflow-x: hidden;
margin-top: 0px;
width: 105% !important;
}
#scrollBar::-webkit-scrollbar {
width: 12px;
height: 4px;
}
#scrollBar::-webkit-scrollbar-corner,
#scrollBar::-webkit-scrollbar-track {
background-color: #fff;
}
#scrollBar::-webkit-scrollbar-thumb {
background-color: #0f6d76;
background-clip: padding-box;
border: 1px solid transparent;
margin-left: 50px;
}
#scrollBar::-webkit-scrollbar-thumb:hover {
background-color: #0f6d76;
}
#scrollBar::-webkit-scrollbar-thumb:active {
background-color: #0f6d76;
}
#scrollBar::-webkit-scrollbar-button:single-button {
background-color: #fff;
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
#scrollBar::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 10px;
width: 10px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
#scrollBar::-webkit-scrollbar-button:single-button:vertical:increment {
height: 10px;
width: 10px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
.IllustrationTermLeftBox {
overflow-y: auto;
height: 618px;
}
/*******/
.newScrollBar::-webkit-scrollbar {
width: 12px;
height: 4px;
}
.newScrollBar::-webkit-scrollbar {
width: 12px;
height: 4px;
}
.newScrollBar::-webkit-scrollbar-corner,
.newScrollBar::-webkit-scrollbar-track {
background-color: #fff;
}
.newScrollBar::-webkit-scrollbar-thumb {
background-color: #c05900;
background-clip: padding-box;
border: 1px solid transparent;
margin-left: 50px;
}
.newScrollBar::-webkit-scrollbar-thumb:hover {
background-color: #c05900;
}
.newScrollBar::-webkit-scrollbar-thumb:active {
background-color: #c05900;
}
.newScrollBar::-webkit-scrollbar-button:single-button {
background-color: #fff;
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
.newScrollBar::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 10px;
width: 10px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
.newScrollBar::-webkit-scrollbar-button:single-button:vertical:increment {
height: 10px;
width: 10px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-corner,
.newScrollBar::-webkit-scrollbar-track {
background-color: #fff;
}
.newScrollBar::-webkit-scrollbar-thumb {
background-color: #c05900;
background-clip: padding-box;
border: 1px solid transparent;
margin-left: 50px;
}
.newScrollBar::-webkit-scrollbar-thumb:hover {
background-color: #c05900;
}
.newScrollBar::-webkit-scrollbar-thumb:active {
background-color: #c05900;
}
.newScrollBar::-webkit-scrollbar-button:single-button {
background-color: #fff;
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
.newScrollBar::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 10px;
width: 10px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
.newScrollBar::-webkit-scrollbar-button:single-button:vertical:increment {
height: 10px;
width: 10px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
logowrap img {
max-width: 352px width: 40%
}
.pac-container
{
width:0px !important;
}
#opusMMmenu
{
background:none;
}
/*.k-menu .k-state-hover > .k-link {
color: #233d94 !important;
background: transparent !important;
}*/
.footer-wrapper {
border-top: 1px solid #c4c8cc;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
bottom: 0;
width: 100%;
padding-bottom: 10px;
padding-top: 5px;
background: white;
}
.login-footer-container {
padding: 0.75rem 30px;
font-size: .875rem;
color: #233d94;
background: white;
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 1260px;
display: block;
}
.copyright {
margin-bottom: 5px;
}
.k-state-border-down > .k-i-arrow-60-down
{
margin-right:0px !important;
}
.k-state-border-down > .k-state-active > span
{
margin-left:3px !important;
}
.popup-panel-padding {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
}
/*.fixedPos > .footer-wrapper {
position:fixed
}*/
.eAppHeader {
padding-top: 15px;
padding-bottom: 10px;
}
.btn-primary[disabled] {
background-color: #2C5697;
opacity: 0.5;
border-color: #2C5697 !important;
color: white !important;
}
.btn-primary {
color: #fff;
background-color: #2C5697;
border-color: #2C5697;
}
.btn-primary:hover {
color: #fff;
background-color: #2E76CF !important;
border-color: #2E76CF !important;
}
.dashbordLeftRight {
background: white;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}