/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,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 '-'
(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 '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,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 '-'
(133,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 '-'
(141,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 '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,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,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,6): 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 '-'
(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 '-'
(183,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(369,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(389,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(410,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(419,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(421,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(427,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(468,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(469,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(472,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(473,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(474,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(490,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(491,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(494,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(495,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(496,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(497,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(499,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(510,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(517,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(518,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(522,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,17): run-time error CSS1039: Token not allowed after unary operator: '-label-colors'
(546,27): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-selected-link-bg-color'
(547,16): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-selected-link-font-color'
(552,27): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-hover-link-bg-color'
(553,16): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-tree-hover-link-font-color'
(558,17): run-time error CSS1039: Token not allowed after unary operator: '-label-colors'
(563,24): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-bordercolor'
(564,28): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-disabled-background-color'
(569,28): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-disabled-background-color'
(574,17): run-time error CSS1039: Token not allowed after unary operator: '-Eapp-table-line-color'
(581,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-bg-color'
(588,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-item-hover-bg-color'
(593,21): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-item-hover-font-color'
(598,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-dropdown-hover-bg-color'
(605,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-dropdown-hover-font-color'
(610,22): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-dropdown-list-bg-color'
(617,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-dropdown-list-font-color'
(624,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-active-item-font-color'
(625,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-active-item-bg-color'
(632,17): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-item-color'
(633,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(638,22): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-bg-color'
(645,22): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-bg-color'
(651,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-item-color'
(655,21): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-bg-color'
(673,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-header-bg-color'
(679,24): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-border-color'
(685,17): run-time error CSS1039: Token not allowed after unary operator: '-main-light-color-for-font-on-dark'
(690,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-bg-color'
(691,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-font-color'
(692,18): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-border-color'
(694,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-font-family'
(698,21): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-font-color'
(699,32): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-bg-color'
(700,29): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-menu-buttons-hover-border-color'
(711,22): run-time error CSS1039: Token not allowed after unary operator: '-header-company-logo'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-header-page-title-color'
(718,23): run-time error CSS1039: Token not allowed after unary operator: '-header-page-title-font-family'
(724,17): run-time error CSS1039: Token not allowed after unary operator: '-header-page-label-color'
(725,24): run-time error CSS1039: Token not allowed after unary operator: '-header-page-label-font-family'
(732,17): run-time error CSS1039: Token not allowed after unary operator: '-header-producer-info-label-color'
(733,23): run-time error CSS1039: Token not allowed after unary operator: '-header-producer-info-label-font-family'
(739,17): run-time error CSS1039: Token not allowed after unary operator: '-header-producer-info-value-color'
(746,28): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(761,22): run-time error CSS1039: Token not allowed after unary operator: '-main-login-background-image-url'
(765,28): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-bg-color'
(766,17): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-font-color'
(767,24): run-time error CSS1039: Token not allowed after unary operator: '-login-btn-border-color'
(768,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(777,69): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(791,22): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-side-image-url'
(796,17): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-text-font-color'
(801,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-res-btn-bg-color'
(802,17): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-res-btn-font-color'
(815,17): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-heading-font-color'
(820,28): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-background-color'
(821,24): run-time error CSS1039: Token not allowed after unary operator: '-main-panel-border-color'
(826,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-panel-bg-color'
(827,24): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-panel-border-color'
(834,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(835,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-bg-color'
(840,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(841,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-header-background-color'
(844,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(848,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(849,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-header-background-color'
(854,21): run-time error CSS1039: Token not allowed after unary operator: '-grid-header-font-color'
(859,24): run-time error CSS1039: Token not allowed after unary operator: '-grid-border-color'
(860,17): run-time error CSS1039: Token not allowed after unary operator: '-grid-body-font-color'
(865,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-body-row-alt-color'
(870,28): run-time error CSS1039: Token not allowed after unary operator: '-grid-body-row-hover-color'
(887,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-background-color'
(888,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-border-color'
(894,16): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-font-color'
(899,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-header-background-color'
(900,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-body-font-color'
(907,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-first-background-color'
(908,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-first-font-color'
(914,25): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-active-item-bg-color'
(915,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-second-font-color'
(921,27): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-first-background-color'
(922,16): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-first-font-color'
(927,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-second-background-color'
(928,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-button-hover-second-font-color'
(937,22): run-time error CSS1039: Token not allowed after unary operator: '-Main-background-color'
(944,22): run-time error CSS1039: Token not allowed after unary operator: '-Main-page-background-color'
(945,22): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(952,22): run-time error CSS1039: Token not allowed after unary operator: '-login-line-under-header'
(959,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-line-color'
(967,22): run-time error CSS1039: Token not allowed after unary operator: '-line-under-navbar'
(974,27): run-time error CSS1039: Token not allowed after unary operator: '-main-boxes-color'
(980,17): run-time error CSS1039: Token not allowed after unary operator: '-main-links-color'
(981,23): run-time error CSS1039: Token not allowed after unary operator: '-main-links-font'
(985,17): run-time error CSS1039: Token not allowed after unary operator: '-main-links-hover'
(993,17): run-time error CSS1039: Token not allowed after unary operator: '-standard-labels-color'
(994,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(999,17): run-time error CSS1039: Token not allowed after unary operator: '-list-span-color'
(1004,17): run-time error CSS1039: Token not allowed after unary operator: '-headings-font-color'
(1005,23): run-time error CSS1039: Token not allowed after unary operator: '-headings-font-family'
(1011,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-caption'
(1012,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(1016,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-caption-details'
(1017,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(1021,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-client-name'
(1022,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(1029,28): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-background'
(1034,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-family'
(1035,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-color'
(1039,23): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-family'
(1040,17): run-time error CSS1039: Token not allowed after unary operator: '-summary-panel-footer-font-color'
(1045,17): run-time error CSS1039: Token not allowed after unary operator: '-textbox-font-color'
(1046,28): run-time error CSS1039: Token not allowed after unary operator: '-textbox-background-color'
(1047,28): run-time error CSS1039: Token not allowed after unary operator: '-textbox-border-color'
(1052,28): run-time error CSS1039: Token not allowed after unary operator: '-textbox-background-color-hover'
(1058,24): run-time error CSS1039: Token not allowed after unary operator: '-textbox-border-color'
(1060,75): run-time error CSS1039: Token not allowed after unary operator: '-textbox-focus-border-shade-color'
(1061,67): run-time error CSS1039: Token not allowed after unary operator: '-textbox-focus-border-shade-color'
(1066,41): run-time error CSS1039: Token not allowed after unary operator: '-textbox-autofil-background-color'
(1077,23): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-bordercolor'
(1078,27): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-background-color'
(1084,16): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-font-color'
(1090,27): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-field-hover-background-color'
(1096,27): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-background-color'
(1103,21): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-font-color'
(1109,31): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-hover-background-color'
(1110,20): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-hover-font-color'
(1115,36): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-selected-background-color'
(1116,25): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-list-selected-font-color'
(1124,16): run-time error CSS1039: Token not allowed after unary operator: '-widget-field-icon-color'
(1137,28): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-bg-color'
(1138,17): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-font-color'
(1139,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-border-color'
(1140,23): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-font-family'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-color'
(1147,17): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-hover-font-color'
(1148,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-hover-border-color'
(1149,23): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-hover-font-family'
(1154,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-font-color'
(1155,32): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-bg-color'
(1156,28): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-border-color'
(1157,27): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-font-family'
(1164,33): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-arrow-color'
(1170,24): run-time error CSS1039: Token not allowed after unary operator: '-calc-nav-buttons-default-disabled-font-color'
(1178,17): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-font-color'
(1179,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-bg-color'
(1180,24): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-border-color'
(1181,23): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-font-family'
(1188,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-font-color'
(1189,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-bg-color'
(1190,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-color'
(1191,76): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(1192,68): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-1-hover-border-glow'
(1199,17): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-color'
(1200,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-bg-color'
(1201,24): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-border-color'
(1202,23): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-family'
(1207,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-font-color'
(1208,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-bg-color'
(1209,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-border-color'
(1218,21): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-color'
(1223,25): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-font-color'
(1224,36): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-bg-color'
(1225,32): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-hover-border-color'
(1244,28): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-bg-color'
(1245,24): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-border-color'
(1246,17): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-disabled-font-color'
(1266,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-input-field-background'
(1274,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-input-field-icon-background'
(1283,48): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1284,40): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1285,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-hover-background-color'
(1291,23): run-time error CSS1039: Token not allowed after unary operator: '-calendar-border-color'
(1292,27): run-time error CSS1039: Token not allowed after unary operator: '-calendar-border-color'
(1297,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1301,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-header-color'
(1305,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-font-color'
(1314,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-hover-background-color'
(1319,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-hover-background-color'
(1323,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-selected-background-color'
(1330,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-selected-font-color'
(1337,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1338,38): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border-shadow'
(1342,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1343,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-background-color'
(1344,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1348,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1349,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1350,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-backround-color-hover'
(1354,24): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1355,38): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border-shadow'
(1378,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1379,17): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border-color'
(1380,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-background-color'
(1402,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1403,38): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-focus-border-shadow'
(1407,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1408,17): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1409,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-background-color'
(1413,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1414,38): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-focus-border-shadow'
(1442,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1443,17): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1444,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-backround-color-hover'
(1448,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1449,17): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-border-color'
(1450,28): run-time error CSS1039: Token not allowed after unary operator: '-radio-button-background-color'
(1473,17): run-time error CSS1039: Token not allowed after unary operator: '-label-colors'
(2242,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(2244,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(2394,131): run-time error CSS1019: Unexpected token, found ','
(2394,131): run-time error CSS1042: Expected function, found ','
(2394,139): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2471,17): run-time error CSS1039: Token not allowed after unary operator: '-updatedpremiums-labels-color'
(2716,26): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3192,17): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3604,22): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3609,22): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3637,17): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3672,23): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(3677,23): run-time error CSS1039: Token not allowed after unary operator: '-body-default-font-family'
(3844,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3845,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3846,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(3857,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3858,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3859,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(3863,21): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3865,28): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(3925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4053,23): run-time error CSS1039: Token not allowed after unary operator: '-labels-font-family'
(4170,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4201,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4220,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4239,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4258,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4277,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4296,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4315,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4334,18): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(4877,17): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(5010,1): run-time error CSS1019: Unexpected token, found '@import'
(5010,9): run-time error CSS1019: Unexpected token, found 'url('bootstrap-select.css')'
(5129,17): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(5138,24): run-time error CSS1039: Token not allowed after unary operator: '-main-dark-color'
(5587,14): run-time error CSS1039: Token not allowed after unary operator: '-main-light-color-for-font-on-dark'
(5597,17): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-font-color'
(5598,28): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-bg-color'
(5599,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-border-color'
(5600,23): run-time error CSS1039: Token not allowed after unary operator: '-nav-btn-active-font-family'
(5610,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-page-background-color'
(5623,23): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-family'
(5643,27): run-time error CSS1039: Token not allowed after unary operator: '-submit-btn-2-font-family'
 */
:root {

    /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

    /*Dark color - currently dark blue*/
    --main-dark-color:rgba(43,87,111);
   
    /*hover color - currently light blue - shiny*/
    --hover-color:rgba(216,228,229);

    /*Main background color - currently light blue - not shiny*/
    --Main-background-color:rgba(104,181,233);
    
    /*background color for header and overall - currently white*/
    --header-and-container-bg-color:white;
    
    /*boxes background color - currently grey*/
     --grey-boxes-color:#ecedf2;
      
    /*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:rgba(211,226,229);
     
    /*little darker than background*/
     --main-widgetHeader-dropdownBackground-border-color:rgba(187,220,229);
      
    /*panel background and border color*/
   --panel-background-color:#f5f5f5;
    --panel-border-color:#ddd;

    --button-color:var(--panel-border-color);

    /*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:'Helvetica';
      --header-label-font-color:#000;

    /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
    /*label colors - currently same as Dark color, assigning variable. But if different required just remove variable and define 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,229,0.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);

   

   /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
    
    
    /*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:rgba(91, 169, 82, 0.6);
     

    /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
          

   /*------------Start Main Menu Related colors-----------------*/


    /*5.`opus` Menu Background Color*/
    --main-menu-bg-color: var(--main-dark-color);

    /*6. `opus` Menu Color - font color*/
    --main-menu-item-color:var(--main-light-color-for-font-on-dark);

    /*7.`opus` Active Menu Item Background Color*/
    --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: var(--main-dark-color);


    /*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/germania-life-wordmark.svg) 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)";


     /* 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;


/*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);

/*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);

/*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(--buttons-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-------------------------------------*/

/*Eapp tree disabled link font color*/
.k-in.k-state-disabled {
    color: var(--label-colors) !important;
    opacity: 0.4 !important;
}

/*Eapp tree selected link bg and font color*/
.k-in.k-state-selected
{
    background-color:var(--Eapp-tree-selected-link-bg-color) !important;
    color:var(--Eapp-tree-selected-link-font-color) !important;
}

.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;
}

/*disabled dropdown*/
.k-dropdown-wrap.k-state-disabled {
    border-color: var(--dropdown-field-bordercolor) !important ;
    background-color: var(--dropdown-field-disabled-background-color) !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 {
    background-color: var(--main-menu-item-hover-bg-color) !important;
}

/*Menu Item hover item color*/
    .k-menu .k-state-hover > .k-link {
        color: var(--main-menu-item-hover-font-color) !important;
    }

/*Menu active dropdown hover BG color*/
.k-menu .k-state-border-down {
    background-color: var(--main-menu-dropdown-hover-bg-color) !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: var(--main-menu-dropdown-list-bg-color);

}

/*main Menu dropwon list font color*/
ul.k-group.k-menu-group.k-popup.k-reset .k-link {

    color: var(--main-menu-dropdown-list-font-color);
}


/*7.`opus` Active Menu Item Background Color*/
/*8. `opus` Active Menu Item Color - font color*/
.activeMenu {
    color: var(--main-menu-active-item-font-color) !important;
    background-color: var(--main-menu-active-item-bg-color);
}



/*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);
}

/*5.`opus` Menu Background Color*/
.menuBackground {
    background: var(--main-menu-bg-color) !important;
 
}

/*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;
}

#myNavbar {
    background:var(--main-menu-bg-color) !important;
}

/*-------------------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: var(--header-producer-info-value-color) !important;
    /*font-family: var(--header-producer-info-value-font-family);*/
}

/* 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: var(--dashboard-text-font-color);
}

/*Resource button bg/font colors*/
.DisplayBox {
    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: var(--main-panel-background-color) !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: var(--grid-border-color) !important;
    background-color: var(--grid-header-background-color) !important;
}

/*grid header font color*/
    .k-grid-header th.k-header > .k-link {
        color: var(--grid-header-font-color) !important;
    }
    
/*grid body rows-col border color*/
.k-grid tr td {
    border-color: var(--grid-border-color) !important;
    color: var(--grid-body-font-color);
}

/*grid alternate rows*/
.k-alt {
    background-color: var(--grid-body-row-alt-color) !important;
}

/*grid hover rows background color*/
.k-grid tr:hover {
    background-color: var(--grid-body-row-hover-color) !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:var(--popup-header-font-color) !important;
}

/*popup body background/font color*/
.k-dialog .k-content {
    background-color: var(--popup-header-background-color) !important;
    color: var(--popup-body-font-color) !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;
}

/*popup second button background and font color*/
.k-button-group .k-button {
    //background-color: var(--popup-button-second-background-color) !important;
	background-color: var(--main-menu-active-item-bg-color) !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: var(--popup-button-hover-second-background-color) !important;
    color: var(--popup-button-hover-second-font-color) !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) !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);
 
}


/*18.	`opus` Shaded background - all boxes - currently greyish white*/
.panel{
    background-color:var(--main-boxes-color) !important;
}


/*10. `opus` Standard link (colors, font)*/
a {
    color: var(--main-links-color) !important;
    font-family: var(--main-links-font);
}

a:hover {
    color: var(--main-links-hover) !important;
}

.opusSearchlink:hover, .opusSearchlink:active, .opusSearchlink:focus {
    background:none !important;
}
/*labels throughout application*/
label {
    color: var(--standard-labels-color);
    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);
}


/*Summary panel font colors - illustration*/
.SummaryCaptions {
    color: var(--summary-panel-caption);
    font-family: var(--labels-font-family);
}

.SummaryClientName {
    color: var(--summary-panel-caption-details);
    font-family: var(--labels-font-family);
}

.SummaryDetails {
    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);
    
}

.SummaryExcessPremTitle {
    font-family: var(--summary-panel-footer-font-family);
    color: var(--summary-panel-footer-font-color) !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(--textbox-border-color) !important;
}

/*Input field background color - textbox - hover*/
.k-state-border-down {
    background-color: var(--textbox-background-color-hover) !important;
 
}

/*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(--dropdown-field-bordercolor) !important;
    background-color:var(--dropdown-field-background-color) !important;
}

/*dropdown field font color*/
.k-dropdown .k-input
{
    color:var(--dropdown-field-font-color) !important;
}

/*dropdown field hover background color*/
.k-dropdown-wrap.k-state-hover
{
    background-color:var(--dropdown-field-hover-background-color) !important;
}

/*dropdown list background color*/
.k-list-container
{
    background-color:var(--dropdown-list-background-color) !important;
}


/*dropdown list font color*/

    .k-list-container .k-list .k-item {
        color: var(--dropdown-list-font-color) !important;
    }


    /*dropdown hover background and font color*/
    .k-list-container .k-list .k-item.k-state-hover{
        background-color:var(--dropdown-list-hover-background-color) !important;
        color:var(--dropdown-list-hover-font-color) !important
    }

      /*dropdown selected background and font color*/
        .k-list-container .k-list .k-item.k-state-selected {
            background-color: var(--dropdown-list-selected-background-color) !important;
            color: var(--dropdown-list-selected-font-color) !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*/

.nav-tabs > li > a {
    background-color: var(--nav-btn-bg-color);
    color: var(--nav-btn-font-color) !important;
    border-color: var(--nav-btn-border-color);
    font-family: var(--nav-btn-font-family);
}
    /*Calculation panel nav buttons - background/font/font-color/border - hover - right now same as default*/

.nav > li > a:hover, .nav > li > a:focus {

    background-color: var(--hover-color) !important;
    color: var(--nav-btn-hover-font-color) !important;
    border-color: var(--nav-btn-hover-border-color) !important;
    font-family: var(--nav-btn-hover-font-family) !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 {
        color: var(--nav-btn-active-font-color) !important;
        background-color: var(--nav-btn-active-bg-color) !important;
        border-color: var(--nav-btn-active-border-color) !important;
        font-family: var(--nav-btn-active-font-family) !important;
       
    }


.hero:after {

    border-top: solid 10px var(--nav-btn-active-arrow-color);
}

       /*---General----*/
       /*disabled links*/
      a.eAppLinksGray:link, a.eAppLinksGray:visited {
           color: var(--calc-nav-buttons-default-disabled-font-color) !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: var(--submit-btn-2-font-color) ;
    background-color: var(--submit-btn-2-bg-color);
    border-color: var(--submit-btn-2-border-color);
    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: var(--submit-btn-2-hover-font-color) !important;
        background-color: var(--submit-btn-2-hover-bg-color) !important;
        border-color: var(--submit-btn-2-hover-border-color) !important;

        
    }


    /*EApp browse button*/

    .btn-opusstd span {
        color: var(--submit-btn-2-font-color);
    }


        .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: var(--submit-btn-2-hover-bg-color) !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);
    }

/*calendar background color - icon part*/
    .k-picker-wrap > .k-select {
     
        height: 35px !important;
        width: 27px !important;
        background-color: var(--calendar-input-field-icon-background);
        border-radius: 0px !important;
        border-left: 0px;
        margin-right: -1px;
        margin-top: -1px;
    }

    /*calendar today date focus border color and shade*/
.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 var(--calendar-font-color) !important;
    box-shadow: inset 0 0 3px 1px var(--calendar-font-color) !important;
    background-color: var(--calendar-hover-background-color) !important;
}

/*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: var(--calendar-header-color);
}

.k-calendar > .k-header > .k-link {
    color: var(--calendar-font-color) !important;
}


.k-calendar .k-link {
    color: var(--calendar-font-color) !important;
}

.k-calendar > .k-header > .k-link.k-state-hover {
    background-color: var(--calendar-hover-background-color) !important;
  
}

.k-calendar td.k-state-hover {
    background-color: var(--calendar-hover-background-color) !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;
}
/*-----------------END Standard styles for over all application-------------------*/



:checked.k-checkbox:focus {
    border-color: var(--checkbox-border-color);
    box-shadow: 0px 0px 0px 2px var(--checkbox-focus-border-shadow);
}

: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: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: var(--radio-button-border-color);
    color: var(--radio-button-border-color);
    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 {
    border: 1px solid var(--radio-button-border-color);
    color: var(--radio-button-border-color);
    background-color: var(--radio-button-background-color);
}

.k-radio {
    border-radius: 50%;
    /* margin: 0px !important; */
    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;
    /*background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);*/
}




.navbar-toggle {
    float: left !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;
  }

.k-state-border-down {
    /*background-color: #7bd2f6 !important;*/
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
}


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;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
.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 grid */

.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;
    }

.nav-tabs > li.OpusNavActive > a {
    background-color: var(--main-dark-color); /*#145879;*/
    color: #fff;
    border-color: var(--main-dark-color); /*#145879;*/
}


.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;
}
/*.sortable-item, .placeholder {list-style: none;}
.sortable-item {background-color: #FFF;}
.sortable-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sortable-list2 {
	margin: 0;
	padding: 0;
	list-style: none;
}*/
.section {
    /*border-radius:12px;*/
    /*border:2px hidden #C0C0C0;*/
    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: bold;
    color: var(--updatedpremiums-labels-color); /*rgb(45,93,111); */
    /*color:darkgreen;*/
}

.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;
}

.eSignBox {
    border-radius: 0px;
    min-height:100px;
    background-color: rgba(255, 255, 255, .8);
    padding: 0px 35px !important;
}
.eSignBoxDone {
    margin-top: 100px;
    height: 200px !important;
    width: 600px !important;
}
.trespassingloaded {
    margin-top: 100px;
    height: 150px !important;
    width: 1550px !important;
}
.borderBox {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, .8);
    padding: 30px 35px !important;
    text-align: center;
}
.errorborderBox {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, .8);
    padding: 30px 35px !important;
}
.k-dropdown-wrap {
    border: #6ec1df 1px solid !important;
    margin: -1px !important;
    height: 30px !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;

}

@media (min-width:481px) and (max-width:767px) {
    #mainnavbar {
        margin-bottom: -7px !important;
    }
}


@media (max-width:767px) {
    #resourcesEnglish {
        display: none;
    }
}

@media (min-width: 1025px) {

    .removepadding1 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width:481px) and (max-width: 1024px) {

    #opusMMmenu {
        padding-left: 1px !important;
    }

        #opusMMmenu li {
            width: 100% !important;
            padding-left: 10px !important
        }

    .abc {
        margin-left: -1px !important;
        width: 85%
    }
}

@media (max-width: 1024px) {
    .removepadding1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*ul.k-group.k-menu-group.k-popup.k-reset
       {
           overflow:hidden;
       }*/

}


@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 {
        /*margin-left:0px !important;*/
        width: 100%
    }
    /*.k-animation-container
     {
         padding-left:16px !important;
     }*/

}



@media (min-width:481px) and (max-width: 1024px) {

    #myNavbar {
        position: absolute;
        z-index: 1;
        width: 200px;
        min-height: 732px;
        margin: auto;
        background: var(--main-dark-color); /*#145879;*/
    }
}

.nopaddingclass {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 1199px) {
    .nopaddingclass {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #btnAdvImpersonation {
        width: 30.5%;
    }

    #btnAdvOnBehalfOf {
        width: 21%;
    }

    #btnAdvProfile {
        width: 19%;
    }

    #btnAdvPref {
        width: 29.5%;
    }
}

@media (max-width: 875px) {

    #btnAdvImpersonation {
        width: 34.5%;
    }

    #btnAdvOnBehalfOf {
        width: 17%;
    }

    #btnAdvProfile {
        width: 19%;
    }

    #btnAdvPref {
        width: 29.5%;
    }
}

@media (max-width: 767px) {
    #btnAdvProfile {
        width: 20%;
    }

    #btnAdvImpersonation {
        width: 30%;
    }
}



@media (max-width: 480px) {

    .underwritting {
        font-size: 10px !important;
    }

    .customAdvMobile {
        min-height: 40px;
        width: 100% !important;
        font-weight: bold;
        /*font-size:11px !important;*/
        padding-top: 10px !important;
        /*padding-left:0px !important;*/
    }

    #btnAdvImpersonation {
        width: 32%;
    }

    #btnAdvOnBehalfOf {
        width: 23%;
    }

    #btnAdvPref {
        width: 25%;
    }

    .customMobile {
        height: 40px;
        width: 100% !important;
        font-weight: bold;
        /*font-size:16px;*/
        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 !important;
    }
}


@media (max-width: 340px) {

    #btnAdvImpersonation {
        width: 33%;
    }

    #btnAdvOnBehalfOf {
        width: 22%;
    }

    #btnAdvProfile {
        width: 18%;
    }

    #btnAdvPref {
        width: 27%;
    }
}

@media (min-width: 1368px ) {
    #loginbox {
        width: 350px !important;
        height: 350px !important;
        padding-top: 34px !important;
    }
}

@media (max-width: 1367px ) {
    #loginbox {
        width: 290px !important;
        height: 290px !important;
        padding-bottom: 10px !important;
        padding-top: 12px !important;
    }
}

@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: 40px 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-tabs > li > a {
    padding: 8px 16px;
    margin: 0;
    margin-right: 2px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    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;
}

/*
.modal-footer .btn + .btn {
  margin-bottom:8px !important;
}
*/

.deleteStocklink {
    color: red;
    font-size: 18px;
    margin-left: 20px;
}

    .deleteStocklink:hover {
        text-decoration: none;
        color: #c33939;
        font-weight: bold;
    }

.checkMark::before {
    color:green !important;
    font-size:16px !important;
    font-weight:bold;
    content:"\2714 " !important;
}
.crossMark::before {
    color:red !important;
    font-size:12px !important;
    content:"\274C  " !important;
}
.spaceForMark::before {
    content:" " !important;
    margin-left:12px;
}
.reqField::after {
    color: red;
    font-size: 12px;
    content: " *";
}

.opusHide {
    display: none;
}

.opusHeaderAddress {
    text-transform: uppercase;
}

.opusNavClass {
    background-color: white;
}

.opusOptional {
    display: none !important;
}

#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*/
        /*You can choose to align it left, right, top or bottom here*/
        top: 0;
        bottom: 0;
        left: 0;
        background: orange;
        right: 100%;
    }

#processRoleInfo {
    width: 970px;
}

#gridProcessByRole {
    width: 950px;
}
/*@media (max-width: 991px) {
    .opusDDCSS.k-dropdown .k-dropdown-wrap {
        height: 31px;
        padding-left: 2px !important;
        min-width: 100px;
        vertical-align: middle !important;
    }
}
@media (min-width: 992px) {
    .opusDDCSS.k-dropdown .k-dropdown-wrap {
        height: 31px;
        padding-left: 2px !important;
        min-width: 100px;
        vertical-align: middle !important;
    }
}*/

.ab {
    font-size: 13px;
}

@media screen and (max-width: 432px) {

    .ab {
        font-size: 8px !important;
    }

    .nav > li > a {
        padding: 5px 2px;
        font-size: 10px;
    }

    /*.customAdvMobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 10px !important;
    }*/

}


/*@media screen and (max-width: 390px) {



    .customAdvMobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 9px !important;
    }
}*/
/*@media screen and (max-width: 390px) {



    .customAdvMobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 8px !important;
    }
}*/
@media (min-width: 433px) and (max-width: 510px ) {
    .ab {
        font-size: 10px !important;
    }
}

@media (min-width:768px) and (max-width: 1199px ) {
    #screen {
        display: block;
    }

    #rightpanel {
        display: none;
    }

    .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: block;
    }

    #rightpanel {
        display: none;
    }

    .panel-padding-custom {
        padding-top: 0px !important;
    }
}


@media (min-width: 768px ) and (max-width: 991px) {
    .ab {
        font-size: 10px !important;
    }
}



.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 {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
}
/*Accordion Style End*/

/*Widget Column height customization to handle error Begin*/
.help-block {
    display: block;
    margin-top: 1px;
    margin-bottom: 5px;
    text-align: left;
    color: darkred !important;
}

.widgetheight {
    min-height: 90px;
    /* min-height:75px; */
    /*background-image: url('../Content/themes/base/images/ColGradiant.png');*/
    /*border:2px solid white;*/
}

.widgeterror {
    min-height: 85px;
    /*background-image: url('../Content/themes/base/images/ColGradiantError.png');*/
    /*border:2px solid white;*/
}
/*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: 26px;
}

.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;
}

/*.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #6ec1df inset;
}*/

::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 {
    /*background-image: url('../Content/themes/base/images/ColGradiant.png');*/
    padding-bottom: 15px;
}

.chkboxmarginTwice {
    margin-left: -17%;
}

.chkboxmargin {
    /*	margin-left:-10%; */
    margin-left: -20px;
}

.chkboxmargintop {
    padding-top: 30px;
}


.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;
}

.eAppLinksGray, .eAppLinksGray:visited {
    color: gray;
}

.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%;
    /*border:1px solid #6ec1df !important;*/
    background: white !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 {
        /*margin-top:10px;*/
    }
}

#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;
}

/*.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    position: relative;
    display: inline-block;
    width: 10em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle;
}
k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input
{
    max-width:10em;
}*/
#divHeader {
    /*background-color: #FFFFFF;*/
    padding-top: 10px;
}

#divHeaderTopMargin {
    height: 10px;
    background-color: rgb(203,164,69);
}

#divHeaderInfo {
    margin-top: 0px;
}

.dropdown-menu {
    min-width: 200px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-radius: 5px;
}

.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;
    }

.btn-success {
    color: #fff;
    background-color: rgb(45,93,111);
    border-color: rgb(45,93,111)
}

.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: 200px;
    color: black;
    text-align: left;
}

td.QMSumProdSelection {
    text-align: center;
}

td.QMSumCalcFace {
    width: 120px;
    text-align: left;
}

td.QMSumCalcPremium {
    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;
}

#divMainTrespassing {
    background: url(../Content/images/NoTrespssing.jpg) no-repeat;
    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%;
    margin-top: 10px;
}


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

.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 !important;
    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;
    width: 25%;
    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: url('../Content/images/True_North_Logo__Blue-2.jpg') no-repeat;*/
    background-size: 90% 90%;
    /*width: 121px;
    height: 124px;*/
    width: 406px !important;
    height: 88px !important;
    margin-left: 15px;
    margin-bottom: 0px !important;
	margin-top:-30px;
}

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 {
    background-image: url('../Content/images/btnNewQuoteV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnNewQuote:hover {
        background-image: url('../Content/images/btnNewQuote_selV2.0.png');
        cursor: pointer;
        /*border:none;*/
    }

img.disabled {
    opacity: 0.5;
}

div.disabled {
    opacity: 0.5;
}

li.disabled {
    opacity: 0.5;
}

.btnNewClient {
    background-image: url('../Content/images/btnNewClientV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid;/*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnNewClient:hover {
        background-image: url('../Content/images/btnNewClient_selV2.0.png');
        cursor: pointer;
        /*border:none;*/
    }

.btnNewEapp {
    background-image: url('../Content/images/btnNewEappV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnNewEapp:hover {
        background-image: url('../Content/images/btnNewEapp_SelV2.0.png');
        cursor: pointer;
        /*border:none;*/
    }

.btnCalculate {
    background-image: url('../Content/images/btnCalculateV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnCalculate:hover {
        background-image: url('../Content/images/btnCalculate_selV2.0.png');
        cursor: pointer;
        /*border:none*/
    }

.btnSave {
    background-image: url('../Content/images/btnSaveV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnSave:hover {
        background-image: url('../Content/images/btnSave_selV2.0.png');
        cursor: pointer;
        /*border:none*/
    }

.btnRepConf {
    background-image: url('../Content/images/btnRepConfV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnRepConf:hover {
        background-image: url('../Content/images/btnRepConf_selV2.0.png');
        cursor: pointer;
        /*border:none;*/
    }

.btnViewReport {
    background-image: url('../Content/images/btnViewReportV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnViewReport:hover {
        background-image: url('../Content/images/btnViewReport_selV2.0.png');
        cursor: pointer;
        /*border:none;*/
    }

.btnApplyCase {
    background-image: url('../Content/images/btnApplyCaseV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnApplyCase:hover {
        background-image: url('../Content/images/btnApplyCase_selV2.0.png');
        cursor: pointer;
        /*border:none*/
    }

.btnAAR {
    background-image: url('../Content/images/btnAARV2.0.png');
    display: inline-block;
    vertical-align: top;
    /*width:15%;*/
    width: 70px;
    height: 70px;
    margin-top: 10px;
    border: var(--main-dark-color) 1px solid; /*#145879;*/
    border-radius: 9px;
    /*background-size:cover;*/
}

    .btnAAR:hover {
        background-image: url('../Content/images/btnAAR_selV2.0.png');
        cursor: pointer;
        /*border:none*/
    }

.SummaryCaptions {
    font-size: 14px;
    font-weight: bold;
    /*font-family: var(--labels-font-family);*/
    text-transform: uppercase;
}

.SummaryClientName {
    font-size: 16px;
    font-weight: bold;
    /*font-family: var(--labels-font-family);*/
    text-transform: capitalize;
}

.SummarySpouseName {
    font-size: 14px;
    /*font-weight: bold;*/
    /*font-family: var(--labels-font-family);*/
    text-transform: capitalize;
}

.SummaryDetails {
    font-size: 13px;
    font-weight: bold;
    /*font-family: var(--labels-font-family);*/

}

.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: 80px;
    text-transform: uppercase;
}

.SummaryExcessPremTitle {
    /*font-family: acumin-pro;*/
    font-size: 16px;
    font-weight: bold;
    /*color: white !important;*/
}

.SummaryExcessPremDetail {
    /*font-family: acumin-pro;*/
    font-size: 27px;
    font-weight: bold;
    /*color: white !important;*/
}

.spanmargin {
    margin-top: 10px;
    margin-bottom: -5px;
}

.eAppHeading {
    font-weight: bold;
    margin-left: -1px;
    font-size: 1.5em;
}

.headingH {
    font-weight: bold;
}

.eAppGreyboxLeft {
    padding-left: 0px !important
}

/*.calendar {
    height: 29px !important;
    width: 119% !important;
    margin-left: -1px !important;
    margin-top: -1px !important;
}

.eAppCalendar {
    width: 113% !important;
    height: 29px !important;
    margin-left: -2px !important;
    margin-top: -2px !important;
}


.eAppCalendarOwner {
    width: 107% !important;
    height: 29px !important;
    margin-left: -1px !important;
    margin-top: -2px !important;
}

.eAppCalendarSpecial {
    width: 115% !important;
    height: 29px !important;
    margin-left: -2px !important;
    margin-top: -1px !important;
}*/


.editpenimage {
    width: auto;
    height: 21px;
    content: url(/Content/images/editPen-png.png);
}

.deletebinimage {
    width: auto;
    height: 21px;
    content: url(/Content/images/trashcan.png);
}
/*content: url('/Content/images/trashcan-png.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;
    }
}

/*@media only screen and (max-width : 991.5px) {
    .calendar {
        width: 112% !important
    }

    .eAppCalendar {
        width: 109% !important
    }

    .eAppCalendarOwner {
        width: 105% !important;
    }

    .eAppCalendarSpecial {
        width: 108% !important;
    }
}


@media only screen and (max-width: 914.5px) {

    .eAppCalendarOwner {
        width: 106% !important;
    }

    .eAppCalendarSpecial {
        width: 109% !important;
    }
}

@media only screen and (max-width: 887.5px) {
    .calendar {
        width: 113% !important
    }

    .eAppCalendar {
        width: 110% !important
    }
}


@media only screen and (max-width: 835.5px) {
    .calendar {
        width: 114% !important
    }

    .eAppCalendar {
        width: 111% !important
    }

    .eAppCalendarSpecial {
        width: 110% !important;
    }
}

@media only screen and (max-width: 806.5px) {

    .eAppCalendarOwner {
        width: 107% !important;
    }
}

@media only screen and (max-width: 790.5px) {
    .calendar {
        width: 115% !important
    }

    .eAppCalendar {
        width: 112% !important
    }

    .eAppCalendarOwner {
        width: 107% !important;
    }
}*/

@media only screen and (max-width: 767.5px) {
    /*.calendar {
        width: 105% !important
    }

    .eAppCalendar {
        width: 106% !important
    }

    .eAppCalendarOwner {
        width: 105% !important;
    }

    .eAppCalendarSpecial {
        width: 105% !important;
    }*/

    #qouteRightMenu {
        padding-left: 0px;
        padding-right: 0px;
    }

    #maintainenceRight {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*@media only screen and (max-width: 718.5px) {

    .eAppCalendarOwner {
        width: 106% !important;
    }

    .eAppCalendarSpecial {
        width: 105.5% !important;
    }
}*/

/*@media only screen and (max-width: 668.5px) {
    .calendar {
        width: 106% !important
    }

    .eAppCalendar {
        width: 107% !important
    }

    .eAppCalendarOwner {
        width: 107% !important;
    }

    .eAppCalendarSpecial {
        width: 106% !important;
    }
}*/

/*@media only screen and (max-width: 640.5px) {
    .eAppCalendarSpecial {
        width: 107% !important;
    }
}*/

/*@media only screen and (max-width: 581.5px) {
    .calendar {
        width: 107% !important
    }

    .eAppCalendar {
        width: 108% !important
    }

    .eAppCalendarOwner {
        width: 108% !important;
    }

    .eAppCalendarSpecial {
        width: 108% !important;
    }
}*/


/*@media only screen and (max-width: 520.5px) {
    .calendar {
        width: 108% !important
    }

    .eAppCalendar {
        width: 109% !important
    }

    .eAppCalendarOwner {
        width: 109% !important;
    }

    .eAppCalendarSpecial {
        width: 109% !important;
    }
}*/

/*@media only screen and (max-width: 477.5px) {

    .eAppCalendarOwner {
        width: 110% !important;
    }
}

@media only screen and (max-width: 472.5px) {
    .calendar {
        width: 109% !important
    }

    .eAppCalendar {
        width: 111% !important
    }

    .eAppCalendarOwner {
        width: 111% !important;
    }

    .eAppCalendarSpecial {
        width: 110.4% !important;
    }
}

@media only screen and (max-width: 436.5px) {
    .calendar {
        width: 110% !important
    }

    .eAppCalendar {
        width: 112% !important
    }

    .eAppCalendarOwner {
        width: 112% !important;
    }

    .eAppCalendarSpecial {
        width: 112% !important;
    }
}

@media only screen and (max-width: 407.5px) {
    .calendar {
        width: 111% !important
    }

    .eAppCalendar {
        width: 113% !important
    }

    .eAppCalendarOwner {
        width: 113% !important;
    }

    .eAppCalendarSpecial {
        width: 113.4% !important;
    }
}

@media only screen and (max-width: 383.5px) {
    .calendar {
        width: 112% !important
    }

    .eAppCalendar {
        width: 114% !important
    }

    .eAppCalendarOwner {
        width: 115% !important;
    }

    .eAppCalendarSpecial {
        width: 114.5% !important;
    }
}

@media only screen and (max-width: 364.5px) {
    .calendar {
        width: 113% !important
    }

    .eAppCalendar {
        width: 116% !important
    }

    .eAppCalendarOwner {
        width: 116% !important;
    }

    .eAppCalendarSpecial {
        width: 115.8% !important;
    }
}


@media only screen and (max-width: 347.5px) {
    .calendar {
        width: 114% !important
    }

    .eAppCalendar {
        width: 118% !important
    }

    .eAppCalendarOwner {
        width: 117% !important;
    }

    .eAppCalendarSpecial {
        width: 117.5% !important;
    }
}

@media only screen and (max-width: 332.5px) {
    .calendar {
        width: 115% !important
    }

    .eAppCalendar {
        width: 119% !important
    }

    .eAppCalendarOwner {
        width: 119% !important;
    }

    .eAppCalendarSpecial {
        width: 118.7% !important;
    }
}

@media only screen and (max-width: 320.5px) {
    .calendar {
        width: 116% !important
    }

    .eAppCalendar {
        width: 121% !important
    }

    .eAppCalendarOwner {
        width: 120% !important;
    }

    .eAppCalendarSpecial {
        width: 119.7% !important;
    }
}*/





.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 {
    /*height:30px !important*/
    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;
}


@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: -15px;
}
/*@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
}*/
.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.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;
}

.activeMenu {
    border-color: var(--main-dark-color); /*#8bc4dd;*/
    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%)
}



.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 19.1px;
    /*color: var(--main-menu-item-color);*/
    line-height: 2.0em !important;
    text-transform: uppercase !important;
    /*font-family: var(--labels-font-family);*/
    border-radius: 0px;
}


.menuBackground {
    /*background: var(--main-menu-bg-color) !important;*/
    color: white !important;
    border-color: transparent !important;
    border-style: none !important;
    min-height: 42px !important;
    padding-left: 35px !important;
    border-radius: 0px !important;
}





@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: 1024px) {


    .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;
}

.DisplayBox {
    /*background-color: #2d5d6f;
    color: white;*/
    width: 40%;
    cursor: pointer;
}

.moveResourcesUp {
    margin-top: -30px !important;
}
.uwPanelMargin {
    margin-left:15px; 
}
.uwPanelDetailMargin {
    margin-left:30px; 
}


/*custom*/

.browseControl{
    margin-top:2px;
}
.tableLable {
    font-size: medium;
    font-weight:bold;
}

.labelerror {
    color: #a94442;
}
.browseButton{
	color: var(--main-light-color-for-font-on-dark)
}
.pqtableborder {
    border-style: ridge;
    border-width: 1px;
    border-color: black;
    background-color: #d9d9d9;
}

.btn-opusstd-ln {
    color: var(--nav-btn-active-font-color) !important;
    background-color: var(--nav-btn-active-bg-color) !important;
    border-color: var(--nav-btn-active-border-color) !important;
    font-family: var(--nav-btn-active-font-family) !important;
    border-radius: 5px;
}

.btn-ln:focus, .btn-ln:active:focus, .btn-ln.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: unset;
}
.rounded-pill {
    background-color: var(--Main-page-background-color) !important;
    border-radius: 5px;
    border-width: 1px;
}

.k-button {
    border-radius: 4px;
    color: #fff !important;
    background-color: #2B576F !important;
    border-color: #2B576F !important;
    /*   border-color: #aeaeae;
        background-color: #ebebeb;*/
    text-transform: uppercase;
    font-family: var(--submit-btn-2-font-family);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 4px;
}

    .k-button:hover {
        color: #2B576F !important;
        background-color: #fff !important;
        border-color: #2B576F !important;
        text-transform: uppercase;
        font-family: var(--submit-btn-2-font-family);
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
    }