/* Minification failed. Returning unminified contents. (2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5106,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (5251,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5409,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5413,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5656,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (5657,28): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (5870,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (6407,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (7860,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (8083,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (8088,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (8427,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (8468,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (8469,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (8877,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (8928,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (8952,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (8961,15): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (9452,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9464,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9481,30): run-time error CSS1039: Token not allowed after unary operator: '-background-side-menu' (9526,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9539,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (10012,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (10230,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (10309,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (10438,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (10822,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (10853,25): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (10880,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11073,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11084,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11243,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11246,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11247,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (11248,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (11252,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11253,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (11254,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (11258,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11331,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11445,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11446,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (11450,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11451,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (11452,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (11496,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (11497,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (12553,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (13236,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (13967,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (14595,65): run-time error CSS1019: Unexpected token, found '*' (14595,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (14604,65): run-time error CSS1019: Unexpected token, found '*' (14604,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (15100,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (15104,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (15327,20): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (16039,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (16128,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (16472,26): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (16557,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (16576,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (16780,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (16936,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (17050,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17062,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17101,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (17105,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17123,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (18708,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (18745,32): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18750,30): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18761,30): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18766,30): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18799,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18806,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18813,35): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18866,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (19702,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (19709,26): run-time error CSS1039: Token not allowed after unary operator: '-footer-strip' (19720,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19725,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19735,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19744,22): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (19755,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (20404,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (20613,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (22785,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (25924,16): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (26104,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (26110,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (26252,27): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (26257,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (27019,15): run-time error CSS1039: Token not allowed after unary operator: '-cb-color' (27021,20): run-time error CSS1039: Token not allowed after unary operator: '-cb-checked-bg' (27026,20): run-time error CSS1039: Token not allowed after unary operator: '-background' (27027,16): run-time error CSS1039: Token not allowed after unary operator: '-cb-border' (27116,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (27199,26): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (27483,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (27565,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (28502,21): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (28509,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (28514,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (28519,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (28963,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (28970,15): run-time error CSS1039: Token not allowed after unary operator: '-select-place-holder' (28984,26): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (29325,20): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (29516,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (29608,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (29610,36): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (29611,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (30176,20): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (30219,26): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (30409,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (31759,16): run-time error CSS1039: Token not allowed after unary operator: '-cb-border' (31760,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (31767,17): run-time error CSS1039: Token not allowed after unary operator: '-cb-color' (31769,22): run-time error CSS1039: Token not allowed after unary operator: '-cb-checked-bg' (31958,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31959,33): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31964,20): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (31981,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31985,20): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (32737,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (32738,39): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (32739,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (32750,23): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (33030,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (36697,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (36781,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (36815,34): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (36816,24): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (36817,31): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (36834,25): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (37986,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (40075,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (40160,20): run-time error CSS1039: Token not allowed after unary operator: '-select-bg' (40216,16): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (40337,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (40593,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (40596,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (40599,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (40816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40948,16): run-time error CSS1039: Token not allowed after unary operator: '-dynamicHeight' (41113,26): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (41132,48): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (41912,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (42076,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (42084,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (42092,19): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (42160,19): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (42462,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (42657,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (42713,23): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (43090,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (43102,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (43103,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (43104,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (43123,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (43220,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (43387,27): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (43674,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (43879,33): run-time error CSS1046: Expect comma, found '0' (43879,37): run-time error CSS1046: Expect comma, found '/' (43887,33): run-time error CSS1046: Expect comma, found '0' (43887,37): run-time error CSS1046: Expect comma, found '/' (43899,22): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (44252,75): run-time error CSS1030: Expected identifier, found ',' (44252,106): run-time error CSS1031: Expected selector, found ')' (44252,106): run-time error CSS1025: Expected comma or open brace, found ')' (44760,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (44765,23): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (44954,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (44992,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (44999,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (45349,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (45410,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (45418,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (45428,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (45435,17): run-time error CSS1039: Token not allowed after unary operator: '-line-color' (45505,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (46148,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (46155,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (46619,22): run-time error CSS1039: Token not allowed after unary operator: '-select-bg' (47221,32): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47224,29): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47437,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47510,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47512,16): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (47566,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48245,30): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48599,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49386,25): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (49503,36): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49504,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49807,28): run-time error CSS1036: Expected expression, found '$' (49807,28): run-time error CSS1019: Unexpected token, found '$' (49807,28): run-time error CSS1042: Expected function, found '$' (49807,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$' (50108,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (50436,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (50900,32): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (50927,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (51363,28): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (51365,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (51527,26): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (51735,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (51917,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (51921,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (52027,26): run-time error CSS1039: Token not allowed after unary operator: '-indicator-bg-color' (52036,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (52060,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (52073,14): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (52113,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (52320,23): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (52372,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (53165,20): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (53359,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (53466,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (53496,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (53548,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (53641,26): run-time error CSS1039: Token not allowed after unary operator: '-indicator-bg-color' (53642,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (53672,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (53706,28): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (53839,16): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (53850,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (53854,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (53885,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (54187,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (54682,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (54711,32): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (54713,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (54716,1): run-time error CSS1019: Unexpected token, found '}' (54725,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (54867,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (54871,20): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (54877,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (54878,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (54883,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (54884,33): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (54950,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55049,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (55072,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55089,33): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (55135,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (55157,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (55181,28): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (55183,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55187,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (55188,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (55193,19): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55206,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (55225,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (55229,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (55338,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (55397,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (55461,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (55534,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55563,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (55564,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (55579,57): run-time error CSS1030: Expected identifier, found 'a' (55579,58): run-time error CSS1031: Expected selector, found ')' (55579,58): run-time error CSS1025: Expected comma or open brace, found ')' (55598,63): run-time error CSS1030: Expected identifier, found '.' (55598,63): run-time error CSS1031: Expected selector, found '.' (55598,63): run-time error CSS1025: Expected comma or open brace, found '.' (55616,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (55657,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (55669,20): run-time error CSS1039: Token not allowed after unary operator: '-line-color' (55677,20): run-time error CSS1039: Token not allowed after unary operator: '-line-under-item-color-hover' (55684,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-current-bg' (55689,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (55724,28): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (55741,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (56490,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (56502,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (57004,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (57005,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (58339,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (58463,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (58501,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (58561,26): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (58568,26): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (58582,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (58823,26): run-time error CSS1039: Token not allowed after unary operator: '-combo-option-hover' (58824,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (58991,20): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (59172,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (59664,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (59764,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (59772,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (59817,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (59869,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (59877,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (60435,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (61071,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (61424,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (62560,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (62651,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (62711,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (62718,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (62720,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (62723,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (62724,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (62740,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (62812,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (62900,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (62908,29): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (62916,35): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (63034,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (63381,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (63413,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (63610,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63614,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63615,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63619,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63620,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63631,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63632,31): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63643,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63644,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63650,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63651,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63662,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63665,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63713,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63714,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (63718,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (63722,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63727,20): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (63731,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63746,20): run-time error CSS1039: Token not allowed after unary operator: '-background' (63747,20): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (63749,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (63760,24): run-time error CSS1039: Token not allowed after unary operator: '-background' (63761,24): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (63771,24): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (63789,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63804,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (63833,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (63834,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (63835,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (63838,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63847,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover-color' (63848,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63852,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (63853,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63862,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (63863,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (63864,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (63867,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63876,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover-color' (63877,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63881,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (63882,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (63902,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (63903,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (63904,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (63907,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (63909,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-border' (63916,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-color' (63917,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (63921,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-click-color' (63930,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (63931,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (63932,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (63935,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (63937,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-border' (63944,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-color' (63945,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (63949,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-click-color' (63964,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (63967,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (63968,20): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (63972,21): run-time error CSS1039: Token not allowed after unary operator: '-side-comp-title-font-size' (63974,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (63975,35): run-time error CSS1039: Token not allowed after unary operator: '-line-under-title-color' (63982,19): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (63991,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (64005,19): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (64018,34): run-time error CSS1039: Token not allowed after unary operator: '-line-under-item-color' (64029,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64037,19): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (64113,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64132,25): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (64154,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64182,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64183,20): run-time error CSS1039: Token not allowed after unary operator: '-tile-box-shadow' (64185,26): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (64189,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64190,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64200,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64201,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64219,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64284,20): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (64301,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (64305,30): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (64319,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64335,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (64431,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64441,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64448,23): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (64463,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64495,26): run-time error CSS1039: Token not allowed after unary operator: '-indicator-bg-color' (64507,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64529,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (64560,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (64565,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (64584,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (64589,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (64595,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (64627,20): run-time error CSS1039: Token not allowed after unary operator: '-select-bg' (64634,16): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (64647,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (64656,31): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (64660,31): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64669,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (64694,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (64698,27): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (64702,27): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (64710,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (64857,28): run-time error CSS1039: Token not allowed after unary operator: '-fast-search-items-bg-color' (64878,18): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (64891,16): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (64902,26): run-time error CSS1039: Token not allowed after unary operator: '-fast-search-items-bg-color' (64989,27): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (64994,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (64999,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (65004,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (65008,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65009,36): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65013,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65014,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65018,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65019,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65025,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65026,36): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65032,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65033,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65037,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65038,36): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65052,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65154,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (65196,25): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (65207,26): run-time error CSS1039: Token not allowed after unary operator: '-combo-option-hover' (65208,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (65276,15): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (65320,23): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' */ :root { --link-color: #1776B5; --link-color-on-l-blue: #096CAE; --link-hover-color: #2272BB; /* buttons */ --btn-radius: 22px; --btn-box-shadow: 0px 2px 5px #00000029; --btn-font-size: 20px; --primary-btn-color: #2272BB; --primary-btn-hover-color: #30699E; --primary-btn-click-color: #15446E; --primary-btn-text-color: #FFFFFF; --secondary-btn-color: #FFFFFF; --secondary-btn-hover-color: #EBF2F6; --secondary-btn-click-color: #DCE9F2; --secondary-btn-text-color: #194D7B; --secondary-btn-border: 1px solid var(--secondary-btn-text-color); --login-btn-radius: 19px; /* titles */ --title-color: #123A5E; --text-color: #000000; --line-under-title-color: #123A5E33; --line-under-item-color: #E6ECF2; --line-under-item-color-hover: #C3D5E6; --header-hover: #196394; --navigation-open-title: #465D78; --footer-strip: #0A2136; --footer-font-color: #FFFFFF; /* background */ --background-color: #FFFFFF; --background: #FFFFFF; --stock-search-bg: #EDF5FA; --background-light-blue: #EDF5FA; --background-side-menu: #EAF2F8; --background-blue-in-blue: #F6F9FC; --grey-background: #EBEBEB; --background-over-grey-color: #E9F4FC; --space-between-components: 24px; --side-comp-title-font-size: 22px; /*form*/ --select-place-holder: #0000008A; --select-border: 1px solid #AAADAF; --line-color: var(--link-color); --link-hover-decoretion: underline; --link-press-decoretion: underline; --comp-box-shadow: 0px 3px 10px #00000029; --tile-box-shadow: 0px 3px 6px #00000029; --pagination-active-color: #123A5E; --pagination-color: #1776B5; --select-bg: url(../images/icons/border_arrow.svg) no-repeat left #fff; --stock-items-border: 1px solid #E2E2E2; --cb-border: 1px solid #D1DAE2; --cb-color: var(--primary-btn-text-color); --cb-checked-bg: var(--primary-btn-color) 0% 0% no-repeat padding-box; --line-between-items: 1px solid #00000033; --indicator-bg-color: #D9EDFE; --panel-border: 2px solid #E6EEF5; --item-radius: 4px; --fast-search-items-bg-color: #0B3860; --shadow-in-container: #C4DBED; --mobile-nav-header-color: #1776B5; --mobile-nav-current-bg: #E9F4FC; --combo-option-hover: #F1F4F9; } /*@font-face { font-family: "Assistant"; font-weight: 200; src: url("../fonts/Assistant-ExtraLight.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 300; src: url("../fonts/Assistant-Light.ttf"); font-display: swap; }*/ @font-face { font-family: "Assistant"; font-weight: 400; src: url( "../fonts/Assistant-Regular.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 500; src: url("../fonts/Assistant-Medium.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 600; src: url("../fonts/Assistant-SemiBold.ttf"); font-display: swap; } /*@font-face { font-family: "Assistant"; font-weight: 700; src: url("../fonts/Assistant-Bold.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 800; src: url("../fonts/Assistant-ExtraBold.ttf"); font-display: swap; } */ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;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,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;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,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0} /*! * FullCalendar v3.8.2 * Docs & License: https://fullcalendar.io/ * (c) 2018 Adam Shaw */.fc button,.fc table,body .fc{font-size:1em}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-webkit-touch-callout:none;-khtml-user-select:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none}.fc-limited{display:none}.fc-icon,.fc-toolbar .fc-center{display:inline-block}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-icon:after,.fc-toolbar button{position:relative}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap3 hr.fc-divider{border-color:inherit}.fc-bootstrap3 .fc-today.alert{border-radius:0}.fc-bootstrap3 .fc-popover .panel-body{padding:0}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee} /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} /* -------------------------------------------------- uSkinned.net BASE -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 LINKS 2.0 LISTS 3.0 MISC 4.0 TYPOGRAPHY */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /* -------------------------------------------------- 1.0 LINKS -------------------------------------------------- */ a, .slick-prev, .slick-next { color: #337ab7; } a, .btn, .slick-prev, .slick-next { -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } a:hover { text-decoration:none; } .btn { border-radius:0; } a.see_all { position:absolute; top:0; right:0; font-size:11px; } #top-link-block { z-index:200; position:relative; } #top-link-block a { display:block; margin:0 auto; } @media (max-width:991px) { #top-link-block a { text-align:center; border-radius:0; border:0 none; box-shadow:0 none; } } @media (min-width:992px) { #top-link-block { position:fixed; bottom:25px; right:15px; padding:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; opacity:0; -webkit-transition:opacity 0.2s ease-in-out 0s; -moz-transition:opacity 0.2s ease-in-out 0s; -ms-transition:opacity 0.2s ease-in-out 0s; transition:opacity 0.2s ease-in-out 0s; } #top-link-block.affix.show { -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity:1; } } /* -------------------------------------------------- 2.0 LISTS -------------------------------------------------- */ ul, ol { padding:0; margin:0 0 16px; line-height:1.4; } ul { margin-left:16px; list-style: disc outside; } ol { margin-left:20px; list-style: decimal; } ul ul, ol ol { padding:4px 0 0 8px; } ul ul { list-style: circle outside; } ol ol { list-style: lower-roman; } li { margin-bottom:4px; } dl { } dl dt { font-weight:bold; padding-bottom:2px; } dl dd { padding-bottom:4px; } ul.nav, ol.nav, nav ul, nav ol, ul.list, ol.list, nav ul li, nav ol li, ul.list li, ol.list li { padding:0; margin:0; list-style:none; /*line-height:1;*/ } /* -------------------------------------------------- 3.0 MISC -------------------------------------------------- */ img { width:100%; height:auto; } .promo_pods .item img, .gallery .item img, .try-gallery .item img { width:100%; height:auto; } /* IMAGE TRANSITIONS */ .image.video, .banner .image, .promo_pods .image, .listing .image, .gallery .image, .try-gallery .image{ overflow:hidden; padding:0; } .image.video a img, .banner .item a img, .promo_pods .item a img, .listing .item a img, .gallery .item a img, .try-gallery .item a img { -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .image.video a:hover img, .banner .item a:hover img, .promo_pods .item a:hover img, .listing .item a:hover img, .gallery .item a:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .try-gallery .item a:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } i.fa { margin-right:5px; } i.fa.after { margin-right:0; margin-left:5px; } .glyphicon.lg { font-size:40px; } @media (max-width:767px) { .text-left-xs { text-align:left; } } /* -------------------------------------------------- 4.0 TYPOGRAPHY -------------------------------------------------- */ /* -------------------------------------------------- font-family: 'Helvetica Neue' font-weight: -------------------------------------------------- */ /*body { font-family:'Helvetica Neue', sans-serif; } input, select, textarea, button { font-family:'Helvetica Neue', sans-serif; } h1, h2, h3, h4, h5, h6, .heading { font-family:'Helvetica Neue', sans-serif; } */ /*h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:26px; } h4 { font-size:22px; }*/ h5, p.heading { font-size:16px; } /*h6 { font-size:16px; }*/ h1, h2, h3 { margin-top:16px 0; } #left_col h1:first-child, #right_col h1:first-child, #wide_col h1:first-child, #mid_col h1:first-child { margin-top:0; } h4, h5, h6, p.heading { margin-top:8px 0; } footer .heading { font-size:16px; } p { margin:8px 0 16px; } p, .text { line-height:1.4; } .intro { font-size:130%; } p#skip { display:none; } body{ font-size:16px; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- PLUGINS -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 SLICK CAROUSEL 2.0 LIGHTBOX 3.0 ANIMATE */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /* -------------------------------------------------- 1.0 SLICK CAROUSEL -------------------------------------------------- */ /* * http://kenwheeler.github.io/slick/ */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0; } .slick-list { position: relative; overflow: hidden; display: block; direction:rtl; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index:0; } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } /*.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }*/ .slick-slide { float: right; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } /* .slick-slide { -moz-opacity:0.3; -webkit-opacity:0.3; -ms-opacity:0.3; opacity:0.3; } .slick-active { -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; opacity:1; } */ /* Arrows */ .slick-prev, .slick-next { } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { } /* Dots */ .slick-slider { } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* -------------------------------------------------- 2.0 LIGHTBOX -------------------------------------------------- */ /*! * Lightbox for Bootstrap 3 by @ashleydw * https://github.com/ashleydw/lightbox * * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE */ .ekko-lightbox-container { position: relative; } .ekko-lightbox-nav-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .ekko-lightbox-nav-overlay a { z-index: 100; display: block; width: 49%; height: 100%; font-size: 30px; color: #fff; opacity: 0; /* text-shadow: 2px 2px 4px #000; filter: dropshadow(color=#000000, offx=2, offy=2); */ -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .ekko-lightbox-nav-overlay a:empty { width: 49%; } .ekko-lightbox a:hover { text-decoration: none; opacity: 1; } .ekko-lightbox .glyphicon-chevron-left { left: 0; float: left; padding-left: 15px; text-align: left; background-color: transparent; } .ekko-lightbox .glyphicon-chevron-right { right: 0; float: right; padding-right: 15px; text-align: right; background-color: transparent; } .ekko-lightbox .modal-footer { text-align: left; } .modal-backdrop.in { -webkit-opacity: 0.85; -moz-opacity: 0.85; opacity: 0.85; background-color: #000000; } .ekko-lightbox .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } .ekko-lightbox .modal-header { border: 0; padding-left: 0; padding-right: 0; } .ekko-lightbox .modal-header .close { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; color: #fff; text-shadow: 0; margin-top: 5px; } .ekko-lightbox .modal-header .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .ekko-lightbox .modal-header h4.modal-title { color: #fff; padding: 0; } .ekko-lightbox .modal-body { padding: 0; } .ekko-lightbox .modal-footer { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; border: 0; color: #fff; padding: 0; margin:16px 0; } .ekko-lightbox-nav-overlay a { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; text-shadow: none; } .ekko-lightbox .modal-dialog { margin:0 auto!important; } /* -------------------------------------------------- 3.0 ANIMATE -------------------------------------------------- */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }@keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }.flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }.shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } }@keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } }.wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }.hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } }.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }@keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes rollInRight { 0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); } }@-moz-keyframes rollInRight { 0% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -moz-transform: translateX(0) rotate(0deg); } }@-o-keyframes rollInRight { 0% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -o-transform: translateX(0) rotate(0deg); } }@keyframes rollInRight { 0% { opacity: 0; transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; transform: translateX(0) rotate(0deg); } }.rollInRight { -webkit-animation-name: rollInRight; -moz-animation-name: rollInRight; -o-animation-name: rollInRight; animation-name: rollInRight; } /* EXTENDED WITH THIS http://www.oxygenna.com/tutorials/scroll-animations-using-waypoints-js-animate-css */ .os-animation{ opacity: 0; } .os-animation.animated { opacity: 1; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- uSkinned.net LAYOUT -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 GENERAL 2.0 HEADER 3.0 CONTENT 4.0 FOOTER 4.1 FOOTER NAV 5.0 NAVIGATION 5.0.1 COMMON NAV 5.1 MAIN NAV 5.3 TOP NAV 5.3 SUB 5.4 BREADCRUMB 5.5 PAGINATION 5.6 SITEMAP 5.7 SOCIAL 5.8 QUICK LINKS 5.10 SLICK CAROUSEL NAVIGATION 6.0 PROMO PODS 6.1 WIDE COLUMN PODS 7.0 LISTING 7.1 BLOG LISTING 7.2 SEARCH LISTING 7.3 SECTION LISTING 7.4 GRID LISTING 7.5 PROMO POD LISTING 8.0 PANELS 9.0 PAGE COMPONENT 9.1 TABBED 9.2 ACCORDION 9.3 QUOTES 9.4 IMAGES 9.5 GALLERY 9.6 RESOURCES 9.7 TABLES 9.8 COMMENTS 9.9 AUTHOR BIO 9.10 IMAGE SLIDESHOW 10.0 ADVANCED PAGE COMPONENT 10.1 BANNER 10.2 CTA STRIP 10.3 PROMO PODS 10.4 VIDEO 10.5 TEXT WITH IMAGE / VIDEO 10.6 TEXT WITH FORM 10.7 BLOG WITH FORM 10.8 TABBED LISTING 10.9 STANDARD COMPONENTS 10.10 GRID 11.0 FORMS 11.1 SITE SEARCH 11.2 AJAX LOADING 11.3 COOKIES 12.0 HOME PAGE */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css);*/ /*@import url(//fonts.googleapis.com/css?family=Assistant|Assistant:SemiBold&subset=hebrew);*/ /*@import url(//fonts.googleapis.com/css?family=Assistant:SemiBold&subset=hebrew);*/ /* ---------------------------------------------------------------------------------------------------- 1.0 GENERAL ---------------------------------------------------------------------------------------------------- */ /*RTL*/ /*Main navigation*/ html { direction: rtl; } .navigation nav.main ul li { float: right; } .navigation nav.main ul li i.fa-chevron-down { right: auto; left: -10px; } /*Main navigation sub items*/ .navigation nav.main ul li li:hover > ul { right: 180px; } .navigation nav.main ul li:hover > ul { right: 0px; } .navigation nav.main ul li.has_child i.fa.fa-chevron-right { right: 175px; } fa-chevron-right:before { content: "\76"; } .fa-chevron-right:before { font-family: "Verdana"; } .fa-chevron-right:before { font-weight: normal; } .navigation nav.main ul li ul { right: -999em; } /*Breadcrumbs*/ .breadcrumb > li + li::before { float: right; } #right_col[role=main] ul, #left_col[role=main] ul, #right_col[role=main] ol, #left_col[role=main] ol:not(.carousel-indicators) { margin-right: 16px; } .slick-track { /*float: left;*/ float: right; } table thead th { text-align: right; } /*Navigation*/ .navigation nav.top { left: 0; } header .site_search { left: 0; } /* header #logo { right: 15px; }*/ .cust-lang { right: 300px; } /*Top navigation: members area, sitemap, private policy*/ i.fa { margin-left: 5px; } .navigation nav.top > ul li { margin-right: 10px; margin-left: 0px; } i.fa.after { margin-right: 5px; } /*Footer*/ /*footer .social { float: left; } footer .company_details { float: right; }*/ /*Components*/ .page-component-edu img.link-of-com { margin-left: 15px; } .page-component-edu img.title-of-com { margin-left: 10px; } .page-component-edu panel-body.comp-title-container h4, comp-title-container { margin-right: 20px; } .page-component-edu .comp-title-container h6 { margin-right: 20px; } .page-component-edu .listing .link-container { margin-left: 15px; } .page-component-edu .banner img.banner-img { margin-left: 15px; } .nav-tabs > li { float: right; } .page-component-edu .banner-containter .banner { padding: 0 0 0 0 !important; } /*End of RTL*/ body { } #site { margin: 0 auto; max-width: none !important; } /* ---------------------------------------------------------------------------------------------------- 2.0 HEADER ---------------------------------------------------------------------------------------------------- */ /*header { box-shadow: 0 1px 16px rgba(0,0,0,0.45); margin-bottom: 6px; } header .container { position:relative; } header #logo { position:absolute; top:10px; left:15px; width: 25%; z-index:501; } header #logo a { font-family: Assistant; text-indent: 50px!important; width: auto!important; display: block; background-repeat: no-repeat; background-position: right bottom; font-size: 16px; color: #000; } header .container .title { position: absolute; margin-top: 30px; margin-right: 50px; } header .container .title .line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 1px solid #AFC2D3; line-height: 30px; } header .title a { font-family: Assistant; font-size: 34px; margin-top: -3px; color: #000; } header #logo a:active { position:relative; top:1px; } @media (max-width:767px) { header { height:80px; margin-bottom:150px; } header #logo { top:0; left:0; margin:20px 50%; position:relative; float:left; } } @media (min-width:768px) { header { height:170px; z-index:500; position: fixed; background-color: #fff; width: 100%; } } @media (max-width:991px) { header #logo { top: 0px; right: -29%!important; } header #logo a { background-size: 55% auto; } header #logo { width: 35%; } header .title a { font-size: 25px!important; } header .container .title .line { border-left: 0; } } @media (max-width:1199px) { header .title a { font-size: 25px!important; } }*/ @media (min-width:992px) { } @media (min-width:1200px) { } .cust-lang { position: absolute; top: 20px; left: 100px; z-index: 505; display: none; } /* ---------------------------------------------------------------------------------------------------- 3.0 CONTENT ---------------------------------------------------------------------------------------------------- */ .content #right_col { /* background-color: rgba(255,255,255,1); box-shadow: 0 1px 5px rgba(0,0,0,0.15); */ /*width: 21%;*/ margin-left: 0; margin-right: 0; } @media (max-width: 480px) { .advanced-page .content #left_col, .advanced-page .content #mid_col { margin-top: 15px; } } @media (min-width: 768px) { .content #right_col { /*margin-left: 30px;*/ margin-right: 15px; width: 22.5%; } } .content { padding: 16px 0; background-color: rgba(238,238,238,1); } .content.short { padding: 176px 0 8px 0; } @media (max-width:767px) { .content #left_col, .content #mid_col { padding-bottom: 24px; } .advanced-page .content #left_col, .advanced-page .content #mid_col { padding-bottom: 0; } } @media (min-width:768px) { .content { } } @media (min-width:992px) { .content { } } @media (min-width:1200px) { } /* ---------------------------------------------------------------------------------------------------- 4.0 FOOTER ---------------------------------------------------------------------------------------------------- */ /*footer { background-color: rgba(46, 66, 84, 1.0)!important; padding: 0!important; } footer.footer2 { background-color: rgba(36,52,66, 1.0)!important; } footer .company_details { padding-right:10px; } footer { //padding:16px 0; background-color:#eeeeee; } @media (max-width:767px) { footer .company_details, footer .footer_quick_links { margin-bottom:32px; } } @media (min-width:768px) and (max-width:991px) { footer { padding:24px 0; } footer .social { margin:16px 0; } } @media (min-width:992px) { footer { padding:20px 0 20px; } } @media (min-width:1200px) { } footer .container .row:not(:last-child) { //background-color: rgba(46, 66, 84, 1.0); } footer .col-md-3 { //width: 100%; padding-top:10px; }*/ /* -------------------------------------------------- 5.0 NAVIGATION -------------------------------------------------- */ .navigation { position: relative; z-index: 5; } .navigation .reveal { display: none; } .navigation a.expand { position: absolute; top: 0; right: 0; z-index: 300; width: 80px; height: 80px; display: block; text-indent: -9999px; } .navigation a.expand span { display: block; width: 40px; height: 3px; position: absolute; left: 20px; opacity: 1; transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s; } .navigation a.expand span.top { top: 26px; } .navigation a.expand span.mid { top: 38px; } .navigation a.expand span.bottom { top: 50px; } .navigation a.expand.active span.mid { opacity: 0; } .navigation a.expand.active span.top, .navigation a.expand.active span.bottom { top: 38px; } .navigation a.expand.active span.top { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .navigation a.expand.active span.bottom { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } @media (max-width:767px) { .navigation { margin-right: -15px; margin-left: -15px; /*top: 108px;*/ /*margin-bottom:120px;*/ } /*.navigation .expand.active { margin-bottom:120px!important; }*/ html.reveal_out { } /*html.reveal_out header { z-index:301; width:100%; height:100%; }*/ html.reveal_out .navigation .reveal { display: block; } } @media (min-width:768px) { .navigation a.expand { display: none; } .navigation .reveal { display: block; } } @media (min-width:768px) and (max-width:991px) { } /* -------------------------------------------------- 5.0.1 COMMON NAV -------------------------------------------------- */ /*header nav.common { height: 45px; width: 100%; position: relative; top: 0px; right: 0; left: 0; z-index: 300; margin: 0 auto; text-align: center; margin-bottom: 0; } header nav.common { background-color: #F0F0F0; background-color: rgba(46,66,84,1.0); } header nav.common ul li a { min-height:45px; padding: 12px 0; width: 20%; } header nav.common ul li:not(:last-child) a { border-left: 1px solid #688BAE; } header nav.common ul li a span { display:block; } header nav.common > ul li a { font-family: Assistant,Arial; font-size:20px; line-height:100%; text-align:center; } header nav.common ul li, header nav.common ul li a { position:relative; } header nav.common ul li i { cursor:pointer; position:absolute; top:0; right:0; width:60px; height:32px; padding-top:22px; text-align:center; } header nav.common ul li i.fa-external-link { position:relative; padding:0; top:auto; right:auto; bottom:auto; left:auto; width:auto; height:auto; background:transparent!important; } header nav.common ul li.has_child a span { padding-right:35px; } header nav.common ul li .fa-chevron-down:before { //content: "\f107"; content: ''; }*/ nav.common ul li:first-child:hover > a, nav.common ul ul { background-color: #000000; background-color: rgba(0,0,0,1.0); } nav.common ul li:nth-child(2):hover > a, nav.common ul ul { background-color: #71A240; background-color: rgba(113,162,64,1.0); } nav.common ul li:nth-child(3):hover > a, nav.common ul ul { background-color: #C8C8C8; background-color: rgba(48,152,207,1.0); } nav.common ul li:nth-child(4):hover > a, nav.common ul ul { background-color: #C8C8C8; background-color: rgba(146,81,141,1.0); } nav.common ul li:last-child:hover > a, nav.common ul ul { background-color: #000000; background-color: rgba(0,0,0,1.0); } nav.common li > a.active { color: #007CB6 !important; } /*header nav.common ul li i, header nav.common ul li a { color: #ffffff; color: rgba(255,255,255,1); } @media (min-width:992px) and (max-width:1199px) { header nav.common ul li a { min-height:45px; padding: 12px 0; width: 17%; } } @media (min-width:768px) and (max-width:991px) { header nav.common ul li a { padding: 12px 30px; } header nav.common > ul > li:not(:first-child) a::before { margin-left: 30px!important; margin-right: -30px!important; } header nav.common ul li a { min-height:45px; padding: 12px 0; width: 14%; } }*/ @media (min-width:768px) { /*Fix for FF*/ @-moz-document url-prefix() { .home-learn-dlg { margin-top: 0px !important; } } /*header nav.common, header nav.common ul, header nav.common ul li { z-index:500; } header nav.common { //height:32px; position:relative; right:0; left:0; z-index:300; } header nav.common ul { overflow:visible; line-height:1; margin: 0 auto; width: 1140px; } header nav.common ul li { //float:left; //display:inline; //position:relative; }*/ /*header nav.common > ul > li { margin-left: 2px; margin-right: -4px; }*/ /*header nav.common > ul > li:not(:first-child) a::before { content: ''; border-right: solid rgb(104, 139, 174) 1px; top: auto; margin-left: 60px; margin-right: -60px; }*/ /*header nav.common > ul > li:last-child { border-left: solid #ffffff 3px; } header nav.common ul li a { display:block; float:right; /height:32px; /padding: 12px 60px; margin-left: -1px; } header nav.common ul li.has_child a span { padding-right:20px; } header nav.common ul li i { top:10px; right:10px; width:20px; height:20px; padding-top:3px; } header nav.common ul li i.fa-external-link { } header.show.affix { margin-top: -45px; transition: margin-top 0.5s linear; }*/ } @media (max-width:767px) { i.fa.fa-chevron-down.after { display: none; } /*header nav.common, x:-moz-any-link, x:default{ margin-bottom:108px; }*/ /*Fix for FF*/ @-moz-document url-prefix() { .home-learn-dlg { margin-top: 150px; } } /*header nav.common { position:relative; clear:both; z-index: 2; margin-bottom:108px; } header nav.common ul { position:relative; clear:both; } header nav.common ul li { display:block; border-width:0 0 1px; border-style:solid; border-bottom-color: #688BAE; background-color: rgb(56,81,103); width: 100%; } header nav.common ul li a { display:block; width: 100%; } header nav.common ul li.has_child a span { background-image:none; } header #logo { visibility:hidden; /*display:none; } header.show.affix, header.show.affix .common { height:0; } header.show.affix ul { display: none!important; } header.show.affix a, header.show.affix .title, header.show.affix .container .navigation .reveal .site_search { display: none!important; }*/ /*.site_search { display: none !important; }*/ } /* -------------------------------------------------- 5.1 MAIN NAV -------------------------------------------------- */ .navigation nav.main { background-color: #F0F0F0; background-color: rgba(212,222,232,1.0); } .navigation nav.main ul li a { min-height: 32px; padding: 10px 15px; } .navigation nav.main ul li a span { display: block; } .navigation .main > ul li a { font-family: Assistant,Arial; font-size: 18px; line-height: 100%; text-align: center; } .navigation nav.main ul li, .navigation nav.main ul li a { position: relative; } .navigation nav.main ul li i { cursor: pointer; position: absolute; top: 0; right: 0; width: 60px; height: 32px; padding-top: 22px; text-align: center; } .navigation nav.main ul li i.fa-external-link { position: relative; padding: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto; background: transparent !important; } .navigation nav.main ul li.has_child a span { padding-right: 35px; } @media (max-width:767px) { /*.navigation nav.main ul li i { background-color: #ffffff!important; background-color: rgba(255,255,255,1.0)!important; }*/ i.fa.fa-chevron-down.after { display: none; } .navigation nav.main { position: relative; clear: both; margin-top: 80px; } .navigation nav.main ul { position: relative; clear: both; } .navigation nav.main ul li { display: block; border-width: 0 0 1px; border-style: solid; } .navigation nav.main ul li a { display: block; } .navigation nav.main ul li.has_child a span { background-image: none; } .navigation nav.main ul ul { display: none; padding-right: 35px; border-width: 1px 0 0 0; border-style: solid; } .navigation nav.main ul ul li { border-width: 0 1px 1px 0; border-style: solid; } .navigation nav.main ul ul li:last-child { border-bottom: 0 none; } .navigation nav.main ul li.open > ul { display: block; position: relative; top: auto; left: auto; } } @media (min-width:768px) { /*header,*/ .navigation, .navigation nav.main, .navigation nav.main ul, .navigation nav.main ul li { z-index: 500; } .navigation nav.main { height: 32px; position: relative; top: 86px; right: 0; left: 0; z-index: 300; } .navigation nav.main ul { overflow: visible; line-height: 1; } .navigation nav.main ul li { /*float:left;*/ display: inline; position: relative; } .navigation nav.main > ul > li { margin-left: 2px; margin-right: -4px; } .navigation nav.main > ul > li::before { content: ''; border-right: solid #ffffff 3px; position: absolute; height: 100%; top: 0%; } .navigation nav.main > ul > li:last-child { border-left: solid #ffffff 3px; } .navigation nav.main ul li a { display: block; float: left; height: 32px; padding: 10px 10px; } .navigation nav.main ul li.has_child a span { padding-right: 20px; } .navigation nav.main ul li i { top: 10px; right: 10px; width: 20px; height: 20px; padding-top: 3px; } .navigation nav.main ul li i.fa-external-link { } /* DROP DOWN 2ND LEVEL */ .navigation nav.main ul li ul { position: absolute; /*left: -999em;*/ top: 32px; z-index: 2000; width: 200px; height: auto; padding: 0; display: block; border-top: 0; } .navigation nav.main ul li ul li { float: none; width: auto; display: block; border: 0 none !important; } .navigation nav.main ul li ul li a { float: none; display: block; height: auto; line-height: 1.3; width: auto; min-width: 200px; } .navigation nav.main ul li ul li a span { display: block; background: none !important; } } @media (min-width:768px) and (max-width:1199px) { .navigation nav.main ul li li.open > ul { top: 0; left: 200px; } .navigation nav.main ul li.open > ul { left: 0; } } @media (min-width:992px) { .navigation nav.main ul li a { padding: 7px 25px; } } @media (min-width:1200px) { .navigation nav.main ul li li:hover > ul { top: 0; left: 200px; } .navigation nav.main ul li:hover > ul { left: 0; } } .navigation nav.main ul li .fa-chevron-down:before { /*content: "\f107";*/ content: ''; } /*li:hover > a, nav.main ul ul, li:hover > a, nav.main ul li ul { background-color: #428C8E!important; background-color: rgba(66,140,142,0.8); }*/ nav.main ul li:hover > a, nav.main ul ul { background-color: #C8C8C8; background-color: rgba(190,200,210,1.0) !important; margin-right: 3px; padding-right: 22px; } nav.main li > a.active { color: #007CB6 !important; } .navigation nav.main ul li i, .navigation nav.main ul li a { color: #000000; color: rgba(0,0,0,1); } /* -------------------------------------------------- 5.2 TOP NAVIGATION -------------------------------------------------- */ .navigation nav.top > ul li a, .navigation nav.top > ul li .fa-user:before { /*color: #ed6d19;*/ color: rgba(0,0,0,1) !important; } .navigation nav.top { height: auto; } .navigation nav.top > ul { color: #999; font-size: 12px; font-size: 1.2rem; } .navigation nav.top > ul li a#get-hipus { cursor: pointer; position: absolute; left: 100%; width: 55px; } .navigation nav.top > ul li a#get-hipus:before { font-family: FontAwesome; content: "\f002"; color: gray; padding-left: 5px; /*font-weight: bold;*/ } /* TODO - for the new search */ /*.navigation nav.top > ul li a.get-hipus { cursor: pointer; position: absolute; left: 100%; width: 55px; } .navigation nav.top > ul li a.get-hipus:before { font-family: FontAwesome; content: "\f002"; color: gray; padding-left: 5px; }*/ .navigation .reveal .top ul li.even { padding-right: 14px; border-right: 1px solid #000; margin-left: 0px; } @media (max-width:767px) { .navigation nav.top > ul { position: relative; clear: both; } .navigation nav.top > ul li { display: block; } .navigation nav.top > ul li a { display: block; padding: 10px; } .navigation nav.top .dropdown-menu { position: relative; float: none; width: 100%; box-shadow: none; margin: 0 0 15px; padding: 0; } .navigation nav.top li:last-child .dropdown-menu { margin-bottom: 0; } .navigation nav.top .dropdown-menu a { padding: 10px 15px; } .navigation nav.top > ul li a.get-hipus { cursor: pointer; position: relative; right: 5px; /*top: 90px;*/ width: 65px; } .navigation .reveal .top ul li.even { padding: 0; border: none; margin: 0; } } @media (min-width:768px) { .navigation nav.top { position: absolute; top: 32px; /*right:0;*/ } .navigation nav.top > ul { color: #999; font-size: 12px; font-size: 1.2rem; } .navigation nav.top > ul li { display: inline; float: left; margin-left: 10px; font-family: Assistant; font-size: 16px; } .navigation nav.top > ul li a { display: block; float: left; } .navigation nav.top > ul li a span { } .navigation nav.top > ul li div { display: block; float: left; } .navigation nav.top .dropdown-menu a { padding: 5px 10px; } .navigation nav.top > ul > li:first-child a { background-image: url(/images/icons/logo-education-office.png); width: 186px; height: 46px; margin-top: -13px; /*color: transparent!important;*/ text-indent: 100%; white-space: nowrap; overflow: hidden; } } .navigation nav.top .dropdown-menu li { display: block; clear: both; float: none; margin: 0; } .navigation nav.top .dropdown-menu a { display: block; float: none; } /* -------------------------------------------------- 5.3 SUB NAVIGATION -------------------------------------------------- */ nav.sub { position: relative; overflow: hidden; height: 100%; margin-bottom: 24px; } nav.sub p.heading { font-size: 16px; } nav.sub p.heading a { display: block; } .navigation nav.main ul li.has_child i.fa.fa-chevron-right { z-index: 2001; } /* -------------------------------------------------- 5.4 BREADCRUMB NAVIGATION -------------------------------------------------- */ nav#breadcrumb { margin: 8px 0 16px; } .content.short nav#breadcrumb { margin: 12px 0 0 0; } nav#breadcrumb ol.breadcrumb { padding: 0; margin: 0; background: transparent; } nav#breadcrumb ol.breadcrumb { font-size: 14px; font-family: Assistant,Arial; } .breadcrumb > li + li::before { /*font-family:Verdana;*/ /*content: attr(breadcrumb-data-attr);*/ font-family: FontAwesome; content: "\f104"; color: gray; /*font-weight: bold;*/ } nav#breadcrumb ol.breadcrumb li a span { color: black; } nav#breadcrumb ol.breadcrumb li span { color: #007CB6; } /* -------------------------------------------------- 5.5 PAGINATION NAVIGATION -------------------------------------------------- */ nav.pagination { } nav#pager { margin: 32px 0 32px; } /* -------------------------------------------------- 5.6 SITEMAP NAVIGATION -------------------------------------------------- */ nav.sitemap { overflow: hidden; height: 100%; position: relative; } nav.sitemap ul { margin: 0 0 8px; } nav.sitemap ul li { display: block; padding: 0; margin: 0; background: url('/images/bg/sitemap_line.png') no-repeat left -31px; } nav.sitemap ul ul { margin-left: 16px; } /* -------------------------------------------------- 5.7 SOCIAL NAVIGATION -------------------------------------------------- */ .social nav { margin-top: -8px; margin-left: 100px; } .social nav ul { line-height: 0; } .social nav ul li { display: inline-block; position: relative; margin: 0 2px 5px 0; } .social nav ul li a { display: block; float: left; text-indent: -9999px; width: 32px; height: 32px; background-image: url('/images/icons/social.png'); background-repeat: no-repeat; border-radius: 16px; } .social nav ul li:hover a { border-radius: 0; } .social nav ul li a::after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 32px; height: 32px; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s; } .social nav ul li.first a { } .social nav ul li.last a { } .social nav ul li.facebook a { background-position: left top; } .social nav ul li.twitter a { background-position: left -32px; } .social nav ul li.linkedin a { background-position: left -64px; } .social nav ul li.google_plus a { background-position: left -96px; } .social nav ul li.pinterest a { background-position: left -128px; } .social nav ul li.instagram a { background-position: left -160px; } .social nav ul li.flickr a { background-position: left -192px; } .social nav ul li.tumblr a { background-position: left -224px; } .social nav ul li.vimeo a { background-position: left -256px; } .social nav ul li.youtube a { background-position: left -288px; } .social nav ul li.dribble a { background-position: left -320px; } .social nav ul li.skype a { background-position: left -352px; } .social nav ul li.rss a { background-position: left -384px; } .social nav ul li.forum a { background-position: left -416px; } /* -------------------------------------------------- 5.8 QUICK LINKS -------------------------------------------------- */ /*footer .footer_quick_links p.heading { font-family: Assistant,Arial!important; font-size: 20px; font-weight:bold; line-height:100%; color:rgb(215,224,234); text-align:right; max-width: 85%; } footer .footer_quick_links nav.row ul li a { font-family: Assistant,Arial; font-size:16px; line-height:100%; color:rgb(215,224,234); text-align:right; } .footer_quick_links { float: right; min-width: 25%; padding-right: 10px; margin-bottom: 20px; } .footer_quick_links:not(:last-child) { //border-left: solid 1px lightgray; min-height: 100px; border-left-color:rgb(69,100,129); border-left-width:1px; border-left-style:solid; } .footer_quick_links ul { } .footer_quick_links ul li { margin-bottom:10px; margin-right: 10px; } .footer_quick_links ul li .fa-angle-right:before { content:none; } .quick_links { } .quick_links ul { }*/ .quick_links ul li { margin-bottom: 5px; margin-top: 5px; } .quick_links ul li:first-of-type { margin-top: 0; } /* -------------------------------------------------- 5.9 FOOTER NAVIGATION -------------------------------------------------- */ /*footer .container .row .col-sm-12 { padding: 0; } nav.footer { padding:0; //margin-top:16px;// //border-top-width:1px; border-top-style:solid;// background-color:rgb(36,52,66); } nav.footer ul { font-family:Assistant; font-size:14px; line-height:120%; color:rgb(169,188,206); text-align:right; margin-right: 20px; padding-top: 3px; } nav.footer ul.nav div.social p.heading { display:none; } nav.footer ul li { margin-right:8px; } nav.footer > ul.nav > li:not(:first-child) { margin-right: 4px; padding-right: 8px; border-right: #A9BCCE solid 1px; } nav.footer ul.nav li { margin-right:8px; margin-top: 12px; display:inline-block; } nav.footer ul li.site_credit { margin:0; } nav.footer ul li a, nav.footer ul li div { display:inline; padding:0; } nav.footer i.fa.fa-external-link { display: none; } @media (max-width:767px) { nav.footer ul li.copyright { display:block; clear:both; margin-bottom:16px; } nav.footer ul li.site_credit { display:block; clear:both; float:none!important; margin-top:16px; } } nav.footer ul.nav li a { //color: rgba(0,0,0,1); font-family:Assistant; font-size:14px; line-height:120%; color:rgb(169,188,206); text-align:right; } */ nav.row ul li a { /*color: rgba(255,255,255,1);*/ } div.footer_quick_links p { color: rgba(255,255,255,1); } div.company_details p a { color: rgba(255,255,255,1); } div.company_details p { /*color: rgba(0,0,0,1);*/ font-family: Assistant; font-size: 14px; line-height: 120%; color: rgb(169,188,206); text-align: right; margin-top: 12px; } /* -------------------------------------------------- 5.10 SLICK CAROUSEL NAVIGATION -------------------------------------------------- */ .slick-prev, .slick-next { width: 35px; height: 35px; position: absolute; z-index: 200; top: 30%; background: none; border: 0 none; cursor: pointer; } .slick-prev:hover, .slick-next:hover { } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-prev, .slick-next { display: table; } .slick-prev i.fa, .slick-next i.fa { position: relative; margin: 0 !important; display: block; text-align: center; display: table-cell; vertical-align: middle; } .slick-prev i.fa { background: url('/images/icons/gallery-slick-arrow-left.svg') no-repeat center; } .slick-next i.fa { background: url('/images/icons/gallery-slick-arrow-right.svg') no-repeat center; } .carusel .col-xs-12 { background-color: white; left: 35px; top: -15px; width: 80%; } .carusel .link-container a { font-family: Assistant; font-size: 17px; color: rgb(44,112,148); } .carusel .link-container:hover a { color: rgb(44,112,148); text-decoration: none; } .carusel a:link { -webkit-tap-highlight-color: rgb(44,112,148); } .carusel a:hover, .carusel a:focus, .carusel a:hover i.fa { color: rgb(44,112,148); text-decoration: none; } @media (max-width:767px) { .banner .slick-prev, .banner .slick-next { /*display:none!important;*/ } } /* ---------------------------------------------------------------------------------------------------- 6.0 PROMO PODS ---------------------------------------------------------------------------------------------------- */ .promo_pods { position: relative; overflow: hidden; height: 100%; /*margin-bottom: 24px;*/ } .promo_pods .item { position: relative; margin-bottom: 16px; } .promo_pods .item a { } .promo_pods .item.imagepod a, .promo_pods .item.videopod a { display: block; } .promo_pods .item a:hover .text { text-decoration: none; } .promo_pods .item .image { margin: 0 0 8px; } .promo_pods .item img { overflow: hidden; } .promo_pods .item.imagepod img, .promo_pods .item.videopod img { width: 100%; margin: 0; } .promo_pods .item p.heading { display: block; margin: 0 0 8px; font-size: 16px; } .promo_pods .item .text { display: block; margin-bottom: 16px; } .promo_pods .item .text p { margin: 0; } .promo_pods .item .link { } @media (max-width:767px) { .promo_pods .item .image { max-width: 140px; } .promo_pods .item.imagepod .image, .promo_pods .item.videopod .image { max-width: 100%; } } /* -------------------------------------------------- 6.1 WIDE COLUMN PODS -------------------------------------------------- */ .promo_pods.wide { } @media (min-width:768px) and (max-width:991px) { .promo_pods.wide .col-sm-6:nth-child(2n+1) { clear: both; } } @media (min-width:992px) and (max-width:1199px) { .promo_pods.wide .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width:1200px) { .promo_pods.wide .col-lg-3:nth-child(4n+1) { clear: both; } } /* ---------------------------------------------------------------------------------------------------- 7.0 LISTING ---------------------------------------------------------------------------------------------------- */ .listing .item p.heading a { font-size: 20px; font-weight: bold; line-height: 100%; color: var(--link-color); text-align: right; } .listing .item .info .text { color: black; } .listing { overflow: hidden; height: 100%; position: relative; /*padding-top: 8px;*/ /*margin-top: 16px;*/ } .advanced-component .listing { padding: 0; margin: 0; } .listing .item { padding-bottom: 6px; /*margin-bottom:16px;*/ display: flex; } .listing.section.grid .item { padding-bottom: 6px; display: block; } .listing .text-right { margin: 0; padding: 0; } .listing .item a { font: bold 18px Assistant; } .listing .item .image { margin-bottom: 8px; } .listing .item .image img { margin: 8px; float: right !important; } .listing .item p.heading { display: block; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 120%; text-align: right; margin: 0 0 8px; } .listing .item .text { display: block; margin: 0 0 16px; } .listing .item .info .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .listing .item .meta a, .listing .item .text a { display: inline; } @media (max-width:767px) { .listing .item .pull-right { float: none; text-align: left; } } /* -------------------------------------------------- 7.1 BLOG LISTING -------------------------------------------------- */ .listing.blog { } .listing.blog .item .image { margin-bottom: 16px; } div.meta { font-size: 12px; } div.meta { } .item div.meta { margin-top: 16px; } div.meta div { padding-top: 8px; overflow: hidden; height: 100%; } .advanced-component div.meta .categories, div.meta .categories { padding-top: 8px; } @media (min-width:768px) { div.meta .categories { padding-top: 0; } } /* -------------------------------------------------- 7.2 SEARCH LISTING -------------------------------------------------- */ .listing.search { } /* -------------------------------------------------- 7.3 SECTION LISTING -------------------------------------------------- */ .listing.section:not(:last-child) { margin-top: 0; padding-top: 0; margin-bottom: var(--space-between-components); } .opened-list.listing.section { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 30px 40px 10px 25px; } .opened-list.listing.section.content h1 { padding: 0; } .opened-list.listing.section.grid.row { margin: 0; padding: 15px 5px 10px 5px; } .listing.section .image img { width: 160px; height: 107px; } .listing.section .text-right { margin: 0; padding: 0; width: auto; } .listing.section .info { width: 80%; } @media (min-width:992px) and (max-width:1200px) { .listing.section .info { width: 75%; } } @media (min-width:768px) and (max-width:991px) { .listing.section .info { width: 60%; } } @media (min-width:482px) and (max-width:767px) { .listing.section .info { width: 100%; } .listing .item .image { margin-right: 15px; } } @media (max-width:481px) { .listing.section .info { width: 100%; } .listing .item .image { margin-right: 15px; } } @media (max-width:767px) { .listing.section .item .image { max-width: 320px; } } /* -------------------------------------------------- 7.4 GRID LISTING -------------------------------------------------- */ .listing.grid { } .listing.grid .item { margin-bottom: 24px; padding-bottom: 0; } @media (max-width:767px) { .listing.grid .item .image img { max-width: 100%; } } /* -------------------------------------------------- 7.5 PROMO POD LISTING -------------------------------------------------- */ .promo_pods .item .listing { padding: 0; margin: 0 0 8px; border-width: 0 0 1px; border-style: solid; } .promo_pods .item .listing .item { margin: 8px 0; margin: 0; padding: 0; border-width: 1px 0 0; border-style: solid; } .promo_pods .item .listing .item p.heading { font-size: 14px; margin: 8px 0; } .promo_pods .item .listing.blog .item p.heading { margin: 8px 0 0; } .promo_pods .item .listing .item div.meta { margin: 0 0 8px; } .promo_pods .item a.see_all { /*top:20px; right:16px;*/ position: relative; } /* ---------------------------------------------------------------------------------------------------- 8.0 PANELS ---------------------------------------------------------------------------------------------------- */ .panel { } .panel .panel-body { } /* ---------------------------------------------------------------------------------------------------- 9.0 PAGE COMPONENT ---------------------------------------------------------------------------------------------------- */ .page_component { position: relative; } .advanced-page .page_component { margin-bottom: var(--space-between-components); } .page_component:not(:last-child) { margin-bottom: var(--space-between-components); } .page-component-edu .page_component:not(:last-child) { margin-bottom: 24px; } .page_component.textblock, .page_component.listing { margin: 0; } /* -------------------------------------------------- 9.1 TABBED -------------------------------------------------- */ .tabbed { } .tabbed .nav { font-size: 14px; } .tabbed .nav * { border-radius: 0; box-shadow: 0 none; } .tabbed .nav li a { padding: 22px 18px; } .tabbed .nav-tabs li.active a { background: transparent; } @media (min-width:992px) { .tabbed .nav i { display: none; } .tabbed .tab-content { padding: 16px; /*border-width:0 1px 1px; border-style:solid;*/ } } /* -------------------------------------------------- 9.2 ACCORDION -------------------------------------------------- */ .accordion { } .tabbed .panel, .accordion .panel { border-radius: 0; box-shadow: 0 none; } .tabbed .panel-heading, .accordion .panel-heading { padding: 0; font-size: 14px; } .tabbed .panel-heading .panel-title, .accordion .panel-heading .panel-title { padding: 0; font-size: 14px; } .tabbed .panel-heading .panel-title a, .accordion .panel-heading .panel-title a { display: block; padding: 12px; text-decoration: none; } /* -------------------------------------------------- 9.3 QUOTES -------------------------------------------------- */ .quotes { } blockquote { margin: 16px 0; padding: 0; border: 0 none; text-align: center; } blockquote i { display: block; margin: 0 auto 16px; } blockquote p { font-size: 22px; } .promo_pods blockquote p { font-size: 16px; } blockquote cite { font-size: 11px; } blockquote::before, blockquote::after { content: ""; display: block; margin: 0 auto; width: 70%; height: 3px; } blockquote::before { margin-bottom: 24px; } blockquote::after { margin-top: 24px; } @media (min-width:992px) { blockquote { margin: 24px 0; padding: 0 10%; } blockquote p { font-size: 28px; } .promo_pods blockquote p { font-size: 20px; } } /* -------------------------------------------------- 9.4 IMAGES -------------------------------------------------- */ .page_component.image { margin-bottom: 16px; } .page_component.image img { display: block; overflow: hidden; max-width: 100%; height: auto; } .page_component.image .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4); } .page_component.image .info .text { padding: 10px; font-size: 11px; color: rgba(255,255,255,0.8); } .edu-thum-daat { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 15px 15px 15px 15px; margin-bottom: 48px; } #left_col[role='main'] > .page_component.image, #left_col[role='main'] > p, #left_col[role='main'] > .body-text-container { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 15px 15px 15px 15px; margin-bottom: 32px; } #left_col[role='main'] > p, #left_col[role='main'] .body-text > p, #left_col[role='main'] > .body-text-container > p, #left_col[role='main'] > .edu-thum-daat > p { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: black; } #left_col[role='main'] > h1.areaTitle { margin-bottom: 40px; } /* -------------------------------------------------- 9.5 GALLERY -------------------------------------------------- */ .gallery, .try-gallery { } .gallery .item { margin-bottom: 24px; } .try-gallery .item { margin-bottom: 0px; } .try-gallery .item.col-md-4 { padding-left: 0px; padding-right: 0px; } /*.gallery .item a, .try-gallery .item a { }*/ .gallery .item .image, .grid-gallery .item .image { position: relative; /*margin-bottom: -2px;*/ border: white solid 5px; } .try-gallery .item .image { position: relative; /*margin-bottom: -2px;*/ border-radius: var(--item-radius); background-color: var(--background-over-grey-color); } .promo_pods .item a .overlayicon, .try-resources a .overlayicon, .gallery .item a .overlayicon, .grid-gallery .item a .overlayicon { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; } /*.try-gallery .item a .overlayicon { -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; opacity:0; }*/ .image.video a .overlayicon, .promo_pods .item.videopod a .overlayicon, .gallery .item.video a .overlayicon, .promo_pods .item a:hover .overlayicon, .gallery .item a:hover .overlayicon { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; } /*.try-gallery .item.video a .overlayicon { -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity:1; }*/ /*.try-gallery .item a:hover .overlayicon {*/ .try-resources a .overlayicon { -webkit-opacity: 0.95; -moz-opacity: 0.95; -ms-opacity: 0.95; opacity: 0.95; background-color: rgba(255, 255, 255, 0.6); } /*.try-gallery .item a .overlayicon { -webkit-opacity:0.95; -moz-opacity:0.95; -ms-opacity:0.95; opacity:0.95; background-color: rgba(255, 255, 255, 0.6); }*/ /*.try-gallery .item a:hover .overlayicon p {*/ .try-resources a .overlayicon { color: black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; } /*.try-gallery .item a .overlayicon p { color:black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; }*/ .grid-gallery .item a:hover .overlayicon { -webkit-opacity: 0.95; -moz-opacity: 0.95; -ms-opacity: 0.95; opacity: 0.95; background-color: rgba(198, 197, 195, 0.4); } .grid-gallery .item a .overlayicon p { color: black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; font: bold 20px Assistant,Arial; } /*.try-gallery .item { background-color: var(--background-over-grey-color); }*/ .try-gallery .item a .try-overlayicon p { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0,0,0); /*min-height: 30px;*/ margin-top: 7px; margin-bottom: 7px; padding-left: 15px; padding-right: 15px; } .try-gallery .item a .try-overlayicon p:first-child { text-align: right; color: black; font: bold 18px Assistant,Arial; /*min-height: 0px;*/ padding-left: 15px; padding-right: 15px; } .try-gallery .item:not(.first) a .try-overlayicon p { min-height: 46px; max-height: 46px; } .try-gallery .item.first a .try-overlayicon p:not(:first-child) { margin-top: 0px; } .try-gallery .item.first a .try-overlayicon p { margin-top: 10px; margin-bottom: 10px; min-height: 74px; padding-right: 20px; padding-left: 20px; } .try-gallery .item.first a .try-overlayicon p:first-child { min-height: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 7px; margin-bottom: 7px; } .try-gallery .row .link-container.pull-reverse-dir.pull-left { margin-bottom: 10px; } .try-gallery .row h4 { background-color: rgb(48,152,207); color: white; font-family: Assistant,Arial !important; font-size: 22px; font-weight: normal; height: 39px; padding: 6px 20px; display: table; margin: 10px -5px 10px 10px; } .page_component.try-resources a .overlayicon p { margin: 0; /*padding:0;*/ padding: 5px 20px 5px 20px; text-align: right; color: white; font: normal 30px Assistant,Arial; } .page_component.try-resources a:hover .overlayicon { text-decoration: underline !important; } /*.try-gallery .col-xs-6 { width: auto; }*/ .image.video a .overlayicon, .promo_pods .item a .overlayicon, #right_col aside .item a .overlayicon, .gallery .item a .overlayicon { display: table; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0; margin: 0; -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; } /*.try-gallery .item a .overlayicon { display:table; width:100%; height:100%; position:absolute; top:75%; right:0; bottom:0; left:0; text-align:center; padding:0; margin:0; -webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }*/ /*.try-gallery .item a .overlayicon { display:table; width:100%; height:100%; position:absolute; top:75%; right:0; bottom:0; left:0; text-align:center; padding:0; margin:0; -webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }*/ .page_component.try-resources a .overlayicon { display: table; width: auto; position: absolute; right: 0; bottom: 0; left: auto; text-align: center; padding: 0; margin: 0; background-color: var(--title-color); opacity: 0.85; /*-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;*/ } .grid-gallery .item a .overlayicon { display: table; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0; margin: 0; -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; } .gallery .item a .overlayicon { left: 0; } .try-resources a .overlayicon { left: 0; } /*.try-gallery .item a .overlayicon { left:0; }*/ .grid-gallery .item a .overlayicon { left: 0; width: 100% !important; height: 15% !important; max-height: 55px; min-height: 50px; margin: auto 0px; top: 90%; } .image.video a .overlayicon i, .promo_pods .item a .overlayicon i, #right_col aside .item a .overlayicon i, .gallery .item a .overlayicon i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-transition: color 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s; } .grid-gallery .item a .overlayicon i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-transition: color 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s; } /*.try-gallery .item a .overlayicon i { display:table-cell; width:100%; height:100%; vertical-align:middle; padding:0; margin:0; -webkit-transition:color 0.2s ease-in-out 0s; -moz-transition:color 0.2s ease-in-out 0s; -ms-transition:color 0.2s ease-in-out 0s; transition:color 0.2s ease-in-out 0s; }*/ .try-gallery .col-xs-12 { background-color: white; /*left: 15px; width: 97%; padding-left: 5px;*/ } .try-gallery .link-container a { font-family: Assistant; font-size: 16px; line-height: 150%; color: rgb(44,112,148); text-align: left; } .try-gallery a:link { -webkit-tap-highlight-color: rgb(44,112,148); } .try-gallery a:hover, .try-gallery a:focus, .try-gallery a:hover i.fa { color: rgb(44,112,148); text-decoration: none; } @media (max-width:767px) { .gallery .item:nth-child(2n+1), .try-gallery .item:nth-child(2n+1) { clear: both; } .try-gallery { margin-left: 0px; } } @media (max-width:991px) { .try-gallery .col-md-4, .try-gallery .col-xs-6 { /*width: auto !important;*/ } } @media (min-width:992px) { /*.try-gallery .col-md-4, .try-gallery .col-xs-6 { width: 50%; }*/ } @media (min-width:768px) { .try-gallery .item.first a .try-overlayicon p { max-height: 74px; } /*.gallery .item:nth-child(3n+1), .try-gallery .item:nth-child(3n+1) { clear:both; }*/ .try-gallery { width: 100%; } .row.page_component.try-gallery { margin-right: 0px; border: white solid 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; } .try-gallery .first.col-md-4 { width: 66.66%; } .try-gallery .col-md-4 { width: 33.34%; } /*.try-gallery .col-xs-6 { width: auto!important; }*/ } .grid-gallery { margin-top: 10px; margin-bottom: 10px; } .grid-gallery .item { margin-top: 15px; margin-bottom: 15px; /*padding-left: 15px; padding-right: 15px;*/ } .free-wall { margin-left: 0px; margin-right: 0px; } .brick img { margin: 0; display: block; } /* -------------------------------------------------- 9.6 RESOURCES -------------------------------------------------- */ .resources { } .resources .item { /*padding:16px;*/ } .resources .item .heading { display: block; } .resources .item .size { font-size: 12px; } .page-component-edu .try-resources { border: none; box-shadow: none; } .try-resources { border: white solid 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); } .try-resources .list-group { margin: 0; padding: 0; border: none; } /*.try-resources .item .backgr-img { float:right; }*/ .try-resources .item .after-img { /*background-color:aliceblue;*/ height: 80px; padding: 1px; text-align: right; } .try-resources .item .after-img .intro { font-size: 100%; } .try-resources .list-group-item { margin: 0; padding: 0; border: none; } .try-resources .list-group-item .fa-external-link:before { content: "\f060"; color: #0C69B7; } .try-resources .list-group-item .fa.pull-right { margin-left: 10px; margin-top: 5px; } .try-resources .item .after-img p:empty { display: none; } @media (max-width:1200px) { .try-resources .item .backgr-img { padding: 0; } .try-resources .item .after-img p:empty { display: none; } .try-resources .item .after-img .intro { font-size: 80%; padding-right: 5px; } } @media (max-width:991px) { .try-resources .item .backgr-img { clear: both; float: none; padding: 0; } .try-resources .item .after-img p:empty { display: none; } .try-resources .item .after-img .intro { font-size: 100%; } .try-resources .backgr-img .overlayicon.img-end-radius { top: 50% !important; } } @media (max-width:500px) { .try-resources .backgr-img .overlayicon.img-end-radius { top: 35% !important; } } @media (max-width:767px) { .try-resources .item .after-img .intro { font-size: 100%; } } @media (max-width:567px) { .try-resources .item .after-img .intro { font-size: 80%; } } @media (max-width:467px) { .try-resources .item .after-img .intro { font-size: 60%; } } /* -------------------------------------------------- 9.7 TABLES -------------------------------------------------- */ table { width: 100%; margin-bottom: 16px; } .page_component.tables table { } table thead { } table tr th, table tr td { padding: 8px; } table tr th { padding: 12px 8px; } table thead tr th.first, table tfoot tr td.first { } table thead tr th.last, table tfoot tr td.last { } table tbody tr.even td { } table tbody tr td { } /* -------------------------------------------------- 9.9 AUTHOR BIO -------------------------------------------------- */ .author_bio { } .author_bio p.heading { margin-bottom: 0; } .author_bio .image { margin-top: 16px; } .author_bio .info { padding: 16px 16px 0; } .author_bio .info p.heading { font-size: 16px; } .author_bio .info .text p { } @media (min-width:768px) { .author_bio .info { padding: 16px 16px 16px 0; } } /* -------------------------------------------------- 9.10 IMAGE SLIDESHOW -------------------------------------------------- */ .slideshow { } .slideshow .item { display: block; } .slideshow .item .image { } .slideshow .item .image img { display: block; overflow: hidden; } .slideshow .item .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); } .slideshow .item .info .text { padding: 10px; font-size: 11px; color: rgba(255,255,255,0.8); } /* ---------------------------------------------------------------------------------------------------- 10.0 ADVANCED PAGE COMPONENT ---------------------------------------------------------------------------------------------------- */ .advanced-component { padding: 24px 0; overflow: hidden; height: 100%; } .advanced-component .overview { margin-bottom: 24px; } .advanced-component .image.video { position: relative; } .advanced-component.banner { padding: 0 !important; } .advanced-component.banner, .advanced-component.promo_pods, .advanced-component#right_col aside, { margin: 0; } .advanced-component .heading.main { font-size: 22px; } @media (min-width:768px) { .advanced-component { padding: 32px 0; } .advanced-component .heading.main { font-size: 26px; } } @media (min-width:992px) { .advanced-component { padding: 48px 0; } .advanced-component .heading.main { font-size: 30px; } } @media (min-width:1200px) { .advanced-component { padding: 64px 0; } .advanced-component .heading.main { font-size: 32px; } } /* -------------------------------------------------- 10.1 BANNER -------------------------------------------------- */ .advanced-component.banner { overflow: hidden; height: 100%; position: relative; z-index: 0; } .advanced-component.banner .container, .advanced-component.banner .row { } .advanced-component.banner .slides { overflow: hidden; height: 100%; position: relative; z-index: 0; } .advanced-component.banner .slides .item { position: relative; z-index: 0; } .switch-collage-gallery-component .try-gallery .item.col-md-4 { padding: 5px; } .advanced-component.banner .slides a .heading, .advanced-component.banner .slides a { color: #ffffff; } .quotes-carousel-component .advanced-component.banner .slides a, .switch-collage-gallery-component .advanced-component.banner .slides a { color: var(--link-color-on-l-blue); } .page-component-edu.switch-collage-gallery-component .slick-slide { text-align: start; } .switch-collage-gallery-component .try-gallery .item.first a .try-overlayicon p { padding: 0 13px; } .switch-collage-gallery-component .item-time-wrap { padding-inline-start: 13px; } .advanced-component.banner .slides .image { position: relative; z-index: 5; } .advanced-component.banner .slides img { display: block; overflow: hidden; } .advanced-component.banner .slides .info { width: 100%; z-index: 100; } .advanced-component.banner .slides .info .heading { margin: 8px 0 12px; line-height: 1.2; } .advanced-component.banner .slides .info p { padding: 0; margin: 0; } .advanced-component.banner .slides .info p.link { margin: 32px 0 16px; text-align: center; } .advanced-component.banner blockquote::before, .banner blockquote::after { display: none; } @media (max-width:767px) { } @media (min-width:768px) { .advanced-component.banner { padding: 16px 0 0; } } @media (min-width:992px) { .advanced-component.banner .slides .info { position: absolute; top: 0; bottom: 0; left: 0; } } @media (min-width:1200px) { } /* -------------------------------------------------- 10.2 CTA STRIP -------------------------------------------------- */ .advanced-component.cta-strip { padding: 0; } .advanced-component.cta-strip p.link { display: none; } .advanced-component.cta-strip .col-md-9 { width: 100%; text-align: center; } /* -------------------------------------------------- 10.3 PROMO PODS -------------------------------------------------- */ .advanced-component.promo_pods { } @media (max-width:991px) { .advanced-component.promo_pods .item:nth-child(2n+1) { clear: both !important; } } @media (min-width:992px) { .advanced-component.promo_pods .item:nth-child(4n+1) { clear: both !important; } } /* -------------------------------------------------- 10.4 VIDEO -------------------------------------------------- */ .advanced-component.video-component { } /* -------------------------------------------------- 10.5 TEXT WITH IMAGE / VIDEO -------------------------------------------------- */ .advanced-component.text-with-image_video { } /* -------------------------------------------------- 10.6 TEXT WITH FORM -------------------------------------------------- */ .advanced-component.text-with-form { } /* -------------------------------------------------- 10.7 BLOG WITH FORM -------------------------------------------------- */ .advanced-component.blog-with-form { } /* -------------------------------------------------- 10.8 TABBED LISTING -------------------------------------------------- */ .advanced-component.tabbed-listing { } .advanced-component.tabbed-listing .tabbed .nav, .advanced-component.tabbed-listing .tabbed .nav * { border: 0 none; } .advanced-component.tabbed-listing .tabbed .nav li { display: inline-block; float: none; } .advanced-component.tabbed-listing .tabbed .tab-content { padding: 32px 0 0; border: 0 none; } /* -------------------------------------------------- 10.9 STANDARD COMPONENTS -------------------------------------------------- */ .advanced-component.standard-components { padding: 8px 0; } .advanced-component.standard-components .page_component { } @media (min-width:768px) { .advanced-component.standard-components { padding: 12px 0; } } @media (min-width:992px) { .advanced-component.standard-components { padding: 16px 0; } } @media (min-width:1200px) { .advanced-component.standard-components { padding: 24px 0; } } /* -------------------------------------------------- 10.10 GRID -------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- 11.0 FORMS ---------------------------------------------------------------------------------------------------- */ textarea { resize: none; } fieldset { margin: 0 0 16px; } legend { padding: 0 0 8px; margin: 8px 0 16px; } label { font-weight: normal; } .form-control { border-radius: 0; min-height: 40px; } /* VALIDATION */ .input-validation-error { } .field-validation-error { display: block; padding: 5px; font-size: 12px; } .field-validation-valid { display: none; } .validation-summary-valid { display: none; } /* ---------------------------------------------------------------------------------------------------- 11.1 SITE SEARCH ---------------------------------------------------------------------------------------------------- */ .site_search { padding: 0; position: relative; } .site_search form { padding: 0; margin: 0; } .site_search .form-group { width: 100%; } .site_search .form-control { width: 100%; height: 40px; padding-right: 5px; } .site_search .btn { height: 40px; position: absolute; top: 1px; right: 0; } .site_search .border-hipus .thum-hipus input[type="radio"] { margin: -1px 8px 0px 0px; vertical-align: middle; } /*@media (max-width:767px) { .site_search { margin: 15px; } }*/ @media (min-width:768px) { header .site_search { position: absolute; top: 60px; display: none; z-index: 300; } .site_search .btn { top: 0; } } @media (min-width:992px) { } @media (min-width:1200px) { } .site_search .btn-primary { background-color: gray; border-color: gray; } header .site_search .btn-primary { background-color: transparent; border-color: transparent; color: gray; top: -41px; left: 24px; right: 87%; /*padding-right: 0;*/ position: relative; } /*header .navigation .site_search .btn-primary { background-color: transparent; border-color: transparent; color: gray; top: 18px; /left: 0px; right:95%; }*/ @media (min-width:768px) { header .site_search { position: absolute; top: 90px; display: none; z-index: 300; /*border: solid white 5px;*/ border: solid rgba(0,0,0,0.15) 1px; background-color: white; width: auto; left: 350px !important; padding-right: 0; } /* header*/ .site_search .form-control { /*width: 100%;*/ /*height: 40px;*/ padding-right: 5px; } header .border-hipus { border: solid white 8px; } /*header .navigation*/ .btn-primary .site_search { top: 25px; /*left: 5px;*/ right: 85%; } .thum-hipus { margin-top: -5px; padding-bottom: 5px; } } /* -------------------------------------------------- 11.2 AJAX LOADING -------------------------------------------------- */ .ajax_wrap { position: relative; width: 100%; height: 100%; } .ajax_wrap .ajax_loading { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } .ajax_wrap .ajax_loading .loading { margin: 0; position: relative; text-align: center; display: table; width: 100%; height: 100%; } .ajax_wrap .ajax_loading .loading span.message { display: table-cell; width: 100%; height: 100%; text-indent: -9999px; vertical-align: middle; background-repeat: no-repeat; background-position: center; } /* -------------------------------------------------- 11.3 COOKIES -------------------------------------------------- */ .cookies { padding: 1em; position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); } .cookies p.link { padding: 0; } .cookies a.close { position: absolute; top: 0; right: 0; font-size: 18px; text-decoration: none !important; font-weight: bold; } .cookies a.close:hover { -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; opacity: 0.7; } /* -------------------------------------------------- 12.0 Home Page -------------------------------------------------- */ .advanced-page .content.advanced-component.standard-components { padding: 4px 0; } .home-learn-dlg { width: 100%; margin-left: 0; /*margin-top: 218px;*/ /* margin-bottom: 48px;*/ } .home-container { padding-top: 50px; height: 346px; border-radius: 4px; /* background-size: 100%;*/ } .home-row { height: 48px; margin-top: 20%; margin-right: 1%; } /*.dlg-inner div.ma-lomdim { float: right; }*/ select#learnsubject { float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 35%; min-height: 48px; height: 48px; -webkit-appearance: none; /*-ms-appearance: none;*/ -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; padding-right: 10px; background-position: 0px; background-size: 30px 100%; border: 1px solid black; } select#learnsubject::-ms-expand { display: none; } select#edulevel { float: right !important; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 19%; width: 19%; min-height: 48px; height: 48px; -webkit-appearance: none; /*-ms-appearance: none;*/ -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; padding-right: 10px; background-position: 0px; background-size: 30px 100%; border: 1px solid black; border-right: none; border-left: none; } select#edulevel::-ms-expand { display: none; } div.hipus { float: right !important; /*margin-top: -50px; margin-left: -100px;*/ width: 10%; min-width: 50px; /*padding: 3px 15px 0 0;*/ } .hipus .link { margin: 0; } a.hipus { font-size: 24px; } a.hipus:after { font-family: FontAwesome; content: " \f104"; } a.hipus.btn-primary:hover { color: #ffffff; background-color: #007CB6; border-color: #ffffff; } a.hipus.btn.btn-primary { height: 48px; } a.hipus.btn.btn-primary[disabled] { background-color: #64656D; opacity: 1; border-color: black; height: 48px; } @media (max-width:1200px) { .home-row { margin-top: 25%; } div.hipus { width: 15%; } select#edulevel { border-left: 1px solid black; } } @media (max-width:991px) { .home-row { margin-top: 40%; } div.hipus { width: 20%; } select#edulevel { border-left: none; border-right: 1px solid black; width: 30%; } } @media (max-width:767px) { .home-row { margin-top: 10%; margin-right: 2%; } section.content .home-container .row.home-row h2 { font-size: 32px !important; } section.content .home-container .row.home-row { width: 100%; } section.content .home-container .row.home-row .ma-lomdim { width: 90%; } section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } section.content h2 { font-size: 24px; } a.hipus { font-size: 24px; } .dlg-inner h1 { font-size: 24px; } .dlg-inner h2 { font-size: 24px; } select#learnsubject, select#edulevel { font-size: 20px !important; } div.hipus { float: none; margin-top: 0px; width: 90%; } .learn-inputs { /*margin-top: 0px;*/ } select#learnsubject { background-position: 0px 3px; background-size: 10% 80%; min-width: 150px; width: 55%; } select#edulevel { background-position: 0px 3px; background-size: 10% 80%; min-width: 100px; width: 35%; border-left: 1px solid black; } .content #right_col { /*width: 60%;*/ min-height: 10px !important; height: auto; } .home-learn-dlg { padding-top: 5px; } .content.short { padding: 8px 0 8px 0; } } @media (max-width:480px) { .advanced-page .page_component { margin-bottom: 15px; } .content .container1 #right_col aside { margin-bottom: 15px; margin-top: 15px; } .listing.section:not(:last-child) { margin-bottom: 28px; } .home-row { margin-top: 10%; margin-right: 2%; } section.content .home-container .row.home-row h2 { font-size: 32px !important; } section.content .home-container .row.home-row { width: 95%; } section.content .home-container .row.home-row .ma-lomdim { width: 100%; } section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } section.content h2 { font-size: 24px; } a.hipus { font-size: 24px; } .dlg-inner h1 { font-size: 24px; } .dlg-inner h2 { font-size: 24px; } select#learnsubject, select#edulevel { font-size: 20px !important; } div.hipus { float: none; margin-top: 0px; width: 100%; } select#learnsubject { background-position: 0px 3px; background-size: 10% 80%; min-width: 150px; width: 100% !important; max-width: 100% !important; } select#edulevel { background-position: 0px 3px; background-size: 10% 80%; min-width: 100px; border-left: 1px solid black; width: 100% !important; max-width: 100% !important; } .content #right_col { /*width: 60%;*/ min-height: 10px !important; height: auto; width: auto; } .home-learn-dlg { padding-top: 5px; } .content.short { padding: 8px 0 8px 0; } } /* -------------------------------------------------- 11.3 Temporary -------------------------------------------------- */ .advanced-page .content.advanced-component.standard-components .col-md-offset-2 { margin-left: 0; } .advanced-page .content.advanced-component.standard-components .col-md-8 { width: 100%; } div.at4-arrow { text-align: center !important; } ng-autocomplete.topics-auto-complete .autocomplete-container .input-container input { background: url(../images/arrow_icon.png) no-repeat left #fff; background-size: 30px 100%; float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 100%; min-height: 48px; height: 55px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0px; border: 1px solid black; } .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete { background: url(../images/arrow_icon.png) no-repeat left #fff; background-size: 30px 100%; float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 100%; min-height: 48px; height: 55px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0px; border: 1px solid black; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- uSkinned.net PALETTE -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 BACKGROUNDS 2.0 TEXT 3.0 BORDERS PRIMARY COLOUR HEX #ed6d19 RGBA rgba(237,109,25,1) */ /* -------------------------------------------------- 1.0 BACKGROUNDS -------------------------------------------------- */ body, nav.sub ul, table { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } footer, blockquote::before, blockquote::after, nav.main ul li:hover > a, nav.main ul ul, table tr.even td { background-color:#eeeeee; background-color:rgba(238,238,238,1); } .pricing_tables ul li.price, table tr th { background-color:#dddddd; background-color:rgba(221,221,221,1); } /*.navigation a.expand span { background-color:#ed6d19; background-color:rgba(237,109,25,1); } */ #site, nav.sub ul ul { background-color:#ffffff; background-color:rgba(255,255,255,1); } .ajax_wrap .ajax_loading { background-color:#ffffff; background-color:rgba(255,255,255,0.8); } .ajax_wrap .ajax_loading .loading span.message { background-image:url('/images/icons/loading_on_white.gif'); } .slideshow .text, .image .text { background-color:#000000; background-color:rgba(0,0,0,0.6); } .social nav ul li a::after { background-color:rgba(255,255,255,0); } .social nav ul li a:hover::after { background-color:rgba(255,255,255,0.2); } a .overlayicon { background-color:rgba(0,0,0,0); } .videopod a .overlayicon, .video a .overlayicon { background-color:rgba(0,0,0,0.25); } a:hover .overlayicon { background-color:rgba(0,0,0,0.75); } .field-validation-error { background-color:#a94442; } .slick-prev, .slick-next { background-color:rgba(238,238,238,1); } .slick-prev:hover, .slick-next:hover { background-color:rgba(255,255,255,1); } nav.main { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } @media (max-width:767px) { .navigation a.expand { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } /*.navigation nav.main ul li i { background-color:#ed6d19; background-color:rgba(237,109,25,1); } */ } @media (min-width:768px) and (max-width:1199px) { nav.main ul li.open > a { background-color:#eeeeee; background-color:rgba(238,238,238,1); } } /* -------------------------------------------------- 2.0 TEXT -------------------------------------------------- */ body { color:#5e5e5e; } a, .highlight, a h1, a h2, a h3, a h4, a h5, a h6, a .heading, .slick-prev, .slick-next, .listing .item a, .navigation nav.main ul li i.fa-external-link { /*color:#ed6d19; color:rgba(237,109,25,1);*/ } /*a:link { -webkit-tap-highlight-color: #ed6d19; -webkit-tap-highlight-color:rgba(237,109,25,1); } */ /*h1, h2, h3, h4, h5, h6, .heading,*/ thead, /*.heading,*/ .heading a, nav.main li > a.active, nav.sub li.active > a { color: #181818; color:rgba(24,24,24,1); } fieldset label em.req { color:#a94442; color:rgba(169,68,68,1); } a .overlayicon i, .field-validation-error { color:#ffffff; color:rgba(255,255,255,1); } @media (max-width:767px) { .navigation nav.main ul li i { color:#ffffff; color:rgba(255,255,255,1); } } /* -------------------------------------------------- 3.0 BORDERS -------------------------------------------------- */ .tabbed .tab-content, hr, blockquote, abbr, acronym, nav.footer, div.meta, .promo_pods .item .listing, .promo_pods .item .listing .item, .navigation nav.main ul li, .navigation nav.main ul ul { border-color:#dddddd; } .tabbed .nav-tabs li.active a { border-bottom-color:#ffffff; } .input-validation-error, .input-validation-error:focus { border-color:#a94442; } .input-validation-error:focus { box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(169,68,68,0.5); } @media (max-width:767px) { } /* -------------------------------------------------- END -------------------------------------------------- */ /* AUTOCOMPLETE */ .autocomplete{ width: 100%; position: relative; } .autocomplete input{ font-size: 1.2em; width: 100%; padding:0.4em; } .autocomplete ul{ position: absolute; left: 0; width: 100%; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; z-index: 1; } .autocomplete li{ text-align: left; list-style:none; width: 100%; padding:0.4em; background-color: #fff; } .autocomplete li.active{ width: 100%; background-color: #4bf; } .autocomplete .highlight { background-color: #E2E2E2; } .autocomplete li.active .highlight { background: #666; color: #fff; } .jssocials-shares { margin: 0.2em 0; } .jssocials-shares * { box-sizing: border-box; } .jssocials-share { display: inline-block; vertical-align: top; margin: 0.3em 0.6em 0.3em 0; } .jssocials-share:last-child { margin-right: 0; } .jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em; } img.jssocials-share-logo { width: auto; height: 1em; } .jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 1; } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em; } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; } .jssocials-share-label { padding-left: 0.3em; vertical-align: middle; } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 0.3em; line-height: 1; vertical-align: middle; cursor: default; } .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-share-count { line-height: 1.5em; vertical-align: middle; } .modal.ltr .jssocials-share:last-child { margin-left: 15px; margin-right: 0 15px; } .jssocials-share-twitter .jssocials-share-link { background: #00aced; } .jssocials-share-twitter .jssocials-share-link:hover { background: #0087ba; } .jssocials-share-facebook .jssocials-share-link { background: #3b5998; } .jssocials-share-facebook .jssocials-share-link:hover { background: #2d4373; } .jssocials-share-googleplus .jssocials-share-link { background: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link:hover { background: #c23321; } .jssocials-share-linkedin .jssocials-share-link { background: #007bb6; } .jssocials-share-linkedin .jssocials-share-link:hover { background: #005983; } .jssocials-share-pinterest .jssocials-share-link { background: #cb2027; } .jssocials-share-pinterest .jssocials-share-link:hover { background: #9f191f; } .jssocials-share-email .jssocials-share-link { background: #3490F3; } .jssocials-share-email .jssocials-share-link:hover { background: #0e76e6; } .jssocials-share-stumbleupon .jssocials-share-link { background: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link:hover { background: #c93412; } .jssocials-share-whatsapp .jssocials-share-link { background: #29a628; } .jssocials-share-whatsapp .jssocials-share-link:hover { background: #1f7d1e; } .jssocials-share-telegram .jssocials-share-link { background: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link:hover { background: #1c88bd; } .jssocials-share-line .jssocials-share-link { background: #25af00; } .jssocials-share-line .jssocials-share-link:hover { background: #1a7c00; } .jssocials-share-viber .jssocials-share-link { background: #7b519d; } .jssocials-share-viber .jssocials-share-link:hover { background: #61407b; } .jssocials-share-pocket .jssocials-share-link { background: #ef4056; } .jssocials-share-pocket .jssocials-share-link:hover { background: #e9132e; } .jssocials-share-messenger .jssocials-share-link { background: #0084ff; } .jssocials-share-messenger .jssocials-share-link:hover { background: #006acc; } .jssocials-share-vkontakte .jssocials-share-link { background: #45668e; } .jssocials-share-vkontakte .jssocials-share-link:hover { background: #344d6c; } .jssocials-share-link { padding: .5em .6em; color: #fff; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active { color: #fff; } .jssocials-share-count-box { position: relative; height: 2.5em; padding: 0 .3em; margin-left: 0.3em; background: #f5f5f5; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box:hover { background: gainsboro; } .jssocials-share-count-box:hover:after { border-color: transparent gainsboro transparent transparent; } .jssocials-share-count-box:after { content: ""; display: block; position: absolute; top: 0.85em; left: -0.3em; width: 0; height: 0; border-width: 0.4em 0.4em 0.4em 0; border-style: solid; border-color: transparent #f5f5f5 transparent transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box .jssocials-share-count { line-height: 2.5em; color: #444; } /*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css); @import url(//fonts.googleapis.com/css?family=Assistant&subset=hebrew);*/ /* buttons */ /* titles */ /* background */ /*form*/ body { font-family: Assistant !important; } section.content h1, section.content h2, section.content h3, section.content h4 { font-family: Assistant, sans-serif; } /*section.content h1 { font-size: 30px;*/ /* background-color: rgba(48,152,207,1); color: #ffffff;*/ /*font-weight: bold; padding: 8px; }*/ /*section.content h2, section.content .cust-menu h2 a { font-size: 20px; color: rgba(48,152,207,1); font-weight: bold; margin-top: 10px; } section.content .cust-menu h2 a { font-family: 'assistant' !important; font-weight: 600 !important; line-height: 1.1; margin-bottom: 10px; }*/ /*section.content h3 { font-size: 16px; color: #0E729C; font-weight: bold; } section.content h4 { font-size: 14px; color: #6060BF; font-weight: bold; }*/ /*.ColLoginAndSearch .ContainerLogoEducationOffice, .ColLoginAndSearch .ContainerSearch, .ColLoginAndSearch .memberDT { float: right; }*/ .page-component-edu .main-content { width: 100%; } .page-component-edu .main-content h2 { /*font-family: "Assistant";*/ font-size: 28px; /*color: rgb(26, 77, 145);*/ /*text-align: right;*/ } .page-component-edu .main-content h3 { /*font-family: "Assistant";*/ font-size: 22px; /*color: rgb(26, 77, 145);*/ /*text-align: right;*/ } .page-component-edu .main-content img { width: auto; } .main-content p:first-of-type { margin-top: 0px; } .main-image-container { width: auto; margin-bottom: 20px; } /*@media (max-width: 991px) { .AdministrativeSpace .ColLoginAndSearch { padding-left: 30px; } }*/ @media (min-width: 992px) { .AdministrativeSpace .ColLoginAndSearch { float: left; width: auto; display: flex; } .main-image-container.pull-right { margin-left: 30px; float: right !important; } .main-image-container.pull-left { margin-right: 30px; float: left !important; } .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper { max-width: 50%; } } /*section.content h1.areaTitle { font-family: Assistant,Arial !important; padding-right: 20px; border: white solid 6px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); margin-bottom: 36px; }*/ section.content h1.areaTitle .text-bold { font-weight: bold; } /*#left_col:not(.home) h1:first-child:not(.areaTitle) { margin-bottom: 40px; border: white solid 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); padding-right: 20px; }*/ .page-component-edu .panel { border-radius: 0px; } /*Panel in bootstrap defined margin-bottom: 20px bug in IE*/ .page-component-edu.ltr .page_component.image-link .panel { margin-bottom: 0px; } /* Passed to application.js cause no shadow for outer control if shadowed inners */ /*.page-component-edu { box-shadow: 0 1px 5px rgba(0,0,0,0.15); }*/ .page-component-edu .page-component-edu { border: none !important; box-shadow: none !important; margin-bottom: 15px !important; } @media (max-width: 991px) { .page-component-edu .col-1 .page-component-edu { margin-bottom: 48px !important; } .page-component-edu .col-2 .page-component-edu { margin-bottom: 0 !important; } } @media (min-width: 992px) { .page-component-edu .col-1 .page-component-edu, .page-component-edu .col-2 .page-component-edu { margin-bottom: 0 !important; } } .page-component-edu .page-component-edu .comp-sub-title-container { padding: 10px 0 0 0; } .container .page-component-edu .page_component .page-component-edu .page_component .inner-panel .comp-sub-title-container h4 { background-color: rgb(197, 224, 237) !important; font-family: Assistant, Arial !important; font-size: 22px !important; font-weight: bold !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; text-align: right !important; padding: 0px 20px 0px 20px !important; height: 33px; } .page-component-edu .page-component-edu .comp-sub-title-container img.title-of-com { width: 16px; height: 16px; margin-top: -4px; } #left_col > .page-component-edu:not(:last-child) { margin-bottom: var(--space-between-components); } #left_col > .page-component-edu .page_component .row.overview { background-color: white; margin: 0; } .promo_pods .page-component-edu .panel .panel-transparent, #right_col aside .page-component-edu .panel .panel-transparent { background-color: rgba(255, 255, 255, 0.9); height: auto; } .promo_pods .page-component-edu .panel-heading, #right_col aside .page-component-edu .panel-heading { padding: 5px; } .promo_pods .page-component-edu .panel .panel-transparent a .heading, #right_col aside .page-component-edu .panel .panel-transparent a .heading { text-align: center; color: rgb(59, 101, 160); font-family: Assistant; font-size: 16px; font-weight: bold; } .promo_pods .page-component-edu:not(.not-shaped) .panel.panel-default, #right_col aside .page-component-edu:not(.not-shaped) .panel.panel-default { border-color: #d7d7d7; border-width: 1px 1px 1px 1px; } .promo_pods .page-component-edu .item .image, #right_col aside .page-component-edu .item .image { margin: 0; } .promo_pods .page-component-edu .item p.link, #right_col aside .page-component-edu .item p.link { margin: 53% 0 0px 0px; } .promo_pods .page-component-edu .item p.link:hover, #right_col aside .page-component-edu .item p.link:hover { opacity: 0.7; } .promo_pods .page-component-edu a.btn-primary::after, #right_col aside .page-component-edu a.btn-primary::after { font-family: FontAwesome !important; content: "\f104"; margin-right: 5px; } .promo_pods .page-component-edu .item p.link a, #right_col aside .page-component-edu .item p.link a { width: 100%; margin: 0; padding: 5px 0 0px 0; border: none; font-family: Assistant; font-size: 20px; font-weight: normal; background-color: rgba(0, 0, 0, 0.6); } .promo_pods .page-component-edu, #right_col aside .page-component-edu { box-shadow: none !important; padding: 10px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-family: Assistant; font-size: 24px; font-weight: normal; /*min-width: 48px;*/ } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a h2 { font-family: Assistant; font-size: 24px; font-weight: normal; height: 0; margin-top: -13px; color: #000; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active a h2 { color: #555; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a:hover h2 { color: rgb(29, 139, 209); } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a:hover { margin-bottom: -1px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active { border: none; margin-left: 6px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active { /*padding-bottom: 28px;*/ border-bottom: 6px solid rgb(237, 245, 250) !important; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header:not(.active) { margin-left: 6px; margin-bottom: 6px; } /*.page-component-edu a:hover { color: black; }*/ .page-component-edu img.title-of-com { width: 20px; height: 20px; } .page-component-edu .comp-sub-title-container img.title-of-com { width: 30px; height: 30px; } .page-component-edu img.link-of-com { width: 16px; height: 16px; } .page-component-edu .quick_links img.link-of-com, .small-icon img.img-of-link, .page-component-edu .sitemap img.link-of-com { width: 8px; height: 11px; margin: 7px 0 7px 7px; margin-inline-start: 0; margin-inline-end: 7px; } .links-with-imgs .link-with-img .text-container { /*padding-right: 180px;*/ } .links-with-imgs.same-img .link-with-img .text-container { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px; padding-right: 15px; } .links-with-imgs.same-img .link-with-img .text-container.item-no-title { background-image: none; } /*.images-and-buttons .links-with-imgs.same-img .link-with-img .text-container.AllDesc { padding-right: 180px }*/ /* for EDU Image-Text Link Item (Same Image and Bottom Link) */ .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { display: block; margin-top: 5px; font-size: 14px; font-family: Assistant, Arial; font-size: 16px; line-height: 150%; text-align: right; color: #2c7094; font-weight: normal; text-decoration: none; position: relative; z-index: 1; } .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a:hover.read-more { color: rgb(54, 142, 200); } .page-component-edu.ltr .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { text-align: left; } @media (max-width: 480px) { .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { margin-top: -13px; } } /* end EDU Image-Text Link Item (Same Image and Bottom Link) */ .ltr .links-with-imgs.same-img .link-with-img .text-container { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; } .link-with-img .text-container .text { display: grid; display: block; } .link-with-img .text-container .text p { margin: 0; } .page-component-edu .link-with-img .text-container .text p { margin-top: 0; } .page-component-edu nav.row ul { /*margin-top: 15px;*/ } .page-component-edu nav.row ul > li a, .page-component-edu nav.row .row div a, .links-with-big-image ul > li a { /*font-family: Assistant;*/ font-size: 16px; line-height: 150%; color: var(--link-color); text-align: right; } .page-component-edu .ContentCollapse nav.row ul > li a { color: var(--link-color-on-l-blue); } .page-component-edu panel-body.comp-title-container h4, comp-sub-title-container { color: rgb(237, 245, 250); } /* Subtitle for EDU Container and its bg color */ .page-component-edu .panel-body .comp-sub-title-edu-container p { position: relative; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); margin: 15px 15px -10px 15px; padding: 5px 15px 5px 15px; display: table; } /* End of Subtitle for EDU Container */ .page-component-edu .comp-title-container h6 { margin-top: 5px; margin-bottom: 15px; } .page-component-edu:not(.not-shaped) .page_component #container-title { margin-bottom: 15px; } .page-component-edu .panel-body .tabbed { margin-right: 20px; margin-left: 20px; margin-bottom: 20px; } .page-component-edu .tabbed { border-style: none; } .page-component-edu .tabbed .tab-content { /*padding: 0px;*/ background-color: rgb(237, 245, 250); } .page-component-edu .quick_links p { margin-right: 20px; /*border-style: none;*/ /*border: 1px #d7d7d7 solid;*/ font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } .page-component-edu .comp-title-container p { /*background-color: white;*/ margin-right: 20px; margin-left: 20px; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } .page-component-edu .comp-sub-title-container p { padding-right: 20px; padding-left: 20px; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } /*.page-component-edu .comp-title-container p { position: absolute; z-index: 1; }*/ .page-component-edu .comp-sub-title-container p { /*position: absolute;*/ z-index: 1; padding-top: 10px; } page-component-edu .page_component { border-color: #dddddd; margin-bottom: 16px; border: 3px solid transparent; /*border-radius: 4px;*/ /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/ /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/ } .page-component-edu .tab-header > a { background-color: rgb(176, 213, 230); margin: 2px 2px 2px 2px; margin-bottom: 4px; } .page-component-edu .nav-tabs > li > a { line-height: 0; margin: 0; border: none; } .page-component-edu .nav.nav-tabs { margin: 0 0 0 0 !important; border: none; } .tab-content > div.tab-pane { min-height: 36px; } .tabbed .nav-tabs li.active a { border-bottom-color: rgb(237, 245, 250) !important; /*background-color: rgb(237,245,250);*/ background-color: rgb(237, 245, 250); } .broadcast-calendar-tabs .tabbed .nav-tabs li.active a { background-color: rgb(48, 152, 207); color: white; } .broadcast-calendar-tabs.page-component-edu li.active a:focus { color: white !important; } @media (max-width: 768px) { .broadcast-calendar-tabs .tabbed .nav-tabs li a { font-size: 18px; padding: 15px 20px; font-weight: 800; } .broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-right: 0px !important; } } @media (min-width: 769px) { .broadcast-calendar-tabs .tabbed .nav-tabs li a { font-size: 25px; padding: 20px 50px; } /*.broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-right: 20px !important; }*/ } .broadcast-calendar-tabs .tabbed .nav-tabs li a { color: rgb(44, 112, 148); background-color: rgb(224, 238, 245); font-weight: 800; } .broadcast-calendar-tabs .tabbed .nav-tabs li { margin-left: 20px; margin-bottom: 0px; /*border-bottom: 4px solid #ffffff;*/ } .broadcast-calendar-tabs .calendar-left-content { padding: 0 15px; } .page-component-edu.broadcast-calendar-tabs .tabbed a { color: rgb(44, 112, 148); } @media (min-width: 992px) { .broadcast-calendar-tabs .tabbed .tab-content { padding: 16px 0; } } .broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-top: 15px !important; margin-right: 0px !important; margin-left: 20px !important; border-bottom: 5px solid rgb(48, 152, 207); } .broadcast-calendar-tabs.page-component-edu .panel-body .tabbed { margin-right: 15px; margin-left: 0px; } .broadcast-calendar-tabs.page-component-edu .tabbed .tab-content { background-color: white; } .page-component-edu .tabbed a { color: black; } .page-component-edu .tabbed .nav-tabs li.active a { /*border-bottom-color: #b8daff;*/ border: none; } .page-component-edu .comp-title-container h6 { color: rgb(51, 51, 51); font: normal 16px Assistant, Arial; } .page-component-edu .comp-title-container h4, .comp-title-container h6, .comp-sub-title-container h4, .page-component-edu .page_component .thumbnailImage-title, h1, .heading { font-family: Assistant, Arial !important; } .page-component-edu .panel-body { padding: 0; } .page-component-edu:not(.not-shaped) .comp-title-container { /*background-color: #d4dee8;*/ /*margin-bottom: 15px;*/ /*height: 40px;*/ /*padding-top: 2px;*/ } .page-component-edu:not(.not-shaped) .page_component .comp-title-container h6 { margin-bottom: -15px; } .page-component-edu:not(.not-shaped) .page_component .quick_links.panel.panel-default { margin-bottom: 0px; } .page-component-edu:not(.not-shaped) .page_component .quick_links .comp-title-container { margin-bottom: 15px; } .page-component-edu:not(.not-shaped) .page_component #carusel-title { margin-bottom: 15px; } .page-component-edu .comp-title-container h4 { /*font-family: Assistant, Arial !important; font-size: 20px; font-weight: normal; padding: 8px 30px;*/ margin: 0; } /*.page-component-edu:not(.not-shaped) .comp-title-container#carusel-title h2, .page-component-edu:not(.not-shaped) .comp-title-container h3, .page-component-edu:not(.not-shaped) .comp-title-container h4 { background-color: rgb(48,152,207); color: white; font-family: Assistant,Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: table; margin: 12px 15px 0 15px; }*/ .page-component-edu:not(.not-shaped) .comp-title-container div.link-to-all-no-title { padding: 6px 20px; height: 40px; margin: 12px 15px 0 15px; } /******************* fixed styles for comp-sub-title-container ****************************/ .page-component-edu .comp-sub-title-container { /*background-color: #ffffff !important;*/ padding: 12px 15px 0 0; } .container .page-component-edu:not(.not-shaped) .page_component .inner-panel .comp-sub-title-container h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial !important; font-size: 22px !important; } .page-component-edu .page_component .inner-panel .comp-sub-title-container + .listing { border: solid white 15px; border-top: 0; } .page-component-edu .page-component-edu .page_component .inner-panel .comp-sub-title-container + .listing { border: none; } /***********************************************/ .page-component-edu .page_component .row.overview h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial !important; font-size: 24px; font-weight: normal; height: 40px; padding: 8px 30px; display: table; margin: 15px 0 0 0; } .page-component-edu .comp-sub-title-container h4 { color: black; font: normal 18px Assistant, Arial !important; padding: 8px 30px; margin: 0; } .page-component-edu:not(.not-shaped) .comp-sub-title-container h4 { background-color: rgb(237, 245, 250); /*width: auto!important;*/ color: black; font: normal 18px Assistant, Arial !important; height: 40px; padding: 6px 20px; display: table; /*border-left: white 3px solid;*/ margin: 0; } .page-component-edu .panel.panel-default { border-color: #d7d7d7; border-width: 1px 1px 1px 1px; } .page-component-edu:not(.not-shaped) .panel.panel-default { border-color: #d7d7d7; border-width: 0px 1px 1px 1px; margin-bottom: 0px; } .page-component-edu .text-bold { font-weight: bold; } .page-component-edu.not-shaped .comp-title-container h6 { font-weight: bold; font-size: 16px; line-height: 1.4; } /*.page-component-edu .page_component .panel.panel-default .listing:not(".page-component-edu .page_component .inner-panel .listing") { background-color: white; margin-top: 0; }*/ .page-component-edu .page_component .inner-panel .listing { background-color: var(--stock-search-bg); margin-top: 0; } .page-component-edu .panel.panel-default .listing.narrow, .page-component-edu .panel.panel-default .panel-body .narrow { padding-left: 15px; padding-right: 15px; } .page-component-edu .page-panel img.img-of-link { width: 120px; height: 120px; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container { margin-bottom: 25px !important; box-sizing: border-box; } .page-component-edu .page_component .img-container { width: 80px; height: 80px; /*background-color: white;*/ } .page-component-edu .page_component .img-container img.img-of-link { display: block; /*margin-left: auto;*/ margin-right: auto; top: 50%; } .page-component-edu .page_component .big-img-container img.img-of-link { display: block; margin-left: auto; margin-right: auto; /*top: 50%; margin-top: 10px;*/ } .pictures-and-icons-component.page-component-edu .page_component .big-img-container img.img-of-link { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); border-start-end-radius: 0; border-end-end-radius: 0; width: 181px; height: 110px; object-fit: cover; } @media (max-width: 767px) { .page-component-edu .page_component .broadcastItemBox .big-img-container img.img-of-link { margin-bottom: 12px; } } .page-component-edu .page_component .big-img-container img.img-of-link.link-img-margin-top { margin-top: 3px; } .page-component-edu img.img-of-link.prop { width: auto; height: auto; } .page-component-edu .page_component .img-container img.img-of-link.prop { display: block; margin-left: auto; margin-right: auto; top: 50%; margin-top: 10px; } .page-component-edu .page_component .link-with-img .item-name, /*.page-component-edu .page_component .link-with-img a,*/ .page-component-edu .page-panel .link-with-img .text-container a.title { font-family: Assistant; font-size: 16px; font-weight: bold; line-height: 120%; color: rgb(51, 51, 51); text-align: right; } .page-component-edu .page_component .page-panel .link-with-img .text-container a.title, .page-component-edu .page_component .big-img .link-with-img a.item-name, .page-component-edu .page_component .same-img .link-with-img a.item-name { font-size: 18px; } .page-component-edu .page-panel .link-with-img .text-container { padding-top: 15px; } .bottom-component .text-container .text, .bottom-component .text-container a { padding-right: 5px; padding-left: 30px; } .bottom-component .listing { padding-top: 5px; } .page-component-edu .page-panel.bottom-component .link-with-img { margin-bottom: 25px; } .page-component-edu .page_component .link-with-img div.text, .page-component-edu .page-panel .link-with-img div.text { margin-top: 5px; font-family: Assistant; font-size: 16px; font-weight: normal; line-height: 150%; color: rgb(51, 51, 51); text-align: right; /*max-height: 0;*/ } .page-component-edu .link-with-img .text-container .item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-component-edu .link-with-img .text-container .item-name h5 { /*all: inherit;*/ margin: 1px 0 0 0; /*font: inherit;*/ /*color: inherit;*/ transition: none; opacity: unset; } .page-component-edu .link-with-img .text-container .item-name a:hover { color: unset !important; } .page-component-edu .listing .link-container { margin-bottom: 15px; } /* .page-component-edu .listing .link-container a { color: rgb(44, 112, 148); text-align: left; font-family: Assistant, Arial; font-size: 16px; }*/ /* .page-component-edu .listing .link-container a:hover { color: black; }*/ .page-component-edu .link-with-img .space { height: 4px; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container, .page-component-edu .page_component .text-container { margin: 5px 15px 15px 15px; } .page-component-edu.images-and-buttons .page_component .big-img-container { padding-inline-end: 20px; padding-bottom: 20px; } /*.page-component-edu .page_component .row.LongItemRow { /*margin-left: 50px; // margin-right: s50px; /*margin-top: 5px;*/ /*margin-left:30px;*/ /*}*/ /*.page-component-edu.ltr .page_component .row.LongItemRow { margin-left: 0px; margin-right: 30px; }*/ @media (min-width: 1200) { .page-component-edu .page_component .text-container.non-space.RegularDesc { height: 70px; } .page-component-edu .page_component .text-container.non-space.FlexDesc { height: 90px; } .page-component-edu .page_component .text-container.non-space.AllDesc { height: auto; } } @media (min-width: 992px) { .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 15px; } .page-component-edu.current-strip:not(.not-shaped) .comp-title-container { margin-bottom: 0; } .page-component-edu .comp-title-container p.white { position: inherit; } .page-component-edu .comp-title-container p { position: absolute; z-index: 1; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container, .page-component-edu .page_component .text-container.more-space { /*height: 80px;*/ } /*.page-component-edu .page_component .text-container.non-space.RegularDesc { height: 70px; } .page-component-edu .page_component .text-container.non-space.FlexDesc { height: 90px; } .page-component-edu .page_component .text-container.non-space.AllDesc { height: auto; }*/ /*.page-component-edu .page_component .text-container.non-space.AllDesc { height: -webkit-fill-available; }*/ } .page-component-edu .page_component .text-container.non-space.AllDesc .text { word-break: break-word; } .page-component-edu .page_component .big-img-container.small-icon { margin: 5px 15px 15px 5px; } .page-component-edu .page-panel .img-container { margin: 0px 0px 15px 15px; } .page-component-edu .page-panel .text-container { min-height: 107px; background-color: rgb(237, 245, 250); padding-top: 10px; } .page-component-edu .page-panel .link-with-img { margin-bottom: 20px; } .page-component-edu .page-panel .panel.panel-default:last-child { margin-bottom: 0px; } .page-component-edu .panel .panel-transparent { background-color: rgb(255, 255, 255); background-color: rgba(222, 222, 222, 0.57); height: 65px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .page-component-edu .panel .panel-transparent a .heading { color: black; } .page-component-edu .btn-primary { color: #ffffff; background-color: grey; border-color: grey; } .page-component-edu a.btn-primary { color: #ffffff; background-color: #333333; height: 37px; width: 145px; border-color: grey; padding-top: 8px; margin-left: 10px; } .page-component-edu a:hover.btn-primary { background-color: black; border-color: black; } .page-component-edu a.btn-primary::after { font-family: FontAwesome !important; content: "\f100"; } .page-component-edu .panel-heading p.heading { vertical-align: middle; display: table-cell !important; /*line-height: 90%;*/ } .page-component-edu .banner-containter, .page-component-edu .banner { /*width: 100%;*/ font-family: Assistant, Arial !important; font-size: large; background-color: #FFFFFF; width: auto; height: auto; } .promo_pods .page-component-edu .item .banner a img, #right_col aside .page-component-edu .item .banner a img { width: 22px; height: 22px; } .promo_pods .page-component-edu .item .banner a:hover img, #right_col aside .page-component-edu .item .banner a:hover img { transform: none; } .promo_pods .page-component-edu.box-with-img, #right_col aside .page-component-edu.box-with-img { padding: 0; } .cust-menu h2 { margin-top: 0 !important; } /*#right_col { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1) !important; }*/ .page-component-edu .box-with-img p.heading { font-size: 16px; } .page-component-edu.box-with-img { margin-bottom: 40px; } .page-component-edu .banner-containter .btn.btn-default.banner .info { border-bottom: solid rgb(226, 226, 226) 1px; } .page-component-edu .banner-containter .btn.btn-default.banner .info p { margin: 12px 0 12px 0; font-family: Assistant; font-size: 17px; } .page-component-edu .banner-containter .btn.btn-default.banner { padding: 0 10px 0 20px !important; border: none; display: table; vertical-align: middle; background-color: transparent !important; width: 100%; } .page-component-edu .banner-containter .banner .info { display: table; vertical-align: middle; display: flex; align-items: center; } .page-component-edu .banner-containter .banner .info p { vertical-align: middle; color: rgb(51, 51, 51); } .page-component-edu .banner-containter .banner p:hover { color: grey; } .page-component-edu .text-with-image_video .info, .page-component-edu .page_component .info, .page-component-edu .page_component .outro, .page-component-edu .page_component .text, .page-component-edu .main-content p, .page-component-edu .main-content div, .page-component-edu .page_component.text-img { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0, 0, 0); } .page-component-edu.ltr .text-with-image_video .info, .page-component-edu.ltr .page_component .info, .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text, .page-component-edu.ltr .main-content p, .page-component-edu.ltr .main-content div, .page-component-edu.ltr .page_component.text-img { text-align: left; } /*.page-component-edu .main-content .collapse-text { word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }*/ .page-component-edu .main-content h2 { padding-top: 20px; } .page-component-edu.course-page .main-content h2 { padding-top: 0px; margin-top: 0px; } .page-component-edu.course-page .courseNoticeWrapper { display: flex; } .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { width: 2%; } .page-component-edu .main-content h3 { padding-top: 15px; } .page-component-edu ul.coll-text, .page-component-edu ol.coll-text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0, 0, 0); } .page-component-edu.ltr ul.coll-text, .page-component-edu.ltr ol.coll-text { text-align: left; } .page-component-edu a { font-family: Assistant; font-size: 16px; line-height: 150%; /*text-align: right;*/ color: var(--link-color-on-l-blue); text-decoration: none; } .page-component-edu a.carousel-control:hover { color: #FFF !important; } .page-component-edu a.carousel-control { color: #FFF !important; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img .text-container.myIdeaText a.title { color: #fff !important; } .page-component-edu a:hover { /*color: rgb(29, 139, 209) !important;*/ text-decoration: none; } /*.page-component-edu a:hover { color: var(--link-hover-color) !important; text-decoration: underline; } a.:hover { color: var(--link-hover-color) !important; text-decoration: underline; }*/ .page-component-edu .page_component .heading.main { font-size: x-large; } .page-component-edu .main-content, .page-component-edu .page_component.text-img, .page-component-edu .search-results, .page-component-edu .sitemap { background-color: white; /*padding: 30px 30px 40px 40px;*/ padding: 4px 16px 16px 16px; margin-bottom: 0; } /*.page-component-edu.show-bg-color .main-content { background-color: var(--stock-search-bg); } .page-component-edu.show-bg-color .component-panel.text-image { background-color: var(--stock-search-bg); }*/ .page-component-edu.bg-lightblue .component-panel.text-image, .page-component-edu.bg-lightblue .main-content { background-color: var(--stock-search-bg); } /*.page-component-edu .text-with-image_video .read-more::after { content: " >> "; }*/ /*.page-component-edu .advanced-component.banner .row h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial; font-size: 22px; font-weight: normal; height: 39px; padding: 6px 20px; display: table; margin: 13px 15px -15px 0px; }*/ .page-component-edu .advanced-component.banner .comp-title-container h6 { margin-top: 20px; margin-bottom: -20px; } .page-component-edu .advanced-component.banner .image .overlay { background-color: var(--title-color); opacity: 0.9; height: 40px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding-right: 20px; color: var(--grey-background); font: normal 18px Assistant, Arial; margin: 0; direction: rtl; } .page-component-edu .advanced-component.banner .image .overlay p { margin-top: 5px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-component-edu .carusel.slides.slick-initialized.slick-slider { background-color: white; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; } .page-component-edu.tikshuv-strip .carusel.slides.slick-initialized.slick-slider { padding-inline: 14px; } .page-component-edu .carusel.slides.slick-initialized.slick-slider.galaryNoTitlePadding { padding-top: 30px; } .page-component-edu .carusel .slick-slide .overlay { background-color: rgba(0, 0, 0, 0.8); /*opacity: 0.85;*/ width: 100%; height: 38px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding: 10px 10px 0 0; color: white; font: normal 18px Assistant, Arial; line-height: 100%; margin: 0; } .page-component-edu .page_component .image .text { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 80px 60px 80px; outline: none; } @media (max-width: 991px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 68%; } } @media (max-width: 600px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 60%; } } @media (max-width: 480px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 60%; } } .page-component-edu .slick-slide { /*padding:5px;*/ text-align: center; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; } .page-component-edu .page_component .slides .slick-prev, .page-component-edu .page_component .slides .slick-next { background-color: rgba(255, 255, 255, 0); color: #FFF; } .page-component-edu .page_component .advanced-component.banner .slides .slick-next .fa-angle-right:before { content: ""; } .page-component-edu .page_component .advanced-component.banner .slides .slick-prev .fa-angle-left:before { content: ""; } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { position: relative; /*bottom: 20px;*/ bottom: 60%; list-style: none; display: block; text-align: center; padding: 0; width: 100%; direction: rtl; } .page-component-edu .page_component .advanced-component.banner .slides ul.slick-dots[role=tablist] { margin-right: 0px !important; margin-bottom: 0px; } /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li { position: relative; display: inline-block; margin: 0 5px 0px 0px; padding: 0; cursor: pointer; }*/ /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li button { border: 0; background: rgb(153, 153, 153); display: block; height: 16px; width: 16px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; border-radius: 50%; }*/ /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li.slick-active button { border: 0; background: rgb(48, 152, 207); display: block; height: 16px; width: 16px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; border-radius: 50%; }*/ .page-component-edu .page_component .carusel.slides .slick-next .fa-angle-right:before { content: "\f0a9"; margin-left: -20px; color: #ffffff; display: none; } .page-component-edu .page_component .carusel.slides .slick-prev .fa-angle-left:before { content: "\f0a8"; margin-right: -20px; color: #ffffff; display: none; } .page-component-edu .page_component .slides .slick-prev:hover .fa-angle-left:before, .page-component-edu .page_component .slides .slick-next:hover .fa-angle-right:before { color: black; } .page-component-edu .page_component .slides .slick-slide { width: 228px; } .page-component-edu .page_component .banner:not(.course-banner):not(.switch-collage-banner) .slides .slick-slide { height: 171px; } .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: 654px; /*height: 520px;*/ } .advanced-page .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: 654px; height: auto; } /*.page-component-edu .page_component .content.advanced-component.banner .slick-prev, .slick-next { width:35px; height:35px; position:absolute; z-index:200; top:50%; background:none; border:0 none; cursor:pointer; }*/ .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 80px; height: 50px; position: absolute; z-index: 200; top: 40%; background: none; border: 0 none; cursor: pointer; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev i.fa { background: url("/images/icons/gallery-slick-arrow-left.svg") no-repeat center; /*background:none;*/ } .page-component-edu .page_component .content.advanced-component.banner .slick-next i.fa { background: url("/images/icons/gallery-slick-arrow-right.svg") no-repeat center; /*background:none;*/ } /*@media (max-width: 991px) and (min-width: 480px) {*/ @media (max-width: 991px) and (min-width: 768px) { #left_col { /*width: 65%;*/ } #right_col { width: 35%; } section.content h1.areaTitle { text-align: right; } .navigation nav.main ul li a { padding: 8px 15px; } } @media (max-width: 1200px) and (min-width: 991px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 700px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 45px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 510px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 110px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 25px 60px 60px 60px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 60px; } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 992px) and (min-width: 767px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 550px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 45px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 380px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 250px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 20px 50px 60px 50px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px; top: 30%; } .try-gallery .col-xs-12 { /*width: 90%;*/ } } @media (max-width: 768px) and (min-width: 480px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { /*height: 520px;*/ } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 55px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 420px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 230px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 20px 40px 60px 40px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px; /*top: 25%;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 480px) and (min-width: 400px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 400px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: -10px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner:not(.pod-banner) { margin-bottom: 32px; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 350px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 260px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 10px 0px 0px 0px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { /*width: 0px;*/ top: 25%; /*display:none;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 400px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 360px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { bottom: -20px; } .page-component-edu .banner-containter:not(.pod-banner-container), .page-component-edu .banner:not(.pod-banner) { margin-bottom: 32px; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 300px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 310px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 10px 0px 0px 0px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { /*width: 0px;*/ top: 25%; /*display:none;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (min-width: 992px) { .main-content { display: inline-block; } /*.page-component-edu .page_component.main-content p img,*/ .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { width: 50%; } .page-component-edu .page_component.text-img .image p img.pull-dir, .page-component-edu .page_component.text-img .video p img.pull-dir { margin-left: 30px; } .page-component-edu .page_component.main-content p img, .page-component-edu .page_component.text-img .image p img.pull-reverse-dir, .page-component-edu .page_component.text-img .video p img.pull-reverse-dir { margin-right: 30px; } } @media (min-width: 1200px) { .main-content { display: inline-block; } .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { width: 50%; } .page-component-edu .page_component.text-img .image p img.pull-dir, .page-component-edu .page_component.text-img .video p img.pull-dir { margin-left: 30px; } .page-component-edu .main-content p img, .page-component-edu .page_component.text-img .image p img.pull-reverse-dir, .page-component-edu .page_component.text-img .video p img.pull-reverse-dir { margin-right: 30px; } } .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { margin-bottom: 15px; } .cust-menu h2 { text-align: center; } .cust-menu ul li a { font-family: Assistant, Arial; font-size: 18px; font-weight: bold; line-height: 28px; color: var(--text-color); text-align: right; display: block; padding: 0 15px 0 0; margin-bottom: 8px; } .cust-menu ul li ul li a { font-family: Assistant; font-size: 18px; font-weight: normal; line-height: 28px; color: var(--text-color); text-align: right; } .cust-menu ul { padding: 0; margin: 0; } .cust-menu ul li { margin-bottom: 0; /*margin: 12px 2px 2px 2px; display: block;*/ /*background-color: #F5F5F5;*/ } .cust-menu ul li.active > a { background-color: var(--background-side-menu); border-radius: 4px; } /*.cust-menu .collapse.in ul.second-cust > li > a::before { margin-left: 5px; font: normal 6px FontAwesome; content: "\f0c8"; vertical-align: middle; display: inline-block; }*/ /*.cust-menu .collapse.in ul.third-cust > li { margin-bottom: 0; list-style: none; margin-right: 30px; padding: 3px 0; border-right: 3px solid rgb(48, 152, 207); }*/ .cust-menu .collapse.in ul.third-cust > li:first-of-type { padding-top: 0; } .cust-menu .collapse.in ul.third-cust > li:last-of-type { padding-bottom: 0; } .cust-menu .collapse.in ul.third-cust > li > a { font-size: 16px; font-weight: 500; padding-inline-start: 45px; } .cust-menu ul li a.nav-collapse::before { font-weight: bold; } /*.cust-menu ul li.active a.nav-collapse::before{ content: "\f078"; }*/ .cust-menu ul li.active > a.nav-collapse-childs:before, .cust-menu ul li.sub-active > a.nav-collapse-childs:before, .cust-menu ul li.parent-active > a.nav-collapse-childs:before { content: url("/images/icons/navigation-blue-down.svg"); padding-inline-end: 4px; } .cust-menu ul li a.nav-collapse { color: var(--text-color); font-weight: bold; display: block; } .cust-menu ul li a.nav-collapse-childs:before { content: url("/images/icons/navigation-blue-side.svg"); padding-inline-end: 7px; padding-inline-start: 1px; margin-inline-start: -15px; } .cust-menu ul li.sub-active > a { color: var(--text-color); display: block; } .cust-menu ul li .collapse ul li a { padding-inline-start: 30px; } .read-more { font-size: 14px; color: black; text-align: left; font-family: Assistant, Arial !important; } /*a.read-more:hover { color: grey; }*/ @media screen and (min-width: 200px) { .ellipsis-text { white-space: nowrap; width: 23em; overflow: hidden; text-overflow: ellipsis; } } @media screen and (min-width: 992px) { .columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .ellipsis-text { white-space: nowrap; width: 28em; overflow: hidden; text-overflow: ellipsis; } } .page-component-edu .quick_links.links-without-container .nav-container .row.row-without-margin .link-container { padding-bottom: 15px; } .page-component-edu .quick_links.links-without-container { padding: 0; } .page-component-edu .quick_links .links-without-container ul { margin: 0 !important; } .page-component-edu .links-without-container.quick_links { margin: 0; /*margin-top: 25px;*/ } .page-component-edu .quick_links ul.columns li, .page-component-edu .quick_links nav .row div { padding-right: 5px; } .opened-list .opened-item { display: none; } #loadMore { color: green; cursor: pointer; display: none; } #loadMore:hover { color: black; } .opened-list .opened-item { margin-bottom: 45px; } .listing.two-columns .item .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .opened-list .opened-item { padding-bottom: 0; } .opened-list .opened-item .image { margin-bottom: 0; } .opened-list .opened-item .image img { margin: 0; } .opened-list.listing.grid .item { float: right !important; } .opened-list.listing.section.two-columns { padding-right: 30px; } .small-icon { width: 20px !important; height: 20px !important; } .listing .item .small-img img { width: 163px; height: 163px; } .opened-list .col-sm-6, .opened-item.row .col-sm-5 { float: right !important; } .listing #loadMore { font-family: Assistant; font-size: 17px; line-height: 150%; text-align: right; color: rgb(29, 139, 209); text-decoration: none; float: left; background-color: #ffffff; } .listing #loadMore:after { font-family: FontAwesome; content: "\f104"; padding-right: 5px; } .page-component-edu .main-content .main-image-container.narrow-img .main-image-overlay { float: left; bottom: -38px; position: static; } .page-component-edu .main-content .main-image-overlay { background-color: rgba(224, 238, 245, 0.8); width: 100% !important; min-height: 38px; position: absolute; bottom: 0; text-align: right; padding: 7px 10px 0 0; font: normal 16px Assistant, Arial; line-height: 150%; } .main-image-container { width: 452px; height: 216px; /*height: 254px;*/ } /*.page-component-edu .link-container a:link { -webkit-tap-highlight-color: rgb(44, 112, 148); } .page-component-edu .link-container a { font-family: Assistant; font-size: 16px; line-height: 150%; color: rgb(44, 112, 148); text-align: left; }*/ .video-thumbnail { position: absolute; top: calc(50% - 31.5px - 10px); left: calc(50% - 31px); max-width: 100%; height: auto; width: auto !important; min-width: 0; display: table; } /* Start Search Results */ .search-results .heading { font-size: 20px; font-weight: bold; line-height: 100%; color: rgb(44, 112, 148); text-align: right; } .search .item { margin-bottom: 30px; } .search-results p .heading { font-weight: bold; } .search-results .item .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .search .item .search-text { background-color: yellow; } .search-results .thum-hipus { font-size: 16px; } .search-results .site_search .btn-primary { color: gray; background-color: transparent; border-color: transparent; left: 5px; right: 85%; /*position: absolute;s*/ margin-left: 10px; } .site_search .form-control:focus { border-color: grey; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #D0E3F2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(222, 222, 222, 0.57); } .search-results p.search-results-title { font-size: 18px; font-family: Assistant; line-height: 150%; text-align: right; margin-bottom: 30px; margin-top: 25px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: rgb(44, 112, 148); border-color: rgb(44, 112, 148); } .pagination > li > a, .pagination > li > span { color: #5e5e5e; } /*a:link { -webkit-tap-highlight-color: rgb(44, 112, 148); }*/ .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; /*color: rgb(44,112,148);*/ } .form-control { font-family: Assistant !important; /*font-size: 16px;*/ } /* End Search Results */ /* Homepage Start*/ .row.search-learn-container { height: 346px; /*margin-top: 200px;*/ /*218px*/ margin-left: 0; margin-bottom: 30px; /*48px;*/ } .search-learn-container #left_col { padding-left: 0; height: 346px; } .search-learn-container #right_col { height: 346px; } .search-learn-container #left_col .content.advanced-component.standard-components { padding: 0 0 0 0; } .main-pedagogic app-banner .banners-strip { margin-bottom: 0px; } /*@media (min-width: 1200px) { .main-pedagogic { padding-top: 0px!important; } }*/ @media (min-width: 769px) and (max-width: 991px) { .row.search-learn-container { margin-top: -100px; } } @media (max-width: 480px) { .row.search-learn-container { margin-top: -30px; } } .now-in-pedagogic-no-title { padding-top: 20px; } /* Homepage End*/ /* Sitemap Start */ .sitemap .nav > li > a { padding: 2px 15px; } /* Sitemap End */ /* Start override bootstrap_rtl */ /*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; }*/ @media (min-width: 768px) { #left_col.col-sm-1, #left_col.col-sm-2, #left_col.col-sm-3, #left_col.col-sm-4, #left_col.col-sm-5, #left_col.col-sm-6, #left_col.col-sm-7, #left_col.col-sm-8, #left_col.col-sm-9, #left_col.col-sm-10, #left_col.col-sm-11, #left_col.col-sm-12 { float: left !important; } } @media (min-width: 992px) { #left_col.col-md-1, #left_col.col-md-2, #left_col.col-md-3, #left_col.col-md-4, #left_col.col-md-5, #left_col.col-md-6, #left_col.col-md-7, #left_col.col-md-8, #left_col.col-md-9, #left_col.col-md-10, #left_col.col-md-11, #left_col.col-md-12 { float: left !important; } } @media (min-width: 1200px) { #left_col.col-lg-1, #left_col.col-lg-2, #left_col.col-lg-3, #left_col.col-lg-4, #left_col.col-lg-5, #left_col.col-lg-6, #left_col.col-lg-7, #left_col.col-lg-8, #left_col.col-lg-9, #left_col.col-lg-10, #left_col.col-lg-11, #left_col.col-lg-12 { float: left !important; } } /* end override bootstrap_rtl */ @media (max-width: 767px) { .content #left_col.home { width: 100%; } } .box-with-img .panel-heading p.heading { font-weight: bold; line-height: 150%; color: rgb(26, 77, 145); text-align: right; font-size: 16px; } .box-with-img .btn.btn-primary { font-weight: bold; text-align: right; width: 100%; margin: 0; padding: 5px 15px 0 0; border: none; font-family: Assistant; font-size: 20px; background-color: rgba(0, 0, 0, 0.6); height: 37px; color: rgb(255, 255, 255); } .box-with-img a .panel { background-size: cover; } .carusel.slides .image { visibility: hidden; } .carusel.slides { visibility: hidden; } .carusel.slides .image:first-child { /*visibility: visible;*/ } .carusel.slides.slick-initialized .image { visibility: visible; } .carusel.slides.slick-initialized { visibility: visible; } .carusel.slides.slick-initialized.tikshuv-content .image { visibility: unset; } .carusel.slides.slick-initialized.tikshuv-content { visibility: unset; } .page-component-edu .text-image { background-color: white; margin-bottom: 0; } @media (max-width: 480px) { .bottom-component img { width: 96px; height: 64.2px; } .bottom-component .rec-role-erea img { width: 100%; height: auto; } .page-component-edu .bottom-component .text-container { height: auto; } } .page-component-edu .text-image .main-content { padding: 0; } section.content .carousel-caption h3 { font-size: 24px; color: white; } .topic-listing .carousel-caption h3::after { font-family: FontAwesome !important; content: "\f104"; margin-right: 15px; font-size: 24px; } .topic-listing .row div:nth-child(1) .carousel-caption { bottom: 205px; } .topic-listing .row div:nth-child(2) .carousel-caption { bottom: 120px; } .topic-listing .row div:nth-child(3) .carousel-caption { bottom: 30px; } .topic-listing .carousel-caption { left: 0; right: 0; padding-bottom: 10px; padding-top: 0px; background-color: var(--title-color); opacity: 0.9; padding: 0 15px 10px 15px; right: 25px; left: 25px; text-align: right; color: white; position: absolute; } @media (max-width: 767px) { .topic-image img { min-height: 290px; max-height: 400px; } } .topic-listing { margin: 0; padding: 0; } @media (min-width: 768px) { .image-con { position: absolute; } .topic-listing .row div .carousel-caption { bottom: 35px !important; } .topic-listing .carousel-caption { width: 90%; left: 0; right: 0; height: auto; transform: translate(-5%, 0); /* Centering Percentage Width/Height Elements*/ } .topic-listing .row { margin-right: 10px; margin-left: 10px; left: 20%; right: 20%; } .topic-image img { min-height: auto; } } @media (min-width: 768px) and (max-width: 991px) { .topic-listing .row div .carousel-caption { min-height: 94px; } } /* three-columns-with-title */ .listing-container.listing-container-three-columns-with-title h2 { /* padding-bottom: 15px;*/ margin-top: 0px; font-size: 24px; color: rgb(48, 65, 85); text-align: center; min-height: 50px; } .listing-container.listing-container-three-columns-with-title div.vert-line { top: -5px; width: 1.4%; height: 102%; background-color: rgb(238, 238, 238); position: absolute; } .listing-container.listing-container-three-columns-with-title .vert-line.vert-line1, .listing-container-three-columns-with-title .vert-line.vert-line1 { right: 32.6%; } .listing-container.listing-container-three-columns-with-title .vert-line.vert-line2, .listing-container-three-columns-with-title .vert-line.vert-line1 { left: 32.6%; } .listing-container.listing-container-three-columns-with-title .listing { overflow: visible; padding-top: 16px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n+2) { margin-right: 10px; margin-left: -10px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n-2) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .opened-list.listing.three-columns { padding-right: 15px; } @media (max-width: 991px) { .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n+2) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .row.RowInfoBanner.is-mobile { display: block; } .listing-container.communityListing.listing-container-three-columns-with-title .row.RowInfoBanner.not-mobile { display: none; } } @media (min-width: 992px) { .listing-container.communityListing.listing-container-three-columns-with-title .row.RowInfoBanner.is-mobile { display: none; } .listing-container.listing-container-three-columns-with-title .row.RowInfoBanner.not-mobile { display: block; } } /* end of three-columns-with-title */ .three-columns .InfoBannerBox { position: relative; margin-bottom: 16px; } .three-columns .InfoBannerBox .TitleInfo { text-align: right; font-size: 18px; line-height: 18px; padding-right: 15px; } .three-columns .tile { margin-bottom: 35px; } .two-columns .col-sm-6.item.opened-item { padding-right: 0; } .two-columns .item.opened-item { padding-left: 0; } .two-columns .item.opened-item { margin-left: 0; } .two-columns .item.opened-item.odd { float: left; } .two-columns .opened-item .col-sm-6.pull-left { padding-left: 0; } .opened-list.listing.three-columns { padding-right: 25px; } .three-columns .RowInfoBanner { padding-left: 0; padding-right: 0; } #left_col[role=main] .body-text > p { margin-bottom: 40px; } .promo_pods .box-with-img .panel-heading, #right_col aside .box-with-img .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } .quick_links.panel.panel-default { padding-bottom: 15px; } .links-with-imgs.same-img, .links-with-imgs.big-img { margin-bottom: 5px; } /*.panel.panel-default.big-icon { padding-bottom: 15px; }*/ .page-component-edu .main-content .collapse-text h2:first-child { padding-top: 0; margin-top: 0; } /* on print*/ @media print { a[href]:after { content: none !important; } .page-component-edu.box-with-img, .pod-banner-component, .main-content a.read-more { display: none; } } .ContainerTotalSearch .BoxTotalItem .SucTitle a mark { color: var(--title-color); } @media (max-width: 768px) { /*.container1 { padding-left: 15px; padding-right: 15px; }*/ /*.container1 #left_col { padding-left: 0; padding-right: 0; }*/ .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 20px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 18px 14px; } } @media (max-width: 767px) { .content #right_col { padding-left: 15px; padding-right: 15px; background-color: transparent; width: 100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); } #right_col { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important; } /* .content #right_col aside { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1) !important; } */ .content #left_col { padding-bottom: 48px; } } @media (max-width: 480px) { .content #left_col { padding-bottom: 28px; } .row.search-learn-container { margin-bottom: 20px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 18px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 16px 12px; } } @media (max-width: 400px) { .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 14px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 14px 10px; } } .page-component-edu .page_component .inner-panel .listing.white-listing { background-color: white; } .inner-panel .nav-container, .inner-panel p { background-color: var(--stock-search-bg); padding-bottom: 10px; } .row-without-margin { margin-left: 0; margin-right: 0; } .quick_links .inner-panel ul li { padding-right: 0; } .quick_links .inner-panel .listing.space { padding-bottom: 10px; } img.img-of-link.prop { padding-left: 4px; } .inner-panel div p { margin: 0; padding-top: 20px; line-height: 1.4; } .inner-panel div .sub-title p { padding-top: 0; } .page-component-edu .page_component .img-container.small-icon { margin-left: 1px; } .page-component-edu .tab-content nav.row ul > li a, .page-component-edu .tab-content nav.row .row div a { color: black; } .try-resources .overlayicon span { color: white; font: normal 16px Assistant, Arial; line-height: 1.5; text-align: right; padding: 7px 20px 25px 20px; display: block; } .try-resources .overlayicon { max-width: 85%; } .page-component-edu .page_component.main-content { margin-bottom: 0; } .page-component-edu .panel .comp-title-container h6 { padding-bottom: 7px; } @media (max-width: 767px) { .try-gallery .col-md-4, .try-gallery .col-xs-6 { width: 100%; } .try-gallery { margin-left: 0; margin-right: 0; } .gallery-title { margin-left: 0; margin-right: 0; } .gallery-title .col-xs-12 { width: 100%; margin-left: 0; margin-right: 0; } } .gallery-title { margin-left: 0; margin-right: 0; } .page-component-edu .quick_links .nav-container p { margin-left: 30px; } .row.no-margin { margin-left: 0; margin-right: 0; } @media (min-width: 992px) and (max-width: 1200px) { .page-component-edu .text-container.text-of-small-icon { min-height: 93px; } } .prop-container { margin-right: 15px; padding-right: 20px; } .text-of-small-icon .prop-container { margin-right: 25px; } .main-image-container { position: relative; } .image-con { display: block; position: absolute; } .image-con { width: 100%; height: auto; } .page-component-edu .main-content img { width: 100%; height: auto; border-radius: var(--item-radius); } .page-component-edu .main-content img.play-image { width: 62px; height: 63px; } @media (max-width: 991px) { .main-image-container { width: 100%; height: 0; padding-bottom: 48.25%; } } @media (max-width: 400px) { .main-image-container.narrow-img { padding-bottom: 61%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 80px; } } @media (min-width: 401px) and (max-width: 700px) { .main-image-container.narrow-img { padding-bottom: 61%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 65px; } } @media (min-width: 701px) and (max-width: 767px) { .main-image-container.narrow-img { padding-bottom: 55%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 768px) and (max-width: 880px) { .main-image-container.narrow-img { padding-bottom: 57%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 881px) and (max-width: 991px) { .main-image-container.narrow-img { padding-bottom: 55%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 992px) { .main-image-container.narrow-img.image-has-caption { margin-bottom: 45px; } } @media (max-width: 991px) { .main-image-container.narrow-img { display: block; margin-left: auto; margin-right: auto; max-width: 524px; float: none !important; } } .page-component-edu .banner .slides.slick-slider .slick-list { height: 0; width: 100%; } @media (max-width: 480px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 70.25%; } .page-component-edu .banner .slides.slick-slider { padding-top: 10px; } } @media (min-width: 481px) and (max-width: 767px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 62.25%; } } @media (min-width: 768px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 58.25%; } } .swap-banner .Banner .carousel-caption { width: 80%; right: 8%; bottom: 30px; } .swap-banner section.content .carousel-caption h3 { font-size: 28px; } .swap-banner .carousel-caption p.Mobile { font-size: 18px; } .page-component-edu .main-content h3:first-child { padding-top: 0; margin-top: 0; } /*.page-component-edu .main-content h2:first-child { padding-top: 0; margin-top: 0; }*/ .page-component-edu .page_component.main-content { margin-top: 0px; padding-top: 16px; } /*.page-component-edu .inner-panel .listing a { color: rgb(51, 51, 51); }*/ .page-component-edu .inner-panel .listing a.show-more-links, .page-component-edu .inner-panel .listing a.show-less-links, .page-component-edu .inner-panel .listing a.show-all-links, .page-component-edu .inner-panel .listing a.show-partial-links, .page-component-edu .inner-panel .listing a.bottom-link { color: rgb(44, 112, 148); } a.show-fancy { display: inline-block; background-color: #1D5C7E !important; font-size: 16px !important; color: #fff !important; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; margin-bottom: 0px; margin-top: 15px; } a.show-fancy:hover { background-color: #11415A !important; opacity: 1; color: #fff !important; } .page-component-edu .image-link .panel:not(.inner-panel) .listing { margin-top: 0; border-top-width: 0; } .image-link .listing { padding-bottom: 15px; } /*.links-with-images .component-panel .listing { padding-bottom: 0; }*/ /*.links-with-images .component-panel .image-link-container { padding: 0; }*/ .component-panel .image-link-container, .component-panel.image-link .image-link-container { padding: 0; } .component-panel .listing { padding-bottom: 0; } @media (max-width: 767px) { .Banner .carousel-inner p.Mobile { display: none; } .page_component.try-resources .overlayicon span.Mobile { display: none; font-size: 20px; } .page_component.try-resources a .overlayicon p { font-size: 20px; } } @media (max-width: 480px) { .Banner .carousel-inner { height: 115px; } .Banner .carousel-caption { position: relative; } .Banner .carousel-control .icon-prev, .Banner .carousel-control .icon-next, .Banner .carousel-control .glyphicon-chevron-left, .Banner .carousel-control .glyphicon-chevron-right { top: 75%; } .swap-banner .Banner .carousel-caption { bottom: 0; right: 0; width: 100%; } .Banner .carousel .carousel-indicators { bottom: 0px; } .page_component.try-resources a .overlayicon p { font-size: 16px; } .promo_pods.wide aside.hidden-sm { margin-bottom: 20px; } .promo_pods.wide aside.hidden-sm .BoxLimkInfo { margin-bottom: 0px; } .page-component-edu .panel.panel-default { margin-bottom: 30px; } } @media (max-width: 360px) { .page_component.try-resources a .overlayicon p { font-size: 14px; } } .links-with-big-image .links-img-container { background-color: white; min-height: 247px; margin: 10px; padding: 15px; border: 3px solid rgba(176, 213, 230, 0.7); } .links-with-big-image li a img.icon { width: 7px; height: 11px; margin: 7px; } .links-with-big-image ul li { margin-bottom: 5px; margin-top: 5px; } .links-with-big-image .links-img-container .big-image { width: auto; padding-right: 0; padding-left: 10px; display: inline-block; vertical-align: middle; float: right; } .links-with-big-image h4 { font-family: "Assistant SemiBold", Assistant, Arial !important; font-size: 34px !important; font-weight: bold !important; line-height: 100%; color: rgb(255, 157, 59) !important; text-align: right; } .links-with-big-image ul li a { font-family: Assistant; font-size: 20px; line-height: 150%; color: rgb(44, 112, 148); text-align: right; } #left_col[role=main] .links-with-big-image ul { margin-right: 0; } .links-with-big-image .links-container ul li { padding-right: 0 !important; } .links-with-big-image .links-container .links { padding-right: 25px; } .links-with-big-image .links-container { padding-right: 0; padding-left: 0; margin-right: -15px; margin-left: -15px; } .links-with-big-image .links-img-container .title { padding-right: 20px; margin-bottom: 5px; padding-left: 0; } .links-with-big-image .img-col { padding-left: 0; padding-right: 0; } @media (min-width: 481px) and (max-width: 991px) { .links-with-big-image .links-container { display: block; } .links-with-big-image nav { display: -webkit-box; } } @media (max-width: 480px) { .links-with-big-image .links-img-container .big-image { width: 50%; margin-left: 25%; margin-right: 25%; display: block; } } @media (min-width: 768px) { .links-with-big-image .links-container { padding-right: 0px; } } @media (min-width: 992px) { .links-with-big-image .links-container { padding-right: 40px; } .links-with-big-image .links-img-container .title { padding-right: 30px; } } @media (min-width: 481px) and (max-width: 768px) { .links-with-big-image .img-col { width: 30%; } .links-with-big-image .links-img-container .big-image { width: 100%; } .links-with-big-image .links-container { width: 70%; } } .links-without-container .panel-body { background-color: white; } .collapse-component .links-without-container .panel-body { background-color: var(--stock-search-bg); } .inner-panel .listing.white-listing p { background-color: white; } .inner-panel div .text-container p { padding-top: 0px; } .page-component-edu .page_component .link-with-img .text-container a .text { font-weight: normal; } /* Q&A COMPONENT*/ .page-component-edu.popXtnCmpnt .page_component.accordion .faqHolder .panel-collapse .ContentCollapse { max-width: 98%; overflow-x: auto; } .popXtnCmpnt .accordion .panel-collapse { margin-right: 25px; } .PanelCollapse .Questions { overflow: hidden; /*width: 95%;*/ } .PanelCollapse a .Questions:hover { text-decoration: var(--link-hover-decoretion) !important } .btn-collapse { float: right; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse .btn-collapse:before { font: normal 21px FontAwesome; margin: 0px 0px 0px 8px; vertical-align: sub; color: rgba(0, 0, 0, 0.5); }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: "\f196"; } .page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: "\f147"; } */ .popXtnCmpnt .accordion .PanelCollapseHidden { display: none; } .collapse-component .PanelCollapse { background-color: var(--stock-search-bg); } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div { margin-bottom: 15px; } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div.ac { margin-bottom: 0px; padding-bottom: 25px; } .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container p { margin: 15px 15px 0px 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container p.ac { margin-top: -6px; } .page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse p { margin: 0px 0px; } .popXtnCmpnt .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; } .popXtnCmpnt .panel-collapse { margin-bottom: 0px; } /*.popXtnCmpnt .panel-collapse a { text-decoration: none; color: #333; }*/ /*.popXtnCmpnt .panel-collapse .ContentCollapse a { color: #337ab7; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse { padding: 0px 0px 0px 0px; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse div.sub-title { padding: 10px 40px 0px 40px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } /*ltr*/ /*.popXtnCmpnt .accordion.ltr .panel-collapse { margin-right: 0px; margin-left: 25px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse { margin-bottom: 0px; } */ /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse .Questions { margin-bottom: 8px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse .btn-collapse { float: left; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse [aria-expanded=false] .btn-collapse:before { margin: 0px 8px 0px 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse [aria-expanded=true] .btn-collapse:before { margin: 0px 8px 0px 0px; }*/ .popXtnCmpnt .accordion.ltr { direction: ltr; } .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .comp-title-container p { margin: 15px 0px 0px 15px; } .popXtnCmpnt .accordion.ltr .PanelCollapse .Questions { text-align: left; } .popXtnCmpnt .accordion .panel.panel-default { margin-bottom: 0; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .ContentCollapse { float: left; width: 100%; margin-top: -8px; margin-bottom: 8px; }*/ /*.popXtnCmpnt .accordion.ltr .PanelCollapse .BtnCollapse { margin: 5px 8px 10px 0px; float: left; } */ @media (max-width: 992px) { .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container div { margin-bottom: 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div { margin-bottom: 0px; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body .listing { padding-top: 0px; }*/ } /* End of Q&A COMPONENT*/ /* COLLAPSE COMPONENT*/ @media (max-width: 991px) { /*.popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { margin-right: 15px; }*/ .popXtnCmpnt .accordion.collapsible .PanelCollapse .links-same-icon .col-md-6.listing-col:nth-child(even) { margin-right: 0; } } @media (max-width: 480px) { .page-component-edu div.pic_with_icons .listing .links-with-imgs.big { margin-bottom: 25px; } /*.page-component-edu div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { width: 300px; }*/ div.pic_with_icons .listing .col-lg-4.listing-col { width: 100%; } div.pic_with_icons .listing .col-md-6.listing-col.short-list { width: 100%; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-right: 0px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .links-same-icon .col-md-6.listing-col:nth-child(even) { padding-right: 15px; } } @media (max-width: 1200px) { div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float { min-width: auto !important; max-width: 100% !important; } .page-component-edu .page_component .big-img-container.no-float img.img-of-link { height: 150px !important; } } .popXtnCmpnt .accordion.collapsible .collapseHolder .image-link .listing { padding-bottom: 5px; } .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-right: 0; } /*.popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-right: 7.5px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(odd) { padding-left: 7.5px; }*/ .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-bottom: 0px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .collapse-item { overflow: hidden; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .panel-heading > a { display: inline-block; } .popXtnCmpnt .accordion.collapsible .panel-heading { background-color: var(--stock-search-bg); } .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-bottom: -1px; background-color: white; } .popXtnCmpnt.collapse-component.page-component-edu .accordion.collapsible .panel-collapse, .collapse-component .accordion.collapsible .panel-collapse .page-component-edu, .collapse-component .accordion.collapsible .panel-collapse .page-component-edu .panel { background-color: var(--stock-search-bg); } .collapse-component .images-and-buttons { padding: 0 15px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .collapse-item { font-weight: bold; vertical-align: bottom; font-size: 18px; margin: 0; line-height: 50px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse .btn-collapse:before { display: inline-block; width: 30px; padding: 0 10px; line-height: 50px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.popXtnCmpnt.ltr .page_component.accordion.collapsible .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: url(/images/icons/Arrow-Link-List-ltr.png); } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: url(/images/icons/navigation-blue-down.svg); } .popXtnCmpnt .accordion.collapsible .listing .link-container a.show-more-links, .popXtnCmpnt .accordion.collapsible .listing .link-container a.show-less-links { background: none; padding: 0; color: rgb(44, 112, 148); font-size: 16px; } .popXtnCmpnt .accordion.collapsible .listing .link-container a:hover.show-more-links, .popXtnCmpnt .accordion.collapsible .listing .link-container a:hover.show-less-links { background: none; padding: 0; color: rgb(29, 139, 209) !important; font-size: 16px; } .popXtnCmpnt .accordion.collapsible .link-container a.show-more-links .fa-angle-left:before { content: "\f067"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; } .popXtnCmpnt .accordion.collapsible .link-container a.show-less-links .fa-angle-left:before { content: "\f068"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; } .popXtnCmpnt .accordion.collapsible .link-container .fa { float: right; margin-top: 5px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px; } /* remove shadow box */ /*.PanelCollapse .ContentCollapse .page-component-edu .image-link .panel:not(.inner-panel) .listing { margin-top: -20px; }*/ .PanelCollapse .ContentCollapse .page-component-edu .listing .row.row-without-margin { margin-bottom: -10px; margin-top: -10px; padding-bottom: 10px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .panel.panel-default.big-icon { box-shadow: none; border: none !important; } .PanelCollapse .ContentCollapse .page-component-edu .image-link .image-link-container, .PanelCollapse .ContentCollapse .page-component-edu .rich-text-editor-com .text { padding: 0; } .popXtnCmpnt .accordion.collapsible .page_component.image-link .panel.panel-default { border: none; box-shadow: none; } .popXtnCmpnt .accordion.collapsible .panel.panel-default { border: none; /*box-shadow: none;*/ /*box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px;*/ } .popXtnCmpnt .accordion.collapsible .accordion .panel, .popXtnCmpnt .accordion.collapsible .panel.panel-default .rich-text-editor-com .panel { box-shadow: none; border: none; } .page-component-edu .accordion.collapsible .listing .PanelCollapse .panel-heading { border: none; border-radius: 0; padding: 0; } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container { margin-right: 10px; margin-left: 0px; /*margin-top: 5px;*/ } /* .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container a { color: rgb(44, 112, 148); font-size: 16px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } /* edupicturewithiconssection */ /*.accordion.collapsible .PanelCollapse .link-with-img a { display: block; }*/ @media (min-width: 1200px) { div.pic_with_icons.page-component-edu .col-md-6.listing-col:nth-child(even) { padding-right: 7.5px; } div.pic_with_icons.page-component-edu .col-md-6.listing-col:nth-child(odd) { padding-left: 7.5px; } } div.pic_with_icons .page-component-edu .listing .link-container { margin-right: 10px; margin-left: 15px; margin-top: 5px; } .page-component-edu div.pic_with_icons .links-with-imgs.big { margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); } .page-component-edu.collapse-container.collapse-items-container div.pic_with_icons .links-with-imgs.big { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } .container-component.page-component-edu div.pic_with_icons .links-with-imgs.big { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } .page-component-edu.collapse-component div.pic_with_icons { background-color: var(--stock-search-bg); } div.pic_with_icons .listing .links-with-imgs .big-img-container { height: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; } div.pic_with_icons .text-container.non-space.RegularDesc { height: auto; padding-top: 5px; } div.pic_with_icons .listing .link-with-img .row .text-container { overflow: hidden; margin-top: 0 !important; margin-bottom: 0 !important; height: auto; } div.pic_with_icons .listing .link-with-img .row div.text { padding-bottom: 0px; margin-top: 0px; } /* 1-2 items */ div.pic_with_icons .text-block { display: flex; width: 100%; padding-right: 20px; padding-left: 20px; margin: -5px 0px 5px 0px; } div.pic_with_icons .text-block .text-container { width: inherit; margin: 0 15px 0 0; } div.pic_with_icons .text-block .text-container a { max-width: 175px; } div.pic_with_icons .text-container:hover * { text-decoration: underline; } div.pic_with_icons .text-container.RegularDesc:hover * { text-decoration: none; } div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float { /*clear:both;*/ max-width: 92.9%; min-width: 92.9%; width: -webkit-fill-available; width: -moz-available; } div.pic_with_icons .text-container.non-space.RegularDesc.no-float { height: auto; clear: both; } .pictures-and-icons-component .text-section { margin: 0px 10px; } div.pic_with_icons .links-with-imgs.big.no-float { min-height: 235px; margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); } /* end 1-2 items*/ /* 3 Columns */ div.pic_with_icons .text-block.three-col .text-container a { max-width: 220px; } @media (min-width: 1200px) { div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(1) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(2) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(3) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(4) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(5) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(6) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { min-height: 250px; } } div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float-three-col { /*clear:both;*/ float: none !important; /*width: -webkit-fill-available;*/ /*width: -moz-available;*/ } div.pic_with_icons .text-container.non-space.RegularDesc.no-float-three-col { height: auto; clear: both; padding: 4px 15px; } div.pic_with_icons .link-with-img .text-container .item-name h3 { font-size: 18px; white-space: nowrap; margin: 1px 0 0 0; } div.pic_with_icons.page-component-edu .text-block.three-col { display: block; padding: 0px 15px 0px 15px; } /* ltr */ div.pic_with_icons.page-component-edu.ltr .text-block.three-col { display: block; padding: 0px 15px 0px 15px; } @media (min-width: 1200px) { div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(1) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(2) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(3) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(4) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(5) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(6) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { min-height: 250px; } } /* end of 3 Columns */ div.pic_with_icons .links-with-imgs.big { margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); border-radius: var(--item-radius); } .collapse-component.page-component-edu div.pic_with_icons .links-with-imgs.big { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } div.pic_with_icons .link-with-img .text-container .item-name h5 { font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis; overflow: hidden; } div.pic_with_icons .link-with-img .text-container h6 { font-size: 17px; /*line-height: 150%;*/ font-family: inherit; } div.pic_with_icons .link-with-img .text-container .icon-img { width: 26px; height: 26px; float: right; margin-left: 10px; } div.pic_with_icons .text-container a { display: block; } div.pic_with_icons .text-container.non-space.RegularDesc a { display: inline-block; } div.pic_with_icons .text-container a h6 { white-space: nowrap; /*max-width: 150px;*/ overflow: hidden; text-overflow: ellipsis; } .page-component-edu .page_component .big-img-container.no-float img.img-of-link { max-height: 150px; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link, .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link { height: auto; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { /*height: auto;*/ height: 160px; max-height: 160px; } @media screen and (max-width: 991px) { .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link, .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { width: 100%; } } #left_col[role=main] .PanelCollapse ul { margin-right: 0; } /* ltr */ @media (max-width: 991px) { .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(even) { margin-left: 15px; padding-right: 30px !important; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col.pull-left { width: 100%; } #left_col[role=main] .PanelCollapse .page-component-edu.ltr ul { margin-left: 0; } } /*@media (max-width:767px) {*/ @media (max-width: 767px) and (min-width: 480px) { /*.popXtnCmpnt .accordion.collapsible.ltr .page-component-edu .page_component .big-img-container.no-float img.img-of-link { width: auto; max-width: 100%; }*/ } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible { box-shadow: none; } @media (min-width: 1200px) { div.pic_with_icons.page-component-edu.ltr .col-md-6.listing-col:nth-child(even) { padding-left: 7.5px; padding-right: 15px; } div.pic_with_icons.page-component-edu.ltr .col-md-6.listing-col:nth-child(odd) { padding-right: 7.5px; padding-left: 15px; } } div.pic_with_icons.page-component-edu.ltr .link-with-img .text-container .icon-img { width: 24px; height: 24px; float: left; margin-right: 10px; margin-left: 0; } div.pic_with_icons.page-component-edu.ltr .text-block .text-container { margin: 0 0px 0 15px; } div.pic_with_icons.page-component-edu.ltr .text-container.non-space.RegularDesc.no-float { padding: 10px 0px 0px 20px; } div.pic_with_icons.page-component-edu.ltr .text-block { padding-right: 0px; padding-left: 20px; } .PanelCollapse .ContentCollapse .page-component-edu .listing a.show-more-links, .PanelCollapse .ContentCollapse .page-component-edu .listing a.show-less-links { /*color: #2c7094;*/ color: rgb(44, 112, 148); font-size: 16px; } /* end edupicturewithiconssection */ /* ltr */ .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .ContentCollapse .page-component-edu .link-with-img .text-container .icon-img { float: left; margin-right: 10px; margin-left: 0px; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-left: 0px; padding-right: 15px; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(odd) { padding-right: 15px; } .popXtnCmpnt .accordion.collapsible.ltr .panel.panel-default { /*margin-bottom: 8px!important;*/ /*box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px;*/ } /*.popXtnCmpnt .accordion.collapsible.ltr .panel-collapse { margin-bottom: -1px; background-color: white; margin-left: 0px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .ContentCollapse {*/ /*float: left; width: 100%;*/ /*margin-top: 0px;*/ /*margin-bottom: 3px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .ContentCollapse { margin-top: 0px; background-color: white; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse { margin-bottom: 8px; }*/ .page-component-edu .accordion.collapsible.ltr .panel .panel-body .listing .link-container { margin-right: 0px; margin-left: 10px; } /*.popXtnCmpnt .accordion.collapsible.ltr .link-container a.show-more-links .fa-angle-right:before { content: "\f067"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; }*/ /*.popXtnCmpnt .accordion.collapsible.ltr .link-container a.show-less-links .fa-angle-right:before { content: "\f068"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; }*/ .popXtnCmpnt .accordion.collapsible.ltr .link-container .fa { float: left; /*margin-top: 4px;*/ } /*.popXtnCmpnt .accordion.collapsible.ltr .panel-heading { font-size: 14px; } */ .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .collapse-item { text-align: left; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse [aria-expanded=false] .btn-collapse:before {*/ /*content: "\f101";*/ /*font-size: 30px; color: #333; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: "\f103"; font-size: 30px; color: #333; } */ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse .btn-collapse { margin-top: -2px; margin-left: 12px; margin-right: 5px; width: 25px; }*/ /* For other components inside collapse */ .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .collapseHolder .PanelCollapse .comp-title-container { display: none; } /* End of COLLAPSE COMPONENT*/ /*Advanced Gallery*/ div.try-gallery#advgallery { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .try-gallery#advgallery input#adv_gallery_topic::-webkit-input-placeholder { /* Chrome */ -webkit-text-fill-color: rgba(0, 0, 0, 0.4); } .try-gallery#advgallery input#adv_gallery_topic::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.6); } .try-gallery#advgallery input#adv_gallery_topic:-ms-input-placeholder { /* IE 10+ */ color: rgba(0, 0, 0, 0.4); } .try-gallery#advgallery input#adv_gallery_topic { width: 100%; margin-right: 0px; padding: 3px 10px 5px 3px; border: 1px solid #ccc; min-height: 40px; font: bold 16px Assistant; cursor: pointer; } .try-gallery#advgallery .row.gallery-search { background-color: rgb(224, 238, 245); margin: 8px 8px 12px 8px; padding-top: 18px; padding-bottom: 18px; } .try-gallery#advgallery .InputSearch input#adv_gallery_submit { background-color: rgb(48, 152, 207); color: white; border: none; padding: 3px 10px 2px 10px; border-radius: 3px; font-size: 18px; left: -10px; min-height: 35px; min-width: 100px; top: 0px; position: absolute; } .try-gallery#advgallery div.search-divider { width: 2px; background-color: rgba(48, 152, 207, 0.4); height: 30px; position: absolute; left: -40px; top: 2px; } .try-gallery#advgallery .row.gallery-search div.link-container { position: absolute; left: -260px; top: 1px; font-weight: bold; min-width: 200px; text-align: center; } .try-gallery#advgallery .row.gallery-search div.link-container a { font-size: 18px; font-weight: bold; color: rgb(44, 112, 148); } /*hide chrome default arrow inside input*/ .try-gallery#advgallery input#adv_gallery_topic::-webkit-calendar-picker-indicator { /*display: none;*/ color: transparent; background-color: transparent; cursor: pointer; } /*hide ie default X inside input*/ .try-gallery#advgallery input#adv_gallery_topic::-ms-clear { display: none; } /*add arrow for all main browsers*/ .try-gallery#advgallery .InputSearch .myarrow:after { pointer-events: none; position: absolute; left: 30px; font: normal 16px FontAwesome; content: "\f0dd"; top: 8px; } .try-gallery#advgallery .srchTopic .linkBold { padding: 7.5px 20px 6.5px 0; min-width: 200px; max-width: 220px; text-align: right; } /*LTR*/ .try-gallery#advgallery.ltr .main-subject-links { text-align: left; } /*add arrow for all main browsers*/ .try-gallery#advgallery.ltr .InputSearch .myarrow:after { left: auto; right: 20px; } .try-gallery#advgallery.ltr .col-xs-12.pull-left { padding-left: 0; } .try-gallery#advgallery.ltr .gallery-title { margin-left: 0; margin-right: 0; } .try-gallery#advgallery.ltr .link-container.galleryReadMore { float: right !important; padding: 0 10px 10px 0; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { padding-right: 0px; } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: left; padding-left: 0px; } .try-gallery#advgallery.ltr input#adv_gallery_topic { padding: 3px 3px 5px 10px; } .try-gallery#advgallery.ltr .nopaddingL { padding-right: 0; padding-left: 45px; } .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: 2px solid #86AFC5; border-right: none; padding: 7.5px 0px 6.5px 20px; text-align: left; } .try-gallery#advgallery.ltr .col-sm-6.col-md-2.col-lg-2 { float: left; } @media (max-width: 1200px) and (min-width: 992px) { .try-gallery#advgallery .nopaddingL { clear: left; float: left; width: 100%; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { width: 70%; } } @media (max-width: 991px) and (min-width: 768px) { .try-gallery#advgallery .nopaddingL { clear: left; float: left; width: 100%; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { width: 50%; } .try-gallery#advgallery .item.first a .try-overlayicon p:first-child { margin-top: 12px !important; } .try-gallery#advgallery .item.first a .try-overlayicon p:last-child { font: normal 15px Assistant, Arial; } .try-gallery#advgallery .item:not(.first) a .try-overlayicon p { font: bold 15px Assistant, Arial; } .try-gallery#advgallery .link-container.galleryReadMore { font: normal 15px Assistant, Arial !important; } } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: left; } @media (max-width: 767px) { .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { float: none; padding-right: 15px !important; padding-left: 15px !important; } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: none; padding-right: 15px !important; padding-left: 15px !important; } .try-gallery#advgallery.ltr .InputSearch .myarrow:after { right: 30px; } .try-gallery#advgallery.ltr .col-sm-6.col-md-2.col-lg-2 { float: none; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .srchTopic .linkBold { text-align: left; padding-left: 15px; } .try-gallery#advgallery.ltr .srchTopic .linkBold { text-align: right; padding-right: 15px; } .popXtn .try-gallery#advgallery .btn.goBtn { margin-top: 20px; width: 100%; min-width: 100%; } .try-gallery#advgallery .srch-panel { margin: 0px !important; border: 6px solid #fff !important; } .try-gallery#advgallery .ContainerButtons { text-align: left; } } @media (min-width: 768px) { .try-gallery .col-md-4 { width: 33.33%; } } .try-gallery#advgallery .srch-panel { background-color: #edf5fa; margin: 8px; /*padding: 17px 17px 12px 17px;*/ } /*.try-gallery#advgallery .linkBold { padding: 5px 20px 4.5px 0; margin-top: 2px; }*/ .try-gallery#advgallery .btn.goBtn { max-width: 155px; min-width: 155px; min-height: 40px; margin-right: -5px; } .try-gallery#advgallery .item.first a .try-overlayicon p:first-child { min-height: 0; margin-top: 17px; margin-bottom: 7px; } .try-gallery#advgallery .item.first a .try-overlayicon p { min-height: 109px; margin-top: 0; margin-bottom: 0; } .try-gallery#advgallery .link-container.galleryReadMore { padding: 0 0 10px 5px; font-size: 18px; font-weight: normal; } .try-gallery#advgallery .item:not(.first) a .try-overlayicon p { min-height: 60px; max-height: 60px; margin-top: 0; margin-bottom: 0; padding-top: 10px; } /*For autocomplete widget*/ .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget { font-family: Assistant, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } #text_box_id { direction: rtl; width: 100%; height: 40px; margin-right: 0px; padding: 3px 10px 5px 3px; border: 1px solid #ccc; min-height: 40px; font: normal 16px Assistant; } ul#ui-id-1 { /*direction:rtl;*/ max-height: 350px; overflow-y: auto; overflow-x: hidden; width: 19%; position: absolute; } ul#ui-id-1 li { width: 100% !important; display: table; overflow: hidden; padding: 0px 10px 0px 10px; cursor: pointer; } span.ui-helper-hidden-accessible[role=status] { display: none; } /*End of autocomplete widget*/ /*End of Advanced Gallery*/ .row.page_component.try-gallery .item.first a .try-overlayicon p:first-child { margin-bottom: 0px; } .row.page_component.try-gallery .item.first a .try-overlayicon p { min-height: 71px; } .try-gallery .main-subject-links { font-family: Assistant; font-size: 18px; line-height: 150%; color: rgb(44, 112, 148); text-align: right; } .try-gallery .main-subject-links a::before { /*font-family: FontAwesome !important;*/ /*content: "\f105";*/ /*content: "\00a0 \f104 \00a0";*/ content: " | "; } .try-gallery .main-subject-links a::after { /*font-family: FontAwesome !important; content: "\00a0";*/ } .try-gallery .main-subject-links a:first-child:before { content: ""; } .popXtn .try-gallery .main-subject-links a:first-child::before { padding: 0 4px; } .page-component-edu .page_component .link-with-img .text-container .text a { font-weight: normal; /*color: rgb(44, 112, 148);*/ } .page-component-edu .page_component .link-with-img .text-container .text strong a { font-weight: bold; } .listing .item .text a { font: normal 16px Assistant; } .page-component-edu .image-link .text-container .text p { padding-bottom: 0px; } .page-component-edu .page_component .text-container { margin-bottom: 5px; } #right_col { padding-left: 0px; padding-right: 0px; } .page-component-edu .main-content > div:not(.main-image-container) p.mobile img { /*position: absolute; top: 0; left: 0;*/ width: 100% !important; height: auto !important; } @media (min-width: 992px) { .main-subject-links div p:first-of-type { display: inline; } .main-subject-links div p { display: inline; } } .main-subject-links div p { display: inline; } .main-subject-links div p a { display: inline-block; } .main-subjects-title { color: rgb(51, 51, 51); } .main-subject-links .links { padding-top: 15px; } .cust-menu { margin-bottom: 30px; } @media only screen and (max-width: 768px) { .cust-menu { display: none; } } select:focus::-ms-value { background-color: white; color: #000; } .srcEmptyResults { font-size: 18px; } .srcEmptyResults a { font-weight: bold; font-size: 18px; } .form-control.has-error { border-color: #e62626; } .form-control.has-error:focus { border-color: #e62626; } .myIdeaTeaserBnnr .img-container { float: right; } .modal-feedback { padding-top: 20px; padding-bottom: 20px; font-size: 22px; color: green; } .srchFilterTopics .checkbox-group { padding-left: 2px; } .srchFilterTopics .checkbox-group label { /*margin-left: 2px;*/ } @media (max-width: 767px) { .listing .item .pre-text { text-align: right; } } @media (min-width: 992px) { .popXtn .srchFilterTopics .form-group.checkbox-group { padding-right: 0; padding-left: 15px; } .popXtn .teaching-materials-ctrl .srchFilterTopics .form-group.checkbox-group { padding-left: 0px; } .popXtn .srchFilterTopics .selectWrap { padding-left: 0px; } } .listing-col { padding-left: 0; padding-right: 0; } .image-link .image-link-container { padding: 0 15px; } .img-circle { border-radius: 50%; } .page-component-edu .listing .row.row-without-margin { width: 100%; } .link-to-all span { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 5px; padding-right: 20px; font-size: 16px; font-weight: normal; } .ltr .link-to-all span { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; font-size: 16px; font-weight: normal; float: left; } .link-to-all { margin-top: -10px; } /* Start Course banner */ /*.page-component-edu .advanced-component.course-banner .slick-slide { padding: 30px 80px 30px 80px; outline: none; }*/ .popXtnCmpnt .course-banner .fa-angle-left:before, .popXtnCmpnt .course-banner .fa-angle-right:before { content: none; } /*#left_col[role=main] .course-banner ul.slick-dots { margin-right : 0; }*/ /*.page-component-edu .banner.course-banner .slides.slick-slider .slick-list { height: auto; width: 100%; }*/ /*.page-component-edu .banner.course-banner .slides.slick-slider .slick-list { padding-bottom: 0; }*/ /*.page-component-edu .banner .slides.slick-slider .slick-list { height: auto; width: 100%; } .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 0; }*/ .course-banner .video-thumbnail { top: calc(50% - 20px - 10px); } /*.page-component-edu .advanced-component.banner.course-banner .slick-slide { padding: 30px 80px 30px 80px; outline: none; }*/ /*.page-component-edu .page_component .banner.course-banner .slides .slick-slide { height: 100%; }*/ /*.course-banner img { margin-bottom: 20px; }*/ /*.advanced-component.banner.course-banner .slides .slideText a { color: rgb(44, 112, 148); }*/ .page-component-edu .course-banner .slideText a { font-size: inherit; line-height: inherit; } .page-component-edu .advanced-component.banner.course-banner .row h4 { height: 40px; /*margin: 12px 15px 0 0;*/ } /* End Course banner */ /* START LEFT TO RIGHT */ .ltr .myIdeaTeaserBnnr .myIdeaText .smallBtn { float: left !important; } .ltr .areaTitle { /*float: left;*/ } section.content .ltr h1.areaTitle { padding-right: 0; padding-left: 20px; } .ltr .areaTitle { direction: ltr; } .ltr .edu-thum-daat { direction: ltr; } .ltr #left_col[role=main] > .edu-thum-daat > p { direction: ltr; text-align: left; } .try-gallery.ltr { direction: ltr; } .try-gallery.ltr .item a .try-overlayicon p:first-child { text-align: left; } .try-gallery.ltr .item a .try-overlayicon p { text-align: left; } .page-component-edu.ltr { direction: ltr; } .page-component-edu.ltr h2 { text-align: left; } .page-component-edu.ltr:not(.not-shaped) .comp-title-container h3, .page-component-edu.ltr:not(.not-shaped) .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } .page-component-edu.ltr img.link-of-com { transform: rotateY(180deg); float: left; } .page-component-edu.ltr .nav-container nav.row { margin-left: 0; margin-right: 0; } .quick_links .nav-container ul li { padding-inline-start: 0; } .quick_links .nav-container nav.row.space, .quick_links .nav-container nav.row /*.short-list*/, .quick_links .nav-container nav.row.long-list { margin-right: 0; margin-bottom: 15px; } .page-component-edu.ltr .row-without-margin { float: right; } .page_component.try-resources.ltr a .overlayicon { right: auto; left: 0; } .page-component-edu.ltr .page_component .link-with-img a, .page-component-edu.ltr .page-panel .link-with-img .text-container a.title { text-align: left; } .page-component-edu.ltr .page_component .link-with-img div.text, .page-component-edu.ltr .page-panel .link-with-img div.text { text-align: left; } .page-component-edu.ltr .comp-title-container h6 { margin-left: 20px; text-align: left; } .page-component-edu.ltr div.tabbed ul.nav.nav-tabs li.tab-header.active, .page-component-edu.ltr div.tabbed ul.nav.nav-tabs li.tab-header:not(.active) { margin-right: 6px; margin-left: 0px; } .page-component-edu.ltr .nav-tabs > li { float: left; } .page-component-edu.ltr nav.row ul > li a, .page-component-edu.ltr nav.row .row div a { text-align: left; } .page-component-edu.ltr nav { float: left; } .page-component-edu.ltr .panel.inner-panel .comp-sub-title-container { padding-right: 0px; padding-left: 15px; } .page-component-edu.ltr .advanced-component.banner .image .overlay p { margin-right: 10px; margin-left: 0; } .page-component-edu.ltr .advanced-component.banner .image .overlay { text-align: left; padding-left: 20px; } .page-component-edu.ltr .slick-track { float: left; } .page-component-edu.ltr .slick-list { direction: ltr; } .page-component-edu.ltr .slick-slide { float: left; } .page-component-edu.ltr .page_component .advanced-component.banner .slides .slick-dots { position: relative; /*bottom: 20px;*/ bottom: 60%; list-style: none; display: block; text-align: center; padding: 0; width: 100%; direction: ltr; } .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text { text-align: left; } .page-component-edu.ltr .carusel.row { margin-left: 0; margin-right: 0; } .page-component-edu.ltr .carusel .col-xs-12 { left: 0; width: 100%; } .page-component-edu.ltr .carusel .slick-slide .overlay { text-align: left; padding-right: 0px; padding-left: 10px; } #left_col.ltr h1 { direction: ltr; } #left_col.ltr .topic-listing .carousel-caption, #left_col.ltr .listing .item .info .text, #left_col.ltr .listing .item p.heading { text-align: left; } /*#left_col.ltr .opened-list.listing.section { padding-right: 25px; padding-left: 40px; }*/ .ltr .cust-menu .collapse.in ul li a::after { margin-left: 5px; font: normal 6px FontAwesome; content: "\f0c8"; vertical-align: middle; /*display: inline-block;*/ } .ltr .cust-menu .collapse.in ul li a::before { content: none; } .page-component-edu.ltr .text-with-image_video .info, .page-component-edu.ltr .page_component .info, .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text, .page-component-edu.ltr .main-content p, .page-component-edu.ltr .main-content div, .page-component-edu.ltr .page_component.text-img { text-align: left; } #left_col[role=main].ltr .topic-listing .carousel-caption h3::after { font-family: FontAwesome !important; content: "\f105"; margin-right: 0; margin-left: 15px; } .topic-listing .carousel-caption { border-radius: var(--item-radius); } .page-component-edu.ltr .read-more .fa-angle-left:before { font-family: FontAwesome !important; content: "\f105"; } /*.page-component-edu.ltr .read-more .fa-angle-right:before { font-family: FontAwesome !important; content: "\f104"; }*/ .page-component-edu.ltr .page-panel .img-container { margin-right: 15px; margin-left: 0; } .page-component-edu.ltr .bottom-component .text-container .text, .page-component-edu.ltr .bottom-component .text-container a { padding-right: 30px; padding-left: 5px; } .page_component.ltr .info .text { direction: ltr; } #left_col[role=main].ltr > p, #left_col[role=main].ltr .body-text > p, #left_col[role=main].ltr > .body-text-container > p, #left_col[role=main].ltr > .edu-thum-daat > p { text-align: left; } #left_col.ltr .col-xs-12.col-sm-4 { float: left; } .page-component-edu.ltr .main-content .main-image-overlay { text-align: left; padding-right: 0px; padding-left: 10px; } .page-component-edu.ltr .col-md-6.links-with-imgs { float: left; } .page-component-edu.ltr .page_component .img-container.small-icon { margin-left: 15px; margin-right: 1px; } .page-component-edu.ltr .prop-container { margin-right: 0; margin-left: 95px; } .page-component-edu.ltr .text-of-small-icon .prop-container { margin-right: 0; margin-left: 25px; } #left_col.ltr .listing .info .text p { direction: ltr; } .page-component-edu.ltr .main-content h3 { text-align: left; } .page-component-edu.ltr .links-with-big-image .links-container { padding-right: 0; padding-left: 40px; } @media (min-width: 1200px) { .page-component-edu.ltr .links-with-big-image .links-img-container .title { padding-right: 15px; } } .page-component-edu.ltr .links-with-big-image .links-img-container .title { padding-left: 30px; } .page-component-edu.ltr .links-with-big-image h4 { text-align: left; } .page-component-edu.ltr .links-with-big-image .links-container .links { padding-right: 15px; padding-left: 25px; } .page-component-edu.ltr .links-with-big-image .links-container ul li { padding-left: 0 !important; padding-right: 15px !important; } .page-component-edu.ltr .links-with-big-image ul li a { text-align: left; } .page-component-edu.ltr .links-with-big-image .links ul li img { transform: rotateY(180deg); } .page-component-edu.ltr .links-with-big-image .links-img-container .big-image { padding-right: 10px; padding-left: 0; float: left; } .container1.ltr .body-text-container { text-align: left; direction: ltr; } .page-component-edu.ltr .image-link .big-img-container.small-icon { margin-left: 15px; margin-right: 5px; } .page-component-edu .page_component .link-with-img .text-left { text-align: left; } .page-component-edu .comp-sub-title-container p.white { background-color: white; } .page-component-edu .ltr .listing .link-container { margin-right: 15px; } .ltr .srchFilterTopics { direction: ltr !important; } .ltr .srchFilterTopics [class^=col-xs], .ltr .srchFilterTopics [class^=col-sm], .ltr .srchFilterTopics [class^=col-md], .ltr .srchFilterTopics [class^=col-lg] { float: left !important; } .ltr .srchFilterTopics .radio-inline, .ltr .srchFilterTopics .checkbox-inline { padding-left: 20px; padding-right: 0; } .ltr .srchFilterTopics .radio input[type=radio], .ltr .srchFilterTopics .radio-inline input[type=radio], .ltr .srchFilterTopics .checkbox input[type=checkbox], .ltr .srchFilterTopics .checkbox-inline input[type=checkbox] { margin-left: -20px; margin-right: auto; } .ltr .srchFilterTopics .radio-inline + .radio-inline, .ltr .srchFilterTopics .checkbox-inline + .checkbox-inline { margin-left: 10px; margin-right: 0; } .popXtn .ltr .srchFilterTopics .form-group.checkbox-group .control-label { margin-left: 0; margin-right: 10px; } .ltr .opened-list.listing.section .pre-text { direction: ltr; } .ltr .opened-list.listing.section .pre-text-info span { float: left; } .popXtn .ltr .pre-text .pre-text-info .info-items { padding-right: 20px; padding-left: 0; background-position: bottom left; } .popXtn .ltr .pre-text .pre-text-info { padding-left: 0; padding-right: 20px; } .ltr .srcEmptyResults { direction: ltr; } .myIdeaCmpnt.ltr { direction: ltr; } .ltr.myIdeaModal { direction: ltr; } @media (min-width: 1200px) { .myIdeaCmpnt.ltr .col-md-6, .myIdeaCmpnt.ltr .col-lg-6 { float: left; } .ltr.myIdeaModal .modal-body .col-lg-6, .ltr.myIdeaModal .modal-body .col-md-6, .ltr.myIdeaModal .modal-footer .col-xs-4, .ltr.myIdeaModal .modal-footer .col-md-2 { float: left; } } .myIdeaCmpnt.ltr .divContainerButtons { float: right; } .ltr .myIdeaTeaserBnnr .img-container { float: left !important; } .ltr .myIdeaTeaserBnnr .myIdeaText .smallBtn { float: right !important; } .ltr.myIdeaModal button.close { float: right; } .ltr.myIdeaModal .modal-title { text-align: left; } .ltr.myIdeaModal .modal-body { direction: ltr; } .popXtnCmpnt.myIdeaModal .engBanner .bannerImg { padding: 24px 22px 1px 22px; } .ltr .srchFilterTopics .checkbox-group { padding-left: 0; padding-right: 2px; } .ltr .srchFilterTopics .checkbox-group label { margin-left: 0; margin-right: 2px; } .ltr .details-listing .info { /*display: inline-grid;*/ } .ltr .opened-list .col-sm-6, .ltr .opened-item.row .col-sm-5 { float: left !important; } .popXtn .ltr .btn.goBtn { font-size: 19px; } @media (max-width: 767px) { .ltr .listing .item .pre-text { text-align: left; } } @media (max-width: 767px) { .ltr .srchFilterTopics [class^=col-sm] { float: none !important; } } @media (min-width: 992px) { .popXtn .ltr .srchFilterTopics .form-group.checkbox-group { padding-left: 0; padding-right: 15px; } .popXtn .ltr .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .popXtn .ltr .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } .popXtn .ltr .srchFilterTopics .containerBtn { padding-left: 0; padding-right: 0; } .ltr .bannerFormWrap .col-lg-6.col-xs-12 { float: none !important; } } .ltr .myIdeaModal { direction: ltr; } .ltr .myIdeaModal .modal-header .close { float: right; } .popXtn .myIdeaCmpnt.ltr .btn.goBtn { font-size: 22px; } @media (max-width: 991px) { .popXtnCmpnt.ltr .myIdeaTeaserBnnr .ContainerButtons { text-align: right; } } .page-component-edu.ltr .page_component .link-with-img .item-name, .page-component-edu.ltr .page_component .link-with-img a, .page-component-edu.ltr .page-panel .link-with-img .text-container a.title { text-align: left; } .container .page-component-edu .page_component .page-component-edu.ltr .page_component .inner-panel .comp-sub-title-container h4 { text-align: left !important; } /* Course Quote Banner */ @media (max-width: 767px) { .popXtn .page-component-edu.ltr .slickCourses .slickSliderSlide { padding-left: 15px; } } .popXtn .ltr .slickSliderSlide { text-align: left; padding-left: 100px; padding-right: 0; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top left; float: left; } .popXtn .ltr .slideTitle { text-align: left; } .popXtn .ltr .slideText { text-align: left; } .page-component-edu.ltr .advanced-component.banner.course-banner .row h4 { margin: 12px 0 0 15px; } .popXtnCmpnt.ltr .slickSliderSlide .image { margin-right: 0; margin-left: 20px; } /* Course Quote Banner */ /* END LEFT TO RIGHT */ @media (max-width: 991px) { .popXtn .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } .popXtn .srchFilterTopics .containerBtn { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .srchFilterTopics .grades-container { float: none !important; } } .ltr .srchFilterTopics .selectWrap .form-control { font-size: 15px; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; } .btn-multi-select { width: 100%; height: 36px; text-align: right; } #left_col[role=main] ul.dropdown-menu-form { width: -webkit-fill-available; width: -moz-available; margin-right: 0; border-radius: 0; margin-top: 0; border-top: 0; } .checkbox { margin-top: 0; margin-bottom: 0; } .dropdown-menu.dropdown-menu-form { width: 100%; } .main-content-row { margin-left: auto; margin-right: auto; } .showingRslts { font-size: 16px; padding-right: 15px; /*padding-top: 15px;*/ } .popXtn .resltsDataContainer .showingRslts { padding-right: 5px; color: black; } #left_col.ltr .listing .info .text p.dir { direction: rtl; } /* Start Swap Banner */ .swap-banner .panel { margin-bottom: 0; } .swap-banner.try-resources { border: 0; } .swap-banner .Banner { border: white solid 10px; } .swap-banner.small-banner .Banner .carousel-caption { width: 84%; } /* End Swap Banner */ /*.page-component-edu li.active a:hover { color: white !important; }*/ .Containerpagination .pagination > li.active > a, .Containerpagination .pagination > li > a { cursor: pointer; } .main-image-container .video-thumbnail.no-caption { top: calc(50% - 31.5px); } body .popXtn { color: black; } /* Edu Quote Carrousel Section */ /*.course-banner .img-teacher .teacher-pic { height: 200px; }*/ /* Quote Carousel Section widen narrow margin */ @media (min-width: 768px) { .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 0px !important; } .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide.CarrouselNoTitlePadding { padding-top: 30px !important; } } /* End of Edu Quote Carrousel Section */ @media (min-width: 481px) { .popXtn .page-component-edu .page_component .content.advanced-component.banner.switch-collage-banner .slides .slick-slide { padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 30px !important; } } /* Service Page */ @media (max-width: 480px) { .row.main-content-row.service-page .main-image-container { margin-bottom: 50px !important; } } .service-page-title h1.areaTitle a.ContainerPopularButton { margin-top: 0px; padding: 7px 15px 7px 5px; } .service-page-title h1.areaTitle { overflow: auto; } .btn-section { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; margin-bottom: 8px; } .row.main-content-row.service-page .main-image-container { margin-bottom: 40px; } .row.main-content-row.service-page .main-image-container.pull-left .ContainerButtons { margin-top: 5px; float: left; } .row.main-content-row.service-page .main-image-container.pull-right .ContainerButtons { margin-top: 5px; float: right; } .row.main-content-row.service-page .main-image-container .ContainerButtons a { padding: 5px 15px 5px 15px; font-size: 18px; margin-top: 5px; width: auto; } .page-component-edu .page_component.main-content .row.main-content-row.service-page h3 { /*color: #3098CF;*/ font-size: 28px; margin-top: -10px; } .ltr .ItemInfo .service-page h3, .ltr .ItemInfo .service-page p { text-align: left !important; } .popXtn .ltr .service-page-title a.ContainerPopularButton { float: right; margin-right: 10px; padding: 7px 5px 7px 15px; } .popXtn .ltr .service-page-title a.ContainerPopularButton .fa-angle-left:before { content: "\f105"; } /* End of Service Page */ /* Start Academy Upcoming Broadcast */ .date-broadcast + .listing { margin-top: 6px; } .broadcast-date-section .listing { margin-bottom: 30px; } .page-component-edu .page_component .link-with-img .broadcast-item-bottom .ContainerButtons a { color: #fff; font-weight: normal; } .broadcast-no-found { /* margin-bottom: 20px; margin-right: 15px; margin-left: 15px;*/ font-size: 18px; margin-top: 10px; } .broadcast-no-found a { font-size: 18px; } /* End Academy Upcoming Broadcast */ /* Start Academy Live Broadcast */ .white-container { background-color: white; } .live-broadcast { margin-bottom: 48px; } .no-future-brod { max-height: 175px; } /* End Academy Live Broadcast */ /* Start Switch Collage gallery */ .calendar-left-content { overflow: auto; } /*.switch-collage-banner .try-overlayicon p:focus,*/ .switch-collage-banner .try-overlayicon p:hover, .switch-collage-banner .image a:hover { outline: none; } @media (max-width: 425px) { .switch-collage-banner .link-container.galleryReadMore { position: absolute; bottom: 10px; width: 100%; direction: rtl; left: 0; } .galleryReadMore a { position: absolute; left: 5px; bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .page-component-edu .switch-collage-banner.banner .slides.slick-slider .slick-list { padding-bottom: 75.25%; } } /* End Switch Collage gallery */ .autocomplete ul { max-height: 300px; overflow: auto; margin-left: 0; direction: rtl; } .autocomplete li { margin-bottom: 0; direction: rtl; text-align: right; } .autocomplete input { height: 36px; font-size: 16px; padding: 3px 16px; font-family: Assistant, Arial; color: #333; } /* Start Academy Broadcast Calendar */ .fc-today { cursor: pointer; } /* End Academy Broadcast Calendar */ @media (max-width: 425px) { .collapse-container .read-more { margin-right: -15px !important; margin-left: -30px !important; } } .listing-container { margin-bottom: var(--space-between-components); } /*.rich-text-editor-com .text { margin: 5px 15px 0 15px; } .rich-text-editor-com .text { padding-right: 20px; padding-left: 10px; }*/ .ltr .rich-text-editor-com .text { padding-right: 10px; /*padding-left: 20px;*/ } .btn { padding: 3px 16px; } .hipus .hipus.btn { padding-top: 6px; } .listing .links-with-imgs:first-child .link-with-img.courseItemBox { padding-top: 0px; border-top: none; } @media (min-width: 1200px) { .courseItemBox .text-container { padding-right: 228px; } } @media (min-width: 1200px) { .broadcastItemBox .text-container { padding-right: 196px; } } @media (min-width: 992px) and (max-width: 1199px) { .courseItemBox .text-container { padding-right: 188px; } } @media (min-width: 992px) and (max-width: 1199px) { .broadcastItemBox .text-container { padding-right: 159px; } } @media (min-width: 768px) and (max-width: 991px) { .courseItemBox .text-container { padding-right: 148px; } } @media (min-width: 768px) and (max-width: 991px) { .broadcastItemBox .text-container { padding-right: 118px; } } select:hover { cursor: pointer; } select option { background-color: white; } .btn { padding: 3px 16px; } .page-component-edu .listing .link-container a.darkBlue { color: #fff; } @media (max-width: 480px) { .page_component .big-img-container.img { margin: 0; /*width:100%;*/ } } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container.img { margin-bottom: 5px !important; } .page-component-edu .page_component .big-img-container.img { height: auto; } .more-data { margin-top: 10px; } .broadcast-item-bottom .ContainerButtons.all-broadcast { margin-right: 225px; } .reset-autocomplete { background-image: url(../../images/icon-close-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 13px; left: 9px; cursor: pointer; } /*.page-component-edu.trip-tours-space .main-content .image-lecture img*/ @media (min-width: 992px) { .page-component-edu .main-content .img-vod-box .image-lecture img { width: 359px; height: 214px; } .page-component-edu .main-content .img-vod-box .image-lecture .credit-strip { width: 359px; } .page-component-edu .lecture.page_component.main-content .img-vod-box .image-lecture img { width: 100%; height: auto; } .page-component-edu .lecture.page_component.main-content .img-vod-box .image-lecture .credit-strip { width: 100%; } } /* Start Trips */ .trip-title { float: right; } .trip-name-filter { float: right; position: relative; } .trip-name-filter .reset-autocomplete { background-position: center; left: 4px; } .trip-name-filter .trip-name { float: right; width: 100%; font-family: Assistant; font-size: 18px; /*font-weight: bold;*/ line-height: 150%; color: #333; text-align: right; min-height: 38px; height: 38px; -webkit-appearance: none; -moz-appearance: none; padding-right: 2px; background-position: 0; background-size: 30px 100%; border: none; border-right: none; cursor: pointer; border-radius: 3px; } .trip-area-filter { float: right; } .trip-area-filter .trip-area button { float: right !important; width: 156px; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: #333; text-align: right; min-width: 19%; min-height: 48px; height: 48px; -webkit-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0; background-size: 30px 100%; border: 1px solid #000; border-right: none; border-left: none; border-radius: 0px; } .trip-search-btn { float: right; } .trip-button:after { font-family: FontAwesome; content: " \f104"; } /*.trip-search-btn .trip-button { height: 48px; border-radius: 0 !important; border: 1px solid #000; }*/ .trip-container ul li a label, .trip-name-filter ul li a { font-size: 16px; } .trip-container ul { border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; left: 0px; margin-right: 0 !important; margin-top: -1px; border-radius: 0; max-height: 330px; overflow: auto; } .trip-area ul { min-width: 156px !important; overflow-x: hidden !important; overflow-y: auto !important; } .trip-area ul li label span { text-overflow: ellipsis !important; } .trip-name-filter ul { overflow-x: hidden; } .trip-container .dropdown-menu > .active > a, .trip-container .dropdown-menu > .active > a:hover, .trip-container .dropdown-menu > .active > a:focus, .page-component-edu .trip-container li.active a:hover { background-color: #f5f5f5; color: rgb(85, 85, 85) !important; cursor: pointer; } .trip-area-filter .btn .caret { float: left; margin-left: -8px; margin-top: 9px; border-top: 11px dashed #c7c7c7 !important; border-right: 6px solid transparent; border-left: 6px solid transparent; } .trip-admin-container { margin-top: 20px; } .advanced-component.trip-component { overflow: inherit; margin-bottom: 16px; } .popXtn .trip-tours-space .main-content .lecture-description h2, .popXtn .trip-tours-space .main-content .lecture-description h3, .popXtn .main-content.lecture .lecture-description h2, .popXtn .main-content.lecture .vod-title h2, .popXtn .main-content.lecture .lecture-description h3, .popXtn .parctices-item-page .main-content .parctices-item-description h2, .popXtn .parctices-item-page .main-content .box-recommendation h2, .popXtn .parctices-item-page .main-content .parctices-item-description h3 { /* color: #3098CF;*/ padding: 0; } @media (max-width: 767px) { .trip-search-btn, .trip-area-filter, .trip-area .dropdown-multiselect, .trip-area .dropdown-multiselect button, .trip-name-filter, .trip-name, .trip-title { width: 100%; } .trip-title h1 { padding-right: 0; } .trip-area .dropdown-multiselect button { border: 1px solid #000; } .trip-name-filter .trip-name { /* border-right: 1px solid #000;*/ width: 100%; } section.content .home-container .row.home-row .trip-title h2 { padding-top: 5px; } } @media (max-width: 767px) and (min-width: 481px) { .trip-row { margin-right: -10px; margin-left: -15px; } } /*@media (max-width: 480px) { .trip-container .home-container { background-size: 250%; } }*/ /*@media (min-width: 426px) { .box-recommendation { margin-left: -10px; } }*/ @media (min-width: 768px) { .trip-area ul { max-width: 156px !important; } } .trip-name-filter .trip-name:not(:first-of-type) { z-index: 300; /*background: var(--select-bg);*/ } .trip-name-filter .reset-autocomplete { z-index: 400; } .trip-name:focus { outline: none; } .trip-area-filter .dropdown-menu > li > a { padding: 3px 8px; } /* End Trips */ .opened-list .shown-item { display: block; } @media (max-width: 991px) { .live-read-more-container { margin-bottom: 15px !important; } } .trip-bottom-item { margin-top: 8px; } .trip-bottom { padding: 0 12px; margin-right: 0 10px; font-size: 16px; padding-right: 5px; padding-left: 30px; } .trip-bottom-item .trip-bottom strong { padding-left: 8px; } @media (min-width: 992px) { .page-component-edu .page_component .text-container.non-space.RegularDesc.bottom-with-link { /*height: auto !important;*/ /*max-height: 100px;*/ height: 100px; } } .collapsible .listing { padding-top: 0; } .enterpriseListing { border-bottom: 1px solid #E2E2E2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 226, 226); margin-bottom: 16px; /* padding-bottom: 40px;*/ } .three-columns .InfoBannerBox .TitleInfo { max-height: 56px; } .three-columns .InfoBannerBox .TitleInfo.TwoColumns { height: 56px; } .three-columns .columnTitle { max-height: 81px; } .three-columns .columnTitle.TwoColumns { height: 50px; margin-bottom: 16px; } .noTitleSlideText p { margin-top: 0px; } /*style for embeded brodcast in rich text editor*/ .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9 { width: 818px; } .video-erea.VideoAreaWidth { width: 100%; } @media (max-width: 1200px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { padding-left: 0px; margin-right: 0px; margin-left: 0px; } .video-erea.VideoAreaWidth { padding-left: 0px; margin-right: 0px; margin-left: 0px; padding-right: 0px; } } @media (max-width: 650px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 80vw; } } @media (max-width: 768px) and (min-width: 650px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 85vw; } .video-erea.VideoAreaWidth { padding-left: 40px; } } @media (max-width: 1200px) and (min-width: 768px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 50vw; } .video-erea.VideoAreaWidth { padding-left: 40px; } } /*style for embeded brodcast in rich text editor*/ .listing.Seleted-Page-No-Title-Padding { padding-top: 15px; } .listing.item-with-pictures-No-Title-Padding { padding-top: 15px; } .collapsible .listing.item-with-pictures-No-Title-Padding { padding-top: 0; } @media (max-width: 767px) { .advanced-page .main-pedagogic .content #mid_col { margin-top: 0px; } } @media (min-width: 767px) { .galary-title-two-columns { min-height: 60px; } } /* Start reCaptcha */ .captcha-wrong { color: #e62626; } .reCaptcha-container hr { margin-top: 0; margin-bottom: 8px; } .reCaptcha-container { margin-bottom: 8px; } .popXtnCmpnt .bannerCalloutSm.big-my-idea { font-size: 50px; padding-top: 30px; } .popXtnCmpnt .bannerText.big-my-idea { font-size: 26px; line-height: 35px; padding-top: 17px; } .bannerCallout.big-my-idea { padding-top: 3px; padding-bottom: 17px; } input[type=number].my-idea-phone::-webkit-inner-spin-button, input[type=number].my-idea-phone::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .myIdeaCmpnt .input-validation-error { border-color: #e62626; } @media (min-width: 992px) { .myIdeaCmpnt .my-idea-container { display: flex; } .myIdeaCmpnt .my-idea-container .bannerImg { display: flex; flex-direction: column; justify-content: center; } } /* because https://github.com/twbs/bootstrap/issues/9855 */ .modal { overflow-y: auto; } .modal-open { overflow: auto; overflow-x: hidden; } .myIdeaModal .btn { font-family: Assistant, Arial; } .myIdeaModal .modal-title { font-size: 24px; } .myIdeaModal .modal-body { font-size: 18px; } .gly-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .my-idea-loading.glyphicon { top: 3px; } /* End reCaptcha */ .myIdeaTeaserBnnr .myIdeaText .title { font-family: Assistant; font-size: 16px; font-weight: bold; line-height: 120%; text-align: right; color: #fff !important; } .my-idea-button { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; font-size: 16px; line-height: 150%; text-align: right; color: rgb(44, 112, 148); } .ltr.popXtnCmpnt .my-idea-button { margin-right: 8px; margin-left: 0; padding: 1px 5px 1px 9px !important; } .myIdeaTeaserBnnr .image { cursor: pointer; } .myIdeaTeaserBnnr .image img:hover { opacity: 0.8; } .myIdeaTeaserBnnr .myIdeaText .title { cursor: pointer; } .myIdeaTeaserBnnr .myIdeaText span:hover { opacity: 0.8; } a.article-headline { font-size: 16px; position: relative; padding-inline-end: 40px; min-width: 100px; margin-inline-start: 20px; margin-top: 12px; } .page-component-edu.ltr a.article-headline { padding-inline-start: 40px; padding-inline-end: 0px; margin-inline-end: 0; margin-inline-start: 0px; } a.article-headline:after { content: ""; background: url(/images/icons/navigation-blue-down.svg); background-repeat: no-repeat; position: absolute; top: 10px; height: 6px; width: 10px; transform: rotate(180deg); left: -6px; margin-inline-end: 30px; } .ltr a.article-headline:after { right: -6px; left: auto; } /*.page-component-edu.ltr a.article-headline:after { left: 75px; margin-left: 0px; }*/ .compt-tit-con { margin-right: 0px; margin-left: 0px; } .compt-tit-con h4 { /*float: right;*/ } .page-component-edu.ltr .compt-tit-con h4 { /*float: left;*/ } .compt-tit-con .article-headline { float: left; } .page-component-edu.ltr .compt-tit-con .article-headline { float: right; } .articles-links-container .links-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 !important; padding: 16px 16px 8px; font-weight: 600; /*color: var(--link-color-on-l-blue);*/ line-height: 25px; } .articles-links-container .links-list span a { padding: 0 8px; color: var(--link-color-on-l-blue); } /* End reCaptcha */ /*//@media (min-width: 1200px) {*/ .promo_pods .mafmarPods .col-lg-12 { float: none; padding: 0px; } .mafmarPods a.show-fancy { background-color: transparent !important; color: #2C7094 !important; padding: 0px; } /*}*/ @media (min-width: 768px) and (max-width: 991px) { .mafmarPods i.fa { margin-right: 0px; } } .search-broadcast-erea-hide-Title, .search-Material-hide-Title, .hide-title-padding-bottom { padding-bottom: 20px; } /* area search-lemida-merachok*/ .search-lemida-merachok .search-main a.hipus.btn.btn-primary { width: 100%; font-size: 24px; background-color: #3098CF; height: 40px; min-height: 40px; padding: 0px; text-align: center; } .search-lemida-merachok .search-main a.hipus.btn.btn-primary[disabled] { background-color: #64656D; height: 40px; min-height: 40px; } .page-component-edu .search-lemida-merachok a.btn-primary::after { content: " \f104"; } .search-lemida-merachok .search-main select#learnsubject { height: 40px; min-height: 40px; } .search-lemida-merachok .search-main select#edulevel { height: 40px; min-height: 40px; } .search-lemida-merachok .dlg-inner div.ma-lomdim h1 { background-color: transparent; height: 40px; color: rgb(51, 51, 51); font-size: 24px; } #left_col:not(.home) .search-lemida-merachok .ma-lomdim h1:first-child:not(.areaTitle) { border: none; margin: 0px; box-shadow: none; padding-right: 8px; padding-top: 6px; } .content .search-lemida-merachok #mid_col .search-main { padding-right: 15px; padding-left: 15px; } .search-lemida-merachok .search-main .row { background-color: #edf5fa; margin: 0px; } .search-lemida-merachok select#edulevel { border-left: 1px solid black; } .search-lemida-merachok .search-main .dlg-inner { margin-bottom: 15px; margin-top: 15px; } .search-lemida-merachok .home-learn-dlg { margin-bottom: 15px; } @media (max-width: 680px) { .search-lemida-merachok select#learnsubject { width: 100%; } .search-lemida-merachok .dlg-inner div.ma-lomdim { width: 100%; } .search-lemida-merachok .ma-lomdim h1 { width: 100%; } .search-lemida-merachok .search-main select#edulevel { width: 100%; } } @media (max-width: 991px) and (min-width: 681px) { .search-lemida-merachok .dlg-inner div.ma-lomdim { width: 30%; } .search-lemida-merachok .search-main select#edulevel { width: 30%; } .search-lemida-merachok select#learnsubject { width: 40%; } } @media (max-width: 991px) { #left_col:not(.home) .search-lemida-merachok .ma-lomdim h1:first-child:not(.areaTitle) { padding-right: 0px; text-align: center; } .search-lemida-merachok div.hipus { width: 100%; } .content .search-lemida-merachok #mid_col { padding-bottom: 0px; margin-bottom: 15px; margin-top: 0px; } .content .search-lemida-merachok #mid_col .search-main { padding-bottom: 20px; margin-bottom: 0px; margin-top: 15px; } } @media (min-width: 991px) { .search-lemida-merachok .dlg-inner div.ma-lomdim { width: auto; margin-left: 8px; } .search-lemida-merachok div.hipus { margin-right: 15px; width: 12%; } } .page-component-edu .page_component .pic_with_icons .inner-panel .listing { /*background-color: #fff;*/ margin-bottom: 15px; } .page-component-edu .page_component .pic_with_icons .inner-panel .listing p { background-color: transparent; } .page-component-edu .search-lemida-merachok .search-main a.hipus.btn.btn-primary[disabled]:hover { color: #ffffff !important; /*background-color: #64656D;*/ border-color: black; } .search-lemida-merachok .search-main a.hipus.btn.btn-primary:hover { color: #ffffff !important; /*background-color: #007CB6;*/ border-color: #ffffff; } .search-lemida-merachok .search-main select#learnsubject:focus, .search-lemida-merachok .search-main select#edulevel:focus { outline-color: rgb(77, 144, 254); } /* area search-lemida-merachok*/ /* area old hp search */ .old-search-learn select#learnsubject { height: 48px; } @media (min-width: 481px) and (max-width: 768px) { .old-search-learn select#learnsubject { width: 58%; } .old-search-learn select#edulevel { width: 37%; } .old-search-learn section.content .home-container .row.home-row .ma-lomdim { width: 95%; } } .three-long-title.ltr .RowInfoBanner .row-col { float: left; } .three-long-title.ltr .TitleInfo { text-align: left; padding: 5px 10px; } .mafmarPods a.show-fancy { background-color: transparent !important; color: #2C7094 !important; padding: 0px; } /*.recordComment { font-size: 16px; text-align: right; padding-right: 15px; }*/ @media (max-width: 991px) { .advance-search.academy-advance-search { padding: 10px 0px 0 60px; /*margin-right: 0px;*/ } } @media (min-width: 992px) { .advance-search.academy-advance-search { padding: 10px 10px 0 60px; margin-right: 0px; } } .advance-search.academy-advance-search img { width: 20px; height: auto; } .advance-search.academy-advance-search img.routed-arrow { transform: rotate(180deg); } /*.broadcastItemBox.academy-icon-for-comment { padding-right:15px; }*/ /*.free-text-academy-calander { margin-right: 20px; width: 90%; }*/ @media (min-width: 992px) { .academy-calendar-search { display: flex; justify-content: space-between; gap: 20px; align-items: center; } .academy-calendar-search .audience-field { width: 100%; display: flex; } } .free-text-academy-field { width: 100%; } .academy-calendar-search .audience-field label { text-wrap: nowrap; } .academy-calendar-search .audience-field .select-btn { width: 100%; } @media (max-width: 991px) { .free-text-academy-calander { width: 100%; margin-right: 0px; } .quick-search-broadcast-erea.search-broadcast-erea #BtnSend, .quick-search-broadcast-erea.search-broadcast-erea .btn-primary.social-button { margin-top: 10px; } } .page-component-edu .quick-search-broadcast-erea.search-broadcast-erea .btn-primary.social-button { font-size: 18px; padding: 4px 16px; } .page-component-edu .btn-primary.social-button:hover { background-color: #1D5C7E; } /*for comment wait for profile*/ /*.academy-icon-for-comment { padding-right: 15px; background-repeat: no-repeat; } .academy-text-for-comment { background-color: rgb(237,245,250); padding: 10px 15px; }*/ /*lecturers*/ .page-component-edu.lecturers .page_component .big-img-container { height: auto; } section.content .lecturers h1.areaTitle { box-shadow: none; border-width: 6px; padding-right: 28px; } .lecturers .page_component .link-with-img .lecturer-item a { color: #337ab7; } .lecturers h5 { font-weight: 700 !important; font-size: 18px !important; } .lecturers .lecturer-item { margin-bottom: 15px; } section.content .lecturers h1.areaTitle { margin-bottom: 15px; } @media (min-width: 481px) { .page-component-edu.lecturers .page_component .link-with-img .lecturer-item div.text { margin-top: 10px; margin-bottom: 10px; } } /*@media (min-width: 768px)and (max-width: 991px) { .lecturers .page_component .link-with-img .lecturer-item a { padding-right: 215px; } }*/ @media (min-width: 500px) { .lecturers .page_component .link-with-img .lecturer-item .text-container { padding-right: 165px; } /*.page-component-edu.lecturers .page_component .link-with-img .lecturer-item div.text { padding-right: 165px; }*/ } .srch-panel.srchLecturer span.reset-autocomplete { left: 24px; } .page-component-edu.lecturers { border: #fff solid 15px; background-color: white; } .page-component-edu.lecturers .page_component.image-link .panel.panel-default { box-shadow: none; } .page-component-edu.lecturers .comp-title-container h4 { margin: 0px; /*margin-top: 7px;*/ } /*lecturers*/ .main-pedagogic .panel.page-component-edu.current-strip, .main-pedagogic .panel.page-component-edu.travel-strip, .main-pedagogic .panel.page-component-edu.mooc-strip { margin-bottom: 25px; } .main-pedagogic .content.advanced-component.standard-components .tikshuv-strip, .main-pedagogic .content.advanced-component.standard-components .page_component { margin-bottom: 25px; } .advanced-page .main-pedagogic .content.advanced-component.standard-components { padding: 0; } .main-pedagogic .search-main-erea .home-learn-dlg { margin-bottom: 25px; margin-top: 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137); } .main-pedagogic .panel.page-component-edu.academy-strip { margin-bottom: 25px; /*padding-bottom: 0px;*/ } @media (min-width: 992px) { .search-col.free-text-col { padding-bottom: 6px !important; } } .live-broadcast .video-description p { margin-top: 0px; margin-bottom: 0px; } .info-items-narrow { width: 20px; } .page-component-edu .main-content .advance-fields-collapse div.open-advance-collapse, .page-component-edu .main-content .advance-fields-collapse div.close-advance-collapse { font-family: Assistant, Arial; color: #2C7094; font-size: 14px; } /*start kindrer garten*/ .kinder-garden.search img.routed-arrow { transform: rotate(180deg); } .kinder-slider .slick-prev, .kinder-slider .slick-next, .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { font-size: 0; } #left_col .page-component-edu.kinder-garden-title { margin-bottom: 40px; } /*.kinder-garden.search .clearBtnWrap.search-btn-wrapper { padding-top: 0px; }*/ .page-component-edu .main-content.kinder-garden.search .advance-fields-collapse div.open-advance-collapse, .page-component-edu .main-content.kinder-garden.search .advance-fields-collapse div.close-advance-collapse { font-size: 16px; } /*.page-component-edu:not(.not-shaped) .kinder-garden.search .panel.panel-default{ box-shadow:none; }*/ .page_component.main-content.kinder-garden .panel.panel-default, .page-panel.main-content.kinder-garden.search .panel.panel-default { box-shadow: none; } @media (min-width: 992px) { /*.slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img { max-height: 200px; }*/ } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img.video-thumbnail { position: absolute; width: auto !important; height: auto; left: calc(50% - 31px); top: calc(50% - 31.5px); } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { position: relative; /*max-height:200px;*/ } /*.kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height:300px; } @media(max-width: 991px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 500px; } } @media(max-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 520px; } } @media(max-width: 320px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 540px; } }*/ .details-listing .showingRslts { margin-bottom: 24px; margin-right: -15px; padding-right: 0px; } .ltr .details-listing .showingRslts { /* todo - add in site.css*/ direction: ltr; } .page-component-edu.kinder-garden-content.ltr .kinder-main-slider .slick-track { float: right; } .page-component-edu.kinder-garden-content.ltr .kinder-main-slider .slick-track .slide-caption { padding-right: 15px; } /*.page-component-edu:not(.not-shaped) .comp-title-container#content-carousel-title,*/ .page-component-edu:not(.not-shaped) .comp-title-container#search-mterials-title { padding-bottom: 15px; margin: 12px 15px 0 15px; } @media (max-width: 991px) and (min-width: 700px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 260px; max-height: 260px; } } @media (max-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 380px; max-height: 380px; } } @media (max-width: 348px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 450px; max-height: 450px; } } @media (max-width: 480px) and (min-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 320px; max-height: 320px; } } @media (max-width: 700px) and (min-width: 481px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 280px; max-height: 280px; } } @media (min-width: 991px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { height: 330px; } } .kinder-garden-content.ltr .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { padding-left: 0px; } .kinder-garden-form .open-advance-collapse, .kinder-garden-form .close-advance-collapse { text-decoration: underline; } .kinder-garden .swap-banner.small-banner .Banner { border: none; } /*.page-component-edu:not(.not-shaped).kinder-garden-content .kinder-garden .comp-title-container h4 { margin-right: 0px; margin-top: 0px; }*/ .kinder-garden-content.search-materials span.rsltsDataItem strong { word-break: break-word; } .page-component-edu.kinder-garden-content .kinder-main-slider.slider-one-item { margin-bottom: 25px; } .item.slick-slide:focus { outline: none; } .page-component-edu.kinder-garden-content .kinder-main-slider .overlay { background-color: rgb(48, 152, 207); /*opacity: 0.85;*/ width: 100%; height: 30px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding: 8px 8px 0 0; color: white; font: normal 16px Assistant, Arial; line-height: 100%; margin: 0; } .page_component.main-content.kinder-garden.kinder-garden-item .video-erea, .page_component.main-content.kinder-garden.kinder-garden-item img { margin-top: 8px; } .page-component-edu.kinder-garden-content.search-materials .resltsDataContainer .comp-title-container h3 { margin-right: 0px; } /*end kindrer garten*/ /*animation for .kinder-garden.slider */ /* Transitions */ .kinder-garden.slider .slick-loading .slick-track { visibility: hidden; } .kinder-garden.slider .activate { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=100); } .kinder-garden.slider .animated { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0); } @keyframes castomfadeInUp { 0% { /*transition-delay: 5s;*/ /*transition-duration: 3s;*/ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { /*transition-delay: 4s;*/ opacity: 1; -webkit-transform: none; transform: none; } } .castomfadeInUp { /*-webkit-animation-name: fadeInUpp;*/ animation-name: castomfadeInUp; } /*start not relevant foe now*/ @keyframes mymove { 0% { transition-delay: 2s; /*transition-duration: 3s;*/ opacity: 0.5; transform: scale3d(1, 1, 1); } 50% { transition-delay: 5s; opacity: 1; /*transition-duration: 5s;*/ transform: scale3d(0.9, 0.9, 0.9); } 100% { /*transition-duration: 1s;*/ transform: scale3d(1, 1, 1); } } @keyframes myOpacity { 0% { /*transition-duration: 3s;*/ opacity: 0.5; transform: scale3d(0.8, 0.8, 0.8); } 50% { /*transition-delay: 5s;*/ opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: 0.8; transform: scale3d(0.8, 0.8, 0.8); } } .kinder-garden.slider .slick-current.slick-active img.zoomInImage.active { /*animation: myOpacity 5s infinite;*/ /*animation-iteration-count: 1;*/ animation: myOpacity 5s; /*//4s infinite;*/ animation-iteration-count: 1; } /*not relevant foe now*/ /*animation for .kinder-garden.slider /*gifts*/ .main-content.outstanding-and-gifted .ContainerItemInfo .panel.panel-default { box-shadow: none; } .main-content.outstanding-and-gifted h4#findMterials { margin-right: 0px; margin-top: 0px; } .page_component.main-content.outstanding-and-gifted .program-item img:not(:first-of-type) { margin-top: 8px; } .page-component-edu.outstanding-and-gifted-content.search-materials .resltsDataContainer .comp-title-container h3 { margin-right: 0px; } /*gifts*/ /* Start Practices */ .parctices-item-page .main-content .parctices-item-description h2, .parctices-item-page .main-content .parctices-item-description h3 { margin-top: 0; } .practice-search .search-col-field .search-label-wrap { white-space: nowrap; } .practices-container { background-color: white; } .teaching-practices-container .container-content-media { position: relative; } .container-content-media .newspaper-img { height: 241px; } .page-component-edu .comp-title-container.newspapaer-title { margin-bottom: 4px; } .page-component-edu.ltr .teaching-practices-container .container-content .content-headline h2 { text-align: left; } /*.page-component-edu.ltr .teaching-practices-container .container-content { padding-right: 38px; padding-left: 32px; }*/ /*@media (min-width: 992px) { .page-component-edu.ltr .teaching-practices-container .container-content-media { margin-right: 23px; margin-left: 0; } }*/ @media (max-width: 991px) { .practice-text-container { margin-top: 20px; } } /* End Practices */ /* Start High Banner component */ .teaching-practices-container.ltr .banner-bg { background-position: right; } @media (max-width: 768px) { .teaching-practices-container.ltr .banner-bg { background-position: right bottom; } } .teaching-practices-container.ltr .banner-mask { text-align: left; } .page-component-edu.teaching-practices-container .banner-text a { font-size: inherit; } .page-component-edu.teaching-practices-container .banner-text a:hover { color: #e2eeee !important; } .teaching-practices-container .banner-mask .banner-text { line-height: 1.42857143; } /* End High Banner component */ /* Start High Images Gallery component */ .teaching-practices-proffisonal-dev.ltr .proffisonal-dev-title { padding-right: 0; padding-left: 14px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item { padding-left: 12px; padding-right: 6px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item .title-practice h3 { margin-right: 0; margin-left: 15px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item.left { padding-right: 12px; padding-left: 6px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item { float: left; } .teaching-practices-proffisonal-dev .practice-image img:hover /*, .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3:hover*/ { opacity: 0.8; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice .text-practice { font-size: 16px; margin: 0 15px 10px 15px; } .teaching-practices-proffisonal-dev .title-practice h3 { display: flex; } @media (min-width: 769px) { .teaching-practices-container.ltr .banner-mask { background: linear-gradient(270deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 50%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } } @media (max-width: 991px) { .teaching-practices-proffisonal-dev.ltr .practice-subject-item, .teaching-practices-proffisonal-dev.ltr .practice-subject-item.left { padding-left: 12px; padding-right: 12px; } } /* End High Images Gallery component */ #chatContainer .sc-welcome .sc-welcome-title { /*background: #387095; margin-top: 0px; font-size: 15px; padding: 20px 10px 20px 10px; width: 90% !important; border-radius: 10px; margin-top: 10px; margin-bottom: 10px;*/ color: white; font-family: "Open Sans Hebrew" !important; } /*#chatContainer button#toggleChat:focus { outline: none; }*/ /*#chatContainer .sc-controls-message-label { font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; color: #387095; max-height: 50px; max-width: 100%; }*/ @media (max-width: 991px) { .page-component-edu:not(.not-shaped) .comp-title-container#content-carousel-title { padding-top: 16px; } } .quick-links-wrapper.mafmarPods a.show-fancy { margin-top: 0px; } .main-standart-content { padding: 16px; } /*loader*/ /*/* Center the loader */ /*#loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 50px; height: 50px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 10%; border-top: 16px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin linear infinite; animation: spin linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }*/ /*Add animation to "page content"*/ /*.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0px; opacity: 1 } } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } #myDiv { display: none; text-align: center; }*/ @media (min-width: 1200px) { .useful-art-content .broadcastItemBox .text-container { padding-right: 80px; } /*.useful-art-content .broadcastItemBox .text-container .text { padding-right: 8px; }*/ } @media (max-width: 1199px) and (min-width: 426px) { .useful-art-content .broadcastItemBox .text-container { padding-right: 65px; } } .useful-art-content .courseItemInfo .rsltsDataItem { display: inline-block; } .page-component-edu .main-content ul, .page-component-edu .teaching-practices-container .content-text ul, .page-component-edu .image-link .text ul, .page-component-edu .rich-text-editor-com ul, .page-component-edu .faqHolder .ContentCollapse ul, .knowledge-field .age-group-components .tab-content ul, .articles-links-container ul, .thumei-daat-container .container-content .content-description ul, .collapse-container.collapse-items-container .collapse-sub-title ul, .page-component-edu.icons-lobby ul, .page-component-edu.table-component ul, .page-component-edu.component-container .text-above ul, .page-component-edu.component-container .text-below ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.ltr .main-content ul, .page-component-edu.ltr .teaching-practices-container .content-text ul, .page-component-edu.ltr .image-link .text ul, .page-component-edu.ltr .rich-text-editor-com ul, .page-component-edu.ltr .faqHolder .ContentCollapse ul, .knowledge-field.ltr .age-group-components .tab-content ul, .page-component-edu.ltr .articles-links-container ul, .collapse-container.collapse-items-container.ltr .collapse-sub-title ul, .page-component-edu.icons-lobby.ltr ul, .page-component-edu.component-container.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } #left_col[role=main] .page-component-edu .PanelCollapse .ContentCollapse ul { margin-right: 16px; } #left_col[role=main] .page-component-edu.ltr .PanelCollapse .ContentCollapse ul { margin-right: 0; } .broadcast-jump-box, .tabs-jump-box { display: inline-flex; align-items: flex-end; margin-inline-end: 16px; } .page-component-edu.useful-art-content .page_component .text-container { margin-bottom: 20px; } .page-component-edu.useful-art-content:not(.not-shaped) .comp-title-container h3 { margin-right: 0px; } .useful-art-content .search-materials-inner { padding-top: 10px; } ul.calendar-content-row li.calendar-content-item { list-style-image: url(/images/icons/navigation-blue-side.svg); width: 100%; } .page-component-edu .page_component .link-with-img .webex-link a { margin-right: 15px; color: rgb(44, 112, 148); } .search-lectuar-erea .search-btn-erea { margin-top: 0px; } /*.search-lectuar-erea{ padding-top:20px; }*/ .page-component-edu.lectuar-search-space { margin-bottom: 48px; } .search-lectuar-erea .search-col { padding-bottom: 25px !important; } p.li-menu { position: relative; margin: 0; padding: 10px 10px 10px 15px; } .li-menu .text { position: relative; } .li-menu a.nav-mobil-text::before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .li-menu a.nav-mobil-icon::before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background-color: transparent; -webkit-tap-highlight-color: transparent; } .li-menu a { transition: none; } .HeaderMenu a.li-sub-pages { cursor: pointer; } .HeaderMenu a.li-sub-pages:after { font: normal 21px FontAwesome; content: "\f103"; font-size: 17px; margin: 0 4px 0 0; vertical-align: middle; color: rgba(0, 0, 0, 0.5); } .practice-search .search-broadcast-erea .input-search { max-width: 50%; padding-left: 16px; margin-bottom: 23px; } .page-component-edu .main-content .parctices-categories { min-height: 30px; background-color: var(--grey-background); padding: 5px; margin-bottom: 5px; font-size: 14px !important; color: var(--title-color); } .parctices-item-page.ltr .parctices-categories1 { text-align: right; direction: rtl; } .page-component-edu .main-content .parctices-categories:last-child { margin-bottom: 20px; } .page-component-edu .main-content .parctices-categories img { width: 11px; } .page-component-edu .main-content .parctices-categories img:first-child { width: 17px; } .teaching-materials-ctrl .opened-list .opened-item img.matrial-arrow { width: 8px; height: 11px; margin: 7px; } /*.teaching-materials-ctrl.knowledge-field .comp-title-container{ margin-top:15px; }*/ .teaching-materials-ctrl.knowledge-field .listing.section.opened-list .opened-item { margin-right: 15px; } .listing .item .listing-with-arrows .text, .listing .item .listing-with-arrows > div { /*:not(a.arrow-img)*/ margin-right: 21px; } .parctices-item-page .row.ContainerTitlePage { margin-bottom: 15px; } @media (max-width: 991px) { .practice-search .search-broadcast-erea .input-search.practice-free-search { max-width: inherit; padding: 15px 0px 0 0px !important; margin-bottom: 0; } } .service-component-page .service-container-button { margin-top: 10px; } .service-component-page .service-container-button { float: left; } @media (max-width: 426px) { .service-component-page .service-container-button a.btn.goBtn.darkBlue { font-size: 18px; } } .service-component-page .main-image-container.with-button { margin-bottom: 55px; } .service-component-page .main-image-container.with-button.with-two-buttons { margin-bottom: 70px; } .service-component-page .main-image-container { margin-top: 6px; } /*.page-component-edu .service-component-page.text-image .main-content { padding-bottom: 15px; }*/ section.content .teaching-materials-ctrl.knowledge-field.ltr h1.areaTitle { padding-right: 20px; padding-left: 20px; } .topics-fast-search .learn-subject { width: 35%; display: inline-block; float: right; } @media (max-width: 767px) { .topics-fast-search .learn-subject { width: 100%; } } @media (max-width: 991px) { .topics-fast-search .learn-subject .learn-inputs typeahead-container { transform: translate3d(0px, 1px, 0px) !important; position: relative !important; } } .topics-fast-search .learn-subject .ng-autocomplete { width: 100%; } .topics-fast-search .learn-subject .ng-autocomplete .autocomplete-container .suggestions-container { margin-top: 55px; } .topics-fast-search .learn-subject .form-control { height: 55px; } .topics-fast-search .learn-subject .learn-inputs ul { width: 100%; } @media (min-width: 992px) { .topics-fast-search .learn-subject .learn-inputs typeahead-container { position: relative !important; transform: translate3d(0px, 51px, 0px) !important; } } .split-media-content.about.blue-teaching-unit .read-more { color: white; font-weight: bold; } .page-component-edu.split-media-content.about.blue-teaching-unit a.read-more:focus { color: white !important; } .item-page .page-component-edu.ltr.split-media-content.about.blue-teaching-unit h3.about-title { margin-left: 18px; } section.content .teaching-materials-ctrl h1.areaTitle { margin-top: 0px; } .hide-free-text-filter { visibility: hidden; height: 0px; margin: 0; padding: 0; } @media (max-width: 991px) { .teaching-materials-ctrl .tabs-jump-box { /*width: 100%;*/ font-size: 14px; } } @media (max-width: 1199px) and (min-width: 992px) { .teaching-materials-ctrl .tabs-jump-box { font-size: 16px; } } .teaching-materials-ctrl .tabs-jump-box { width: 100%; } @media (min-width: 1200px) { .teaching-materials-ctrl .tabs-jump-box { /*width: 100%;*/ font-size: 18px; } } .teaching-materials-ctrl .tabs-jump-box a { width: 100%; text-align: right; } .teaching-materials-ctrl.ltr .tabs-jump-box a { width: 100%; text-align: left; } .ltr.split-media-content.main-subject-fields .tab-anchor a { margin-right: 10px; } .split-media-content.main-subject-fields .tab-anchor a { font-size: 18px; } .teaching-materials-ctrl .tabs-jump-box a:focus, .split-media-content.main-subject-fields .tab-anchor a :focus { text-decoration: none; } .text-spinner { font-weight: bold; padding-top: 15px; padding-bottom: 15px; } .text-spinner .fa.fa-spinner.fa-spin { font-size: 30px; color: #1e6890; } .opened-list.listing.section.comp.main-list-comp { box-shadow: none; margin-top: 0; padding: 0; } .main-list-component .listing-container { margin: 0; } /*.main-list-component .more-less-container.nopadding { padding-right: 15px !important; padding-left: 15px !important; }*/ .caption-strip { background: var(--background-over-grey-color); padding: 7px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .image-has-caption .img-radius, .page-component-edu .main-content .image-has-caption img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .split-media-content.about.blue-teaching-unit p a:hover { color: wheat !important; } .split-media-content.about.blue-teaching-unit p a { color: #FFF700; font-size: 17px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap, .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap p, .page-component-edu.split-media-content.about.blue-teaching-unit ul.coll-text, .page-component-edu.split-media-content.about.blue-teaching-unit ol.coll-text { color: white; font-size: 17px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap h3 { color: white; font-size: 22px; margin-top: 2px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap h2 { color: white; font-size: 28px; margin-top: 2px; } .page-component-edu.split-media-content.about.blue-teaching-unit.ltr .inner-wrap .content-wrap ul li:before { content: "\f105"; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul li:before { content: "\f104"; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; margin-left: 5px; } #left_col[role=main] .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul { margin-right: 0px; } #left_col[role=main] .page-component-edu.split-media-content.about.blue-teaching-unit.ltr .inner-wrap .content-wrap ul { margin-left: 0px; } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul li { list-style-type: none; } .knowledge-field.item-page .split-media-content.about.ltr .inner-wrap img { float: right; margin: 7px 0px 7px 21px; } .knowledge-field.item-page .split-media-content.ltr .inner-wrap img.inside-content { margin: 7px 0px 7px 21px; } .main-subject-fields .video-thumbnail { top: calc(50% - 31.5px); left: calc(50% - 31px); } .main-subject-fields .caption-strip { float: left; width: 100%; margin-top: -7px; } @media (max-width: 400px) { .main-subject-fields .main-image-container.image-has-caption { margin-bottom: 80px; } } @media (min-width: 401px) { .main-subject-fields .main-image-container.image-has-caption { margin-bottom: 60px; } } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit a.read-more:hover { color: white !important; } .knowledge-field.item-page .page-component-edu.split-media-content.blue-teaching-unit .inner-wrap .content-wrap { width: 100%; } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap p { margin-bottom: 0px; } /*.page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap>p { margin-bottom: 19px; }*/ .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .link-btn-wrap.end-link-btn-wrap { display: flex; justify-content: flex-end; align-items: center; margin-top: 15px; margin-left: 18px; } /*.page-component-edu.split-media-content.about.blue-teaching-unit .link-btn-wrap.end-link-btn-wrap a { padding: 4px 36px; color: #587E9F; font-size: 22px; background: white; border-radius: 5px; }*/ a.show-fancy.emergency { font-size: 19px !important; } .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete.reset-mode { background: #fff; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 155px; top: 23px; } .outstanding-and-gifted-form .reset-autocomplete { left: 20px; } .knowledge-field.item-page .blue-teaching-unit .link-btn-wrap { margin-top: 20px; } .service-embed-video-button { float: left; /*margin-top: 200px;*/ } .teaching-practices-container .container-content .content-text ul { font-size: 17px; line-height: 20px; } .main-subjects-title .title-wrap { padding: 0; } .main-subjects-link .search-wrap { text-align: end; } @media (min-width: 991px) { .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title h4 { margin-right: 0px; } .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title { margin-right: 10px; } } @media (max-width: 991px) { .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title h4 { margin-top: 15px; } .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title { margin-right: 0px; } } .page-component-edu .btn-primary.social-button { background-color: rgb(48, 152, 207); padding: 2px 25px; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; border-radius: 4px; white-space: inherit; } .col-md-3.share-col { padding: 0px; } #shareWhatsapp .jssocials-share.jssocials-share-whatsapp a, #shareEmail .jssocials-share.jssocials-share-email a { width: 130px; } @media (max-width: 425px) { .page-component-edu .btn-primary.social-button { font-size: 18px; } } #socialModal .modal-title { color: #1D5C7E; font-size: 22px; } .share-row { margin-top: 15px; } .page-component-edu a.jssocials-share-link { color: #fff; } .page-component-edu a.jssocials-share-link:hover { color: #fff !important; } .vod-search-col label { margin-top: 7px; } /*.vod-broadcast-search { padding-left: 40px; }*/ @media (min-width: 991px) { .nopadding-lg { padding: 0 !important; } .margin-minus-10 { margin-right: -10px; } .margin-minus-18 { margin-right: -18px; } } @media (max-width: 991px) { .nopadding-sm { padding: 2px !important; } } .img-txt-btn { margin-top: 10px; } .page-component-edu .img-txt-btn a:focus { color: white !important; } .page-component-edu .main-content img.presentation-icon { width: 25px; height: 27px; } .page-component-edu .main-content img.transcript-icon { width: 20px; height: 27px; } .emergency-presentatio-item.presentatio-item { margin-right: 0px; } .presentatio-item { margin-left: 15px; margin-right: 0; display: inline-block; } .ltr .presentatio-item { margin-left: 0; margin-right: 15px; display: inline-block; } .vod-emergency .presentatio-item .presentation-icon, .schedulted-vod .presentatio-item .presentation-icon { margin-left: 5px; } .vod-emergency .presentatio-item a, .schedulted-vod .presentatio-item a { font-size: 18px; font-weight: 500; } .vod-emergency .presentatio-item, .schedulted-vod .presentatio-item { margin-left: 0; display: inline-block; } .vod-emergency .presentatio-item { margin-right: 18px; } .schedulted-vod .presentatio-item { margin-right: 0; margin-left: 18px; } .schedulted-vod .presentatio-item, .schedulted-vod .real-time-live-link, .schedulted-vod .social-button { margin-bottom: 5px; } .schedulted-vod .left-info::before, .recording-broadcast .left-info::before { content: ""; position: absolute; right: -30px; border-right: 1px #DFDFDF solid; height: 90px; } .recording-broadcast .left-info.long-info::before { height: 130px; } .recording-broadcast .left-info.short-info::before { height: 70px; } .recording-broadcast .low-left-info::before { content: ""; position: absolute; right: -30px; border-right: 1px #DFDFDF solid; height: 60px; } .schedulted-vod .social-button { margin-left: 18px; height: 39px; } @media (max-width: 991px) { .schedulted-vod .social-button { margin-bottom: 5px; } } .schedulted-vod .real-time-live-link { margin-left: 18px; height: 39px; } @media (max-width: 540px) { .presentatio-item { margin: 0px; margin-bottom: 15px; display: block; } .row.main-content-row.service-page .main-image-container .ContainerButtons a { padding: 5px 5px; white-space: inherit; } } :focus, a:focus, .dropdown-toggle:focus, .item.slick-slide:focus, .form-control:focus { outline: none; } :focus-visible, a:focus-visible, .dropdown-toggle:focus-visible, .item.slick-slide:focus-visible, .form-control:focus-visible, button:focus-visible { outline: -webkit-focus-ring-color auto 0.2px; } div:focus, p:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus { outline: none; } .popXtn .main-content.lecture .vod-title { margin-top: 0; /*margin-bottom: 20px;*/ } .popXtn .vod-emergency .side-info-lecture.left-info .ItemInfo .row { padding-right: 33px; } .popXtn .vod-emergency .side-info-lecture { border-left: 1px #DFDFDF solid; } .popXtn .vod-emergency .side-info-lecture.left-info { border: 0; } .page-component-edu .main-content .vod-subjects-title { font-size: 18px; margin-bottom: 5px; } .forms-buttons-section { display: flex; padding: 0; justify-content: flex-end; } /*.teaching-materials .teaching-unit-icon { height: 14px; width: 13px; } .teaching-materials .teaching-unit { background: rgba(208, 227, 242, 0.48); padding: 7px 14px; line-height: 14px; font-weight: 400; margin: 0 10px 0 0; display: inline-block; color: rgb(44, 112, 148); font-size: 16px; } .ltr .teaching-materials .teaching-unit { margin: 0 0 0 10px; } @media (max-width: 991px){ .teaching-materials .teaching-unit, .ltr .teaching-materials .teaching-unit { margin-right: 0; margin-left: 0; display: table; margin-top: 5px; } }*/ @media (min-width: 992px) { .main-image-container.small-image { width: 350px; } .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap .main-image-container.small-image img.inside-content { width: 350px; object-fit: cover; } .page-component-edu .main-image-container.small-image { width: 350px; height: 216px; } .page-component-edu .main-image-container.small-image .image-con img.main-image { width: 350px; object-fit: cover; height: 216px; } .page-component-edu.kindergarten-teaching-material-page .main-image-container.small-image .image-con img.main-image { height: auto; } } @media (max-width: 767px) { .listing-container.communityListing .listing.details-listing .item .info p.heading, .teaching-materials .listing .item .info p.heading { margin-top: 8px; } } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container .in-accordion { color: white; } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container .in-accordion i { float: none; margin-top: 0px; } .text-with-btn { margin-top: 15px; /*float: inline-end;*/ text-align: end; } .text-with-btn .text-with-btn-container { display: inline-block; margin-bottom: 5px; } .text-with-btn .text-with-btn-container:not(:first-of-type) { margin-inline-start: 5px; } .popXtn .btn.goBtn.dark-blue-btn { background-color: #1D5C7E; padding: 2px 25px; } .popXtn .btn.goBtn.dark-blue-btn:hover { background-color: #11415a; } a#BtnSisplay, a#BtnSisplay:hover { width: auto !important; border-radius: 5px; padding: 4px 40px; color: white !important; } .skills-by-category { background-color: white; } .skills-by-category .skills-by-category-title { margin: 0; padding-top: 15px; } .skills-by-category .skills-by-category-title .title { max-width: fit-content; font-size: 22px; border: none; box-shadow: none; margin: 0; padding: 8px 20px; } .details-listing.opened-list.listing .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; } .details-listing.opened-list.listing .indicator img { width: 13px; height: 14px; } .listing.section.opened-list .opened-item .heading-wrap { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 8px; } .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 0 0 8px; color: #2C7094; line-height: 20px; } .listing.section.opened-list .opened-item .heading-wrap p.heading { margin: 0px; } @media (max-width: 991px) { .listing.section.opened-list .opened-item .heading-wrap { flex-direction: column; align-items: flex-start; } .images-and-buttons .text-with-btn .text-with-btn-container:last-child { margin-top: 5px; } .page-component-edu .text-with-btn-container a.primary-btn { display: flex; } .text-with-btn-container a i { align-self: center; } .listing.section.opened-list .opened-item .heading-wrap .indicator, .ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; margin-left: 0; margin-top: 5px; } } .page-component-edu a.a-like-button { background-color: #3098CF; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; width: 105px; display: inline-block; text-align: center; } .page-component-edu a.a-like-button.a-disabled, button.goBtn.btn-disabled { cursor: not-allowed; background-color: #64656D; } /*.page-component-edu button.goBtn.btn-disabled { cursor: not-allowed; background-color: #64656D; }*/ .page-component-edu a.a-like-button:hover { color: #fff !important; } .indicator-container { /*display: flex; align-items: flex-end; justify-content: flex-start;*/ margin: 0 0 15px; } .broadcastItemBox .indicator-container h5, .indicator-container h5 { margin-bottom: 0; } /*.indicator-container .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; }*/ /*.indicator-container .indicator .text { color: #2C7094; line-height: 20px; }*/ .popXtn .courseItemInfo .rsltsDataItem.indicator { background-color: #EDF5FA; padding: 0 10px; display: inline-block; } @media (min-width: 769px) { .rsltsDataItem.indicator { margin-right: 20px; } } .rsltsDataItem.indicator .text { color: #2C7094; line-height: 20px; } .units-search-container .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .units-search-container .RowButtns .clearBtnWrap { margin-left: 20px; } .teaching-unit-search .is-teaching-unit { margin-top: 5px; } .teaching-unit-search span { margin-right: 7px; font-size: 16px; } .ltr .teaching-unit-search span { margin-right: 0; margin-left: 7px; } @media (max-width: 991px) { .teaching-unit-search .is-teaching-unit { margin-top: 20px; } } @media (min-width: 767px) and (max-width: 991px) { .teaching-unit-search .is-teaching-unit { margin-bottom: 20px; } } .ltr .listing-container { direction: ltr; } .ltr .details-listing.opened-list.listing .indicator { margin-left: 20px; margin-right: 0; } .ltr .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin-left: 0; margin-right: 8px; } .recording-broadcast .main-subjects-list { font-size: 18px; } .recording-broadcast .copyright-container { margin-bottom: 30px; background-color: var(--stock-search-bg); border-radius: 4px; } .practice-search .container-padding { margin-bottom: 20px; } .copyright-container { /*margin: 0 0 0 25px;*/ position: relative; align-items: center; background: rgb(224, 238, 245); width: 100%; padding-right: 15px; padding-left: 15px; } .copyright-container p { margin: 0; } .container-padding { padding-right: 15px; padding-left: 15px; } @media (max-width: 991px) { .practice-search .container-padding { padding-top: 15px; margin-bottom: 5px; } } .copyright-container img, .page-component-edu .main-content .copyright-container img { float: right; height: 42px; width: 25px; margin: 12px; margin-right: 0px; } .page-component-edu .main-content.recording-broadcast .copyright-container img { margin-top: 3px; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu span { background-color: rgba(248, 245, 245, 0.4705882353); display: block; font-size: 16px; padding: 10px 30px; border-top: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu a { border-top: 1px solid #D8D8D8; border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu > ul > li:first-child span:first-of-type { border: 0; } .HeaderMenu nav ul.big-menu span { color: black; font-size: 16px; } .page-component-edu .articles-links-container .links-list.side-aligned { justify-content: right; } .page-component-edu.ltr .articles-links-container .links-list.side-aligned { justify-content: left; } .articles-links-container li.links-list.side-aligned { display: list-item; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul li.Active, .NavMenuMobil .AdministrativeSpace .nav li.SubMenu.Active p { font-weight: bold; background-color: #edf5fa !important; } .age-group-components .combox-label-big { display: inline-block; color: var(--title-color); font-size: 24px; } .age-group-components .age-group-search label { padding-left: 15px; } .ltr.knowledge-field .age-group-components .age-group-search label { padding-right: 15px; padding-left: 0; } @media (min-width: 768px) { .age-group-components .age-group-search { display: flex; } } .age-group-components .age-group-search { width: 100%; } .age-group-components .components-title { margin-bottom: 0px; padding-top: 10px; /*margin-top: 0px; padding-bottom: 10px;*/ } .page_component.text-image .btn.goBtn.darkBlue.big-button { width: auto; font-size: 31px; white-space: normal; } /*.page-component-edu.quote-text .page_component .panel.panel-default { box-shadow: 0 0 6px rgba(0,0,0,0.08); border-radius: 3px; border: 0; padding: 15px 15px 15px 18px; } .page-component-edu.quote-text .page_component .panel.panel-default.first-panel { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .page-component-edu.quote-text .page_component .panel.panel-default.second-panel { border-top-left-radius: 0; border-top-right-radius: 0; } .page-component-edu.quote-text .page_component .panel.panel-default:nth-of-type(1) { background-color: #2C7094; } .page-component-edu.quote-text .page_component .panel.panel-default:nth-of-type(2) { background-color: rgb(48,152,207); } .page-component-edu.quote-text .row { display: flex; } .page-component-edu.quote-text .row .text-wrap { display: flex; flex-direction: column; justify-content: flex-start; } .page-component-edu.quote-text .row .text-wrap { color: white; } .page-component-edu.quote-text .row .text-wrap .title { font-weight: 400; font-size: 32px; margin: 0; } @media (min-width: 992px) { .page-component-edu.quote-text .row .text-wrap .title { display: flex; } .page-component-edu.quote-text .row .text-wrap .source { padding-right: 39.72px; } .page-component-edu.quote-text .second-panel .row .text-wrap .short-text { margin-right: 39.72px; } } .page-component-edu.quote-text .row .text-wrap .title:before { font-family: 'FontAwesome'; content: "\f10e"; color: rgb(48,152,207); margin-left: 10px; } .page-component-edu.quote-text .row .text-wrap .title:after { font-family: 'FontAwesome'; content: "\f10d"; display: contents; color: rgb(48,152,207); } .page-component-edu.quote-text .row .text-wrap .source { font-weight: 400; font-size: 16px; margin: 10px 0 0 0; } .page-component-edu.quote-text .row .text-wrap .short-text { font-weight: 400; font-size: 20px; margin: 10px 0 0 0; }*/ .search-button { border: none; background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 35%; left: 5px; outline: none; } .stock-area.Search .search-button, .mobile-search-form .search-button { top: 25%; } .teaching-materials.wide .srchFilterTopics .btn-group .btn { /* border-radius: 0;*/ border-color: #a9a9a9; font-size: 16px; } .teaching-materials.wide .srchFilterTopics .btn-group .caret { float: left; margin-top: 9px; border-top-color: grey !important; border-top-width: 7px !important; } /*.ltr .teaching-materials.wide .srchFilterTopics .btn-group .caret { display: block; height: auto; overflow: auto; float: right; margin-left: 0; margin-right: -10px; }*/ .teaching-materials.wide .srchFilterTopics ul li a { font-size: 16px; margin-top: 5px; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] { opacity: 0.6; cursor: not-allowed; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput, .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkbox, .teaching-materials.wide .srchFilterTopics ul li a[disabled] label span, .teaching-materials.wide .srchFilterTopics ul li a[disabled] label { /*opacity: 0.6;*/ cursor: not-allowed; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput { pointer-events: none; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput[checked] { filter: grayscale(1); } .teaching-materials.wide .srchFilterTopics .btn-group, .teaching-materials.wide .srchFilterTopics .btn-group > .btn:first-child { width: 100%; text-align: right; } .teaching-materials.wide .srchFilterTopics label.search-label { font-size: 16px; margin-top: 5px; } .text-align-end { text-align: end; } .teaching-materials.wide .srchFilterTopics .no-end-padding { padding-left: 0; } .ltr .teaching-materials.wide .srchFilterTopics .no-end-padding { padding-right: 0; padding-left: 15px; } .teaching-materials.wide .srchFilterTopics .main-subject-select { /* border: 1px solid #a9a9a9;*/ min-height: 36px; /* -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; background-position: 0px; background-size: 15px 85%; background-position-x: 2px; padding-left: 25px; text-overflow: ellipsis;*/ } .teaching-materials.wide .srchFilterTopics .tunit-search span { margin-right: 5px; } .ltr .teaching-materials.wide .srchFilterTopics .tunit-search span { margin-left: 5px; margin-right: 0; } .teaching-materials.wide .srchFilterTopics .materials-search { padding: 0; } .ltr .teaching-materials.wide .srchFilterTopics .materials-search .search-label { float: left; } @media (max-width: 991px) { .teaching-materials.wide .srchFilterTopics .materials-search:not(:last-child) { margin-bottom: 5px; } } @media (max-width: 991px) { .teaching-materials.wide .srchFilterTopics .materials-search.ages-search.d-flex { display: block !important; } } .teaching-materials.wide .srchFilterTopics .materials-search .search-label { padding: 0; } .teaching-materials.wide .srchFilterTopics .materials-title { padding: 0; } @media (max-width: 991px) { .teaching-materials.wide .materials-search .materials-search-field, .ltr .teaching-materials.wide .materials-search .materials-search-field { padding: 0; width:100%!important } } .ltr .teaching-materials.wide .dropdown-menu { text-align: initial; } .ltr .teaching-materials.wide .checkbox label { padding-right: initial; padding-left: 20px; } .ltr .teaching-materials.wide .btn-multi-select { text-align: left; } /*.ltr .teaching-materials.wide .pagination > li > a { float: left; } .ltr .teaching-materials.wide .pagination > li:first-child > a, .ltr .teaching-materials.wide .pagination > li:first-child > span { margin-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .ltr .teaching-materials.wide .pagination > li:last-child > a, .ltr .teaching-materials.wide .pagination > li:last-child > span { margin-left: -1px; margin-right: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }*/ @media (min-width: 992px) { .teaching-materials.wide .materials-search.ages-search { display: inline-block; } .teaching-materials.wide .materials-search.ages-search .search-label { float: right; width: auto; } .teaching-materials.wide .materials-search.ages-search .materials-search-field { float: right; max-width: 135px; } .teaching-materials.wide .materials-search.ages-search .materials-search-field .dropdown-multiselect ul.dropdown-menu { min-width: auto; } } @media (min-width: 1200px) { .teaching-materials.wide .materials-search.ages-search .materials-search-field { float: right; max-width: 205px; } .teaching-materials.wide .materials-search.ages-search .materials-search-field.narrow { max-width: 185px; } } .teaching-materials.wide .sub-title { margin-bottom: 20px; font-size: 18px; } /* $$$ Quotes Start 4.1.20 $$$ */ .quotes-container { /*margin-bottom: 20px;*/ /*margin-top: 40px;*/ padding: 15px; background-color: var(--background-over-grey-color); } .quotes-container .quote-inner { font-size: 24px; font-weight: normal; border-bottom: 1px solid #3098CF; padding-bottom: 10px; } .quotes-container .quote-inner .quote-record { font-size: 14px; display: inline-block; padding: 0 30px; } .quotes-container .quote-inner p { margin-bottom: 0; padding: 0 30px; position: relative; } .quotes-container .quote-inner p::before { content: '"'; font-size: 60px; line-height: 24px; color: #3098CF; display: inline-block; vertical-align: bottom; position: relative; right: -24px; width: 0; } .quotes-container .quote-inner p::after { content: '"'; font-size: 60px; line-height: 24px; color: #3098CF; display: inline-block; vertical-align: bottom; } .quotes-container .text-inner { padding: 0 30px; } .quotes-container .text-inner p { margin-top: 10px; font-size: 18px; } .without-qoute .quote-inner { display: none; } .without-text .quote-inner { border-bottom: none; } /*.without-text .text-inner { display: none; }*/ /* $$$ Quotes End $$$ */ .page-component-edu .quotes-container .text-inner p a { font-size: 22px; } .quotes-container .text-inner p { font-size: 22px; margin-bottom: 0; margin-top: 0; } .quotes-container .text-inner p:first-of-type { margin-top: 10px; } .quotes-container .text-inner p:last-of-type { margin-bottom: 10px; } .quotes-container .text-inner .quote-record { font-size: 18px; display: inline-block; color: var(--title-color); /*margin-top: 10px;*/ font-weight: bold; } .quotes-container .text-inner .quote-record { float: left; } .ltr.quote-text .quotes-container .text-inner .quote-record { float: right; } .ltr.quote-text .quotes-container .quote-inner p::before { right: auto; left: -24px; } .quotes-container .collapse-text a { color: var(--link-color-on-l-blue); } .page-component-edu .listing .link-container a.in-accordion { padding: 2px 25px; } @media (max-width: 991px) { .in-accordion.img-txt-btn { margin-top: 0px; } } .page-component-edu .listing .link-container { margin-bottom: 15px; } .reminder { border-radius: 3px; background-image: url(../images/reminder_icon.png); background-repeat: no-repeat; color: white; padding: 6px 35px 6px 16px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .explanation-text p { margin-bottom: 0; } /*.explanation-text { margin-bottom: 15px; }*/ .summary-text p { margin-bottom: 0; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a p { color: black; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 0px; } .ltr .teaching-materials.wide .srchFilterTopics .main-subject-select { background-position-x: right; padding-left: 12px; } .page-component-edu.tabs-components .tab-header h2 { font-weight: 400; } .true-field-container { margin-top: 10px; } .true-field-container span { font-weight: 600; } .page-component-edu .main-content .true-field-container img.true-icon { margin-right: 5px; width: 15px; height: 17px; } /*.container-component .collapse-component.popXtnCmpnt .accordion.collapsible .collapse-component-panel { box-shadow: none; } .container-component .collapse-component.popXtnCmpnt .collapse-component-panel > .panel-body > .listing { margin-top: 0; } .container-component .collapse-component.popXtnCmpnt .collapse-component-panel > .panel-body > .listing > .collapseHolder { padding-left: 0; padding-right: 0; }*/ .pictures-and-icons-component .comp-title-container .subtitle-container p { position: initial; } /*.pictures-and-icons-component .image-link-container > .listing { padding-top: 15px; }*/ .collapsing-tabs.responsive .textTab { margin: 0 15px; } .tab-content .textTab p:first-of-type, .collapsing-tabs.responsive .textTab p:first-of-type { margin-top: 0px; } .tab-content .textTab p:last-of-type, .collapsing-tabs.responsive .textTab p:last-of-type { margin-bottom: 0px; } .tab-content .textTab ul, .collapsing-tabs.responsive .textTab ul { list-style-image: url(/images/icons/navigation-blue-side.svg); margin-top: 16px; } .nav-of-tabs-component li a:focus { color: black !important; } .tab-content .textTab .text :last-child { margin-bottom: 0px; } .knowledge-field.tabs-components .panel .tab-content .tab-panel.active { padding: 15px; } .ltr.tabs-components .tab-content .textTab ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .comp-title-container.min-margins .article-headline { margin-top: 0; padding-left: 25px; padding-bottom: 10px; } .comp-title-container.min-margins a.article-headline:after { margin-inline-end: 15px; } .page-component-edu.ltr .comp-title-container.min-margins .article-headline { padding-right: 25px; } .page-component-edu.ltr .comp-title-container.min-margins a.article-headline:after { margin-right: 15px; } .rtl dd.related-grades span:last-child { margin-left: 10px; } .listing-items-content .listing-without-images .broadcastItemBox .text-container { padding-right: 0px; } .page-component-edu.listing-items-content .page_component .text-container.listing-text-container { margin: 5px 18px 15px 15px; } .listing-with-icons .broadcastItemBox .text-container { padding-right: 70px; } .page-component-edu.welcome-component { margin-bottom: 48px; } .title-with-back-button h1.areaTitle a.ContainerPopularButton { margin-top: 0px; padding: 7px 15px 7px 5px; } .title-with-back-button h1.areaTitle { overflow: auto; } .popXtn .ltr .title-with-back-button a.ContainerPopularButton { float: right; margin-right: 10px; padding: 7px 5px 7px 15px; } .popXtn .ltr .title-with-back-button a.ContainerPopularButton .fa-angle-left:before { content: "\f105"; } .cust-menu ul.has-static-nav > li:last-of-type { border-top: 1px solid #E2E2E2; padding-top: 10px; } .listing-with-icons .broadcastItemBox .big-img-container .icon img { max-width: 50px; } @media (max-width: 425px) { .listing-with-icons .broadcastItemBox .text-container { padding-right: 0px; } .page-component-edu .page_component .listing-with-icons .broadcastItemBox .big-img-container img.img-of-link { margin-bottom: 0px; } .page-component-edu .page_component .listing-with-icons .big-img-container { margin-bottom: 5px !important; } } .container-component .article-page-component.newspaper-component .edu-article-container { background-color: var(--stock-search-bg); } .container-component .article-page-component.newspaper-component .comp-title-container h4 { background-color: rgb(197, 224, 237) !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; padding: 0px 20px 0px 20px !important; height: 33px; margin-right: 0px; } .container-component .article-page-component.newspaper-component .comp-title-container { background-color: white; } @media (max-width: 768px) { .page-component-edu .newspaper-text-content { display: inline-block; } } .search-form-section { display: inline; } .CloseSearch { background-image: url("/images/icon-close-search.png"); background-repeat: no-repeat; padding: 5px; border: none; background-color: transparent; } /*sliders*/ .rtl .carusel.slides.advanced-slides .slick-next, .rtl .carusel.slides.standard-slides .slick-next { left: 0px; right: auto; } .rtl .carusel.slides.advanced-slides .slick-prev, .rtl .carusel.slides.standard-slides .slick-prev { right: 0px; left: auto; } .ltr .carusel.slides.advanced-slides .slick-next, .ltr .carusel.slides.standard-slides .slick-next { left: 0px; right: auto; } .ltr .carusel.slides.advanced-slides .slick-prev, .ltr .carusel.slides.standard-slides .slick-prev { right: 0px; left: auto; } .tikshuv-strip.rtl .carusel.slides.advanced-slides .slick-next, .tikshuv-strip.rtl .carusel.slides.standard-slides .slick-next, .tikshuv-strip.ltr .carusel.slides.advanced-slides .slick-next, .tikshuv-strip.ltr .carusel.slides.standard-slides .slick-next { left: -10px; right: auto; } .tikshuv-strip.rtl .carusel.slides.advanced-slides .slick-prev, .tikshuv-strip.rtl .carusel.slides.standard-slides .slick-prev, .tikshuv-strip.ltr .carusel.slides.advanced-slides .slick-prev, .tikshuv-strip.ltr .carusel.slides.standard-slides .slick-prev { right: -10px; left: auto; } .switch-collage-banner .slick-prev.slick-arrow { right: 0px; } .switch-collage-banner .slick-next.slick-arrow { left: 0px; right: auto; } .content.advanced-component.banner .slick-prev.slick-arrow { right: 0px; left: auto; } .content.advanced-component.banner .slick-next.slick-arrow { left: 0px; right: auto; } .page-component-edu .page_component .content.advanced-component.banner .slick-next img, .page-component-edu .page_component .content.advanced-component.banner .slick-prev img { width: 24px; height: 40px; } .page-component-edu .page_component .content.advanced-component.banner.big-image-gallery .slick-next { padding-right: 10px; } .carusel.slides.tikshuv-content .slick-next img, .carusel.slides.tikshuv-content .slick-prev img { width: 16px; height: 29px; } .stop-start-buttons { /*position:absolute;*/ z-index: 900; } .listing-items-main { margin-bottom: 48px; } button.stop-start-buttons.play-mode { background-image: url(/images/Gallery-Button-Pause.svg); padding: 20px; } button.stop-start-buttons.pause-mode { background-image: url(/images/Gallery-Button-Play.svg); padding: 20px; } .stop-start-buttons.play-mode button { background-image: url(/images/Gallery-Button-Pause.svg); } .stop-start-buttons.pause-mode button { background-image: url(/images/Gallery-Button-Play.svg); } .stop-start-buttons button { padding: 13px; background-position-x: 50%; background-position-y: 50%; margin-inline-end: 16px; border: none; } .try-resources.swap-banner .stop-start-buttons button { margin-left: 0px; margin: 10px 0px; } .stop-start-buttons { display: flex; justify-content: flex-end; } /*sliders*/ .cta-strip a { font-weight: 700; color: var(--link-color-on-l-blue); } .switch-collage-banner .stop-start-buttons button { margin-left: 53px; } .yehidot-horaa-metokshavut-paragraph p { margin-bottom: 5px; } /*.yehidot-horaa-metokshavut .stop-start-buttons button { margin-bottom: -25px; }*/ .lemidah-metokshevet-container .stop-start-buttons button { margin-left: 25px; } .gallery-no-title.switch-collage-banner .stop-start-buttons { margin-top: 10px; } .kinder-garden-content .stop-start-buttons { margin-left: 22px; margin-top: -10px; margin-bottom: 5px; } .article-headline-container-line { margin-bottom: 15px; } .ContainerSocialMedia a:focus .MediaIcon { border: white solid 1px; } .banner-with-anchor .list-group .backgr-img { padding: 10px; } .banner-with-anchor .list-group .backgr-img .overlayicon { margin: 10px; } .try-resources.banner-with-anchor { border: 0px; } .try-resources.banner-with-anchor .list-group { background-color: white; } .banner-with-anchor .compt-tit-con { background-color: white; } .d-none { display: none !important; } .page-component-edu.search-level-topic { padding: 15px; } .container-component .page-component-edu.search-level-topic { padding: 0px; } .page-component-edu.search-level-topic .comp-title-container h4 { margin-right: 0px; } /*.page-component-edu.search-level-topic .text-summary { margin-right: 5px; }*/ .container-component { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } @media (max-width:992px) { .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { width: 2%; } } @media (min-width:992px) { .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { margin-top: -2px; } } .page-component-edu.ltr .big-image-gallery a.article-headline { padding-inline-end: 40px; } .text-spinner img { width: 192px; height: 192px; } .text-spinner .moment-text { font-weight: 600; } .text-spinner { text-align: center; position: relative; } .spinner-message { position: absolute; top: 60%; right: 38%; color: var(--title-color); font-weight: 400; } @media (min-width: 992px) { .broadcast-calendar-space .spinner-message { right: 27%; } } .page-component-edu.collapse-component .panel-heading a, .collapse-items-container .panel-collapse-header a.collaps-anchor { color: var(--title-color); } @media (max-width: 426px) { .spinner-message { right: 15%; } } @media (min-width: 427px) and (max-width:768px ) { .spinner-message { right: 30%; } } @media (min-width: 768px) and (max-width:992px ) { .spinner-message { right: 35%; } } .page-component-edu h3 { font-size: 23px; } .component-indicator { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; gap: 8px; } .component-indicator .title { margin-bottom: 0px; } .indicator-item { border-radius: var(--btn-radius); border: 1px solid #0B3860; background-color: #F4F9FD; padding: 0px 6px; color: var(--title-color); white-space: nowrap; font-size: 16px; height: 25px; flex-shrink: 0; } .title-with-Indicator .title { display: flex; gap: 8px; } .macro-Line { border-top: 1px solid rgba(0, 0, 0, 0.1607843137); margin: 8px 0; } .innerReadMoreLessContainer button.buttonIcon { color: var(--link-color-on-l-blue); padding: 0px; } .innerReadMoreLessContainer button.buttonIcon.less { display: none; } /******************************************************************************* * bootstrap-rtl (version 3.3.4) * Author: Morteza Ansarinia (http://github.com/morteza) * Created on: August 13,2015 * Project: bootstrap-rtl * Copyright: Unlicensed Public Domain *******************************************************************************/ html { direction: rtl; } body { direction: rtl; } .flip.text-left { text-align: right; } .flip.text-right { text-align: left; } .list-unstyled { padding-right: 0; padding-left: initial; } .list-inline { padding-right: 0; padding-left: initial; margin-right: -5px; margin-left: 0; } dd { margin-right: 0; margin-left: initial; } @media (min-width: 768px) { .dl-horizontal dt { float: right; clear: right; text-align: left; } .dl-horizontal dd { margin-right: 180px; margin-left: 0; } } blockquote { border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse, blockquote.pull-left { padding-left: 15px; padding-right: 0; border-left: 5px solid #eeeeee; border-right: 0; text-align: left; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { left: 100%; right: auto; } .col-xs-pull-11 { left: 91.66666667%; right: auto; } .col-xs-pull-10 { left: 83.33333333%; right: auto; } .col-xs-pull-9 { left: 75%; right: auto; } .col-xs-pull-8 { left: 66.66666667%; right: auto; } .col-xs-pull-7 { left: 58.33333333%; right: auto; } .col-xs-pull-6 { left: 50%; right: auto; } .col-xs-pull-5 { left: 41.66666667%; right: auto; } .col-xs-pull-4 { left: 33.33333333%; right: auto; } .col-xs-pull-3 { left: 25%; right: auto; } .col-xs-pull-2 { left: 16.66666667%; right: auto; } .col-xs-pull-1 { left: 8.33333333%; right: auto; } .col-xs-pull-0 { left: auto; right: auto; } .col-xs-push-12 { right: 100%; left: 0; } .col-xs-push-11 { right: 91.66666667%; left: 0; } .col-xs-push-10 { right: 83.33333333%; left: 0; } .col-xs-push-9 { right: 75%; left: 0; } .col-xs-push-8 { right: 66.66666667%; left: 0; } .col-xs-push-7 { right: 58.33333333%; left: 0; } .col-xs-push-6 { right: 50%; left: 0; } .col-xs-push-5 { right: 41.66666667%; left: 0; } .col-xs-push-4 { right: 33.33333333%; left: 0; } .col-xs-push-3 { right: 25%; left: 0; } .col-xs-push-2 { right: 16.66666667%; left: 0; } .col-xs-push-1 { right: 8.33333333%; left: 0; } .col-xs-push-0 { right: auto; left: 0; } .col-xs-offset-12 { margin-right: 100%; margin-left: 0; } .col-xs-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-xs-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-xs-offset-9 { margin-right: 75%; margin-left: 0; } .col-xs-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-xs-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-xs-offset-6 { margin-right: 50%; margin-left: 0; } .col-xs-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-xs-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-xs-offset-3 { margin-right: 25%; margin-left: 0; } .col-xs-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-xs-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-xs-offset-0 { margin-right: 0%; margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { left: 100%; right: auto; } .col-sm-pull-11 { left: 91.66666667%; right: auto; } .col-sm-pull-10 { left: 83.33333333%; right: auto; } .col-sm-pull-9 { left: 75%; right: auto; } .col-sm-pull-8 { left: 66.66666667%; right: auto; } .col-sm-pull-7 { left: 58.33333333%; right: auto; } .col-sm-pull-6 { left: 50%; right: auto; } .col-sm-pull-5 { left: 41.66666667%; right: auto; } .col-sm-pull-4 { left: 33.33333333%; right: auto; } .col-sm-pull-3 { left: 25%; right: auto; } .col-sm-pull-2 { left: 16.66666667%; right: auto; } .col-sm-pull-1 { left: 8.33333333%; right: auto; } .col-sm-pull-0 { left: auto; right: auto; } .col-sm-push-12 { right: 100%; left: 0; } .col-sm-push-11 { right: 91.66666667%; left: 0; } .col-sm-push-10 { right: 83.33333333%; left: 0; } .col-sm-push-9 { right: 75%; left: 0; } .col-sm-push-8 { right: 66.66666667%; left: 0; } .col-sm-push-7 { right: 58.33333333%; left: 0; } .col-sm-push-6 { right: 50%; left: 0; } .col-sm-push-5 { right: 41.66666667%; left: 0; } .col-sm-push-4 { right: 33.33333333%; left: 0; } .col-sm-push-3 { right: 25%; left: 0; } .col-sm-push-2 { right: 16.66666667%; left: 0; } .col-sm-push-1 { right: 8.33333333%; left: 0; } .col-sm-push-0 { right: auto; left: 0; } .col-sm-offset-12 { margin-right: 100%; margin-left: 0; } .col-sm-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-sm-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-sm-offset-9 { margin-right: 75%; margin-left: 0; } .col-sm-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-sm-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-sm-offset-6 { margin-right: 50%; margin-left: 0; } .col-sm-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-sm-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-sm-offset-3 { margin-right: 25%; margin-left: 0; } .col-sm-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-sm-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-sm-offset-0 { margin-right: 0%; margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: right; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { left: 100%; right: auto; } .col-md-pull-11 { left: 91.66666667%; right: auto; } .col-md-pull-10 { left: 83.33333333%; right: auto; } .col-md-pull-9 { left: 75%; right: auto; } .col-md-pull-8 { left: 66.66666667%; right: auto; } .col-md-pull-7 { left: 58.33333333%; right: auto; } .col-md-pull-6 { left: 50%; right: auto; } .col-md-pull-5 { left: 41.66666667%; right: auto; } .col-md-pull-4 { left: 33.33333333%; right: auto; } .col-md-pull-3 { left: 25%; right: auto; } .col-md-pull-2 { left: 16.66666667%; right: auto; } .col-md-pull-1 { left: 8.33333333%; right: auto; } .col-md-pull-0 { left: auto; right: auto; } .col-md-push-12 { right: 100%; left: 0; } .col-md-push-11 { right: 91.66666667%; left: 0; } .col-md-push-10 { right: 83.33333333%; left: 0; } .col-md-push-9 { right: 75%; left: 0; } .col-md-push-8 { right: 66.66666667%; left: 0; } .col-md-push-7 { right: 58.33333333%; left: 0; } .col-md-push-6 { right: 50%; left: 0; } .col-md-push-5 { right: 41.66666667%; left: 0; } .col-md-push-4 { right: 33.33333333%; left: 0; } .col-md-push-3 { right: 25%; left: 0; } .col-md-push-2 { right: 16.66666667%; left: 0; } .col-md-push-1 { right: 8.33333333%; left: 0; } .col-md-push-0 { right: auto; left: 0; } .col-md-offset-12 { margin-right: 100%; margin-left: 0; } .col-md-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-md-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-md-offset-9 { margin-right: 75%; margin-left: 0; } .col-md-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-md-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-md-offset-6 { margin-right: 50%; margin-left: 0; } .col-md-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-md-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-md-offset-3 { margin-right: 25%; margin-left: 0; } .col-md-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-md-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-md-offset-0 { margin-right: 0%; margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { left: 100%; right: auto; } .col-lg-pull-11 { left: 91.66666667%; right: auto; } .col-lg-pull-10 { left: 83.33333333%; right: auto; } .col-lg-pull-9 { left: 75%; right: auto; } .col-lg-pull-8 { left: 66.66666667%; right: auto; } .col-lg-pull-7 { left: 58.33333333%; right: auto; } .col-lg-pull-6 { left: 50%; right: auto; } .col-lg-pull-5 { left: 41.66666667%; right: auto; } .col-lg-pull-4 { left: 33.33333333%; right: auto; } .col-lg-pull-3 { left: 25%; right: auto; } .col-lg-pull-2 { left: 16.66666667%; right: auto; } .col-lg-pull-1 { left: 8.33333333%; right: auto; } .col-lg-pull-0 { left: auto; right: auto; } .col-lg-push-12 { right: 100%; left: 0; } .col-lg-push-11 { right: 91.66666667%; left: 0; } .col-lg-push-10 { right: 83.33333333%; left: 0; } .col-lg-push-9 { right: 75%; left: 0; } .col-lg-push-8 { right: 66.66666667%; left: 0; } .col-lg-push-7 { right: 58.33333333%; left: 0; } .col-lg-push-6 { right: 50%; left: 0; } .col-lg-push-5 { right: 41.66666667%; left: 0; } .col-lg-push-4 { right: 33.33333333%; left: 0; } .col-lg-push-3 { right: 25%; left: 0; } .col-lg-push-2 { right: 16.66666667%; left: 0; } .col-lg-push-1 { right: 8.33333333%; left: 0; } .col-lg-push-0 { right: auto; left: 0; } .col-lg-offset-12 { margin-right: 100%; margin-left: 0; } .col-lg-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-lg-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-lg-offset-9 { margin-right: 75%; margin-left: 0; } .col-lg-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-lg-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-lg-offset-6 { margin-right: 50%; margin-left: 0; } .col-lg-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-lg-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-lg-offset-3 { margin-right: 25%; margin-left: 0; } .col-lg-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-lg-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-lg-offset-0 { margin-right: 0%; margin-left: 0; } } caption { text-align: right; } th { text-align: right; } @media screen and (max-width: 767px) { .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-right: 0; border-left: initial; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-left: 0; border-right: initial; } } .radio label, .checkbox label { padding-right: 20px; padding-left: initial; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-right: -20px; margin-left: auto; } .radio-inline, .checkbox-inline { padding-right: 20px; padding-left: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-right: 10px; margin-left: 0; } .has-feedback .form-control { padding-left: 42.5px; padding-right: 12px; } .form-control-feedback { left: 0; right: auto; } @media (min-width: 768px) { .form-inline label { padding-right: 0; padding-left: initial; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { margin-right: 0; margin-left: auto; } } @media (min-width: 768px) { .form-horizontal .control-label { text-align: left; } } .form-horizontal .has-feedback .form-control-feedback { left: 15px; right: auto; } .caret { margin-right: 2px; margin-left: 0; } .dropdown-menu { right: 0; left: auto; float: left; text-align: right; } .dropdown-menu.pull-right { left: 0; right: auto; float: right; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group > .btn, .btn-group-vertical > .btn { float: right; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-right: -1px; margin-left: 0px; } .btn-toolbar { margin-right: -5px; margin-left: 0px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: right; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-right: 5px; margin-left: 0px; } .btn-group > .btn:first-child { margin-right: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group { float: right; } .btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group { float: none; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn .caret { margin-right: 0; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-right: 0; } .input-group .form-control { float: right; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:first-child { border-left: 0px; border-right: 1px solid; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:last-child { border-left-width: 1px; border-left-style: solid; border-right: 0px; } .input-group-btn > .btn + .btn { margin-right: -1px; margin-left: auto; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-left: -1px; margin-right: auto; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-right: -1px; margin-left: auto; } .nav { padding-right: 0; padding-left: initial; } .nav-tabs > li { float: right; } .nav-tabs > li > a { margin-left: auto; margin-right: -2px; border-radius: 4px 4px 0 0; } .nav-pills > li { float: right; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-right: 2px; margin-left: auto; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-right: 0; margin-left: auto; } .nav-justified > .dropdown .dropdown-menu { right: auto; } .nav-tabs-justified > li > a { margin-left: 0; margin-right: auto; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-radius: 4px 4px 0 0; } } @media (min-width: 768px) { .navbar-header { float: right; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-brand { float: right; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-right: -15px; margin-left: auto; } } .navbar-toggle { float: left; margin-left: 15px; margin-right: auto; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 25px 5px 15px; } } @media (min-width: 768px) { .navbar-nav { float: right; } .navbar-nav > li { float: right; } } @media (min-width: 768px) { .navbar-left.flip { float: right !important; } .navbar-right:last-child { margin-left: -15px; margin-right: auto; } .navbar-right.flip { float: left !important; margin-left: -15px; margin-right: auto; } .navbar-right .dropdown-menu { left: 0; right: auto; } } @media (min-width: 768px) { .navbar-text { float: right; } .navbar-text.navbar-right:last-child { margin-left: 0; margin-right: auto; } } .pagination { padding-right: 0; } .pagination > li > a, .pagination > li > span { float: right; margin-right: -1px; margin-left: 0px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { margin-right: -1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .pager { padding-right: 0; padding-left: initial; } .pager .next > a, .pager .next > span { float: left; } .pager .previous > a, .pager .previous > span { float: right; } .nav-pills > li > a > .badge { margin-left: 0px; margin-right: 3px; } .list-group-item > .badge { float: left; } .list-group-item > .badge + .badge { margin-left: 5px; margin-right: auto; } .alert-dismissable, .alert-dismissible { padding-left: 35px; padding-right: 15px; } .alert-dismissable .close, .alert-dismissible .close { right: auto; left: -21px; } .progress-bar { float: right; } .media > .pull-left { margin-right: 10px; } .media > .pull-left.flip { margin-right: 0; margin-left: 10px; } .media > .pull-right { margin-left: 10px; } .media > .pull-right.flip { margin-left: 0; margin-right: 10px; } .media-right, .media > .pull-right { padding-right: 10px; padding-left: initial; } .media-left, .media > .pull-left { padding-left: 10px; padding-right: initial; } .media-list { padding-right: 0; padding-left: initial; list-style: none; } .list-group { padding-right: 0; padding-left: initial; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-right-radius: 3px; border-top-left-radius: 0; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-left-radius: 3px; border-top-right-radius: 0; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; border-top-right-radius: 0; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; border-top-left-radius: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-right: 0; border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: none; border-left: 0; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { right: 0; left: auto; } .close { float: left; } .modal-footer { text-align: left; } .modal-footer.flip { text-align: right; } .modal-footer .btn + .btn { margin-left: auto; margin-right: 5px; } .modal-footer .btn-group .btn + .btn { margin-right: -1px; margin-left: auto; } .modal-footer .btn-block + .btn-block { margin-right: 0; margin-left: auto; } .popover { left: auto; text-align: right; } .popover.top > .arrow { right: 50%; left: auto; margin-right: -11px; margin-left: auto; } .popover.top > .arrow:after { margin-right: -10px; margin-left: auto; } .popover.bottom > .arrow { right: 50%; left: auto; margin-right: -11px; margin-left: auto; } .popover.bottom > .arrow:after { margin-right: -10px; margin-left: auto; } .carousel-control { right: 0; bottom: 0; } .carousel-control.left { right: auto; left: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; right: auto; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; left: auto; margin-left: -10px; } .carousel-indicators { right: 50%; left: 0; margin-right: -30%; margin-left: 0; padding-left: 0; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: 0; margin-right: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-left: 0; margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } } .pull-right.flip { float: left !important; } .pull-left.flip { float: right !important; } /*# sourceMappingURL=bootstrap-rtl.css.map */ @charset "UTF-8"; /* buttons */ /* titles */ /* background */ /*form*/ body { font-family: "Assistant", "Arial", sans-serif; font-weight: normal; } a:hover { opacity: 0.8; } /* Strip Header */ .StripHeader { width: 100%; position: fixed; top: 0; z-index: 1000; background-color: #fff; } .HeaderScroll, header { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .TopMenu { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .TopMenu { transition: height 0.4s; -moz-transition: height 0.4s; -webkit-transition: height 0.4s; -o-transition: height 0.4s; } .ColLoginAndSearch, .ColTitlePortal { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .HeaderScroll { margin-top: 0; min-height: 60px; padding: 0; } .TopMenuScroll { opacity: 0; height: 0 !important; } .LiActiveScroll { background-color: rgba(0, 0, 0, 0) !important; } /*.ColLoginAndSearchScroll { margin-top: -32px; }*/ .ColTitlePortalScroll { margin-top: -34px; } .SucTitleScroll { display: none; } .TopMenu { /*height: 43px;*/ height: 41px; } nav { float: right; width: 100%; } nav.side-component, nav.main-nav { float: none; } header { width: 100%; background-color: #fff; border-bottom: 1px solid #E2E2E2; padding: 10px 0; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1); } .StripHeader .TopMenu { background-color: var(--title-color); } .TopMenu ul { margin: 0; padding: 0; width: 100%; } .TopMenu ul li { display: inline-block; border-left: 1px solid #688BAE; margin-right: -3px; width: 16.6666666667%; text-align: center; } .TopMenu ul li:last-child { border-left: 0; } .TopMenu ul li a .ContentLinkLi { width: 100%; /*padding: 6px 0px 9px 0;*/ padding: 5px 0px 8px 0; font-weight: 600; } .TopMenu ul li a { color: #fff; font-size: 20px; text-decoration: none; text-align: center; } .TopMenu ul li.active, .TopMenu ul li a .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.ManagersSpace.active, .TopMenu ul li.ManagersSpace .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.PedagogicalSpace.active, .TopMenu ul li.PedagogicalSpace a:focus, .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover { background-color: #3098CF; } .TopMenu ul li.ProfessionalDeveloper.active, .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.InquiriesAndServicing.active, .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover { background-color: var(--header-hover); } li.ManagersSpace { position: relative; display: inline-block; } .NavMenuMobil { display: none; } .ContainerLogoIsrael { background-image: url(../images/logo_israel.svg); background-repeat: no-repeat; height: 62px; width: 51px; float: right; margin-left: 8px; display: inline-block; } .LogoIsraelMobile { display: none; } .ContainerTitlePortal { float: right; color: #385167; } .ContainerTitlePortal .SucTitle { font-size: 16px; color: var(--text-color); } .ContainerTitlePortal .Title { /*font-size: 34px;*/ font-size: 36px; margin-top: -8px; color: var(--text-color); } .ContainerTitlePortal .Title .Line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 3px solid var(--text-color); line-height: 30px; min-height: 38px; } .ContainerLogoEducationOffice, .ContainerSearch, .ContainerLogin { float: left; } .InquiriesAndServicing .ContainerLogin, .AdministrativeSpace .ContainerLogin { min-width: 145px; } .ContainerSearch { /* padding-right: 16px;*/ margin-left: 14px; position: relative; } .ContainerLogin a:hover span.User { text-decoration: underline; } .ContainerSearch a:hover span { text-decoration: underline; } .ContainerLogin { padding: 0 14px; border-left: 1px solid #000; border-right: 1px solid #000; margin-left: 14px; } .ContainerLogoEducationOffice { margin-top: -4px; } .ContainerSearch .IconSearch { background-image: url(../images/icons/search.svg); width: 20px; /*height: 22px;*/ float: left; margin-left: 3px; } .ContainerLogin span, .ContainerSearch span { float: left; font-size: 18px; color: var(--title-color); } .ContainerLogin span.User { float: right; } span.glyphicon.glyphicon-triangle-bottom { margin-top: 4px; } .ContainerLogin .IconLogin { background-image: url(../images/icon-user.png); width: 24px; height: 24px; float: right; margin-left: 10px; } .ContainerLogin .Message { display: inline-block; margin-left: 10px; margin-right: 10px; } .ContainerLogin .Message.badge { background-color: #DF2020; color: #fff; } .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-serv-education-office.png); /* Fix 13-11-2017 */ width: 189px; /* Fix 13-11-2017 */ height: 46px; } /*.accessibility-container { float: right; }*/ .accessibility-container button { background-color: transparent; border: none; padding: 0; text-align: start; } .accessibility-container button img { width: 15px; } .LogoArabic { background-image: url(../images/logo-Arabic.png); width: 44px; height: 31px; } .IconMenuMobile { background-image: url(../images/icon-menu-mobile.png); width: 26px; height: 17px; margin-top: 6px; display: none; } .ColLoginAndSearch .IconMenuMobile:focus, .ColLoginAndSearch .navbar-toggle:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .IconLoginMobile { background-image: url(../images/icon-login-mobile.png); width: 24px; height: 24px; margin-top: 3px; display: none; } .IconSearchMobile { background-image: url(../images/icon-search-mobile.svg); background-repeat: no-repeat; width: 21px; height: 21px; margin: 3px 0px 0px 10px; display: none; } /* Mobile */ .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } .nav > li > a { padding: 10px; height: 100%; } .NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:focus { background-color: #283948; } .NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover, .NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus { background-color: #71A240; } .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover, .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus { background-color: #3098CF; } .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover, .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus { background-color: #92518D; } .NavMenuMobil .nav > li.InquiriesAndServicing > a:hover, .NavMenuMobil .nav > li.InquiriesAndServicing > a:focus { background-color: #DF943B; } .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; } .ContainerTitlePortal a { text-decoration: none; color: #000; } .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; } .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace .nav > li > a:hover, .NavMenuMobil .AdministrativeSpace .nav > li > a:focus { background-color: #F2F7EE; } .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } header.AdministrativeSpace { padding-bottom: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover { background-color: #F2F7EE; } li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .BoxGeneralMessages .GeneralMessages { width: 100%; } /* Mobile */ /*.ContainerLogin, .ContainerSearch { margin-top: 6px; }*/ /* Strip Main */ .StripMain { background-color: #EEEEEE; padding-top: 165px; } .StripMain.ProfessionalSpace, .StripMain.InquiriesAndServicing, .StripMain.AdministrativeSpace { padding-top: 0px; } .SectionRow { margin-bottom: 40px; } .MyMessagesRow { margin-right: 15px; margin-left: 15px; min-height: 300px; } .BoxPortal { background-color: #fff; padding: 5px; /* min-height: 490px;*/ /* -webkit-transition: box-shadow 1s; transition: box-shadow 1s; */ } .grow { transition: all 0.2s ease-in-out; } .BoxPortal:hover .grow { transform: scale(1.03); } img.grow { width: 100%; } /* .RowLimkInfo .Icon.grow:hover { transform: scale(1.2); } */ .BoxPortal:hover { box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3); } .BoxPortal.ManagersSpace .ContainerImg, .BoxPortal.PedagogicalSpace .ContainerImg, .BoxPortal.ProfessionalSpace .ContainerImg { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; /*height: 230px;*/ position: relative; overflow: hidden; } .BoxPortal.ManagersSpace .ContainerImg { /* background-image: url(../images/managers-space.png);*/ } .BoxPortal.PedagogicalSpace .ContainerImg { /* background-image: url(../images/pedagogical-space.png);*/ } .BoxPortal.ProfessionalSpace .ContainerImg { /* background-image: url(../images/professional-space.png);*/ } .ManagersListLinksBox { background-color: #F2F7EE; } .PedagogicalListLinksBox { background-color: #E0EEF5; } .ProfessionalListLinksBox { background-color: #F0E6EF; } .ProfessionalListLinksBox, .PedagogicalListLinksBox, .ManagersListLinksBox { width: 100%; margin-top: 5px; padding: 15px 30px 40px 14px; min-height: 220px; } .BoxPortal.ProfessionalSpace .Title, .BoxPortal.PedagogicalSpace .Title, .BoxPortal.ManagersSpace .Title { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 34px; font-weight: 600; } .PedagogicalListLinksBox .SubTitle { padding: 0 !important; margin-bottom: 10px !important; } .PedagogicalListLinksBox .ContainerSelect { padding-left: 16px; } .PedagogicalListLinksBox .More a, .ProfessionalListLinksBox .More a, .ManagersListLinksBox .More a, .PedagogicalListLinksBox .Links a, .ProfessionalListLinksBox .Links a, .ManagersListLinksBox .Links a { font-size: 18px; margin-bottom: 5px; } .ProfessionalListLinksBox .More a, .PedagogicalListLinksBox .More a, .ManagersListLinksBox .More a { float: left; margin-bottom: 0; } .ProfessionalListLinksBox .More, .PedagogicalListLinksBox .More, .ManagersListLinksBox .More { font-weight: 600; margin-top: 16px; margin-bottom: 10px; } .ManagersListLinksBox .More a, .ManagersListLinksBox .Title { color: #638C39; display: block; } .More { font-weight: 600; margin-top: 16px; margin-bottom: 10px; position: absolute; bottom: 10px; left: 35px; font-size: 18px; } .MoreAdmin { font-weight: 600; margin-top: 16px; margin-bottom: 10px; bottom: 10px; left: 35px; font-size: 18px; float: left; } div.ManagersSpace .More a { color: #476628; } div.ProfessionalSpace .More a { color: #794275; } .ManagersListLinksBox .Links a { color: #476628; display: block; } .PedagogicalListLinksBox .Links a, .PedagogicalListLinksBox .More a, .PedagogicalListLinksBox .Title { color: #2C7094; display: block; } .ProfessionalListLinksBox .More a, .ProfessionalListLinksBox .Title { color: #794275; display: block; } .ProfessionalListLinksBox .Links a { color: #794275; display: block; } .ProfessionalDevelopment, .AdministrativeSpaceRow, .PedagogicalArea { background-color: #fff; padding-top: 20px; padding-bottom: 30px; } .AdministrativeSpaceRow .Graph { min-height: 170px; margin-bottom: 10px; } .AdministrativeSpaceRow .Graph .SubTitle { margin-top: 10px; margin-bottom: 0; } .ProfessionalDevelopment .ButtonRow, .AdministrativeSpaceRow .ButtonRow, .PedagogicalArea .ButtonRow { padding: 0 20px; margin-bottom: 20px; } .ProfessionalDevelopment button.btn-primary, .RowPayCheck button.btn-primary, .MyData button.btn-primary, .TutorialPortal button.btn-primary, .Boxvacation button.btn-primary, .Boxgrade button.btn-primary, .AdministrativeSpaceRow .ButtonRow button.btn-primary, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary, .PedagogicalArea .ButtonRow button.btn-primary { background-color: #517393 !important; } .ProfessionalDevelopment button.btn-primary:focus, .RowPayCheck button.btn-primary:focus, .MyData button.btn-primary:focus, .TutorialPortal button.btn-primary:focus, .Boxvacation button.btn-primary:focus, .Boxgrade button.btn-primary:focus, .AdministrativeSpaceRow .ButtonRow button.btn-primary:focus, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:focus, .PedagogicalArea .ButtonRow button.btn-primary:focus { background-color: #476480 !important; } .ProfessionalDevelopment button.btn-primary:hover, .RowPayCheck button.btn-primary:hover, .MyData button.btn-primary:hover, .TutorialPortal button.btn-primary:hover, .Boxvacation button.btn-primary:hover, .Boxgrade button.btn-primary:hover, .AdministrativeSpaceRow .ButtonRow button.btn-primary:hover, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:hover, .PedagogicalArea .ButtonRow button.btn-primary:hover { background-color: #476480 !important; } .ProfessionalDevelopment button.btn, .TutorialPortal button.btn, .AdministrativeSpaceRow .ButtonRow button.btn, .PedagogicalArea .ButtonRow button.btn { border-radius: 0 !important; font-size: 22px !important; padding: 3px 12px; } .AdministrativeSpaceRow .BoxRequests .Date { color: #999; } .AdministrativeSpaceRow .BoxMessage { border-left: 1px solid #D3D3D3; min-height: 250px; text-align: center; } .AdministrativeSpaceRow .BoxMessage { /* padding: 0 30px;*/ } .AdministrativeSpaceRow .BoxRequests .Requests, .AdministrativeSpaceRow .BoxMessage .Message { margin-bottom: 30px; font-size: 16px; color: #333; } .AdministrativeSpaceRow .BoxRequests .Requests { margin-bottom: 25px; } .BoxRequests .NewRequest a, .BoxRequests .Requests .TheRequests a { text-decoration: none; color: #3A95C5; font-weight: 600; } .PedagogicalArea .LinksBar .Items :hover, .AdministrativeSpaceRow .BoxMessage .Message a:hover, .BoxRequests .NewRequest a:hover, .BoxRequests .Requests .TheRequests a:hover { color: #307ba3; } .AdministrativeSpaceRow .BoxMessage .Message a { color: #3A95C5; font-weight: 600; text-decoration: none; float: left; margin-top: 10px; } .AdministrativeSpaceRow .Title { font-size: 22px; color: #385167; margin-bottom: 20px; font-weight: 600; text-align: center; } .NewRequest { font-size: 16px; } .NewRequest a.Link { float: left; } .NewRequest img { margin-left: 4px; } .BoxGraph .months { font-size: 66px; color: #3A95C5; line-height: 66px; } .BoxGraph .Grade { font-size: 14px; color: #333; margin-bottom: 35px; } .BoxGraph .GradeDate { font-size: 16px; margin-bottom: 24px; } .AdministrativeSpaceRow .Buttons { text-align: center; } .AdministrativeSpaceRow .BoxMessage .Buttons button.btn, .MyData button.btn, .Boxvacation button.btn, .Boxgrade button.btn { border-radius: 0 !important; font-size: 13px; padding: 4px 14px; } .Boxvacation .Graph img { margin-bottom: 25px; } .BoxMessage .vacationMinus, .BoxMessage .vacationPlus { width: 8px; height: 8px; } .BoxMessage.Last { border-left: 0; } .ContainervacationPlusMinus { margin: 0 auto; width: 80%; margin-top: 35px; } .BoxMessage .vacationMinus { background-color: #3A95C5; } .BoxMessage .vacationPlus { background-color: #E3A640; } .ContainerPlus .vacationPlus, .ContainerMinus .vacationMinus { display: inline-block; margin-left: 5px; } .ContainerMinus { float: right; margin-left: 20px; } .ContainerPlus { float: right; } .SectionRow .SubTitle { padding: 0px 20px; margin-bottom: 20px; font-size: 16px; } .TutorialPortal { padding: 20px 0 0 20px; } .TutorialPortal button { margin-bottom: 25px; } .TutorialPortal .Text { font-size: 16px; } .VideoBox { padding-right: 0; margin-bottom: -5px; padding-left: 0; } /* slider links icons */ .LinksSlider { text-align: center; background-color: #385167; padding: 35px 25px; } /* slick slider */ * { box-sizing: border-box; } .PedagogicalArea .TextSlider { background-color: rgba(0, 0, 0, 0.8); width: 100%; bottom: 0; padding: 5px 20px; position: absolute; transition: all 0.2s ease-in-out; } .LinksSlider a { text-decoration: none; } .LinksSlider a.BoxItem .TextSlider { color: #B9C1CA; font-size: 20px; cursor: pointer; text-decoration: none; } .LinksSlider a.BoxItem:hover { opacity: 0.7; } .LinksSlider .slider { width: 100%; margin: 0 auto; } .slick-slide { margin: 0px 10px; position: relative; } .LinksSlider .slick-slide img { width: 92px; height: 92px; margin: auto; margin-bottom: 20px; } .LinksSlider .slick-prev { left: 10px; } .LinksSlider .slick-next { right: 10px; } /*.LinksSlider .slick-next, .LinksSlider .slick-prev{ z-index: }*/ .LinksSlider .slick-prev, .LinksSlider .slick-next { width: 35px; height: 35px; } .LinksSlider .slick-prev:before, .LinksSlider .slick-next:before { font-size: 25px; color: #fff; } /* Pedagogical Slider */ .PedagogicalSlider { padding: 0 45px; } .PedagogicalSlider .slick-prev:before, .PedagogicalSlider .slick-next:before { font-size: 25px; color: #000; } .PedagogicalSlider .slick-slide img { width: 100%; height: 165px; margin: auto; } .PedagogicalSlider .slider { width: 100%; margin: 0 auto; } .PedagogicalSlider .slick-prev { left: 10px; } .PedagogicalSlider .slick-next { right: 10px; } .PedagogicalSlider a .TextSlider { font-size: 18px; color: #fff; } .PedagogicalSlider a.BoxItem { overflow: hidden; } .PedagogicalSlider a.BoxItem:hover img.grow { transform: scale(1.1); } .PedagogicalArea .LinksBar .Title { color: #333; font-weight: 600; font-size: 24px; } .PedagogicalArea .LinksBar .Items { color: #3A95C5; font-size: 24px; } .PedagogicalArea .LinksBar .Items a { text-decoration: none; color: #3A95C5; font-weight: 600; } .PedagogicalArea .LinksBar .Items a, .PedagogicalArea .LinksBar .Title { margin-left: 15px; } .ProfessionalDevelopment, .AdministrativeSpaceRow, .PedagogicalArea, .MyMessagesRow, .BannerRow, .VideoRow { background-color: #fff; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .LinksSlider { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .BannerRow { padding: 12px; min-height: 337px; } .VideoRow { min-height: 410px; } .ContianerNews .NewsTitle a { font-size: 18px; font-weight: 600; } .ContianerNews .NewsTitle a, .ContianerNews .NewsDate a { color: #333; text-decoration: none !important; } .ContianerNews.Middle { padding: 20px 0; margin: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .ContianerNews .NewsImg { width: 100%; } .col-md-5.ContianerImg { padding-left: 0; } /* Strip Footer */ footer { width: 100%; background-color: var(--title-color); padding: 30px 0; min-height: 307px; } .SubFooter { width: 100%; background-color: var(--footer-strip); min-height: 56px; position: relative; } .sub-footer-row { padding-top: 14px; padding-bottom: 14px; } .ContainerCredit { color: var(--footer-font-color); /*margin-top: 20px;*/ } .ContainerCredit a { color: var(--footer-font-color); vertical-align: middle; } .ContainerCredit span { vertical-align: middle; } .StripFooter .TitleBox { font-size: 20px; color: var(--footer-font-color); margin-bottom: 20px; } .StripFooter .TitleBox div::after { display: block; content: ""; width: 35px; height: 3px; background: var(--link-color); bottom: 0; left: 0; margin-top: 7px; border-radius: 4px; } footer .ListLinks .Title, footer .ListLinks a { display: block; font-size: 16px; color: var(--footer-font-color); margin-bottom: 8px; } footer .BoxListLinks { border-right: 1px solid #456481; min-height: 273px; } /*.ContainerSocialMedia { margin-top: 10px; }*/ .ContainerSocialMedia .MediaIcon { background-repeat: no-repeat; /*width: 40px;*/ max-width: 28px; /*height: 40px;*/ float: left; margin-right: 17px; } .ContainerSocialMedia .MediaIcon:hover { opacity: 0.5; } .ContainerSocialMedia .facebook { background-position: -51px -4px; } .ContainerSocialMedia .Twitter { background-position: -103px -4px; } .ContainerSocialMedia .youtube { background-position: -154px -4px; } select.SelectDomain, select.SelectStep { margin-bottom: 11px; border-radius: 0px; background-color: #fff; height: 32px; color: #000; font-size: 16px; cursor: pointer; } select.SelectDomain.form-control, select.SelectStep.form-control { padding: 0px 12px; } .ButtonSearch.btn.btn-default { color: #fff; background-color: #2C7094; border: 0; border-radius: 0; font-size: 18px; width: 100%; padding: 1px 0px 3px 0; } .ButtonSearch.btn.btn-default:hover { background-color: #266281; } /* המרחב המינהלי */ header.AdministrativeSpace { padding-bottom: 8px; } .HeaderMenu nav { background-color: #E9EEF3; } .HeaderMenu nav ul { list-style-type: none; padding-right: 0; } .HeaderMenu nav > ul > li { display: block; float: right; height: 33px; border-left: 2px #fff solid; /* margin-left: 2px;*/ } .HeaderMenu nav > ul > li > a { text-align: center; background-color: #E9EEF3; line-height: 30px; display: block; font-size: 18px; color: #000; padding: 0; text-decoration: none; } .HeaderMenu nav > ul > li.Active > a, .HeaderMenu nav > ul > li > a:focus, .HeaderMenu nav > ul > li > a:hover { background-color: #c3ccd5; } .HeaderMenu nav ul li ul.upper-menu-sub-menu { background-color: #fff; border: 1px solid #E7E7E7; padding: 10px 10px 5px 10px; position: fixed; max-height: 80vh; overflow-y: auto; } .HeaderMenu nav ul li ul { display: none; } .HeaderMenu nav ul li ul.sub-menu-second-collapse-tier { position: relative; width:100%; background-color:transparent; } .HeaderMenu nav ul li:hover ul:not(.sub-menu-second-collapse-tier) { display: block; } .sub-pages:focus { display: block; } .HeaderMenu nav ul li ul a { color: #567C30; font-size: 16px; display: block; padding: 3px 14px; margin-bottom: 5px; text-decoration: none; } .HeaderMenu nav ul li ul li.Active, .HeaderMenu nav ul li ul a:focus, .HeaderMenu nav ul li ul a:hover { background-color: #eee; } .HeaderMenu nav ul li ul li.Active { font-weight: 600; } li.ContainerHomeIcon a.LimkHome { background-color: #BEC8D2; } li.ContainerHomeIcon img { vertical-align: top; } .TitleBar { padding: 15px 0; } .TitleBar .Breadcrumbs { float: right; } .TitleBar .Breadcrumbs a { display: inline-block; margin-left: 3px; color: #000; font-size: 14px; } .TitleBar .buttons img { display: inline-block; float: left; margin-right: 3px; } /* aside */ /*.StripMain aside, .StripMain.ProfessionalSpace aside, .StripMain.AdministrativeSpace aside { background-color: #fff; padding: 20px; margin-bottom: 60px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); min-height: 437px; }*/ aside .BoxLimkInfo { margin-bottom: 25px; } aside .RowLimkInfo { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; margin-bottom: 10px; } .TextLimk a:hover, a:link { text-decoration: none !important; } aside .RowLimkInfo .Icon { display: inline-block; float: right; margin-left: 10px; background-repeat: no-repeat; width: 22px; height: 22px; } .Icon.MyMessages { background-image: url(../images/aside-icon-my-messages.png); } .Icon.Messages { background-image: url(../images/aside-icon-Messages.png); } .Icon.NewTurn { background-image: url(../images/aside-icon-new-turn.png); } .Icon.ServiceCenter { background-image: url(../images/aside-icon-service-center.png); } .Icon.Treating { background-image: url(../images/aside-icon-treating.png); } .Icon.UsefulForms { background-image: url(../images/aside-icon-useful-forms.png); } aside .RowLimkInfo .TextLimk { display: inline-block; float: right; font-size: 16px; color: #333; } aside .RowLimkInfo .TextLimk:hover { color: #929292; } aside .BoxInfoBanner { width: 100%; position: relative; margin-bottom: 30px; } .BoxInfoBanner img.Banner { width: 100%; } .BoxInfoBanner .Title { width: 100%; font-size: 22px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 4px 8px; position: absolute; bottom: 0; } /* main */ main .RowGeneralMessages { background-color: #fff; padding: 5px; margin-bottom: 40px; } .BoxGeneralMessages { background-color: #F2F7EE; width: 100%; min-height: 223px; } .BoxGeneralMessages .ComtainerImg { width: 32%; float: left; } .BoxGeneralMessages .ComtainerImg img { display: inline-block; border-right: 5px solid #fff; float: left; } .BoxGeneralMessages .GeneralMessages { padding: 10px 20px 20px 20px; width: 68%; display: inline-block; float: right; } .BoxGeneralMessages .Title { font-size: 28px; font-weight: 600; color: #608A37; margin-bottom: 10px; } .BoxGeneralMessages .GeneralMessages .Date { font-size: 16px; color: #51742E; } .BoxGeneralMessages .GeneralMessages .Messages { font-size: 16px; color: #333; } .GeneralMessages .MessagesItem { margin-bottom: 10px; } main .ComtainerRow { background-color: #fff; padding: 15px; margin-bottom: 40px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .ComtainerRow .BtnTitle { background-color: #71A240; padding: 5px 20px; color: #fff; font-size: 22px; display: inline-block; margin-bottom: 10px; } .BoxMyMessages { width: 100%; padding-bottom: 10px; border-top: 1px solid #E2E2E2; padding-top: 10px; } .BoxMyMessages:first-child { border-top: 0; } .BoxMyMessages .MyMessages { float: right; font-size: 16px; } .ContainerFroms .MoreFroms a, .ContainerLinks .MoreLinks a, .BoxMyMessages .MyMessagesLink a { float: left; font-size: 16px; color: #567C30; font-weight: 600; } .ComtainerRow.MyData .Title { text-align: center; font-size: 16px; font-weight: 600; margin-top: 10px; } .ComtainerRow.MyData .BoxInfo { margin-bottom: 20px; min-height: 120px; } .ComtainerRow.MyData .SubTitle { text-align: center; font-size: 16px; color: #333; margin-bottom: 20px; font-weight: normal; } .ComtainerRow.MyData .Button { text-align: center; } .MyData .BoxMyData { margin: 20px 5px; } .MyData .BoxMyDataBottom { margin: 0 20px; } .col-md-3.ColMyData { padding: 20px 0; } .ColMyData { border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; min-height: 320px; padding-top: 20px; } .ColMyData:nth-child(4n) { border-left: none; } .ColMyData:nth-child(n+5) { border-top: none; } .col-md-3.LestColMyData { padding: 20px 0; } .BoxMainTheme img.ImgTheme { margin-top: 30px; width: 100%; } .BoxMainTheme { position: relative; margin-bottom: 10px; } .BoxMainTheme .Title { text-align: center; width: 100%; font-size: 16px; line-height: 14px; min-height: 44px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 8px 0; position: absolute; bottom: 0; } /* wage */ .ContainerLinks a, .AsideMenu a { color: #567C30; font-size: 16px; display: block; padding: 3px 14px; margin-bottom: 5px; text-decoration: none; } .AsideMenu a.Active, .AsideMenu a:focus, .AsideMenu a:hover { background-color: #eee; } .AsideMenu a.Active { font-weight: 600; } .AsideMenu { margin-bottom: 50px; } .RowPayCheck { background-color: #fff; padding: 5px; margin-bottom: 40px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .RowPayCheck .Title { font-size: 32px; color: #fff; background-color: #71A240; padding: 0px 30px; } .RowPayCheck .BoxLinks { background-color: #F2F7EE; padding: 20px 20px 10px 20px; /* min-height: 216px;*/ } .RowPayCheck .BoxLinks a { display: block; color: #567C30; font-size: 16px; font-weight: 600; margin-bottom: 6px; text-decoration: none; } .RowPayCheck .ContentPayCheck { margin-top: 20px; } .RowPayCheck .Containerimg { margin: 25px 0 18px 0; } .RowPayCheck .Containerimg img { width: 100%; } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 0; padding-right: 0; } .RowPayCheck .ContentPayCheck { font-size: 16px; color: #333; padding-right: 30px; margin-bottom: 41px; } .RowPayCheck .Button { padding-right: 30px; font-weight: 600; } .RowPayCheck button.btn { border-radius: 0 !important; font-size: 14px; font-weight: 600; padding: 2px 14px; margin-bottom: 10px; } .MyDataWage select.form-control { height: 41px; font-size: 16px; border-radius: 0; } .MyDataWage .RowSelect { margin: 25px 0; } .MyDataWage .RowSelect label { font-size: 16px; font-weight: normal; margin: 10px 20px 0 0; } .MyDataWage .RowSelect button.btn { font-size: 18px; font-weight: 600; border-radius: 0; height: 41px; padding: 6px 20px; } .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .MyDataWage .RowSelect button.btn-success:hover { background-color: #4c6c2c; } .MyDataWage .BoxInfoData { margin: 0 35px; } .MyDataWage .BoxInfoData .Title { font-size: 20px; color: #71A240; font-weight: 600; margin-bottom: 20px; } .MyDataWage .BoxInfoData .TextContent { font-size: 16px; margin-bottom: 10px; } .BoxInfoData .BlockContent { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E1E1E1; } .BoxInfoData .BlockContent.BlockContentLast { border: 0; } /*.PanelCollapse { margin-bottom: 8px; }*/ .PanelCollapse a { text-decoration: none; } .PanelCollapse [aria-expanded=false] .BtnCollapse { background-image: url(../images/plus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .PanelCollapse [aria-expanded=true] .BtnCollapse { background-image: url(../images/minus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .BoxInfo a[data-toggle=collapse] { background-image: url(../images/triangle-left.png); width: 10px; height: 10px; display: inline-block; margin: 6px 0 0px 5px; background-repeat: no-repeat; background-color: #fff !important; border-color: #fff !important; } .BoxInfo a.CollapseIn[data-toggle=collapse] { background-image: url(../images/triangle-down.png); } .BoxInfo .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-down.png); } .BoxInfo .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-left.png); } .BoxMyData div.panel { border: 0px; -webkit-box-shadow: 0; box-shadow: none; margin-bottom: 0; } .PanelCollapse .Questions { font-size: 18px; font-weight: 600; padding: 8px; background-color: var(--stock-search-bg); color: #123A5E; } .PanelCollapse .Questions:before { content: ' '; display: inline-block; background-image: url(/images/icons/qa-plus.svg); background-size: contain; height: 17px; width: 17px; margin-inline-end: 8px; vertical-align: middle; } .qa-component .panel-collapse { padding: 6px; } .qa-component .PanelCollapse [aria-expanded=true] .Questions:before { background-image: url(/images/icons/qa-minus.svg); } .ContentCollapseBullets { padding: 0px 18px; font-size: 16px; } /* Portal Tabs */ .PortalTabs { margin-top: 10px; } .PortalTabs .nav-tabs > li { margin-left: 5px; margin-right: 2px; } .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { background-color: #F2F7EE; padding: 11px 11px; padding-bottom: 16px; } .PortalTabs .nav-tabs { border-bottom: 0; } .PortalTabs .nav-tabs > li > a { border-radius: 0; } .PortalTabs .nav-tabs > li > a, .PortalTabs .nav-tabs > li > a:focus, .PortalTabs .nav-tabs > li > a:hover { background-color: #D1E2C2; color: #333; font-size: 16px; font-weight: 600; } .PortalTabs .tab-content .tab-pane { padding: 20px; font-size: 16px; } .ContainerFroms { margin-top: 9px; } .ContainerFroms a { line-height: 27px; text-decoration: none; vertical-align: middle; } .ContainerFroms .Item { display: block; margin-bottom: 8px; } .ContainerFroms .IconPdf, .ContainerFroms .IconWord, .ContainerFroms .IconExcel { margin-left: 10px; float: right; margin-bottom: 5px; } .ContainerFroms .IconPdf { background-image: url(../images/icon-pdf.png); width: 22px; height: 27px; } .ContainerFroms .IconWord { background-image: url(../images/icon-word.png); width: 26px; height: 26px; } .ContainerFroms .IconExcel { background-image: url(../images/icon-Excel.png); width: 28px; height: 25px; } .ContainerFroms a span.TextLink { color: #333; font-size: 16px; vertical-align: top; } .ContainerFroms button.btn, .ContainerLinks button.btn { border-radius: 0 !important; font-size: 14px; font-weight: 600; padding: 2px 14px; } .ContainerLogin { cursor: pointer; /* position: relative;*/ } .dropdown-content { background-color: #fff; border: 1px solid #CCCCCC; padding: 10px; position: absolute; top: 80px; max-width: 275px; min-width: 275px; z-index: 100; display: none; } .BoxDropdownContent { padding-bottom: 16px; } /* .BoxDropdownContent:hover .dropdown-content{ display: block; } */ .dropdown-content .Item, .dropdown-content a { margin-bottom: 5px; margin-top: 5px; color: #333; } .dropdown-content .Details { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E1E1E1; } .ListMessage { overflow: auto; max-height: 200px; padding: 5px; margin-bottom: 5px; } .dropdown-content .ContainerListMessage a { float: left; text-decoration: underline; } .dropdown-content .ContainerListMessage button.btn, .dropdown-content .Details button.btn { padding: 1px 12px; float: left; } .dropdown-content .ContainerListMessage .ListMessage ol { padding-right: 15px; } .ContainerListMessage .Title { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .BoxDropdownContent { float: left; } .ListMessage ol li { margin-bottom: 10px; } .TitleSpace.Professional, .TitleSpace.Administrative { width: 100%; color: #fff; padding: 10px 15px; font-size: 18px; display: none; } .TitleSpace.Administrative { background-color: var(--mobile-nav-header-color); } .TitleSpace.Professional { background-color: #92518D; } .clearfix.mobile { display: none; } .RightSliderArrow.slick-arrow { background-image: url(../images/gallery-slick-arrow-right.svg); width: 16px; height: 29px; position: absolute; right: 15px; cursor: pointer; opacity: 0.7; top: 40%; } .LeftSliderArrow.slick-arrow { background-image: url(../images/slider-left-arrow.png); width: 16px; height: 29px; position: absolute; left: 15px; top: 0; cursor: pointer; opacity: 0.7; top: 40%; } .RightSliderLinksArrow.slick-arrow { background-image: url(../images/slider-links-right-arrow.png); width: 16px; height: 28px; position: absolute; right: 15px; cursor: pointer; opacity: 0.7; top: 40%; } .LeftSliderLinksArrow.slick-arrow { background-image: url(../images/slider-links-left-arrow.png); width: 16px; height: 28px; position: absolute; left: 15px; top: 0; cursor: pointer; opacity: 0.7; top: 40%; } /* Skip Links */ .SkipLinks p { display: none; } a.Skip:focus, a.Skip:active { background-color: #FFF; color: #000; height: auto; right: 30px; left: 0; padding: 15px; position: absolute; top: 0; right: 0; width: 250px; z-index: 10000; font-weight: bold; } .SkipLinks { font-size: 90%; position: relative; margin: 0em auto; margin-right: 0; width: 900px; } a.Skip { height: 1px; left: 0; position: absolute; top: -1000px; width: 1px; font-size: 100%; padding: 0 10px; text-decoration: none; font-size: 16px; } .BoxPedagogicalLearning { padding: 0 20px; } .LearningContent { margin-top: 10px; margin-bottom: 30px; } .LearningContent .ContianerImg img { width: 100%; } .LearningContent .Title a, .LearningContent .Date a, .LearningContent .ContentText { color: #333; text-decoration: none; } .LearningContent .Title { font-size: 20px; font-weight: 600; line-height: 20px; } .LearningContent .Date a { font-size: 14px; } .LearningContent .ContentText { font-size: 16px; } .LearningContent .ContianerText { margin-top: 10px; } .Banner .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 20%; } .Banner .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 30%; } .Banner .carousel-indicators .active { width: 13px; height: 13px; margin: 0; background-color: #F7AA16; } .Banner .carousel-indicators li { background-color: #2E4254; width: 13px; height: 13px; margin: 0; } .Banner .carousel-indicators { padding: 0; left: 0; margin-bottom: 0; bottom: 10px; } .Banner .carousel-caption { background-color: rgba(0, 0, 0, 0.8); width: 85%; padding: 10px 15px; right: 4%; bottom: 35px; text-align: right; } .Banner .carousel-caption h3 { margin: 0 0 10px 0; padding: 0; line-height: 25px; } .StripTitleBar { padding-top: 166px; background-color: #EEEEEE; } /* פניות ומתן שירות */ /* opening contacting page */ header.InquiriesAndServicing { padding-bottom: 8px; } main .ComtainerRow.InquiriesAndServicing { padding: 7px; margin-bottom: 20px; } .BoxTitlepage .Title { color: #fff; background-color: #DF943B; font-size: 28px; font-weight: 600; line-height: 28px; padding: 5px 15px 7px 15px; } aside.ContainerAside { background-color: #fff; padding: 20px; margin-bottom: 60px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .TitleForm p { margin-bottom: 20px; font-size: 16px; } .TitleForm p:last-child { margin-bottom: 30px; } legend { display: none; } .form-control.FormStandard { border-radius: 0; } .OpeningContactingForm .FormRow { margin-bottom: 25px; } form { font-size: 16px; } form label { font-weight: normal; } form .FileType { font-size: 13px; } .TitleRadioButton { font-size: 18px; font-weight: 600; padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #ccc; } form.OpeningContactingForm input[type=radio] { margin-left: 18px; margin-bottom: 10px; } form.OpeningContactingForm .RadioButtonDetails { margin-right: 30.8px; margin-top: 5px; margin-bottom: 20px; } .RadioButtonDetails span { display: inline-block; margin-left: 8px; padding-left: 10px; line-height: 14px; border-left: 1px solid #333; } .RadioButtonDetails span:last-child { border: 0; margin-left: 0; } .RadioButtonDetails .form-control { display: inline-block; width: auto; font-size: 16px; border: 1px solid #ccc; border-radius: 0; vertical-align: middle; } .RadioButtonDetails label { margin-left: 5px; margin-bottom: 0; } .RadioButtonDetails input { margin-left: 3px; } .RadioButtonDetails select { margin-left: 20px; } .RadioButtonDetails a { display: block; color: #333; text-decoration: underline; margin-top: 15px; cursor: pointer; } .FormRow .ContainerButtons { float: left; } .FormRow .ContainerButtons a { margin-left: 40px; vertical-align: bottom; } .FormRow .ContainerButtons button { margin-left: 20px; } .ServiceButton.btn { font-size: 24px; line-height: 22px; height: 40px; padding: 0 30px; } .ServiceButton.btn-warning { background-color: #DF943B; border: 0; } form.OpeningContactingForm .input-group .form-control { width: 95%; } form.OpeningContactingForm .FormRow .input-group-btn:last-child > .btn, form.OpeningContactingForm .FormRow .input-group .form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } form.OpeningContactingForm .FormRow .form-control[disabled], form.OpeningContactingForm .FormRow .form-control[readonly], form.OpeningContactingForm .FormRow fieldset[disabled] .form-control { background-color: #fff; } form.OpeningContactingForm .FormRow label.btn { padding: 4px 10px 6px 35px; font-size: 16px; } form.OpeningContactingForm .FormRow .close { float: right; color: #FF0000; opacity: 0.8; margin-left: 5px; } form.OpeningContactingForm .FormRow .BoxButtonClose { margin-top: 6px; } /* modal */ .modal.InquiriesAndServicing .modal-title { font-size: 22px; color: #DF943B; } .modal.InquiriesAndServicing label { font-weight: normal; margin-bottom: 0; } .modal.InquiriesAndServicing .form-control { border-radius: 0; } .modal.InquiriesAndServicing select.form-control { display: inline-block; width: 85%; } .modal.InquiriesAndServicing .modal-body button.CloseRwo.close { display: inline-block; color: #FF0000; opacity: 0.8; margin-left: 0px; margin-top: 6px; } .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning { background-color: #DF943B; border: 0; } .modal.InquiriesAndServicing .modal-footer .btn.btn-default, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn { font-size: 20px; line-height: 17px; height: 30px; width: 123px; padding: 0 0 3px 0; } .modal.InquiriesAndServicing .modal-footer .btn-default { background-color: #666; color: #fff; } .modal.InquiriesAndServicing .modal-body .BoxRow { margin-bottom: 25px; } .modal.InquiriesAndServicing .modal-body .BoxCheckbox { padding-right: 0; margin-top: 5px; } .modal.InquiriesAndServicing .modal-body .BoxRow input[type=checkbox] { margin-left: 5px; } .modal.InquiriesAndServicing .modal-body input[type=email] { display: inline-block; width: 94%; } .modal.InquiriesAndServicing .modal-body .BoxRow ul { margin-top: 5px; list-style-type: none; padding-right: 0; } .modal.InquiriesAndServicing .modal-body .BoxRow ul > li:before { content: "*"; margin-left: 3px; } .modal.InquiriesAndServicing .modal-body .BoxRow .ColComment, .modal.InquiriesAndServicing .modal-body .BoxRow .Colphone, .modal.InquiriesAndServicing .modal-body .BoxRow .SelectCol { padding-right: 0; } /* End modal */ /* forms gage */ .PanelCollapseMain { background-color: #EFEFEF; margin-bottom: 4px; } .PanelCollapseMain .OpenClose { width: 30px; height: 40px; float: right; } .PanelCollapseMain .Title { line-height: 38px; font-size: 22px; color: #333; float: right; } .PanelCollapseMain [aria-expanded=false] .OpenClose { background-image: url(../images/open-close-c.png); } .PanelCollapseMain [aria-expanded=true] .OpenClose { background-image: url(../images/open-close-o.png); } .SubCollapse .SubOpenClose { width: 30px; height: 40px; float: right; } .SubCollapse .Title { font-size: 18px; line-height: 40px; color: #333; float: right; } .SubCollapse [aria-expanded=false] .SubOpenClose { background-image: url(../images/sub-open-close-c.png); } .SubCollapse [aria-expanded=true] .SubOpenClose { background-image: url(../images/sub-open-close-o.png); } .ContainerLink { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E2E2E2; } .ContainerLink a { display: block; margin-right: 30px; font-size: 14px; } .FormsSection .FormItem { padding-right: 30px; margin-bottom: 10px; } .FormItem span, .SubCollapse .Title, .PanelCollapseMain .Title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; } .FormItem span { display: inline-block; vertical-align: top; } /* administrative-space-search */ .ComtainerRow.Search { padding: 7px; } .ComtainerRow.Search .BoxTitlepage .Title { background-color: #71A240; } .ContainerRadioButtns { /* padding: 15px;*/ width: 375px; /*margin-bottom: 10px;*/ } .ContainerRadioButtns span { margin-left: 10px; } .ContainerRadioButtns input[type=radio] { margin-left: 5px; vertical-align: text-top; } .ContainerRadioButtns label { font-weight: normal; margin-left: 10px; } .ContainerRadioButtns .InputSearch .form-control { border-radius: 0; } .ContainerRadioButtns .InputSearch { position: relative; } .ContainerRadioButtns .InputSearch .IconSearch { background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 7px; left: 0; } .ContainerRadioButtns .InputSearch .IconSearchPage { background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 5px; left: 0; } .ContainerTotalSearch { padding: 0 15px; } .ContainerTotalSearch .SucTitle { font-size: 20px; color: #567C30; font-weight: 600; } .ContainerTotalSearch .TotalTitle { margin-bottom: 20px; } .ContainerTotalSearch .BoxTotalItem { margin-bottom: 20px; } .Containerpagination nav { width: auto; text-align: center; margin: 0 auto; float: none; } .Containerpagination .pagination > .active > a, .Containerpagination .pagination > .active > a:focus, .Containerpagination .pagination > .active > a:hover, .Containerpagination .pagination > .active > span, .Containerpagination .pagination > .active > span:focus, .Containerpagination .pagination > .active > span:hover { color: #fff; background-color: #71A240; border-color: #71A240; } .Containerpagination .pagination [aria-hidden=true] { font-size: 24px; font-weight: 600; line-height: 10px; color: #71A240; } /* my referral page */ .TitleItem { font-size: 24px; color: #717171; margin-bottom: 20px; } .RowTitle { margin-bottom: 15px; } .RowTitle a.buttonNewRequest { display: inline-block; font-size: 18px; line-height: 30px; background-color: #FCF2E9; color: #B9731E; border: 1px solid #B9731E; border-radius: 5px; padding: 0 5px 3px 5px; text-decoration: none; } .RowTitle a.buttonNewRequest:hover { background-color: #f5eae2; } .RowTitle select.form-control { float: left; margin-right: 10px; width: 150px; display: inline-block; border-radius: 0; } .ComtainerRow ul { list-style-type: none; padding-right: 0; } .ComtainerRow ul li.Striped { padding: 10px 5px 5px 10px; } .ComtainerRow ul li.Striped:nth-of-type(odd) { background-color: #F2F2F2; } .ComtainerRow ul li.Striped:nth-of-type(even) { background-color: #FFFFFF; } .ContainerCollapseStriped .panelCollapseStriped .CloseOpen { width: 30px; height: 40px; float: right; margin-top: -9px; } .panelCollapseStriped [aria-expanded=false] .CloseOpen { background-image: url(../images/sub-open-close-c.png); } .panelCollapseStriped [aria-expanded=true] .CloseOpen { background-image: url(../images/sub-open-close-o.png); } .panelCollapseStriped img { margin-left: 3px; vertical-align: bottom; } .panelCollapseStriped .MainMotif { color: #25739C; } .panelCollapseStriped { margin-bottom: 10px; } .Contentcollapse .InfoGeneral { padding: 15px 0; margin: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .Contentcollapse .help, .Contentcollapse .InfoGeneral { font-size: 13px; } .Contentcollapse .help { margin-bottom: 20px; } .Containerpagination.InquiriesAndServicing .pagination > .active > a, .Containerpagination.InquiriesAndServicing .pagination > .active > a:focus, .Containerpagination.InquiriesAndServicing .pagination > .active > a:hover, .Containerpagination.InquiriesAndServicing .pagination > .active > span, .Containerpagination.InquiriesAndServicing .pagination > .active > span:focus, .Containerpagination.InquiriesAndServicing .pagination > .active > span:hover { color: #fff; background-color: #DF943B; border-color: #DF943B; } .Containerpagination.InquiriesAndServicing .pagination [aria-hidden=true] { font-size: 24px; font-weight: 600; line-height: 10px; color: #DF943B; } .panelCollapseStriped .Email a, .Contentcollapse a, .panelCollapseStriped .SubMainMotif a { text-decoration: underline; } .Contentcollapse .help .Title { margin-bottom: 5px; } .InfoGeneral .col-md-6 .col-md-5 { padding-left: 0; padding-right: 0; } .MainMotif .Icon img, .SubMainMotif .Icon img { margin-right: -31px; margin-left: 14px; vertical-align: middle; margin-top: -1px; } /* search services page */ .TitleBarSearchServices { margin-bottom: 40px; } .TitleBarSearchServices label { width: 30%; font-weight: normal; float: right; line-height: 34px; margin-bottom: 0; } .TitleBarSearchServices select.form-control { width: 70%; border-radius: 0; display: inline-block; float: right; } .ServiceButton.Search.btn { font-size: 20px; height: 34px; width: 100%; padding: 0; padding-bottom: 4px; } .ServiceButton.Search.btn.Disabled { opacity: 0.2; } .ServiceButton.Search.btn:hover { background-color: #cc8736; } .boxCollapses { border: 1px solid #ccc; margin-bottom: 15px; } .boxCollapses ul { margin-bottom: 0; } .TitleboxCollapses { padding-right: 20px; line-height: 40px; font-weight: 600; } .boxCollapses .ContainerCollapseStriped { padding-right: 15px; } .panelCollapseStriped a.MoreInfo { display: inline-block; font-size: 14px; line-height: 22px; background-color: #DF943B; color: #fff; border-radius: 5px; padding: 0 6px 2px 6px; text-align: center; margin-top: 10px; text-decoration: none; } .panelCollapseStriped a.MoreInfo:hover { background-color: #cc8736; opacity: 1; } .panelCollapseStriped a.MoreInfo[aria-expanded=false] .ArrowOpening:after { content: url(../images/icon-more-info-c.png); width: 8px; height: 8px; margin-right: 2px; } .panelCollapseStriped a.MoreInfo[aria-expanded=true] .ArrowOpening:after { content: url(../images/icon-more-info-o.png); width: 8px; height: 8px; margin-right: 2px; } .ContainerCollapseStriped .TitleCol { font-weight: 600; } .ContainerCollapseStriped .ColumnsBox { border-top: 1px solid #ccc; padding-top: 5px; margin-bottom: 30px; } .ColumnsBox .Fax { /* margin-top: 20px;*/ } .NameInstitution { margin-bottom: 20px; font-weight: 600; } /* service centers page */ .TitleAndSub { margin-bottom: 25px; } .TitleAndSub .Title { font-size: 20px; color: #333; } .GeneralInfoBox { margin-bottom: 25px; } .ContainerItemService { border-top: 1px solid #ccc; padding-top: 15px; margin-bottom: 20px; } .ContainerItemService .Title { font-size: 22px; font-weight: 600; color: #DF943B; margin-bottom: 10px; } .ContainerItemService .TitleCol { font-weight: 600; margin-bottom: 5px; } /* Search Options Box */ .SearchOptionsBox { position: absolute; /*top: 80px;*/ background-color: #fff; border: 1px solid #ccc; display: none; right: auto; left: -185px; } .SearchOptionsBox .ContainerRadioButtns { font-size: 14px !important; margin-bottom: 0; padding: 10px; width: 400px; } .SearchOptionsBox .ContainerRadioButtns .Title { float: right; font-size: 14px !important; margin-bottom: 8px; } .SearchOptionsBox .CloseSearch { float: left; cursor: pointer; margin-top: -6px; margin-left: -6px; margin-bottom:5px; } .SearchOptionsBox .CloseSearch:hover { opacity: 0.6; } .RowInfoBanner { padding-left: 20px; padding-right: 20px; } .InfoBannerBox { position: relative; } .InfoBannerBox .ImgBanner { width: 100%; } .InfoBannerBox .TitleInfo { text-align: center; width: 100%; font-size: 24px; line-height: 24px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 10px 5px; position: absolute; bottom: 0; } /* professional space home page */ .ProfessionalSpace main .BoxGeneralMessages { background-color: #F1E7F0; } .ProfessionalSpace main .BoxGeneralMessages .Title, .ProfessionalSpace main .BoxGeneralMessages .GeneralMessages .Date { color: #92518D; } .ProfessionalSpace main .ComtainerRow .BtnTitle { background-color: #92518D; } .ProfessionalSpace main .BoxMessages { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; } .ProfessionalSpace main .BoxMessages:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } .ProfessionalSpace main .BoxMessages .MessagesLink a { float: left; font-size: 16px; color: #92518D; font-weight: 600; } .ProfessionalSpace main .BoxMessages .Messages { float: right; font-size: 16px; } .StripMain.ProfessionalSpace aside { margin-bottom: 40px; } .LearningContent .ContianerReadMore { float: left; margin-top: 15px; color: #92518D; font-weight: 600; } .LearningContent .ContianerReadMore a { color: #92518D; font-weight: 600; } .ProfessionalSpace .LearningContent { margin-top: 10px; margin-bottom: 10px; } .ProfessionalSpace .LearningContent .col-md-4.ContianerImg { padding-left: 0; } .ServiceButton.btn-warning.PaneTab, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } .ServiceButton.btn-warning.PaneTab:hover, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab:hover { background-color: #648f38; } .tab-pane .OpeningContactingForm .FormRow:last-child { margin-bottom: 0; } .tab-pane .OperationalSupport { padding-right: 12px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E1E1E1; } .tab-pane .OperationalSupport:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .tab-pane .OperationalSupport .Title { font-size: 18px; font-weight: 600; } .tab-pane .OperationalSupport .Title:before { content: url(../images/icon-left-arrow.png); margin-right: -12px; margin-left: 6px; } .tab-pane .TitleboxCollapses { background-color: #fff; } .tab-pane .panelCollapseStriped a.MoreInfo { background-color: #71A240; } .tab-pane .panelCollapseStriped a.MoreInfo:hover { background-color: #648f38; } .tab-pane ul li.Striped:nth-of-type(odd) { background-color: #EBEEE8; } .tab-pane ul li.Striped:nth-of-type(even) { background-color: #FFFFFF; } .ServiceButton.Search.btn.PaneTab.unidentified { width: auto; float: left; padding: 0 10px; margin-top: 40px; } .modal-body ul { padding-right: 0; } .modal-body ul li { list-style-type: none; } .ContainerListMessage .ListMessage ol > li > a { text-decoration: none; float: none; } .ContainerListMessage .ListMessage ol > li > a:hover { text-decoration: underline; } .Box404 { padding: 22px; } .Title404 { margin-top: 22%; position: absolute; z-index: 999; color: #F9B52F; font-size: 36px; text-align: center; } .Back404 { color: #fff; } .Back404 a:link a:visited { color: #fff; text-decoration: none; } .Back404 a:hover { color: #B9B9B9; text-decoration: none; } .Back404 { font-size: 24px; color: #fff; margin-top: 20px; } div.Title404 h1 { color: #F9B52F; font-size: 36px; } div.ColMyData h3 { color: #71A240; font-size: 22px; text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 10px; } .BoxInfo ul { list-style-type: none; color: #000; font-size: 14px; line-height: 170%; margin-bottom: 0px; } .BoxInfo li:before { content: ""; margin-left: 5px; display: inline-block; width: 6px; height: 6px; background-color: #539794; border-radius: 0%; margin-bottom: 1px; } .BoxInfo ul ul li { list-style-type: none; color: #000; font-size: 14px; font-weight: normal; } .BoxInfo ul ul li:before { background: none; } .BoxInfo ul ul li:after { background: none; } .ColMyData .panel-group .panel { margin-top: 3px; } .MyDataDetails { bottom: 10px; padding-left: 10px; position: absolute; float: left; left: 5px; font-size: 16px; } div.ButtonRow > a:hover { background-color: #517393 !important; } .GuideTitle { border-radius: 0; font-size: 22px; padding: 6px 12px; background-color: #517393; color: #fff; } .GuideText { margin-top: 20px; font-size: 16px; } .ContainerImgLeft { float: left; margin-top: 25px; margin-right: 20px; } .BoxPayCheck { background-color: #F2F7EE; margin: 0px; } .TopTextErea { background-color: #fff; padding-bottom: 15px; padding-right: 0; } .Numbers28 { font-size: 28px; text-align: center; font-weight: bold; } .Numbers28Bordo { font-size: 28px; text-align: center; font-weight: bold; color: #954D54; } .Numbers28Green { font-size: 28px; color: #71A240; line-height: 100%; font-weight: bold; } .Numbers36Bordo { font-size: 36px; text-align: center; font-weight: bold; color: #9F4255; line-height: 50%; } .TextData { font-size: 14px; color: #333; } .text-center { text-align: center; } .NoPadding { padding: 0; } .MarginTop20 { margin-top: 20px; } .MarginTop10 { margin-top: 10px; } .MarginTop5 { margin-top: 5px; } .progress { margin-bottom: 10px; } .progress-bar { background-color: #527398; } .NoMarginLeftRight { margin-left: 0; margin-right: 0; } .MarginTop10 { margin-top: 10px; } .MarginTop30 { margin-top: 30px; } .OfekBottom { color: #385167; text-align: center; } .HoursChart { width: 220px; height: 160px; overflow: hidden; margin-top: -10px; margin-right: -40px; } .SicknessChart { width: 160px; height: 160px; overflow: hidden; margin-top: -10px; } .RadioButtonDetails select.form-control, .SelectReport select.form-control, input.form-control { /* height: 41px;*/ font-size: 16px; border-radius: 0; } .SubmitReports button { background-color: #527798; border: 0; font-size: 20px; margin-left: 15px; margin-top: 30px; color: #fff; } .SubmitReports button:hover, .SubmitReports button:focus, .SubmitReports button.focus { background-color: #364F65; color: #fff; } .ReportMessage { border: 1px #71A240 solid; padding: 20px; font-size: 18px; text-align: center; } .MyReportTable { font-size: 16px; border-bottom: 1px #E6E6E6 solid; padding-bottom: 10px; padding-top: 10px; } .ReportRequest { background-color: #F2F2F2; } .ReportEnd { background-color: #E9F2DF; } .RedError { color: #F00; } ::-webkit-input-placeholder { color: #333 !important; } .DetailsIcon { margin-left: 7px; } a.MarkAsRead { text-decoration: underline !important; } .MessagesBottom { border-bottom: 1px solid #E1E1E1; margin-bottom: 15px; padding: 0 0 5px 0; } input[type=text]::-ms-clear { display: none; } /* פיתוח מיקצועי */ /* StripMain ProfessionalSpace */ .StripMain.ProfessionalSpace .BoxTitlepage .Title { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning { background-color: #92518D; } .StripMain.ProfessionalSpace .panelCollapseStriped a.MoreInfo { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks { background-color: #EDE1D6; } .StripMain.ProfessionalSpace .ComtainerRow .BtnTitle { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title { color: #92518D; } .StripMain.ProfessionalSpace .PortalTabs .tab-content > .active, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:hover, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:focus .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li:hover { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:focus, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #e2d2e0; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab, .StripMain.ProfessionalSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } /* פניות ושירותים */ /* StripMain InquiriesAndServicing */ .StripMain.InquiriesAndServicing .BoxTitlepage .Title { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ContainerFroms .MoreFroms a { color: #DF943B; } .StripMain.InquiriesAndServicing .tab-pane ul li.Striped:nth-of-type(odd) { background-color: #fbf5f2; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning { background-color: #DF943B; } .StripMain.InquiriesAndServicing .panelCollapseStriped a.MoreInfo { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks { background-color: #F2F7EE; } .StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle { background-color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title { color: #DF943B; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a, .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:focus, .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:hover { background-color: #EDE1D6; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab, .StripMain.InquiriesAndServicing .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } /* מינהלי */ /* StripMain AdministrativeSpace */ .StripMain.AdministrativeSpace .BoxTitlepage .Title { background-color: #71A240; } .StripMain.AdministrativeSpace .ServiceButton.btn-warning { background-color: #71A240; } .StripMain.AdministrativeSpace .panelCollapseStriped a.MoreInfo { background-color: #71A240; } .StripMain.AdministrativeSpace .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } .StripMain.AdministrativeSpace .RowPayCheck .BoxLinks { background-color: #F2F7EE; } .StripMain.AdministrativeSpace .ComtainerRow .BtnTitle { background-color: #71A240; } .StripMain.AdministrativeSpace .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .StripMain.AdministrativeSpace .MyDataWage .BoxInfoData .Title { color: #71A240; } .StripMain.AdministrativeSpace .PortalTabs .tab-content > .active, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:hover, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active:hover, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:focus { background-color: #F2F7EE; } .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:focus, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #D1E2C2; } .StripMain.AdministrativeSpace .ServiceButton.btn-warning.PaneTab, .StripMain.AdministrativeSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } /* 2 פיתוח מיקצועי */ /* StripMain ProfessionalSpace */ .StripMain.ProfessionalSpace .RowPayCheck .Title { background-color: #92518D; } .StripMain.ProfessionalSpace .ComtainerRow .BtnTitle { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success { background-color: #92518D; } .StripMain.ProfessionalSpace .btn-success { border-color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks a { color: #92518D; } .StripMain.ProfessionalSpace .BoxMyMessages .MyMessagesLink a { color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title { color: #92518D; } .StripMain.ProfessionalSpace .ContainerLinks a { color: #92518D; } .StripMain.ProfessionalSpace .AsideMenu a { color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .BoxPayCheck { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .tab-content > .active { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a { background-color: #e9dee7; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #E8D9E7; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active:hover { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab:hover { background-color: #693565; } .StripMain.ProfessionalSpace .HeaderMenu nav ul li ul a { color: #92518D; } .StripMain.ProfessionalSpace .TitleSpace.Administrative { background-color: #92518D; } /* 2 פניות ושירותים */ /* StripMain InquiriesAndServicing */ .StripMain.InquiriesAndServicing .RowPayCheck .Title { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle { background-color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success { background-color: #DF943B; } .StripMain.InquiriesAndServicing .btn-success { border-color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks a { color: #DF943B; } .StripMain.InquiriesAndServicing .BoxMyMessages .MyMessagesLink a { color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title { color: #DF943B; } .StripMain.InquiriesAndServicing .ContainerLinks a { color: #DF943B; } .StripMain.InquiriesAndServicing .AsideMenu a { color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .BoxPayCheck { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li.active > a { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .tab-content > .active { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a { background-color: #f4e8db; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab:hover { background-color: #d48c38; } .StripMain.InquiriesAndServicing .HeaderMenu nav ul li ul a { color: #DF943B; } .StripMain.InquiriesAndServicing .TitleSpace.Administrative { background-color: #DF943B; } .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .ServiceSection .ServiceButton.btn-warning.PaneTab:hover { background-color: #cc8736; } .RedAsterisk { color: red; margin-right: 2px; display: inline-block; line-height: 17px; vertical-align: top; } /* opening contacting succeeded page */ .ComtainerRow.BoxMessageSucceeded { padding: 40px; } .ComtainerRow.BoxMessageSucceeded img { margin-bottom: 20px; } .ComtainerRow.BoxMessageSucceeded p { font-size: 18px; } .ComtainerRow.BoxMessageSucceeded a { font-size: 18px; margin-top: 15px; display: inline-block; } .ComtainerRow.BoxMessageSucceeded a:hover { text-decoration: underline !important; } .TitleMessage { color: #333333; font-size: 28px; margin-bottom: 25px; } /* Validation Text */ .ValidationText { color: #FF0000; font-size: 15px; } .ArrowCircle { margin-right: 3px; } .YearInfo { color: #333; margin-right: 18px; margin-top: -5px; min-width: 100px; } .ArrowNumbers { margin-top: -3px; margin-left: 15px; z-index: 99999999; } .JobAmmount { z-index: 9999999; } .form-control { box-shadow: none; } .form-control:focus { box-shadow: none; border: 1px solid #ccc; } .SelectHours .form-control { height: 26px; background-color: #F2F7EE; font-size: 16px; border-radius: 0; padding: 0; } .SelectProcess .form-control { height: 40px; background-color: #F2F7EE; font-size: 16px; border-radius: 0; } .RightMinus10 { margin-right: -10px; } .Green { color: #71A240; } .ArrowTop { margin-top: -10px; } .BoxNumberGreen { float: right; color: #567C30; font-size: 16px; font-weight: bold; margin-left: 10px; text-align: center; border-left: 1px #a2a2a2 solid; padding-left: 7px; margin-top: 5px; line-height: 90%; padding-right: 3px; } .BoxNumberGrey2 { float: right; color: #666; font-size: 16px; font-weight: bold; margin-left: 10px; text-align: center; border-left: 1px #a2a2a2 solid; padding-left: 7px; margin-top: 5px; line-height: 90%; padding-right: 3px; } .BoxNumberGreen2 { float: right; color: #3F5A23; font-size: 20px; font-weight: bold; } .BoxNumberGrey { float: right; color: #666666; font-size: 20px; font-weight: bold; } .BoxGrey { background: #F3F3F3; height: 68px; padding: 10px; } .BoxGreen { background: #F2F7EE; height: 68px; padding: 10px; } a:focus div.ProcessBoxGreen div.BoxGreen { border: 3px #B8D69A solid; } .BoxTextGreen { font-size: 16px; color: #567C30; margin-right: 20px; } .BoxTextGreen2 { font-size: 16px; color: #3F5A23; margin-right: 20px; } .BoxTextGrey { font-size: 16px; color: #666666; margin-right: 20px; } .BoxTextGrey { font-size: 16px; color: #666; } .ProcessIcons { left: 0px; position: absolute; margin-top: 14px; bottom: -24px; } .ProcessBoxGrey { padding-left: 0; } .ProcessBoxGreen { padding-left: 0; } .ProcessRow { padding-left: 15px; min-height: 140px; } .StatusBox { padding: 30px; } .NoMargin { margin: 0; } .StatusTextdown { padding-right: 30px; background-image: url(../images/info-button.png); background-repeat: no-repeat; background-position: right; background-position-y: 6px; font-size: 16px; line-height: 180%; } .btn-primary { color: #fff; background-color: #517393; border-color: #517393; } .btn-primary:hover { background-color: #476480; border-color: #476480; } .btn-primary:focus { background-color: #517393; border-color: #517393; } .PanelCollapse .PositionProcess { display: initial; font-size: 16px; line-height: 26px; vertical-align: text-bottom; } .LeftStatus { border-right: 7px #EEEEEE solid; margin-top: 20px; padding-right: 30px; } .LeftStatus h3 { margin-top: 0px; } .SchoolSetting { padding-right: 80px; background-image: url(../images/done-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 60px; } .AlertProcess { padding-right: 80px; background-image: url(../images/alert-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 50px; } .AttentionProcess { padding-right: 80px; background-image: url(../images/attention-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 50px; } .OpenCallProcess { padding-right: 90px; background-image: url(../images/open-call-icon.png); background-repeat: no-repeat; background-position: right; min-height: 50px; background-position-y: 10px; } .ProcessRow .nav-tabs > li { cursor: pointer; border: 0; background: #daefc9; margin-left: 10px; width: 23.6%; border: 3px solid #fff; height: 95px; } .ProcessRow .nav-tabs.Process6 > li { cursor: pointer; border: 0; background: #F2F7EE; margin-left: 5px; width: 16%; border: 3px solid #fff; height: 80px; padding: 0; padding-right: 5px; } .nav.Process6 > li > a { padding: 3px; } .ProcessRow .nav-tabs > li.GreyProcessBox { background: #F3F3F3; color: #666666; } .ProcessRow .nav-tabs > li.GreyProcessBox:hover { background: #daefc9; } .ProcessRow .nav-tabs > li.GreenProcessBox { background: #B8D69A; border: 3px solid #83B74F; } .GreenProcessBoxTriangle { bottom: -25px; right: -4px; position: absolute; z-index: 99999; } .ProcessRow .nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; } .ProcessRow .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { cursor: pointer; background: none; border: 0; margin-right: -1px; margin-top: 1px; margin-left: 1px; } .ProcessRow5 { padding-left: 0px; min-height: 140px; } .ProcessRow5 .nav-tabs > li { cursor: pointer; border: 0; background: #daefc9; margin-left: 0px; width: 19.5%; border: 3px solid #fff; height: 95px; } .ProcessRow5 .nav-tabs > li.GreenProcessBox { background: #B8D69A; border: 3px solid #83B74F; } .ProcessRow5 .nav-tabs > li.GreyProcessBox { background: #F3F3F3; color: #666666; margin-bottom: 40px; } .ProcessRow5 .nav-tabs > li.GreyProcessBox:hover { background: #daefc9; } .ProcessRow5 .nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; } .ProcessRow5 .BoxTextGreen2 { font-size: 16px; color: #3F5A23; margin-right: 45px; } .ProcessRow5 .nav > li > a { padding: 10px; height: 100%; padding: 3px; } .ProcessRow5 .BoxTextGrey { font-size: 16px; color: #666666; margin-right: 45px; } .ProcessRow5 .nav-tabs { border-bottom: 0; } .ProcessRow5 .nav-tabs > li.active > a { background-color: #f3f3f3; } .ProcessRow5.nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; background: #F3F3F3; } .ProcessRow5 .nav-tabs > li.active > a { cursor: pointer; background: none; border: 0; margin-right: -1px; margin-top: 1px; margin-left: 1px; } .PortalTabs .nav-tabs > li.active > a:hover { margin-top: 0px; margin-right: -2px; margin-left: 0; } .PortalTabs .nav-tabs > li.active > a:focus { margin-top: 0px; margin-right: -2px; margin-left: 0; border: 0; } .ProcessRow UL { border: 0; } .ContentCollapse { padding: 15px 25px 15px 15px; font-size: 16px; } .ProcessCollapse .ContentCollapse { padding: 15px 25px 15px 15px; font-size: 16px; border-bottom: 1px #EEEEEE solid; } .ContentCollapse a { color: var(--link-color-on-l-blue); } .MarginBottom10 { margin-bottom: 10px; } .MarginRight20 { margin-right: 20px; } .StatusMessages { margin-right: 25px; } .SelectProcess .form-control option:not(:checked) { background-color: white; color: #000; } .SelectHours .form-control option:not(:checked) { background-color: white; color: #000; } .nav-tabs > li.active > a { border: 0; } .nav-tabs > li.active > a:hover { border: 0; } .ContentCollapseText p { font-size: 14px; line-height: 100%; } .ContentCollapseText { padding-right: 18px; } .JobInfo li:before { content: ""; margin-left: 5px; display: inline-block; width: 6px; height: 6px; border-radius: 0%; margin-bottom: 1px; margin-right: -10px; background-color: transparent; } .LineHeight180 { line-height: 180%; } .MarginLeft30 { margin-left: 30px; } .greyblue { color: #527398; } .DetailsProcess { clear: both; padding: 15px; } .sliderItem { width: 100px; height: 100px; float: right; } .MarginRight-15 { margin-right: -15px; } .MarginLeft20 { margin-left: 20px; } .Ereafield { width: 250px !important; } .input-group-addon { width: 26px; height: 20px; position: absolute; z-index: 9; left: 7px; top: 5px; border: 0 !important; background-image: url(../images/calendar-icon.png); cursor: pointer; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: all; transition-timing-function: ease-in-out, ease-in-out; background-color: #fff; background-repeat: no-repeat; } .datepicker.datepicker-rtl { direction: rtl; margin-right: -195px !important; margin-top: 10px !important; z-index: 99999999; } .datepicker { width: 220px; } .clsDatePicker { width: 100%; } .ViewPersonalDetails { background-image: url(../images/bg-process-white.jpg); height: 350px; text-align: center; font-size: 36px; padding-top: 70px !important; /* Strip Header */ /*.ContainerLogoIsrael { background-image: url(../images/logo_israel.svg); background-repeat: no-repeat; height: 50px; width: 39px; float: right; margin-left: 8px; display: inline-block; }*/ /* Mobile */ /* Mobile */ } .ViewPersonalDetails body { font-family: "Assistant", "Arial", sans-serif; font-weight: normal; } .ViewPersonalDetails a:hover { opacity: 0.8; } .ViewPersonalDetails h1, .ViewPersonalDetails h2, .ViewPersonalDetails h3, .ViewPersonalDetails h4, .ViewPersonalDetails h5, .ViewPersonalDetails h6, .ViewPersonalDetails .heading { font-family: "assistant" !important; font-weight: 600 !important; } .ViewPersonalDetails .StripHeader { width: 100%; position: fixed; top: 0; z-index: 1000; background-color: #fff; } .ViewPersonalDetails .HeaderScroll, .ViewPersonalDetails header { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .ViewPersonalDetails .TopMenu { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .ViewPersonalDetails .TopMenu { transition: height 0.4s; -moz-transition: height 0.4s; -webkit-transition: height 0.4s; -o-transition: height 0.4s; } .ViewPersonalDetails .ColLoginAndSearch, .ViewPersonalDetails .ColTitlePortal { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ViewPersonalDetails .HeaderScroll { margin-top: 0; min-height: 60px; padding: 0; } .ViewPersonalDetails .TopMenuScroll { opacity: 0; height: 0 !important; } .ViewPersonalDetails .LiActiveScroll { background-color: rgba(0, 0, 0, 0) !important; } .ViewPersonalDetails .ColLoginAndSearchScroll { margin-top: -32px; } .ViewPersonalDetails .ColTitlePortalScroll { margin-top: -34px; } .ViewPersonalDetails .SucTitleScroll { display: none; } .ViewPersonalDetails .TopMenu { height: 43px; } .ViewPersonalDetails nav { float: right; width: 100%; } .ViewPersonalDetails header { width: 100%; background-color: #fff; border-bottom: 1px solid #E2E2E2; padding: 10px 0; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1); } .ViewPersonalDetails .StripHeader .TopMenu { background-color: #2E4254; } .ViewPersonalDetails .TopMenu ul { margin: 0; padding: 0; width: 100%; } .ViewPersonalDetails .TopMenu ul li { display: inline-block; border-left: 1px solid #688BAE; margin-right: -3px; width: 20%; text-align: center; } .ViewPersonalDetails .TopMenu ul li:last-child { border-left: 0; } .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi { width: 100%; padding: 6px 0px 9px 0; } .ViewPersonalDetails .TopMenu ul li a { color: #fff; font-size: 20px; text-decoration: none; text-align: center; } .ViewPersonalDetails .TopMenu ul li.active, .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi:hover { background-color: #1E2B35; } .ViewPersonalDetails .TopMenu ul li.ManagersSpace.active, .ViewPersonalDetails .TopMenu ul li.ManagersSpace .ContentLinkLi:hover { background-color: #71A240; } .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace.active, .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace a:focus, .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover { background-color: #3098CF; } .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloperManagersSpace.active, .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover { background-color: #92518D; } .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing.active, .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover { background-color: #DF943B; } .ViewPersonalDetails li.ManagersSpace { position: relative; display: inline-block; } .ViewPersonalDetails .NavMenuMobil { display: none; } .ViewPersonalDetails .LogoIsraelMobile { display: none; } .ViewPersonalDetails .ContainerTitlePortal { float: right; color: #385167; } .ViewPersonalDetails .ContainerTitlePortal .SucTitle { font-size: 16px; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title { font-size: 34px; margin-top: -3px; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title .Line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 1px solid #AFC2D3; line-height: 30px; } .ViewPersonalDetails .ContainerLogoEducationOffice, .ViewPersonalDetails .ContainerSearch, .ViewPersonalDetails .ContainerLogin { float: left; } .ViewPersonalDetails .InquiriesAndServicing .ContainerLogin, .ViewPersonalDetails .AdministrativeSpace .ContainerLogin { min-width: 145px; } .ViewPersonalDetails .ContainerSearch { /* padding-right: 16px;*/ margin-left: 14px; } .ViewPersonalDetails .ContainerLogin a:hover span.User { text-decoration: underline; } .ViewPersonalDetails .ContainerSearch a:hover span { text-decoration: underline; } .ViewPersonalDetails .ContainerLogin { padding: 0 14px; border-left: 1px solid #000; border-right: 1px solid #000; margin-left: 14px; } .ViewPersonalDetails .ContainerLogoEducationOffice { margin-top: -4px; } .ViewPersonalDetails .ContainerSearch .IconSearch { background-image: url(../images/icon-search.png); width: 24px; height: 22px; float: left; margin-left: 3px; } .ViewPersonalDetails .ContainerLogin span, .ViewPersonalDetails .ContainerSearch span { float: left; font-size: 18px; color: #000; } .ViewPersonalDetails .ContainerLogin span.User { float: right; } .ViewPersonalDetails span.glyphicon.glyphicon-triangle-bottom { margin-top: 4px; } .ViewPersonalDetails .ContainerLogin .IconLogin { background-image: url(../images/icon-user.png); width: 24px; height: 24px; float: right; margin-left: 10px; } .ViewPersonalDetails .ContainerLogin .Message { display: inline-block; margin-left: 10px; margin-right: 10px; } .ViewPersonalDetails .ContainerLogin .Message.badge { background-color: #DF2020; color: #fff; } .ViewPersonalDetails .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-education-office.png); width: 186px; height: 46px; } .ViewPersonalDetails .LogoArabic { background-image: url(../images/logo-Arabic.png); width: 44px; height: 31px; } .ViewPersonalDetails .IconMenuMobile { background-image: url(../images/icon-menu-mobile.png); width: 26px; height: 17px; margin-top: 6px; display: none; } .ViewPersonalDetails .IconLoginMobile { background-image: url(../images/icon-login-mobile.png); width: 24px; height: 24px; margin-top: 3px; display: none; } .ViewPersonalDetails .IconSearchMobile { background-image: url(../images/icon-search-mobile.svg); background-repeat: no-repeat; width: 21px; height: 21px; margin: 3px 20px 0 20px; display: none; } .ViewPersonalDetails .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .ViewPersonalDetails .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } .ViewPersonalDetails .nav > li > a { padding: 10px; height: 100%; } .ViewPersonalDetails .NavMenuMobil .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li > a:focus { background-color: #283948; } .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus { background-color: #71A240; } .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus { background-color: #3098CF; } .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus { background-color: #92518D; } .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:focus { background-color: #DF943B; } .ViewPersonalDetails .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; width: 100%; } .ViewPersonalDetails .ContainerTitlePortal a { text-decoration: none; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav { background-color: #fff; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav a { color: #333; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li { border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:focus { background-color: #F2F7EE; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:focus { background-color: #FCF2E9; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } .ViewPersonalDetails header.AdministrativeSpace { padding-bottom: 0px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover { background-color: #F2F7EE; } .ViewPersonalDetails li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .ViewPersonalDetails .BoxGeneralMessages .GeneralMessages { width: 100%; } .ViewPersonalDetails .ContainerLogin, .ViewPersonalDetails .ContainerSearch { margin-top: 6px; } .ViewPersonalDetails .page-component-edu .page_component .banner .slides .slick-slide { height: auto !important; } .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 50px 20px 50px !important; } .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide-academy { padding: 0px 35px 0px 35px !important; } .ViewPersonalDetails .academy-slick a { color: #2c7094 !important; } .ViewPersonalDetails .date-broadcast { font-size: 20px; color: #2C7094; font-weight: 600; } .ViewPersonalDetails .broadcastReadMore { margin-right: 175px; } .ViewPersonalDetails .registration-btn { font-size: 16px !important; } .ViewPersonalDetails .broadcastItemBox h5 { color: #2c7094; margin-bottom: 10px; margin-top: 0px; } .ViewPersonalDetails .broadcastItemBox h5:hover, .ViewPersonalDetails .broadcastItemBox h5:focus { color: #1d8bd1; } .ViewPersonalDetails .clearboth { clear: both; } .ViewPersonalDetails .broadcast-item-bottom { margin-top: 20px; clear: both; } .ViewPersonalDetails .academy-space .listing { margin-top: 12px; margin-bottom: 20px; display: inline-block; overflow: visible; } .ViewPersonalDetails .page-component-edu a:focus { color: #1d8bd1 !important; -webkit-tap-highlight-color: #1d8bd1; text-decoration: none; opacity: 1; } .ViewPersonalDetails .page-component-edu .listing .link-container a { color: #2c7094; font-size: 16px; } .ViewPersonalDetails .broadcast-date-section { border-bottom: 1px #DFDFDF solid; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .broadcast-date-section:last-child { border-bottom: none; } .ViewPersonalDetails .broadcast-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerImg { background-color: #3098CF; padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; min-height: 300px; } .ViewPersonalDetails .idea-banner-info { margin-right: -15px !important; padding-left: 5px !important; } .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerCalloutSm { font-size: 42px; } .ViewPersonalDetails .popXtnCmpnt .bannerCallout-big { font-size: 100px; font-weight: 400; margin-top: 20px; line-height: 43px; margin-bottom: 30px; } .ViewPersonalDetails .margin-bottom40 { margin-bottom: 40px; } .ViewPersonalDetails .calendar-erea { border-bottom: 1px #DFDFDF solid; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; min-height: 150px; } .ViewPersonalDetails .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; } .ViewPersonalDetails .form-control { font-size: 16px !important; } .ViewPersonalDetails .broadcast-calendar-space label { font-size: 18px; padding: 0 0 0 10px; margin-top: 5px; text-align: left; } .ViewPersonalDetails .title-search-broadcast { font-size: 20px; font-weight: 600; margin-bottom: 10px; margin-right: 20px; } .ViewPersonalDetails .nopadding { padding: 0 !important; } .ViewPersonalDetails .search-broadcast-btn { font-size: 16px !important; width: 140px !important; float: left; } .ViewPersonalDetails .advance-search { clear: both; text-decoration: underline; margin-right: 50px; } .ViewPersonalDetails .slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 10px !important; min-height: 137px; } .ViewPersonalDetails .search-broadcast-erea { display: inline-block; width: 100%; margin-right: -10px; } .ViewPersonalDetails .broadcast-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .ViewPersonalDetails .search-broadcast-erea { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .quick-search-broadcast-erea { margin-bottom: 20px; margin-left: 15px; margin-right: -10px; display: inline-block; width: 100%; } .ViewPersonalDetails .search-col-field { margin-bottom: 20px; display: inline-block !important; width: 100%; } .ViewPersonalDetails .search-col-field:last-child { margin-bottom: 0px; } .ViewPersonalDetails .search-col { padding: 10px 10px 0 30px !important; border-left: 1px #DFDFDF solid; } .ViewPersonalDetails .search-col-left { padding: 10px 30px 0 40px !important; } .ViewPersonalDetails .popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } .ViewPersonalDetails .popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 5px; } .ViewPersonalDetails .select-grade-erea { padding-left: 0 !important; } .ViewPersonalDetails .checkboxCustomWrap { width: 48px; } .ViewPersonalDetails .search-time { padding: 10px 10px 0 30px !important; } .ViewPersonalDetails .search-time-erea { clear: both; padding-top: 20px; } .ViewPersonalDetails .search-time-options { padding: 10px 0px 0 30px !important; } .ViewPersonalDetails .search-time-options select { width: 130px; } .ViewPersonalDetails .date-options { padding: 10px 0px 0 0px !important; margin-right: 10px; } .ViewPersonalDetails .date-options2 { padding: 10px 0px 0 0px !important; margin-right: 15px; } .ViewPersonalDetails .input-group-addon { top: 10px !important; } .ViewPersonalDetails .clsDatePicker { width: 85% !important; float: left !important; } .ViewPersonalDetails .date-text { line-height: 200%; font-size: 16px !important; } .ViewPersonalDetails .datepicker-days table tr th { background-color: rgb(255, 255, 255) !important; } .ViewPersonalDetails .datepicker-days tbody { background-color: rgb(255, 255, 255) !important; } .ViewPersonalDetails .input-group .form-control:first-child { border-radius: 0 !important; } .ViewPersonalDetails .search-btn-erea { margin-top: 20px; display: inline-block; width: 100%; padding-left: 30px; } .ViewPersonalDetails .search-btn { width: 105px !important; } .ViewPersonalDetails .white-title { box-shadow: none !important; } .ViewPersonalDetails .popXtn .ContainerItemInfo .ItemInfo div .date-and-time { color: #3098CE; font-size: 24px !important; font-weight: 600; margin-right: 15px; } .ViewPersonalDetails .credit-strip { background: #E0EEF5; padding: 7px 20px; } .ViewPersonalDetails .ask-lecturer { background: #E0EEF5; border-radius: 3px; background-image: url(../images/ask-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .ViewPersonalDetails .update-diary { background: #E0EEF5; border-radius: 3px; background-image: url(../images/calendar-blue-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 93% 7px; font-weight: 600; margin-right: 7px; } .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow { background-color: #1D5C7E; padding: 2px 25px; } .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow:hover { background-color: #11415a; } .ViewPersonalDetails .devider-gray { border-bottom: 1px #DFDFDF solid; height: 20px; clear: both; margin-right: 15px; } .ViewPersonalDetails .lecture .page-component-edu .main-content h2 { font-size: 24px; padding: 0; } .ViewPersonalDetails .lecture-description { margin-right: 0 !important; margin-top: 10px; } .ViewPersonalDetails .lecturer-pic { width: 90px !important; float: right; margin-left: 15px; margin-top: 5px; } .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-up.png); } .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-down.png); } .ViewPersonalDetails .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/triangle-up.png); width: 100%; min-height: 48px; display: inline-block; background-repeat: no-repeat; background-color: #E1F1F7 !important; background-position: 98%; border-right: 3px #ffffff solid; border-left: 3px #ffffff solid; padding-right: 40px; padding-top: 7px; color: #1F6185; font-size: 18px; padding-left: 10px; height: auto; } .ViewPersonalDetails .lecture-boxes { padding-top: 3px; background: #fff; } .ViewPersonalDetails .lecture-box-info .collapse { padding-bottom: 10px; } .ViewPersonalDetails .AccordionTitle { font-weight: 600; float: right; color: #1D5C7E; font-size: 22px; } .ViewPersonalDetails .page-component-edu.lecture-boxes a.btn-primary::after { font-family: FontAwesome !important; content: ""; } .ViewPersonalDetails .lecture-box-info a:hover, .ViewPersonalDetails .lecture-box-info a:focus { border-color: #fff !important; } .ViewPersonalDetails .lecture-box-info a:link { -webkit-tap-highlight-color: transparent; } .ViewPersonalDetails .lecture-box-info li { font-size: 16px; padding-right: 5px; margin-bottom: 20px; } .ViewPersonalDetails .lecture-box-info ul.arrow-li { list-style-image: url("../images/Arrow-Link-List.png"); } .ViewPersonalDetails .page-component-edu .panel { border: 0; } .ViewPersonalDetails .academy-space .lecture-box-info .listing { margin-top: 0 !important; margin-bottom: 0 !important; display: inline-block; overflow: visible; } .ViewPersonalDetails .lecture-boxes .panel-group .panel + .panel { margin-top: 0; } .ViewPersonalDetails .academy-space .relevant-activities .listing { margin-top: 5px; margin-bottom: 5px; } .ViewPersonalDetails .page-component-edu.interest-in-box .text-container { min-height: 107px; background-color: #edf5fa; padding-top: 15px; padding-left: 10px; } .ViewPersonalDetails .interest-in-box .link-with-img { margin-bottom: 25px; } .ViewPersonalDetails .video-erea { margin-right: -15px; margin-left: -25px; } .ViewPersonalDetails .video-description { margin-top: 20px; } .ViewPersonalDetails .talkback-erea { margin-top: 40px; } .ViewPersonalDetails .nearest-broadcast-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .text18-semibold { font-weight: 600; font-size: 18px !important; } .ViewPersonalDetails .text24-semibold { font-weight: 600; font-size: 24px !important; line-height: 130% !important; margin-top: 15px; margin-bottom: 10px; } .ViewPersonalDetails .no-broadcast-box { padding-bottom: 20px !important; } .ViewPersonalDetails .info-side { width: 50%; } .ViewPersonalDetails .clear-right { clear: right; } .ViewPersonalDetails .margin-top-30 { margin-top: 30px; } .ViewPersonalDetails .img-vod-box { float: left; } .ViewPersonalDetails .academy-space .slick-next { width: 40px !important; } .ViewPersonalDetails .academy-space .slick-prev { width: 30px !important; } .ViewPersonalDetails .academy-space .galleryTopics { padding: 0 30px; } .ViewPersonalDetails .modal-text { font-size: 18px; color: #000; } .ViewPersonalDetails slickCourses .slick-list { padding-bottom: 0 !important; } .ViewPersonalDetails .page-component-edu .banner .slides.slick-slider.slickCourses .slick-list { padding-bottom: 0 !important; height: auto !important; } .ViewPersonalDetails .img-teacher { float: left; } .ViewPersonalDetails button { background-color: #527798; border: 0; font-size: 20px; margin-left: 15px; margin-top: 30px; color: #fff; padding-bottom: 6px; } .ViewPersonalDetails button:hover, .ViewPersonalDetails button:focus { background-color: #364F65; color: #fff; } .NumBig { font-size: 28px; line-height: 110%; } .morecontent span { display: none; } .ContainerText { font-size: 16px; margin-top: 10px; } .ArticleLink { color: #333; } .AlertMessage { border-top: 1px #EEEEEE solid; margin-top: 10px; padding-top: 10px; } .AlertMessage:first-child { border-top: 0; margin-top: 0px; padding-top: 0px; } .ProcessIcons .tooltip-inner { padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; width: 180px; margin-top: 335px !important; margin-left: 155px; text-align: right; } .ProcessIcons .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .ProcessRuler h2 { background-color: #71A240; padding: 5px 20px; color: #fff; font-size: 22px; display: inline-block; margin-bottom: 10px; margin-top: 0; } .tooltip2 { display: inline; position: relative; } .tooltip2:hover:after { background: #000; border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 10px; position: absolute; z-index: 98; width: 180px; } .ProcessRow5 .tooltip2:hover:after { width: 150px; } .tooltip2:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } @media (min-width: 992px) and (max-width:1199px ) { .HeaderMenu nav > ul > li > a, .HeaderMenu nav > ul > li > button { line-height: 18px; } } @media (max-width: 768px) { .ContainerTitlePortal .SucTitle { font-size: 15px; color: #385167; } .ContainerTitlePortal .Title { font-size: 18px; margin-top: -6px; color: #385167; padding-bottom: 8px; } header { padding: 8px 0 0 0; background-color: #FDFDFE; } .StripHeader { position: static; } .ContainerLogoIsrael { display: none; } .LogoIsraelMobile { display: block; float: right; background-image: url(../images/logo-israel-mobile.png); width: 28px; height: 34px; margin: 4px 0 0 4px; } .StripMain { padding-top: 15px; } .StripMain.AdministrativeSpace { padding-top: 15px; } .UpdatesContainer .Updates { width: 50%; } footer { display: none; } .ContainerCredit { margin-bottom: 20px; text-align: center; } .ContainerSocialMedia { /*width: 188px;*/ margin: auto; /*margin-bottom: 20px;*/ } .sub-footer-row .bottom { display: flex; } .ContainerSocialMedia .youtube { margin-right: 0px; } .ColLoginAndSearch .navbar-toggle { padding: 0; margin: 0; } .NavMenuMobil { display: block; } .BoxGeneralMessages .ComtainerImg { width: 100%; } .BoxGeneralMessages .ComtainerImg img { width: 100%; border-right: 0; border-top: 5px solid #fff; } .col-md-3.LestColMyData { padding: 20px 0 30px 0; } .Banner .ContainerText { bottom: 0px; } .PedagogicalArea .LinksBar .Title, .PedagogicalArea .LinksBar .Items a { display: block; text-align: right; padding-right: 40px; } .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { padding: 10px 9px 15px 5px; } .nav > li > a { padding: 9px 8px 8px 8px; } .MyDataWage .RowSelect label { margin: 10px 0 0 0; } .SchoolYearMobile { padding-left: 0; padding-right: 0; } .MyDataWage .BoxInfoData { margin: 0 10px; } .MyDataWage .RowSelect button.btn-success { float: left; margin-top: 20px; } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 15px; padding-right: 15px; } .RowPayCheck .ContentPayCheck { padding-right: 10px; margin-bottom: 20px; } .RowPayCheck .Button { padding-right: 10px; } .PanelCollapse .Questions { vertical-align: top; /*margin-top: -6px;*/ /*width: 90%;*/ } .ContainerFroms a span.TextLink { width: 84%; } .IconLoginMobile .Message.badge { background-color: #DE2020; color: #fff; position: absolute; left: 90px; top: -4px; } .BoxGeneralMessages .GeneralMessages { width: 100%; padding: 10px 20px 20px 20px; } .ContainerTitlePortal .Title .Line { border-left: 0; } .col-md-4.NewsBox { margin-top: 20px; } .AdministrativeSpaceRow { box-shadow: 0 0 0 0; } .col-md-4.ContianerImg { margin-bottom: 8px; } .ContainerTitlePage a.ContainerPopularButton { padding: 4px 8px; font-size: 12px } .ContainerTitlePage { padding: 5px 10px; } .ContainerCourseSearch a, .SectionContainer .ContainerTitlePage .Title { font-size: 18px; line-height: 28px; } .ContainerCourseSearch { padding: 5px 15px; } .ContainerItemSelect .ContainerLogo img { width: 100%; } .SectionContainer.SectionContainerMain strong.TextItem { font-size: 14px; } .TitleBlockInfo.First { border-left: 0; } .TitleBlockInfo { font-size: 14px; margin-bottom: 3px; } .SectionContainer.SectionContainerMain { padding: 10px 10px 10px 10px; } .TitleBlockInfo a .Clear { margin-left: 5px; } .ContainerItemSelect .Title a { font-size: 16px; } .ContainerItemSelect .ItemText { font-size: 14px; } .StatusItem { font-size: 14px; } .ContainerItemSelect .col-xs-9 { padding-right: 0; padding-left: 0; } .ContainerItemSelect .RowButtns button.btn { font-size: 13px; padding: 0px 8px; } .ContainerItemSelect .RowButtns a { font-size: 13px; } .ContainerItemSelect .ItemInfo { font-size: 14px; } .ContainerItemSelect .Comment span { font-size: 14px; padding: 1px 8px; } .ContainerItemSelect .SubTitle { font-size: 14px; font-weight: 600; margin-bottom: 7px; } .ContainerItemSelect .RowButtns img { vertical-align: top; } .SectionContainerAside .BoxChecktbox .col-md-6:nth-child(even) { padding-right: 15px; } .AsideMobile { display: block; } .AsideDesktop { display: none; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo a.map { float: none; display: block; } .modal.CourseCatalog .modal-body.Scroll ul li .ItemLise { font-size: 14px; padding-right: 15px; } .ContainerCourseSearch .BoxMultiSelect .col-md-7 { padding-right: 15px; } .ContainerCourseSearch .Title { font-size: 18px; } .ContainerCourseSearch .SubTitle { font-size: 14px; } .col-md-4.ColMultiSelect { padding-left: 15px; padding-right: 15px; border-left: 0; } .BoxMultiSelect .col-xs-4 { padding-left: 0; width: 37%; } .BoxMultiSelect .col-xs-8 { width: 63%; } .ContainerCourseSearch .multiselect-selected-text { font-size: 14px; } .ContainerCourseSearch .multiselect-container > li > a > label.checkbox { font-size: 14px; } .col-md-4.ColMultiSelect { min-height: 0; } .col-md-4.ColMultiSelect { padding-left: 0; padding-right: 0; margin-right: 15px; margin-left: 15px; border-left: 0; padding-bottom: 12px; margin-bottom: 33px; border-bottom: 1px solid #ccc; } .ContainerCourseSearch .BoxContent { padding-bottom: 12px; margin-bottom: 33px; } .col-md-4.ColMultiSelect:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .BoxMultiSelect.RowButtns button.btn { font-size: 16px; width: 100px; } .BoxMultiSelect.RowButtns a { font-size: 14px; } .SectionContainer.PromotedContentArea .TitleSection { font-size: 20px; } .ContianerNews .NewsTitle a { font-size: 14px; } form.OpeningContactingForm input[type="radio"] { margin-left: 5px; } .RadioButtonDetails select { margin-left: 0; } form.OpeningContactingForm .RadioButtonDetails { margin-right: 18.8px; } .RadioButtonDetails .form-control { margin-bottom: 10px; } .RadioButtonDetails input { margin-left: 0; } .bootstrap-filestyle.input-group { margin-bottom: 10px; } .modal.InquiriesAndServicing .modal-body input[type="email"] { width: 92%; } .panelCollapseStriped img, .panelCollapseStriped .SubMainMotif, .panelCollapseStriped .MainMotif { margin-right: 30px; } .ComtainerRow ul li.Striped { padding: 10px 10px 5px 10px; } .ContainerCollapseStriped .panelCollapseStriped .CloseOpen { margin-top: -8px; margin-right: -8px; margin-left: 8px; } .RowTitle a.buttonNewRequest { margin-bottom: 15px; } .RowTitle select.form-control { float: none; margin-right: 0; margin-bottom: 15px; display: block; } .RowTitle { margin-bottom: 5px; } .InfoGeneral .col-md-6 .col-md-5 { padding-left: 15px; padding-right: 15px; } .ContainerRadioButtns .CloseSearch, .ContainerRadioButtns .Title { display: none; } } @media (max-width: 1200px) { .ColMyData:nth-child(2n) { border-left: none; } .ColMyData:nth-child(n+3) { border-top: none; } } @media (max-width: 1200px) { .HoursChart { margin-right: 10px; } } @media (min-width: 500px) and (max-width: 650px) { .HoursChart { margin-right: -60px; } } @media (max-width: 320px) { .HoursChart { margin-right: -30px; } } @media (max-width: 1200px) { .SicknessChart { margin-right: 60px; } } @media (max-width: 375px) { .SicknessChart { margin-right: 50px; } } @media (max-width: 320px) { .SicknessChart { margin-right: 20px; } } @media (max-width: 991px) { .AdministrativeSpaceRow .BoxMobile { margin: 0 15px 40px 15px; background-color: #FFF; padding-top: 20px; padding-bottom: 30px; } .AdministrativeSpaceRow .BoxMessage, .Boxgrade, .BoxMessage { border: 0; } .AdministrativeSpaceRow .BoxRequests, .AdministrativeSpaceRow .BoxMessage { padding: 13px 10px 18px 10px; } .VideoBoxMobile { padding-left: 0; } .TutorialPortal { padding: 20px 0 20px 20px; } .AdministrativeSpaceRow .BoxMessage .Message { padding-bottom: 10px; border-bottom: 1px solid #E6E6E6; } .NewRequest { padding-top: 15px; border-top: 1px solid #E6E6E6; } .BoxPortal { margin-bottom: 40px; } .SectionRowMobile { margin-bottom: 0; } .AdministrativeSpaceRow { background-color: inherit; padding-bottom: 0px; } .clearfix.mobile { display: block; } .ContainerLogoEducationOffice { display: none; } .ContainerLogin, .accessibility-container, .memberDT { display: none; } .accessibility-container-mobile { /*display: inline-block;*/ float: left; /* margin-inline-end: 5px; margin-top: -3px;*/ margin: -3px 10px 0px 5px; } .accessibility-container-mobile button { border: none; background-color: transparent; } .ContainerSearch .ButtonSearchOptions { display: none; } .SearchOptionsBox { left: 5px; right: 5px; z-index: 1000; width: 95%; margin: auto; } .SearchOptionsBox .ContainerRadioButtns { font-size: 13px !important; width: 100%; } img.grow { width: 100%; } .TitleSpace.Professional, .TitleSpace.Administrative { display: block; width: 100%; } header.AdministrativeSpace { padding-bottom: 0px; } .IconLoginMobile, .IconSearchMobile, .IconMenuMobile { display: block; float: left; } .IconLoginMobile { background-image: none; width: 24px; height: 24px; margin-top: 0px; margin-left: 20px; } .navbar-toggle { display: block; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; border: 0; border-radius: 0; } .StripHeader .TopMenu { display: none; } .col-md-3.ColMyData { padding: 20px 0 30px 0; } .SkipLinks { display: none; } .col-md-5.ContianerImg { /* padding-left: 15px;*/ margin-bottom: 5px; } .ContainerCoursesPage .Title .Text { font-size: 16px; display: block; float: right; width: 80%; } .ContainerCoursesPage .Title .Logo { height: 35px; margin-left: 10px; float: right; margin-top: 5px; } .ContainerCoursesPage .Title .SubTitle { float: right; font-size: 14px; font-weight: 600; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo { font-size: 14px; margin-bottom: 5px; } .ContainerCoursesPage .Comment span, .ContainerItemSelect .Comment span { font-size: 14px; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo a.map { font-size: 14px; } .ContainerCoursesPage .ContainerSubInfo .Title { font-size: 16px; } .ContainerCoursesPage .ContainerSubInfo .Text { font-size: 14px; } .ContainerCoursesPage .RowButtns button.btn { font-size: 16px; border-radius: 5px; padding: 2px 12px; } .ContainerCoursesPage .RowButtns button img { margin-top: 0; } .ContainerCoursesPage .RowButtns { margin-bottom: 35px; } .ContainerCoursesPage .PropertiesTitel { border-top: 0; font-size: 18px; margin-top: 20px; padding-top: 0; } .ContainerProperties .TitleList { font-size: 14px; } .ContainerProperties .BoxDataInfo { font-size: 14px; } .ContainerProperties .BoxDataInfo { width: 100%; } .ContainerCoursesPage .Title a.Print img { margin-top: -12px; } .ContainerCoursesPage .Title a.ButtonBasic { margin-top: -16px; } .PromotedContentArea .col-md-6:nth-child(3) .BoxContentArea { border-top: 1px solid #CCC; } .form-control.FormStandard { margin-bottom: 10px; } .modal.InquiriesAndServicing .modal-body .BoxRow .ColComment { padding-right: 15px; } .TitleBarSearchServices select.form-control { margin-bottom: 15px; } .TitleBarSearchServices { margin-bottom: 20px; } .ColumnsBox .Fax { margin-bottom: 10px; } .ContainerButtons { text-align: center; } .ServiceButton.Search.btn { width: 50%; } .ContainerItemService .col-md-6 { margin-bottom: 10px; } .ContainerItemService { margin-bottom: 15px; } .InfoBannerBox { margin-bottom: 20px; } .SectionRow .ProfessionalDevelopment { padding-bottom: 0; } .ProfessionalSpace .LearningContent .col-md-4.ContianerImg { padding-left: 15px; } .StripMain.ProfessionalSpace aside { min-height: inherit; } footer .BoxListLinks { border-right: 0; } .ProfessionalSpace .LearningContent { margin-bottom: 20px; } .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative, .BoxDropdownContent { display: none; } } @media (max-width: 320px) { .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { padding: 10px 4px 15px 1px; } .nav > li > a { padding: 8px 4px 8px 1px; } .PortalTabs .nav-tabs > li { margin-left: 4px; } } @media (max-width: 500px) { .ColMyData { width: 100%; } .ColMyData:nth-child(1n) { border-left: none; } .ColMyData:nth-child(n+2) { border-top: none; } } @media (max-width: 425px) { .Banner .carousel-inner p.Mobile { display: none; } .Banner .carousel-inner h3 { font-size: 16px; margin-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Banner .carousel-caption { bottom: 0; right: 0; width: 100%; } .Banner .carousel-indicators { bottom: 5px; } .Banner .carousel-indicators li, .Banner .carousel-indicators .active { height: 10px; width: 10px; } .SectionContainer.PromotedContentArea .ContainerTextArea .TitleText { font-size: 15px; } .SectionContainer.PromotedContentArea .ContainerTextArea .TextContent { font-size: 14px; } .PromotedContentArea .ContainerImg { width: 30%; } .PromotedContentArea .ContainerTextArea { width: 70%; float: right; padding-right: 12px; } .SectionContainerTitle .Text { font-size: 14px; } .ContainerRadioButtns { width: 100%; } .ContainerRadioButtns span { display: block; } } @media screen and (max-width: 1199px) and (min-width: 768px) { .ContainerTitlePortal .Title { font-size: 25px; } .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative { /* position: absolute; left: 390px */ } .ContainerSearch.Administrative .IconSearch { /* position: absolute; left: 33px; */ } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 15px; padding-right: 15px; } .ContainerFroms a span.TextLink { width: 80%; } .ProfessionalListLinksBox, .PedagogicalListLinksBox, .ManagersListLinksBox { min-height: 235px; } .StripTitleBar { padding-top: 150px; } .tab-pane .panelCollapseStriped a.MoreInfo { padding: 0px 4px 2px 4px; } } @media screen and (max-width: 991px) and (min-width: 769px) { .ContainerTitlePortal .Title .Line { border-left: 0; } .TopMenu ul li a { font-size: 17px; } .IconLoginMobile .Message.badge { background-color: #DE2020; color: #fff; position: absolute; left: 105px; top: -4px; } .BoxGeneralMessages .GeneralMessages { padding: 10px 20px 20px 40px; } .StripMain.AdministrativeSpace { padding-top: 140px; } .StripMain { padding-top: 90px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .Title404 { font-size: 28px; text-align: center; } .Back404 { margin-top: 20px; } } @media (max-width: 768px) { .Title404 { font-size: 28px; text-align: center; width: 66%; } div.Title404 h1 { color: #F9B52F; font-size: 28px; } .ContainerImgLeft { margin-top: 0px; } .ChooseInstitute, .ChooseClass { margin-top: 20px; } } @media (max-width: 425px) { .Title404 { margin-top: 35%; font-size: 18px; width: 56%; } .Back404 { font-size: 18px; } div.Title404 h1 { color: #F9B52F; font-size: 18px; } .DownloadTitle { margin-right: -15px; } } @media (min-width: 426px) { .Img404-mobile { display: none; } } @media (max-width: 425px) { .Img404 { display: none; } } @media (max-width: 375px) { .Title404 { font-size: 18px; } .Back404 { font-size: 18px; } } @media (max-width: 320px) { .Title404 { font-size: 16px; } .Back404 { font-size: 16px; } div.Title404 h1 { color: #F9B52F; font-size: 16px; } } @media (max-width: 480px) { .page-component-edu .banner .slides.slick-slider { padding-top: 10px; padding-right: 40px; padding-left: 40px; } .popXtn .slickSliderSlide { text-align: right; padding-right: 10%; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; margin-right: -10px; margin-top: 10px; } .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 0px 20px 0px !important; } .popXtn .slickSliderSlide { padding-right: 25%; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px !important; } .popXtn .slickSliderSlide { text-align: right !important; padding-right: 15% !important; background-image: url(../images/image-quote.svg); background-repeat: no-repeat !important; background-position: top right !important; background-size: 12% !important; } .popXtn .slickSliderSlide { text-align: right; padding-right: 40px; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; } .page-component-edu .banner .slides.slick-slider .slick-list { height: auto !important; width: 100%; padding-bottom: 0 !important; } } /*! * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker .datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child .cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.42857143; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } @charset "UTF-8"; /* buttons */ /* titles */ /* background */ /*form*/ .popXtn .nopaddingL { padding-left: 0; } .popXtn .nopaddingR { padding-right: 0; } /* Q&A COMPONENT*/ .popXtnCmpnt .PanelCollapse { margin-bottom: 15px; border: var(--panel-border); border-radius: 4px; } /*.popXtnCmpnt .PanelCollapse a { text-decoration: none; color: #333; }*/ .popXtnCmpnt .PanelCollapse [aria-expanded=false] .BtnCollapse { background-image: url(../images/plus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .popXtnCmpnt .PanelCollapse [aria-expanded=true] .BtnCollapse { background-image: url(../images/minus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } /* // Q&A COMPONENT*/ /* COLLAGE COMPONENT*/ .row.page_component.try-gallery.galleryTopics { box-shadow: none; border: #fff solid 8px; } .popXtn .srch-panel { background-color: #edf5fa; margin: 15px; padding: 17px; } .popXtn .btn { font-family: Assistant, Arial; } .popXtn .btn.goBtn { background-color: #3098CF; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; } .popXtn .btn.goBtn.full-width { width: 100%; } .popXtn .btn.goBtn.full-width:hover { background-color: #1D5C7E; } .popXtn .linkBold a { font-size: 18px; font-weight: 600; } .popXtn .linkBold { text-align: left; } .popXtn .srchTopic .linkBold { border-right: 2px solid #86AFC5; padding: 9.5px 20px 4.5px 0; } .popXtn .try-gallery .item.first a .try-overlayicon p:not(:first-child) { margin-top: 0; } .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { min-height: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 17px; margin-bottom: 7px; } .popXtn .link-container.galleryReadMore { padding: 0 0 10px 5px; } @media (min-width: 991px) { .popXtn .link-container.galleryReadMore.gallery2 { position: absolute; bottom: 0; left: 0; } .popXtn .link-container.galleryReadMore.gallery4 { position: absolute; bottom: 0; left: 0; } } .popXtn .try-gallery .item.first a .try-overlayicon p { min-height: 99px; } .popXtn .main-subject-links p a { font-size: 18px; } .popXtn .try-gallery .main-subject-links a::before { padding: 0px 10px; } /* // COLLAGE COMPONENT*/ /* TOPICS LIST PAGE*/ .popXtn .srch-panel.srchFilterTopics { background-color: #edf5fa; margin: 0px !important; padding: 15px; } .popXtn .srch-panel.srchFilterTopics fieldset { margin-bottom: 0; } .popXtn .form-group.checkbox-group { font-size: 16px; margin: 7.5px 0; } .popXtn .form-group.checkbox-group .control-label { margin-left: 10px; } .popXtn .srch-panel.srchFilterTopics legend { display: block; font-size: 18px; border: none; margin: 0; } .popXtn .pre-text .pre-text-info { display: inline-block; padding-left: 20px; } .popXtn .pre-text .pre-text-info .info-items { color: #555; font-size: 15px; height: 20px; background-position: bottom right; background-repeat: no-repeat; padding-left: 20px; margin-bottom: -4px; } .popXtn .pre-text .pre-text-info .info-items.audience { background-image: url(../images/ico-audience.svg); display: inline-block; } .popXtn .pre-text .pre-text-info .info-items.main-subject { background-image: url(../images/ico-main-subject.svg); display: inline-block; } /* // TOPICS LIST PAGE*/ /* MY IDEA BANNER */ .popXtnCmpnt .myIdeaBanner { background-color: #fff; position: relative; } .popXtnCmpnt .bannerImg { background-color: var(--primary-btn-color); padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; height: 100%; border-radius: var(--item-radius); } .popXtnCmpnt .engBanner .bannerImg { padding: 24px 22px 0px 22px; } .popXtnCmpnt .bannerImg::before { content: ""; background: url(../images/border-top.svg); background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; position: absolute; top: 12px; right: 33px; height: 20px; width: 20px; } .popXtnCmpnt .bannerImg::after { content: ""; background: url(../images/border-bottom.svg); background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; position: absolute; bottom: 12px; left: 33px; height: 20px; width: 20px; } .popXtnCmpnt .bannerCalloutSm { font-size: 44px; line-height: 40px; } .popXtnCmpnt .bannerText { font-size: 22px; line-height: 29px; padding-top: 7px; } .popXtnCmpnt .engBanner .bannerText { font-size: 20px; line-height: 29px; padding-top: 7px; } .popXtnCmpnt .bannerCallout { font-size: 40px; font-weight: 600; margin-top: 8px; line-height: 43px; margin-bottom: 20px; } .popXtnCmpnt .bannerInput { margin-bottom: 15px; font-size: 16px; } .popXtn .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; } .popXtn .btn.goBtn.darkBlue:hover { background-color: #11415a; } .popXtn .btn.goBtn.darkBlue.secondary { background-color: #EEEEEE; color: #1D5C7E; } .popXtnCmpnt .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; } .popXtnCmpnt .btn.goBtn.darkBlue.secondary { background-color: #EEEEEE; color: #1D5C7E; } /* // MY IDEA BANNER */ /* MY IDEA TEASER */ .page-component-edu.popXtnCmpnt .page-panel .text-container.myIdeaText { background-color: #3098cf; color: #fff; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img .text-container.myIdeaText a.title, .page-component-edu.popXtnCmpnt .page-panel .link-with-img div.text { color: #fff; } .popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; } .popXtnCmpnt a.btn.btn-default.smallBtn:hover { color: #2c7094 !important; opacity: 0.8; } .popXtnCmpnt .page-component-edu .text-container.myIdeaText a:hover { opacity: 0.7; color: #fff !important; } .myIdeaModal.popXtnCmpnt .modal-title { font-size: 22px; } .myIdeaModal.popXtnCmpnt .bannerImg { padding: 32px 35px 11px 35px; } /* // MY IDEA TEASER */ .popXtn a.ContainerPopularButton { float: left; color: #fff; background-color: #1D5C7E; border: 1px solid #1D5C7E; border-radius: 8px; padding: 3px 15px; font-size: 16px; text-decoration: none; font-weight: normal; } .popXtn a.ContainerPopularButton:hover { background-color: #11415a; color: #f4f4f4 !important; } .popXtn .courseNoticeWrapper { background-color: var( --grey-background); padding: 10px; margin: 16px; min-height: 50px; font-size: 18px !important; border-radius: var(--item-radius); } .popXtn .courseNoticeWrapper .noticeIcon { background-image: url(../images/ico-notice.svg); background-repeat: no-repeat; background-position: center; width: 20px; height: 23px; padding: 0px 20px; display: inline-block; } /*.popXtn .coll-text.courseInfo { color: #3098CF; }*/ .popXtn .ContainerItemInfo { margin-bottom: 20px; } .popXtn .ContainerItemInfo .ItemInfo div { font-size: 18px !important; margin-bottom: 8px; } .popXtn .slickSliderSlide { text-align: right; padding-right: 90px; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; } .popXtn .slickSliderSlide.quote { background-image: url(../images/image-quote.svg); } .popXtn .slickSliderSlide.videoClip { background-image: url(../images/image-video.svg); } .popXtn .slickSliderSlide .slideTitle { font-size: 16px; font-weight: 600; } .popXtn .quotes-carousel-component .slickSliderSlide .slideTitle { font-size: 18px; font-weight: 600; } .popXtn .quotes-carousel-component .slickSliderSlide .slideText { font-size: 16px; } .popXtn .slickSliderSlide .slideText { font-style: italic; } .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: auto; } .popXtn .slickSliderSlide .image { margin-right: 20px; } /* // MOOC COURSE PAGE // */ /* SEARCH MOOC COURSE PAGE */ .popXtn .col-md-4.ColMultiSelect { padding-left: 30px; padding-right: 30px; border-left: 1px solid #ccc; min-height: 294px; } .popXtn .containerCourseSearch .boxMultiSelect { margin-bottom: 20px; min-height: 36px; padding: 0 10px; font-size: 16px; } .popXtn .boxMultiSelect .col-md-5 { padding-left: 0; } .popXtn .containerCourseSearch .boxMultiSelect .col-md-7 { padding-right: 5px; } .popXtn .clearBtnWrap a.clearBtn { font-size: 16px !important; } /*--multi select--*/ .popXtn .containerCourseSearch .btn-group, .popXtn .containerCourseSearch .btn-group > .btn:first-child { width: 100%; text-align: right; } .popXtn .containerCourseSearch .multiselect-container { width: 100%; } .popXtn .containerCourseSearch .btn-group .caret { float: left; margin-top: 9px; } .popXtn .containerCourseSearch .multiselect-container > li > a > label.checkbox { font-size: 16px; } .popXtn .containerCourseSearch .multiselect-container > li > a { padding-right: 3px; } .popXtn .containerCourseSearch .multiselect-selected-text { font-size: 16px; padding-left: 5px; } .popXtn .containerCourseSearch .boxMultiSelect { margin-bottom: 20px; min-height: 36px; padding: 0 10px; } .popXtn .containerCourseSearch .boxMultiSelect.radioCustomRow { margin-bottom: 0px; } .popXtn .checkboxCustomContainer .col-md-2 { padding-left: 0px; } .popXtn .containerCourseSearch .dropdown-menu > .active > a, .popXtn .containerCourseSearch .dropdown-menu > .active > a:hover, .popXtn .containerCourseSearch .dropdown-menu > .active > a:focus { background-color: #92518D; } /*.popXtn .containerCourseSearch .btn-group .btn { border-radius: 0; }*/ .popXtn .containerCourseSearch .boxMultiSelect .col-md-7 { padding-right: 5px; } .popXtn .boxMultiSelect .SubTitle .TooltipHelp { cursor: pointer; vertical-align: text-bottom; } .popXtn .boxMultiSelect .form-control { border-radius: 0; } .popXtn .boxMultiSelect label { font-weight: normal; font-size: 16px; } .popXtn .boxMultiSelect.RowButtns { padding-top: 10px; } .popXtn .boxMultiSelect.RowButtns a { font-size: 16px; text-decoration: underline; } .popXtn .boxMultiSelect.RowButtns button.btn-danger { background-color: #92518D; border-color: #92518D; } .popXtn .boxMultiSelect.RowButtns button.btn { font-size: 24px; width: 137px; float: left; padding: 2px 12px; } .popXtn .containerCourseSearch .BoxContent { border-bottom: 1px solid #ccc; padding-bottom: 23px; margin-bottom: 43px; } .popXtn .col-md-4.ColMultiSelect { padding-left: 30px; padding-right: 30px; border-left: 1px solid #ccc; min-height: 294px; } .popXtn .ColMultiSelect:first-child { border-left: 1px solid #CCCCCC; } .popXtn .btn.goBtn.small { font-size: 16px; padding: 0px 15px; } .popXtn .btn.goBtn.small:hover { background-color: #1D5C7E; } .popXtn .resltsDataContainer { border: solid #fff 15px; margin-top: 0; } .popXtn .resltsDataContainer .rsltsDataItem { padding: 0 12px; margin-right: 0 10px; border-left: 1px solid #666; } .popXtn .resltsDataContainer .rsltsDataItem:last-child { border-left: none; } .popXtn .resltsDataContainer .rsltsDataItem strong { padding-right: 8px; } .popXtn .resltsDataContainer .showingRslts { font-size: 16px; padding-top: 10px; } .popXtn .link-with-img.courseItemBox { border-top: 1px solid #E2E2E2; padding: 20px 0; } .popXtn .page-component-edu .link-with-img .text-container .item-name.courseItem h5 { font-size: 24px; color: #3098CF; font-weight: normal; } .popXtn .courseItemInfo { margin-top: 12px; } .popXtn .courseItemInfo .rsltsDataItem { padding: 0 12px; margin-right: 0 10px; font-size: 16px; } .popXtn .courseItemInfo .rsltsDataItem:first-child { padding-right: 0; } .popXtn .courseItemInfo .rsltsDataItem strong { padding-left: 8px; } .page-component-edu .page_component .content.advanced-component.banner .slick-next i.fa { background: url(../images/gallery-slick-arrow-right.svg) no-repeat center; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev i.fa { background: url(../images/gallery-slick-arrow-left.svg) no-repeat center; } .btn .caret { margin-left: -10px; } /* // SEARCH MOOC COURSE PAGE // */ /* checkbox custom */ .popXtn .checkbox-custom { opacity: 0; position: absolute; } .popXtnCmpnt .checkbox-custom { opacity: 0; position: absolute; } .popXtn .checkbox-custom, .popXtn .checkbox-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; } .popXtnCmpnt .checkbox-custom, .popXtnCmpnt .checkbox-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; } .popXtn .checkbox-custom-label { position: relative; } .popXtnCmpnt .checkbox-custom-label { position: relative; } .popXtn .checkbox-custom + .checkbox-custom-label:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 8px; } .popXtnCmpnt .checkbox-custom + .checkbox-custom-label:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 8px; } .popXtn .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } .popXtnCmpnt .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } /* // checkbox custom */ /* MEDIA QUERIES */ @media (max-width: 768px) { .popXtnCmpnt .PanelCollapse .Questions { vertical-align: top; /*margin-top: -6px;*/ /*width: 90%;*/ } .StripMain.AdministrativeSpace aside.quick-links { min-height: 450px !important; } .popXtn .srch-panel.srchFilterTopics .nopaddingL { padding-left: 15px; } .popXtn .srch-panel.srchFilterTopics .nopaddingR { padding-right: 15px; } .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline, .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline:first-child { margin-right: 0px; margin-left: 10px; } .popXtn .btn.btn-default.smallBtn { float: none !important; margin: 10px 5px; } .popXtnCmpnt .btn.btn-default.smallBtn { float: none !important; margin: 10px 5px; } .popXtn .courseItemInfo .rsltsDataItem { display: block; margin-bottom: 5px; padding-right: 0px; } } @media (max-width: 767px) { .popXtn .pre-text .pre-text-info { display: block; padding-left: 0px; } .popXtnCmpnt .pre-text .pre-text-info { display: block; padding-left: 0px; } .popXtn .btn.goBtn { width: 100%; margin-top: 15px; } .popXtnCmpnt .btn.goBtn { width: 100%; margin-top: 15px; } .popXtn .btn.goBtn:hover { background-color: #1D5C7E; } .popXtnCmpnt .btn.goBtn:hover { background-color: #1D5C7E; } .popXt a.clearBtn { margin-top: 15px; } } @media (max-width: 1200px) { .popXtn .linkBold a { font-size: 16px; } .popXtnCmpnt .linkBold a { font-size: 16px; } .popXtn .srchTopic .linkBold { border-right: 2px solid #86AFC5; padding: 9.5px 5px 4.5px 0; } .popXtn .bannerImg { margin-bottom: 33px; } .popXtnCmpnt .bannerImg { margin-bottom: 33px; } } @media (max-width: 1200px) and (min-width: 991px) { .popXtn .linkBold a { font-size: 16px !important; } } @media (max-width: 991px) { .popXtn .srchTopic { border-right: none; } .popXtn .btn.goBtn { width: 100%; } .popXtnCmpnt .btn.goBtn { width: 100%; } .popXtn .srchTopic .linkBold { border-right: none; } .popXtn .form-group.checkbox-group .control-label { display: block; } .popXtn .bannerFormWrap { margin-top: -15px; } .popXtnCmpnt .bannerFormWrap { margin-top: -15px; } .popXtnCmpnt .page-component-edu .page-panel .link-with-img div.text { margin-bottom: 20px; } .popXtnCmpnt .myIdeaTeaserBnnr .ContainerButtons { text-align: left; } } @media (max-width: 480px) { .popXtn .containerCourseSearch .btn.goBtn.full-width { margin-top: 0px !important; } } @media (max-width: 320px) { .popXtnCmpnt .bannerCallout { font-size: 44px; } } /*Fix 01-10-17*/ @media (max-width: 480px) { .selectWrap { display: inline-block; width: 100%; } } /*End fix 01-10-17*/ /*Fix 26-10-17*/ .hiddenFix { overflow: hidden; } /*End fix 26-10-17*/ /*Fix 11-5-17*/ @media (max-width: 768px) { .popXtnCmpnt a.btn.btn-default.smallBtn { margin-top: 4px; } } /*End fix 11-5-17*/ /*Academy-zone-classes*/ .page-component-edu .page_component .banner .slides .slick-slide { height: auto !important; } .page-component-edu .advanced-component.banner .slick-slide { /* padding: 30px 50px 20px 50px!important; */ padding: 0 30px 0 20px !important; } .page-component-edu .advanced-component.banner .slick-slide-academy { padding: 0px 35px 0px 35px !important; } /*.academy-slick a { color: #2c7094 !important; }*/ .date-broadcast { font-size: 20px; /* color: #2C7094;*/ font-weight: 600; /* margin-top: 20px;*/ } .broadcast-item-bottom .ContainerButtons { float: right !important; margin-right: 175px; } .registration-btn { font-size: 16px !important; } .broadcastItemBox h5 { margin-bottom: 15px; margin-top: 0px; font-size: 24px; color: #3098CF; } .broadcastItemBox h5:hover, .broadcastItemBox h5:focus { color: #1d8bd1; } .clearboth { clear: both; } .broadcast-item-bottom { margin-top: 20px; clear: both; } .academy-space .listing { margin-top: 12px; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } .broadcast-item-bottom .link-container { margin-left: 0 !important; } .page-component-edu a:focus { /* color: #1d8bd1 !important; -webkit-tap-highlight-color: #1d8bd1;*/ text-decoration: none; opacity: 1; } /*.page-component-edu .listing .link-container a { background-color: #3098CF; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 2px 12px; border-radius: 4px; }*/ /*.page-component-edu .listing .link-container a:hover { color: #fff !important; background-color: #1D5C7E; opacity: 1; }*/ .broadcast-date-section { margin-bottom: 16px; /* margin-right: 15px; margin-left: 15px;*/ } .broadcast-date-section:last-child { border-bottom: none; } .broadcast-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .academy-space .popXtnCmpnt .bannerImg { background-color: #3098CF; padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; min-height: 300px; } .idea-banner-info { margin-right: -15px !important; padding-left: 5px !important; } .academy-space .popXtnCmpnt .bannerCalloutSm { font-size: 42px; } .popXtnCmpnt .bannerCallout-big { font-size: 100px; font-weight: 400; margin-top: 20px; line-height: 43px; margin-bottom: 30px; } .margin-bottom40 { margin-bottom: 40px; } .calendar-erea { min-height: 150px; padding: 0 !important; } .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; } .form-control { font-size: 16px !important; } .broadcast-calendar-space label { font-size: 18px; padding: 0 0 0 10px; margin-top: 5px; text-align: left; } .broadcast-calendar-space h3 { margin-top: 5px; margin-bottom: 0; font-size: 22px; } h3.title-search-broadcast { font-size: 20px; font-weight: 600; margin-bottom: 10px; margin: 0px 0px 16px 0px; } .nopadding { padding: 0 !important; } .search-broadcast-btn { font-size: 16px !important; width: 140px !important; float: left; text-wrap: nowrap; } .advance-search { clear: both; text-decoration: underline; /*margin-right: 50px;*/ } .slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 10px !important; min-height: 137px; } .search-broadcast-erea { display: inline-block; width: 100%; margin-right: -10px; } .broadcast-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .search-broadcast-erea { margin-right: 0px; margin-left: 0px; } /*.quick-search-broadcast-erea { display: inline-block; width: 100%; }*/ .search-col-field { margin-bottom: 20px; display: inline-block !important; width: 100%; } .search-col-field:last-child { margin-bottom: 0px; } .search-col { padding: 10px 0px 0 30px !important; border-left: 1px #DFDFDF solid; } .search-col-left { padding: 10px 30px 0 40px !important; } .popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: var(--cb-color); font-weight: 600; background: var(--cb-checked-bg); } .popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom + .checkbox-custom-label:before { content: ""; background: var(--background); border: var(--cb-border); border-radius: 2px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 15px 0; margin-left: 5px; } .select-grade-erea { padding-left: 0 !important; margin-top: 7px; } .checkboxCustomWrap { width: 48px; } .search-time { padding: 10px 0 0 16px !important; } .search-time-erea { clear: both; padding-top: 15px; } .search-time-options { padding: 10px 0px 0 30px !important; } .search-time-options select { width: 110px; padding: 3px; } .date-options { padding: 10px 0px 0 0px !important; margin-right: 10px; } .date-options2 { padding: 10px 0px 0 0px !important; margin-right: 15px; } .input-group-addon { top: 10px !important; } .clsDatePicker { width: 85% !important; float: left !important; } .date-text { line-height: 200%; font-size: 16px !important; } .datepicker-days table tr th { background-color: rgb(255, 255, 255) !important; } .datepicker-days tbody { background-color: rgb(255, 255, 255) !important; } .input-group .form-control:first-child { border-radius: 0 !important; } .search-btn-erea { margin-top: 16px; display: inline-block; width: 100%; /* padding-left: 30px;*/ } .search-btn { width: 105px; } .white-title { box-shadow: none !important; } .popXtn .ContainerItemInfo .ItemInfo div .date-and-time { color: var(--title-color); font-size: 24px !important; font-weight: 600; margin-right: 15px; } .credit-strip { background: #E0EEF5; padding: 7px 20px; } .ask-lecturer { background: #E0EEF5; border-radius: 3px; background-image: url(../images/ask-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .update-diary { background: #E0EEF5; border-radius: 3px; background-image: url(../images/calendar-blue-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 93% 7px; font-weight: 600; margin-right: 7px; } .popXtn .btn.goBtn.darkBlueNarrow { background-color: #1D5C7E; padding: 2px 25px; } .popXtn .btn.goBtn.darkBlueNarrow:hover { background-color: #11415a; } .devider-gray { border-bottom: 1px #DFDFDF solid; height: 20px; clear: both; /* margin-right: 15px;*/ } .page-component-edu.lecture .main-content h2 { font-size: 24px; padding: 0; } .lecture-description { margin-right: 0 !important; margin-top: 10px; } .lecturer-pic { width: 90px !important; float: right; margin-left: 15px; margin-top: 5px; } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-up.png); } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-down.png); } .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/triangle-up.png); width: 100%; min-height: 48px; display: inline-block; background-repeat: no-repeat; background-color: var(--item-radius) !important; background-position: 98.5%; border-right: 3px #ffffff solid; border-left: 3px #ffffff solid; padding-right: 34px; padding-top: 9px; color: #1F6185; font-size: 18px; padding-left: 10px; height: auto; margin-bottom: -10px; } .lecture-boxes .panel-group .panel + .panel { margin-top: 0; padding-bottom: 10px; /* margin-bottom: -10px; */ } .lecture-box-info .panel:first-child { padding-bottom: 10px !important; } .lecture-box-info ul { padding-top: 10px; } .content-lecture-box { padding-top: 10px; } .lecture-boxes { padding-top: 3px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .listing { height: auto; } .AccordionTitle { font-weight: 600; float: right; /*color: #1D5C7E;*/ font-size: 22px; } .page-component-edu.lecture-boxes a.btn-primary::after { font-family: FontAwesome !important; content: ""; } .lecture-box-info a:hover, .lecture-box-info a:focus { border-color: #fff !important; } .lecture-box-info a:link { -webkit-tap-highlight-color: transparent; } .lecture-box-info li { font-size: 16px; padding-right: 5px; margin-bottom: 20px; } .lecture-box-info ul.arrow-li { list-style-image: url("/images/icons/navigation-blue-side.svg"); } .page-component-edu .panel { border: 0; } .page-component-edu .panel .slider-head-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .page-component-edu .panel .slider-head-wrap a { font-size: 18px; font-weight: 600; } .page-component-edu .panel .slider-head-wrap .comp-title-container { margin: 0 !important; } .page-component-edu .panel .slider-head-wrap .comp-title-container h4 { margin: 13px 0 0 0 !important; } .academy-space .lecture-box-info .listing { margin-top: 0 !important; margin-bottom: 0 !important; display: inline-block; overflow: visible; } .lecture-boxes .panel-group .panel + .panel { margin-top: 0; } .academy-space .relevant-activities .listing { margin-top: 5px; margin-bottom: 5px; } .page-component-edu.interest-in-box .text-container { min-height: 107px; background-color: #edf5fa; padding-top: 15px; padding-left: 10px; } .interest-in-box .link-with-img { margin-bottom: 25px; } /*.video-erea { margin-right: -15px; margin-left: -25px; }*/ .video-erea iframe { border-radius: 4px; } .video-description { margin-top: 20px; } .talkback-erea { margin-top: 40px; } /*.nearest-broadcast-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; }*/ .text18-semibold { font-weight: 600; font-size: 18px !important; } .text24-semibold { font-weight: 600; font-size: 24px !important; line-height: 130% !important; margin-top: 15px; margin-bottom: 10px; } .no-broadcast-box { padding-bottom: 20px !important; } .info-side { width: 50%; } .clear-right { clear: right; } .margin-top-30 { margin-top: 30px; } .img-vod-box { float: left; } .academy-space .slick-next { width: 40px !important; } .academy-space .slick-prev { width: 30px !important; } .academy-space .galleryTopics { padding: 0 30px; } .modal-text { font-size: 18px; color: #000; } slickCourses .slick-list { padding-bottom: 0 !important; } .page-component-edu .banner .slides.slick-slider.slickCourses .slick-list { padding-bottom: 0 !important; height: auto !important; } .img-teacher { float: left; } /* START - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/ @media (max-width: 1199px) and (min-width: 992px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery2 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery3 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 200px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .first .image { height: 400px !important; } .slides.academy-slick .gallery2.galleryTopics .image img { height: 280px; } .slides.academy-slick .gallery3.galleryTopics img { height: 280px; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image img { height: 280px; } } @media (min-width: 481px) and (max-width: 767px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img { height: 200px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: auto !important; } } @media (min-width: 768px) and (max-width: 991px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img { height: auto !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 400px !important; } } @media (max-width: 400px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 250px !important; } } @media (max-width: 480px) and (min-width: 400px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 300px !important; } } /* END - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/ h1, h2, h3, h4, h5, h6, .heading { font-family: "assistant" !important; font-weight: 600 !important; color: var(--title-color); } .gallery2.galleryTopics .try-overlayicon { height: 46px; } .gallery2.galleryTopics .image { height: 480px; } .gallery3.galleryTopics img { height: 380px; } .disabled-checkbox { opacity: 0.3; } .broadcast-item-bottom .broadcastReadMore { float: left !important; } .broadcast-date-section .listing { height: auto; margin-top: 12px; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } .academy-slick .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 40px; height: 50px; position: absolute; z-index: 200; background: none; border: 0 none; cursor: pointer; } input[type=checkbox][disabled] ~ label { opacity: 0.3 !important; } .calendar-left-content { margin-top: 55px; border-right: #DFDFDF solid 1px; padding: 0 20px 0 0; height: 310px; } .title-calendar-content { color: #2C7093; font-size: 18px; font-weight: 600; margin-bottom: 10px; } /*.calendar-hours { color: #2C7093; }*/ .calendar-content-item { color: #2C7093; font-weight: 600; padding-right: 0 !important; } .calendar-content-row { margin-bottom: 15px; } .calendar-legend { clear: both; margin: -10px 0 20px 0px; } .legend-current { border-radius: 100%; height: 23px; width: 23px; border: 1px var(--primary-btn-color) solid; background: transparent; display: inline-block; margin: 0 20px -5px 10px; } .legend-event { border-radius: 100%; height: 23px; width: 23px; background: #E0EEF5 !important; display: inline-block; margin: 0 20px -5px 10px; } .devider-gray-calendar { border-bottom: 1px #DFDFDF solid; clear: both; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; } .autocomplete li:hover { background-color: #f5f5f5; } @media (max-width: 1200px) { .gallery2.galleryTopics .image { height: 430px; } .gallery3.galleryTopics img { height: 325px; } #broadcast-time { width: 150px !important; } } @media (max-width: 1024px) { .search-btn { width: 105px !important; } } @media (min-width: 1199px) { .search-time-options select { margin-right: 25px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .try-gallery .item:not(.first) a .try-overlayicon p { font-size: 15px !important; max-height: unset; } .academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap { padding-right: 5px !important; } .gallery2.galleryTopics .image { height: 380px !important; } } @media screen and (max-width: 991px) and (min-width: 769px) { .StripMain.academy-space, .StripMain.AdministrativeSpace { padding-top: 15px; } } @media (min-width: 992px) { /*#broadcast-time { margin-right: 23px; width: 235px; }*/ .quote-width1 { width: 75% !important; } .img-teacher-width1 { width: 25% !important; } .quote-width2 { width: 66% !important; } .img-teacher-width2 { width: 33% !important; } .quote-width3 { width: 50% !important; } .img-teacher-width3 { width: 50% !important; } } @media (max-width: 991px) { .idea-banner-info .bannerFormWrap { margin-right: 15px; margin-left: 15px; } .search-broadcast-erea { margin-right: 0; } .quick-search-broadcast-erea { margin-right: 0; } .search-broadcast-erea .ContainerButtons { text-align: left !important; } .search-col { padding: 0px !important; border: 0; } .search-col-left { padding: 0px !important; } .search-time { padding: 0px !important; } .search-time-options { padding: 10px 15px 0 15px !important; } .clsDatePicker { width: 90% !important; } .date-options2 { margin-left: 15px; margin-right: 11px; } .date-options { margin-left: 15px; } .search-broadcast-erea .ContainerButtons { text-align: left !important; } .search-btn-erea { padding-left: 0px !important; } .btn.goBtn.darkBlueNarrow { width: auto !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: 83px; } .academy-space .page-component-edu .advanced-component.banner .row h4 { margin: 13px 15px 0 0; } .gallery2.galleryTopics .try-overlayicon { height: 100px; } .search-time-options select { width: 100%; } #broadcast-time { width: 100% !important; } .calendar-left-content { border-right: 0; margin: 10px 20px 0; height: auto; border-top: #DFDFDF solid 1px; padding: 20px 0; } .calendar-content-item { padding-right: 15px !important; } .title-search-broadcast { margin-right: 0; } } @media (max-width: 630px) { .broadcastReadMore { margin-right: 0; } } @media (min-width: 768px) { .academy-slick .gallery2 .col-md-4 { width: 33.33% !important; } .academy-slick .gallery3 .col-md-4 { width: 50% !important; } .academy-slick .gallery4 .col-md-4 { width: 100% !important; } #ask-lecturer-modal .modal-dialog { width: 620px; } .image-lecture { padding-right: 15px; } .calendar-erea { /*padding-left: 15px !important;*/ padding-right: 5px !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: auto; } } @media (max-width: 767px) { .academy-space .galleryTopics { padding: 0; } .gallery2.galleryTopics .try-overlayicon { height: 50px; } .popXtn .btn.goBtn.darkBlueNarrow { margin-top: 0; } .no-broadcast-text { padding: 0; } .img-teacher { float: none; padding: 40px !important; } .broadcast-item-bottom .ContainerButtons { margin-right: 0; } .broadcast-date-section .btn.goBtn { margin-top: 0 !important; } } @media (max-width: 767px) and (min-width: 600px) { .image-lecture { margin-right: 15px; margin-bottom: 5px; } } @media (max-width: 600px) { .img-vod-box { float: none !important; margin-right: -15px; margin-left: -15px; } .vod-box .info-side { width: 100%; } } @media (max-width: 560px) { .update-diary { margin-top: 10px; margin-right: 0; float: right; } } @media (max-width: 480px) { .popXtnCmpnt .bannerCallout-big { font-size: 80px; } .interest-in-box img { width: 96px; height: 64.2px; } .page-component-edu .page_component .link-with-img div.text { padding-bottom: 15px; } } @media (max-width: 425px) { .broadcastItemBox h5 { clear: both; } .ask-lecturer { font-size: 13px; display: block; width: 125px; } .update-diary { font-size: 13px; } .but-lecture-erea { padding: 0 !important; } .popXtn .btn.goBtn.darkBlueNarrow { padding: 2px 10px; font-size: 18px; margin-left: -15px; } .lecture-description { margin-right: -15px !important; margin-left: -30px !important; } .popXtn a.ContainerPopularButton { margin-top: 10px; } .side-info-lecture { padding: 0 !important; margin-left: -15px; } .image-lecture-erea { margin-right: 0; } .image-lecture-erea { margin-left: -15px; } .page-component-edu:not(.not-shaped) .comp-title-container h3 { margin: 12px 15px 0 15px; } .img-teacher { padding: 10px 0 !important; } } /*-- gallery-fix - 20-3-19 ---*/ .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 40px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev { width: 40px; } .page-component-edu .advanced-component.banner .slick-slide { padding: 0 30px 0 20px !important; } .popXtn .academy-slick .try-gallery .item.first a .try-overlayicon { margin-top: 10px; } .popXtn .academy-slick .try-gallery .item.first a .try-overlayicon p { min-height: auto !important; } .page-component-edu .advanced-component.banner .row h4 { margin: 13px 15px 0 0; } .switch-collage-gallery-component.page-component-edu .advanced-component.banner .row h4 { margin: 12px 13px 5px 13px; } .search-time-erea .form-control { border: 1px solid #a9a9a9; } .search-broadcast-erea ul, .search-broadcast-erea ol { line-height: 0.8 !important; } .search-broadcast-erea .dropdown-menu > li > a { display: block; padding: 0 20px; } .boxMultiSelect .checkbox-custom-label-grade { margin-top: 0 !important; } .search-time-erea select::-ms-expand { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .search-time-erea #broadcast-time, .search-time-erea #broadcast-time-2 { height: 36px !important; background-image: url(../images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: center left !important; } } @supports (-ms-ime-align: auto) { .search-time-erea #broadcast-time, .search-time-erea #broadcast-time-2 { height: 36px !important; background-image: url(../images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: center left !important; } } @media (max-width: 1200px) and (min-width: 991px) { .page-component-edu .advanced-component.banner .slick-slide { padding: 0px 40px 20px 30px !important; } .try-gallery .first .image { height: 476px; } } @media (min-width: 992px) { .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p:last-child { line-height: normal; min-height: auto; } .popXtn .academy-slick .try-gallery .first .image { height: 492px; } .popXtn .academy-slick .try-gallery.gallery4 .image { height: 490px; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { /*position: absolute; bottom: 0; left: 0;*/ /*padding: 0 0 6px 4px;*/ } .popXtn .academy-slick .try-gallery.gallery3 .image .galleryReadMore { position: relative; } .advanced-component.banner .slides .image.small { height: 246px; } .academy-slick .row.page_component.try-gallery.gallery4 .item a .item-time-wrap { display: block; padding-right: 13px; } } .academy-slick .row.page_component.try-gallery.gallery3.galleryTopics .item a .try-overlayicon p { min-height: 46px; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { margin: 0; } .item-time-wrap img.broadcast-icon { width: 14px; height: 15px !important; margin-bottom: 1px; } .academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap { padding-right: 13px; } .academy-slick .row.page_component.try-gallery.gallery3 .item a .item-time-wrap { padding-right: 13px; } .item-time-wrap { margin: 5px 0; display: flex; justify-content: flex-start; align-items: center; padding-right: 18px; } .item-time-wrap.small { padding-right: 13px; margin: 5px 0; } .item-time-wrap span { line-height: 16px; font-weight: 600; margin: 0 3px; display: inline-block; } .item-time-wrap span.date { border-left: 1px solid rgb(44, 112, 148); padding-left: 5px; } .item-time-wrap.broadcastItemBox { margin: 0; display: inline-flex; background: rgba(208, 227, 242, 0.48); padding: 7px 14px; align-items: flex-end; } .item-time-wrap.broadcastItemBox span { line-height: 14px; font-weight: 600; margin: 0 3px; display: inline-block; color: rgb(44, 112, 148); } .item-time-wrap.broadcastItemBox span.date { border-left: 1px solid rgb(44, 112, 148); padding-left: 5px; } @media (min-width: 1200px) { .gallery4 img { height: 360px !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: auto; } } @media (max-width: 1200px) { .page-component-edu .link-container a { font-size: 15px; } .row.page_component.try-gallery .item.first a .try-overlayicon p { min-height: 30px; } .try-gallery.gallery4 .advanced-component.banner .slides .image { height: auto !important; } .advanced-component.banner .slides .image { height: 223px !important; } .gallery3 .item:not(.first) a .try-overlayicon p { max-height: 46px; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 15px; } } @media (max-width: 1024px) { .popXtn .link-container.galleryReadMore { padding: 0 0 20px 5px; margin-top: -10px; } } @media (max-width: 991px) { .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 1px; } .advanced-component.banner .slides .item { width: 100%; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 16px; min-height: auto !important; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: relative; } .popXtn .link-container.galleryReadMore { padding: 0; } .gallery4 .image { height: auto; } .advanced-component.banner .slides .gallery2 .image { height: 360px !important; } .page-component-edu .advanced-component.banner .slick-slide { padding: 0px 20px 10px 15px !important; } .gallery3.galleryTopics img { height: auto; } .try-gallery.gallery3 .item:not(.first) a .try-overlayicon p { min-height: 40px; max-height: 44px; } .gallery4 img { height: auto !important; } .try-gallery p:nth-child(2) { display: none; } } @media (max-width: 860px) { .try-gallery .item.first a .try-overlayicon p { max-height: 74px; } .try-gallery .item:not(.first) a .try-overlayicon p { min-height: auto; max-height: 40px; } .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 0px; } } @media (max-width: 800px) { .try-gallery .item:not(.first) a .try-overlayicon p { min-height: auto; max-height: 36px; } } @media (max-width: 767px) { .page-component-edu .advanced-component.banner .slick-slide { padding: 0 !important; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: absolute; left: 5px; bottom: 10px; } } @media (max-width: 425px) { .gallery4 { padding: 0 !important; } .gallery3 img { height: 132px !important; } .row.page_component.try-gallery.galleryTopics { border: 0; } .try-gallery .item .image { position: relative; border: 0; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 30px !important; } .gallery4 .image { height: 300px; } .popXtn .link-container.galleryReadMore { margin-top: 20px; } } /*-- End gallery-fix ---*/ /*End Academy-zone-classes*/ /*-- calendar fix ---*/ .fc-state-default { border: 0; background-color: transparent; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: none; background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #7092B1; text-shadow: 0; box-shadow: none; } .fc-state-default:hover { color: #1D5C7E; } .fc-next-button:focus, .fc-prev-button:focus { outline: -webkit-focus-ring-color auto 1px; } .fc-center h2 { margin-top: 5px !important; } .calendar table { background: 0; margin-top: 5px; } .fc-head-container { border: 0 !important; } .fc-day-header { background: transparent; } .fc td, .fc th { border-style: none; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border: 0; } .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { text-align: center; } .fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: none; } /*.fc-today span:before { border-radius: 100%; height: 34px; width: 34px; border: 1px #DF2020 solid; background: transparent; content: ""; position: absolute; z-index: -1; margin-left: 11px; margin-top: -7px; display: flex; }*/ .fc-content-skeleton .fc-today { cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url(../images/igul-current-day.png) !important; background-repeat: no-repeat !important; background-position: top center !important; } /*.fc-today { cursor: pointer; color: rgba(24,24,24,1); height: 36px !important; background-image: url(../images/igul-current-day.png) !important; background-repeat: no-repeat !important; background-position: top center !important; background-clip: content-box !important; line-height: 240%; }*/ .has-events { color: #ffffff; border: 0; cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url("../images/igul-event.png") !important; background-repeat: no-repeat !important; background-position: top center !important; } .fc-today.has-events { color: #ffffff; border: 0; cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url("../images/icons/current-day.png") !important; background-repeat: no-repeat !important; background-position: top center !important; } .fc td, .fc th { vertical-align: middle; } .fc-scroller { overflow-y: hidden !important; height: auto !important; } .fc-basic-view .fc-body .fc-row { height: 2.7em !important; min-height: 2em; } .fc-unthemed td.fc-today { background: transparent; } .has-events:hover { cursor: pointer; } .caret { border-top: 6px dashed !important; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent; } @media (max-width: 320px) { .fc-day-header { font-size: 1.3rem; } } /*-- End calendar fix ---*/ /*-- Tour ---*/ .advanced-component.standard-components.tours-space .col-md-8 { width: 100%; } .tours-space .listing { margin-top: 0; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } #left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) { border: 0; } /*section.content .home-container .row.home-row .tours-space h2 { width: 235px; }*/ .rout-field { float: right !important; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: #333; text-align: right; min-width: 19%; width: 40%; min-height: 48px; height: 48px; -webkit-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0; background-size: 30px 100%; border: 1px solid #000; border-right: none; } select#edulevel { background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff; background-size: 30px 100%; } a.hipus:after { font-family: FontAwesome; content: " \f104"; } #left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) { margin-bottom: 0; } .tours-space .lecture-description { margin-top: 0; } section.content .tours-space h2 { margin-top: 0; } .box-recommendation { background: var( --background-light-blue); /*padding: 16px;*/ margin-bottom: 10px; } .box-recommendation a { color: var(--link-color-on-l-blue) !important; } .box-recommendation a.primary-btn { color: var(--primary-btn-text-color) !important; } .box-recommendation a.secondary-btn { color: var( --secondary-btn-text-color) !important; } /*.box-recommendation h2 { color: #1D5C7E; }*/ .box-recommendation ul { list-style: none; } .box-recommendation ul:last-child { margin: 0; } .title-rout { font-weight: 600; margin-bottom: 0; } /*.box-recommendation ul li::before { content: "•"; color: #3098CF; display: inline-block; width: 0.5em; margin-right: -0.7em; font-size: 22px; margin-bottom: 5px; }*/ .box-recommendation ul li { margin: 0; line-height: 120%; padding: 5px 0; } .box-recommendation h3:first-of-type { margin-bottom: 20px; } .tours-space.popXtn .ContainerItemInfo { margin-bottom: 0; } .lecture-boxes .read-more { display: block; margin-top: 5px; } .lecture-box-info li.more-links { margin-bottom: 10px; margin-top: 5px; } .tours-space .page-component-edu .page_component .img-container { width: auto; height: 80px; } .tours-space .text-container.myIdeaText { background-color: #3098cf; color: #fff !important; } .tours-space .link-with-img .myIdeaText a, .tours-space .link-with-img .myIdeaText .text { color: #fff !important; } .tours-space.popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; } .tours-space .smallBtn { color: #333 !important; background-color: #fff; border-color: #ccc; } .tours-space .link-with-img a.btn-default.smallBtn { color: #2c7094 !important; margin-top: -20px; font-weight: 400; padding: 4px 9px 4px 5px; } .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; } .btn.goBtn.darkBlue:hover { background-color: #11415a; } .tours-space .page-component-edu .page_component.main-content { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .tours-space .page-component-edu .panel-body { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .tours-space .quick_links.panel.panel-default { padding-bottom: 0; } @media (min-width: 1200px) { .advanced-component.standard-components.tours-space { padding: 0; } } @media (max-width: 991px) { section.content.tours-space .home-container .row.home-row .ma-lomdim { width: 90%; } .tours-space .home-row { width: 100%; margin-top: 10%; margin-right: 2%; } /* .tours-space .home-container { background-size: 200%; }*/ section.content .home-container .row.home-row .tours-space .ma-lomdim h1 { width: 100%; padding-top: 5px; font-size: 32px; } } @media (max-width: 768px) { section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } .rout-field { width: 55%; } .tours-space .home-learn-dlg { padding-top: 0; margin-top: 0; } .page-component-edu .panel .slider-head-wrap { padding: 0 20px; } .page-component-edu .advanced-component.banner .row h4 { font-size: 18px; padding: 10px 15px; } } @media (max-width: 480px) { .rout-field { width: 100%; } .tours-space .home-learn-dlg { padding-top: 0; margin-top: 0; margin-bottom: 0; } } @media (max-width: 480px) and (max-width: 991px) { section.content.tours-space .home-container .row.home-row .ma-lomdim { width: 100%; } } /*-- End Tour ---*/ /*-- Social ---*/ .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-chevron-left:before { content: "\e079"; } .social-main .carousel a { color: #fff; } .social-main .carousel a:hover { color: #fff !important; } .social-main .carousel-indicators { right: 50% !important; left: 0; margin-right: -30% !important; margin-left: 0; padding-left: 0; } .listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line2 { left: 32.6%; } .listing-container.ng-scope.listing-container-three-columns-with-title div.vert-line { top: -5px; width: 1.4%; height: 102%; background-color: rgb(238, 238, 238); position: absolute; } .listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns { padding-right: 15px; } .listing-container.ng-scope.listing-container-three-columns-with-title .listing { overflow: visible; } .listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line1 { right: 32.6%; } .listing-container.ng-scope.listing-container-three-columns-with-title h2 { padding-bottom: 15px; margin-top: -25px; font-size: 30px; color: rgb(48, 65, 85); text-align: center; min-height: 50px; } .listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) { margin-right: 10px; margin-left: -10px; } /*.social-main .search-btn-erea { padding-left: 25px !important; }*/ .social-search-space { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 48px; } .social-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .type-search-social { margin: 15px 15px 20px; width: 100%; } .type-search-social { margin: 15px 0 20px; width: 100%; } .social-main .listing { margin-bottom: 40px; } .social-activity-search .listing h2 { margin-bottom: 20px; margin-top: 10px; font-size: 28px; color: #3098CF; } .social-activity-search .listing p { font-size: 16px; } .social-activity-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .school-title { font-size: 16px; font-weight: 600; } .social-role p { font-size: 16px; } .roles-targets { padding-bottom: 30px !important; } .targets-pic { padding-top: 10px; padding-left: 20px; } .role-search-space .search-col-left { padding: 15px 30px 0 45px !important; } .recommended-title h3 { font-size: 24px !important; color: #3098CF !important; margin-top: 15px; } .rec-role-erea { padding: 30px; } .link-items li { background: url(../images/Arrow-Link-List.png) no-repeat top 7px right #fff; background-size: 8px; padding-right: 15px; color: #2C7093; font-size: 16px; } ul.link-items { list-style: none; } .panel.teacher-tools { padding-bottom: 20px; } .social-role .try-resources { margin-bottom: 40px; } .age-levels { float: right; margin-left: 10px; } @media (max-width: 991px) { .type-search-social { margin: 15px 0px 10px; width: 100%; } .search-col-field .col-md-8 { padding: 0; } .social-main .search-col { padding: 10px 0px 0 0px !important; } .search-col-field:last-child { margin-bottom: 10px; } .social-main .search-btn-erea { padding-left: 0 !important; } /* .role-search-space .search-btn-erea { padding-left: 15px !important; }*/ .role-search-space .search-col-left { padding: 15px 16px 0 30px !important; } ul.link-items { margin-top: 15px; } .link-items li { padding-left: 0 !important; } .age-levels { margin-top: 0 !important; } } @media (max-width: 600px) { .type-search-social { width: 100%; } } @media (max-width: 480px) { .social-role .bottom-component img { width: 100%; height: auto; } } @media (max-width: 425px) { .type-search-social { width: 100%; } .social-activity-results-section .listing .col-xs-12, .social-activity-results-section .listing .col-md-7, .social-activity-results-section .listing .col-md-5 { padding: 0; } .social-activity-search .listing h2 { font-size: 24px; } } @media (max-width: 375px) { .type-search-social { width: 100%; } .title-search-social h4 { font-size: 19px !important; } .role-search-space .checkboxCustomWrap { width: 42px; } } @media (max-width: 320px) { .type-search-social { width: 100%; } } /*-- End Social ---*/ /*-- Main-pedagogic ---*/ .main-pedagogic .ma-lomdim h1 { font-size: 28px; font-weight: bold; line-height: 100%; color: var(--title-color); text-align: right; /* padding: 7px 0px 0 0; margin-left: 15px;*/ } select#learnsubject, .search-main select#edulevel { color: var(--select-place-holder); background: #FFFFFF 0% 0% no-repeat padding-box; border: none; border-radius: 32px; opacity: 1; border-left: none; height: 5px; width: 100%; /* background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff; background-size: 30px 100%; */ } .main-pedagogic .search-main { background-color: var(--background-light-blue); /* padding: 55px 70px; margin-right: auto; margin-left: auto; background-position: center; background-size: cover;*/ } /* .search-main select#edulevel { min-width: 19%; width: 23%; height: 55px; }*/ .search-main a.hipus.btn.btn-primary[disabled] { height: 55px; } .banners-strip { padding: 10px 10px 20px; display: inline-block; margin-bottom: 0; } .pic-current { margin: 0 5.5% 29px 0; width: 44.5%; } .current-pics { padding-left: 0; padding-right: 3px; } .banner-main:hover { opacity: 0.9; } .link-all { font-size: 20px; float: inline-end; padding-inline-end: 16px; margin-top: -40px; } .tikshuv-strip .link-all { padding-inline-end: 0; } .strip-no-title .link-all { margin-top: 0px; } .link-all:hover { /*color: rgb(29, 139, 209);*/ } .link-all .link-arrow { width: auto; margin-inline-start: 5px; } .main-list-component.ltr .link-all .link-arrow { transform: rotate(180deg); } .current-strip { margin-bottom: 48px; } .font16 { font-size: 16px; color: #000; } .travel-content { padding: 20px 10px 30px; } .tikshuv-content { margin-top: 16px; } .main-pedagogic .slick-next i.fa { background: url(../images/gallery-slick-arrow-right.svg) no-repeat center; } .main-pedagogic .slick-prev i.fa { background: url(../images/gallery-slick-arrow-left.svg) no-repeat center; } .main-pedagogic .slick-prev, .main-pedagogic .slick-next { background-color: transparent; } .travel-strip { margin-bottom: 48px; } /*.tikshuv-strip { margin-bottom: 48px; } */ .mooc-strip { margin-bottom: 48px; } .academy-item { background: #E0EEF5; padding: 5px 10px 20px; } .academy-strip { margin-bottom: 60px; padding-bottom: 20px; } .arrow-all { padding-inline-start: 3px; } .banners-strip .comp-title-container h4 { margin: 5px !important; } .banner-main { margin-top: 10px; } /* main-pedagogic class for 1200px removed - email from yisca. * class removed: 07/04/2019 */ /*@media (max-width: 1199px) { .search-properties .learn-subject, .search-properties .learn-inputs { width: 100%; } .main-pedagogic .ma-lomdim h1 { text-align: center; } .main-pedagogic .search-main-erea { background-color: #E7F1F8; margin-bottom: 30px; } .main-pedagogic .dlg-inner div.ma-lomdim { float: none; } .dlg-inner .search-properties{ flex-direction:column; }*/ /* h1 { font-size: 32px; line-height: 150%; color: #fff; width: 230px; }*/ /*select#learnsubject { min-width: 25%; width: 32%; } }*/ @media (max-width: 991px) { .main-pedagogic div.hipus { width: 95%; } .main-pedagogic .search-main { background-size: cover; } .banner-main:first-child { margin-bottom: 20px; } /* .pic-current { margin: 30px 0 0 5%; width: 45%; }*/ .current-content { padding: 0px; } .travel-content .col-md-4 { margin-bottom: 20px; } .travel-content .col-md-6 { margin-bottom: 20px; } } @media (max-width: 767px) { .main-pedagogic { padding-top: 0; } .home-learn-dlg { margin-top: 20px; } .banners-strip { display: block; } .banners-strip { padding: 10px 0 20px; } /*.pic-current { width: 100%; }*/ .current-content { padding: 0px; } .travel-content { padding: 20px 0 0; } .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 8px 10px 0 0; } .link-all { padding-left: 20px; } /* .main-pedagogic h3 { font-size: 22px !important; }*/ .banners-strip .comp-title-container h4 { margin: 0 10px 20px !important; } } @media (max-width: 680px) { .main-pedagogic select#learnsubject { width: 100%; } .main-pedagogic .dlg-inner div.ma-lomdim { width: 100%; } .main-pedagogic .ma-lomdim h1 { width: 100%; } .main-pedagogic .search-main select#edulevel { width: 100%; } .main-pedagogic div.hipus { width: 100%; } } @media (max-width: 500px) { .main-pedagogic .search-main { padding: 30px; } .link-all { font-size: 16px; width: 110px; line-height: 100%; margin-top: -35px; padding-right: 10px; position: absolute; left: 0; } .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 { height: unset; padding: 6px 10px 8px; font-size: 18px; } .title-current { font-size: 26px; } } /* Added by Dror Efraim */ .StripMain.AdministrativeSpace aside.quick-links { min-height: 400px; } nav.quick-links-wrapper { margin-bottom: 28px; } nav.quick-links-wrapper h2 { font-size: 20px; background: #587E9F; color: white; margin: 0; margin: 0; line-height: 25px; padding-right: 10px; font-weight: 400 !important; padding: 10px 10px 10px 0; } nav.quick-links-wrapper ul { background: #F0F8FB; padding: 10px; } nav.quick-links-wrapper ul li { margin-bottom: 5px; color: #2C7094; font-size: 16px; font-weight: 600; } nav.quick-links-wrapper ul a.more-links { font-size: 17px; color: #2C7094; text-align: left; display: block; padding-left: 13px; position: relative; } nav.quick-links-wrapper ul a.more-links:after { content: ""; background: url(../images/arrow-left.png); background-repeat: no-repeat; position: absolute; top: 7px; height: 15px; width: 12px; } .academy-space .listing.math { margin-top: 0; } .InfoBannerBox .ImgBanner.math { max-height: 100%; height: 100%; } .anchors-component .panel { background: var(--background-over-grey-color); } /* Article links */ #left_col[role=main] > h1.areaTitle.articles { margin-bottom: 20px; } .articles-wrapper .articles-links-container { margin-bottom: 25px; } .articles-links-container ul.links-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 !important; padding: 16px 16px 8px; } .articles-links-container ul.links-list li { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; position: relative; } .articles-links-container ul.links-list li a { padding: 0 10px; } /* Article item */ .articles-wrapper .article-item-container { margin-bottom: 25px; background: white; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; } .article-item-container .article-headline .article-title h2 { margin: 0; background: #3098CF; color: white; padding: 7px 20px 9px; font-size: 22px; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; padding: 16px; } .article-item-container .article-headline a { font-size: 14px; position: relative; padding-left: 10px; min-width: 100px; margin-right: 20px; } .article-item-container .article-headline a:after { content: ""; background: url(../images/arrow-left.png); background-repeat: no-repeat; position: absolute; top: 4px; height: 16px; width: 6px; transform: rotate(90deg); left: -6px; } .article-item-container .article-content { padding: 0 16px 16px; } .article-item-container .article-content p { font-size: 16px; } @media (min-width: 992px) { .articles-links-container ul.links-list li .link-border { position: absolute; background: black; width: 1px; height: 18px; left: 0; top: 3px; } .title-with-link .link-all { margin-top: 0px; } } @media (max-width: 991px) { .articles-links-container ul.links-list { flex-direction: column; } } @media (max-width: 768px) { .article-item-container .article-headline { flex-direction: column; align-items: flex-start; } .article-item-container .article-headline a { align-self: flex-end; margin-top: 5px; } } /*-- End-Main-pedagogic ---*/ /*-- Start-teaching-practices main page ---*/ .teaching-practices-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; /*margin-bottom: 25px;*/ background-color: white; display: flex; justify-content: space-between; height: auto; align-items: flex-start; } .teaching-practices-container .container-content { flex: 1; padding: 0 0 0 20px; padding-inline-end: 20px; padding-inline-start: 0; } .teaching-practices-container .container-content-media { flex: 1; height: 241px; margin: 0; } .teaching-practices-container .container-content .content-headline h2 { color: black; font-size: 20px; font-weight: 600; text-align: right; min-height: auto; margin: 0; padding: 0; } .teaching-practices-container .container-content .content-headline h3 { font-size: 20px; font-weight: 600; margin-top: 0; } /*.teaching-practices-container .container-content .content-text p { font-size: 17px; color: black; font-weight: 400; line-height: 20px; margin: 10px 0 20px; } */ .teaching-practices-container .container-content .content-text p:first-of-type { margin-top: 0; } .teaching-practices-container .container-content .content-link a { color: #2C7094; font-size: 16px; font-weight: 400; line-height: 19px; } .teaching-practices-container .container-content-media .media-iframe { background-image: url(../images/course-img.jpg); background-size: cover; background-position: center; height: 100%; border-radius: var(--item-radius); } /*.practice-search { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 48px; }*/ .practice-search .search-col-field { display: flex !important; justify-content: space-between; } .practice-search .search-col-field .search-label-wrap { padding: 0; max-width: 100px; } .practice-search .search-col-field label { font-size: 16px; } .practice-search .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .practice-search.teaching .RowButtns { justify-content: space-between; } .practice-search .RowButtns .clearBtnWrap { margin-left: 20px; } .practice-search .RowButtns .ContainerButtons { padding: 0; text-align: left; } .practice-search .RowButtns .ContainerButtons #BtnSisplay { width: auto !important; border-radius: 5px; padding: 4px 40px; } .teaching-practices-proffisonal-dev { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; } .teaching-practices-proffisonal-dev .proffisonal-dev-title { padding: 16px 14px 24px 0; } .teaching-practices-proffisonal-dev .proffisonal-dev-title h4 { background-color: #3098cf; color: #fff; font-family: Assistant, Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: inline-block; margin: 0; width: auto; } .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 30px; } .teaching-practices-proffisonal-dev .practice-subject-item { padding: 0 12px 0 6px; display: flex; flex-direction: column; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .teaching-practices-proffisonal-dev .practice-subject-item { display: inline-block; } } .teaching-practices-proffisonal-dev .practice-subject-item.left { padding: 0 6px 0 12px; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { background-color: var(--grey-background); height: 85px; border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { font-size: 20px; margin: 10px 15px 10px 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { margin: 0 15px 10px 0; padding-top: 10px; } } /*-- Start-teaching-practices main page media query ---*/ @media (min-width: 768px) and (max-width: 1200px) { .practice-search .RowButtns { justify-content: flex-end; width: 100%; } } @media (max-width: 991px) { .teaching-practices-container { align-items: inherit; } .teaching-practices-container .container-content { padding: 20px 20px 30px 20px; } .teaching-practices-container .container-content-media { min-height: 174px; padding: 0 16px 16px; margin: 0; } .teaching-practices-container .container-content-media .media-iframe { height: 100%; min-height: 174px; background-position: top; } .practice-search .search-col-field { flex-direction: column; margin-bottom: 5px; } .teaching-practices-proffisonal-dev .practice-subject-item { margin-bottom: 17px; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: 55px; } .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 8px; } .practice-search .search-col-field .search-label-wrap { max-width: 100%; } .practice-search .search-col-field label { font-size: 18px; } } @media (max-width: 768px) { .teaching-practices-container { flex-direction: column; } } /*-- End-teaching-practices main page ---*/ /*-- Start-teaching-practices stock ---*/ .multi-collapse.collapse.in { margin-bottom: 25px; } .practice-search-result .broadcast-results-section .listing { margin-bottom: 0; } .search-btn-wrapper.mobile { display: none; } .search-btn-wrapper { display: block; } .search-btn-wrapper button.clearBtn { -webkit-appearance: none; background: none; border: 0; padding: 0; color: #2C7094; } .search-btn-wrapper img.arrow-collapse { width: 20px; height: auto; } .search-btn-wrapper img.arrow-collapse.opened { transform: rotate(180deg); } .search-btn-wrapper button.clearBtn span.opened { display: none; } .search-btn-wrapper button.clearBtn span.closed { display: block; } .search-btn-wrapper button.clearBtn.pressed span.closed { display: none; } .search-btn-wrapper button.clearBtn.pressed span.opened { display: block; } .search-btn-wrapper button.clearBtn:focus { -webkit-appearance: none; background: none; border: 0; } .search-btn-wrapper button.clearBtn:active { box-shadow: none; outline: 0; } .practice-search-result dl.courseNoticeWrapper { display: flex; justify-content: flex-start; min-height: auto; flex-wrap: wrap; } .practice-search-result dl.courseNoticeWrapper span.search-title { font-size: 18px; color: #000000; font-weight: 400; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap { display: flex; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd { font-size: 18px; color: #000000; font-weight: 400; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dt { padding-right: 10px; font-size: 18px; color: #000000; font-weight: 600; } /*-- Start-teaching-practices stock media query ---*/ @media (max-width: 991px) { .practice-search-result dl.courseNoticeWrapper { flex-direction: column; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap { justify-content: flex-start; margin-bottom: 3px; } .practice-search-result dl.courseNoticeWrapper span.search-title { padding-right: 12px; margin-bottom: 6px; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd { min-width: 105px; border-left: 0; } .search-btn-wrapper { display: none; } .search-btn-wrapper.mobile { display: block; } } /*-- End-teaching-practices stock ---*/ /*-- Start-teaching-practices item ---*/ .parctices-item-page .page_component.main-content { padding: 30px 30px 20px 40px; } .popXtn .ContainerItemInfo.parctices-item { margin-bottom: 0; } /* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19 * now box-recommendation can reuse0 */ .box-recommendation.practice-item { background: white; padding: 0; margin-bottom: 35px; } .box-recommendation.practice-item .ul-no-numbers-wrap ul { margin-right: 0; } .box-recommendation.practice-item .ul-no-numbers-wrap ul li { margin-right: 0; } .box-recommendation.practice-item .ul-no-numbers-wrap h4 { margin-right: 0; } .box-recommendation.practice-item ul li { margin-right: 16px; } .box-recommendation.practice-item h3 { margin: 0; font-size: 17px; color: #000; padding: 0 0 5px; } .box-recommendation.practice-item h4 { margin: 0 16px 0 0; font-size: 17px; color: #000; font-weight: 400 !important; padding: 5px 0 3px; } .box-recommendation.practice-item p { margin: 0; } dl.additional-properties { display: flex; flex-direction: column; margin: 20px 0 0; } /* Removed display flex - improve IE11 support by Dror Efraim 02-06-2019*/ dl.additional-properties .dl-row { margin-bottom: 8px; } dl.additional-properties .dl-row .dl-inner-wrap { flex: 1; display: flex; } dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 180px; font-size: 17px; font-weight: 600; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { font-size: 17px; font-weight: 400; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile { display: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time { margin-left: 25px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time img { width: 15px; height: 15px; } .teaching-practices-container .banner-mask { background: linear-gradient(-270deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 50%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } .teaching-practices-container .banner-bg { background-size: contain; background-repeat: no-repeat; width: 100%; /*margin: 18px;*/ background-position: left; height: 245px; } .high-banner-component .component-panel { width: 100%; } .teaching-practices-container .banner-text-wrapper { text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3176470588); padding: 46px 23px 0 0; } .teaching-practices-container .banner-text-wrapper .banner-text img { width: 25px; height: 18px; } .teaching-practices-container .banner-text-wrapper h3.banner-title { margin-right: 15px; color: white; font-size: 22px; margin: 0 0 15px 0; } .teaching-practices-container .banner-text-wrapper .banner-text span { margin-right: 15px; color: white; font-size: 22px; font-weight: 600; } /*-- Start-teaching-practices stock media query ---*/ @media (max-width: 991px) { .parctices-item-page .page_component.main-content { padding: 0; margin-bottom: 25px; } .parctices-item-page .row.ContainerTitlePage { margin: 0 auto; } /* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19 * now box-recommendation can reuse0 */ dl.additional-properties { flex-direction: column; } dl.additional-properties .dl-row { flex-direction: column; } dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 100px; max-width: 100px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: 110px; } .parctices-item .image-practice-wrap .image-practice { padding: 15px; } .parctices-item .parctices-item-description { padding: 0 15px; } .box-recommendation { padding: 20px 20px 20px 10px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.desktop { display: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile { display: block; } .teaching-practices-container .banner-text-wrapper .banner-text { display: flex; margin-bottom: 10px; } } @media (max-width: 768px) { .teaching-practices-container .banner-bg { max-width: 100%; width: auto; background-size: auto; background-position: left bottom; min-height: 580px; margin: 12px; } .teaching-practices-container .banner-mask { background: linear-gradient(0deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 60%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } .teaching-practices-container .banner-text-wrapper { padding: 30px 20px 0 10px; } .teaching-practices-container .banner-text-wrapper .banner-text img { margin-top: 6px; } } /*-- End-teaching-practices item END---*/ /*-- Kinder garden screens 04-2019 by Dror Efraim - START ---*/ /* ------ General ------- */ /* Fix for main nav extra bg color from the left */ /* .HeaderMenu nav { background-color: white; } */ /* Fix for breadcrumbs cuurent-item */ .TitleBar .Breadcrumbs span.cuurent-item { display: inline-block; margin-left: 3px; color: #000; font-size: 14px; } /* ------ General ------- */ /* Kinder gardens search item - START*/ .kinder-garden-main .col-md-12 { padding: 0 16px; max-width: 100%; } .page-component-edu .page_component.main-content.kinder-garden { padding: 19px 0 0; max-width: 840px; } .kinder-garden-title .page_component.main-content { padding: 0; max-width: 840px; } .kinder-garden-title .page_component.main-content .ContainerTitlePage { margin: 0; } .kinder-garden .box-recommendation { padding: 20px 35px; max-width: 796px; margin: 0 auto; } /* Removed !important in line 2549 */ .kinder-garden .box-recommendation h2 { padding-top: 0; margin: 0; font-size: 24px; /*color: rgb(48, 152, 207);*/ } .kinder-garden .box-recommendation dl.additional-properties { flex-direction: row; justify-content: space-between; margin: 12px 0 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border { height: auto; width: 1px; background: rgb(202, 221, 233); } .kinder-garden .box-recommendation dl.additional-properties .dl-row { flex-direction: column; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.right { padding: 0 0 0 30px; flex: 0 1 45%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding: 0 40px 0 0; flex: 0 1 45%; margin-bottom: 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { flex: 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap ol { list-style: disc; text-indent: -2px; margin-bottom: 0; width: 100%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 110px; font-size: 16px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name { font-size: 17px; font-weight: 600; margin-bottom: 3px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 200px; font-size: 16px; } .kinder-garden .video-erea { max-width: 840px; } .kinder-garden .video-erea { max-width: 100%; width: auto; margin: 0 auto; } .kinder-garden .video-erea iframe { max-width: 100%; } .kinder-garden .lecture-description { margin: 0 0 20px; } .kinder-garden .lecture-description p { margin-bottom: 12px; padding-left: 22px; } .kinder-garden .lecture-description h3 { font-size: 16px; color: #000; margin: 0; padding: 0; } /* Kinder gardens carousle - START*/ .page-component-edu.kinder-garden.slider .page_component.main-content { padding: 0; max-width: 840px; margin: 0 auto; } .page-component-edu.kinder-garden.slider .panel.panel-default { margin: 0; } .kinder-slider { height: 100%; padding: 0; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption { position: absolute; bottom: 0; background: var(--title-color); opacity: 0.9; padding: 0 10px; height: 51px; width: 100%; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { display: none; } .page-component-edu.kinder-garden .main-content .kinder-slider .slick-current .item .slide-caption p { display: block; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { color: white; text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; padding: 4px 0 7px; margin: 0; } .page-component-edu.kinder-garden .main-content .kinder-slider .item { display: block !important; } .page-component-edu.kinder-garden .main-content .kinder-slider .item img { height: auto; max-width: 100%; } .kinder-garden .lecture-description h2 { font-size: 24px; padding-top: 3px; } .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 50%; height: 100%; background-color: var(--title-color); opacity: 0.8; width: 116px !important; } .kinder-slider .slick-prev:before, .kinder-slider .slick-next:before { content: ""; height: 39px; width: 20px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; } .kinder-slider .slick-prev:before { background: url("../images/kinder-slide-left-arrow.png"); } .kinder-slider .slick-next:before { background: url("../images/kinder-slide-right-arrow.png"); } .page-component-edu.kinder-garden.slider .kinder-slider .slick-slide { margin-right: 3px; margin-left: 3px; } #left_col > .page-component-edu .kinder-garden-title { margin-bottom: 30px; } #left_col > .page-component-edu .kinder-garden-content { margin-bottom: 30px; } /* Kinder gardens carousle - END*/ /* ------ Kinder garden - search item media queries START ------- */ @media (max-width: 991px) { #left_col > .page-component-edu.kinder-garden-content { margin-bottom: 28px; } .content #left_col.kinder-garden-main { padding-bottom: 0; display: flex; flex-direction: column; } .kinder-garden .box-recommendation { padding: 16px 12px; max-width: 100%; } .kinder-garden .box-recommendation dl.additional-properties { flex-wrap: wrap; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.right { padding: 0; flex: 0 1 100%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { margin-bottom: 5px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 105px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: auto; } .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border { height: 1px; width: 100%; margin-bottom: 20px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding: 0; flex: 0 1 100%; } #left_col > .page-component-edu:not(:last-child).kinder-garden-title { margin-bottom: 20px; } .kinder-garden .lecture-description { margin: 0 !important; padding: 0 0 5px; } .kinder-garden .lecture-description h3 { margin: 15px 0 3px; } .kinder-garden .lecture-description p { line-height: 20px; margin-top: 0; } .kinder-garden .video-erea iframe { height: auto; } .page-component-edu.kinder-garden.slider .main-content h2 { padding-top: 5px; } .kinder-slider .slick-prev:before { background: url("../images/kinder-slide-left-arrow-mobile.png"); background-size: cover; width: 6px; height: 13px; transform: translate(-50%, -50%); } .kinder-slider .slick-next:before { background: url("../images/kinder-slide-right-arrow-mobile.png"); background-size: cover; width: 6px; height: 13px; transform: translate(-50%, -50%); } .page-component-edu.kinder-garden.slider .kinder-slider .slick-slide { margin-right: 2px; margin-left: 2px; } .kinder-slider .slick-prev, .kinder-slider .slick-next { width: 46px !important; height: 50px; transform: translateY(-85%); } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption { position: relative; } .page-component-edu.kinder-garden .main-content .kinder-slider .item { min-height: 183px; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { font-size: 14px; } } /* ------ Kinder garden - search item media queries END ------- */ /* Kinder gardens search item - END*/ /* Kinder gardens main - START*/ #left_col.kinder-garden-main > .page-component-edu:not(:last-child) { margin-bottom: 38px; } .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden { padding: 16px 0 8px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 0; } .slick-slider.kinder-main-slider { margin: 0 auto; } .slick-slider.kinder-main-slider .item-inner-wrap { display: flex; justify-content: space-between; max-width: 744px; margin: 0 auto; padding: 33px 18px; background: rgb(224, 238, 245); border-radius: var(--item-radius); } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { flex: 0 1 50%; padding-left: 15px; max-width: 293px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption h3 { color: #000; font-size: 20px; line-height: 20px; margin-bottom: 8px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption p { font-size: 17px; line-height: 20px; margin-bottom: 5px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { flex: 1 0 50%; max-width: 100%; min-height: 240px; min-width: 386px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img { max-width: 100%; height: 100%; } /* Slider dottes */ .slick-slider.kinder-main-slider ul.slick-dots { position: relative; bottom: 0; padding: 10px 0; margin-right: 0 !important; } /*.slick-slider.kinder-main-slider ul.slick-dots li { background: grey; border-radius: 50%; margin: 0 5px; height: 16px; width: 16px; }*/ /*.slick-slider.kinder-main-slider ul.slick-dots li button { padding: 3px; border-radius: 50%; position: relative; opacity: 1; font-size: 0; height: 16px; width: 16px; } */ /*.slick-slider.kinder-main-slider ul.slick-dots li button:before { font-size: 0; height: 16px; width: 16px; }*/ /*.slick-slider.kinder-main-slider ul.slick-dots li.slick-active button:before { color: rgb(48, 152, 207); opacity: 0.75; width: 100%; height: 100%; background: rgb(48, 152, 207); border-radius: 50%; opacity: 1; }*/ .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { background-color: transparent; height: 35px; width: 18px !important; } .kinder-main-slider .slick-prev:before, .kinder-main-slider .slick-next:before { content: ""; height: 41px; width: 23px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; opacity: 1; } .kinder-main-slider .slick-prev:before { background-image: url("../images/gallery-slick-arrow-left.svg"); } .kinder-main-slider .slick-next:before { background-image: url("../images/gallery-slick-arrow-right.svg"); } .kinder-main-slider .slick-slide { margin-right: 20px; margin-left: 20px; } .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { top: 50%; transform: translateY(-100%); } .kinder-main-slider .slick-prev { left: -5px; } .kinder-main-slider .slick-next { right: -5px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { flex: 1 1 100%; max-width: 100%; } /* START -- Caption reading link added by Dror Efraim 06/2019 */ .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link { display: inline; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link img { width: 6px; height: 9px; display: inline-block; vertical-align: baseline; margin-right: 2px; } /* END -- Caption reading link added by Dror Efraim 06/2019 */ .main-content.kinder-garden.search .search-col { padding: 0 !important; margin: 0; } .main-content.kinder-garden.search .search-col-left { padding: 0 !important; margin: 0; border: 0; } .main-content.kinder-garden.search .search-col-left .search-col-field { padding-right: 33px; padding-left: 0; } .main-content.kinder-garden.search .search-col-field { padding-left: 33px; } .main-content.kinder-garden.search .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 60px 0 0; } .main-content.kinder-garden.search .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.kinder-garden.search .search-col-field .search-label-wrap { padding: 0; } .main-content.kinder-garden.search .search-materials-inner .input-search { max-width: 50%; padding-left: 16px; margin-bottom: 16px; } /*.page-component-edu .main-content.kinder-garden.search { padding: 16px 0 24px 0; max-width: 840px; }*/ /* ------ Kinder garden - main loby page media queries START ------- */ @media (max-width: 1200px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { min-width: auto; } } @media (max-width: 991px) { .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo { margin-bottom: 0; } .kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .slick-slider.kinder-main-slider .item-inner-wrap { flex-direction: column; padding: 15px; width: 100%; align-items: center; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { margin-bottom: 10px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { min-height: auto; min-width: auto; } .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { top: 165px; transform: translateY(0); } .kinder-main-slider .slick-prev { left: -12px; } .kinder-main-slider .slick-next { right: -12px; } .slick-slider.kinder-main-slider .slick-list.draggable { max-width: 100%; margin: 0 auto; } .kinder-main-slider .slick-slide { margin-right: 10px; margin-left: 10px; } .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } .main-content.kinder-garden.search .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 10px; } .main-content.kinder-garden.search .search-col-field { padding-left: 0; padding-right: 0 !important; } .main-content.kinder-garden.search .search-col-field .col-md-9 { padding: 0; } .kinder-garden-title .page_component.main-content { max-width: 100%; } } @media (max-width: 768px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { max-height: 200px; max-width: 306px; } } /* ------ Kinder garden - main loby page media queries END ------- */ /* Kinder gardens main - END*/ /* Kinder gardens search materials - START*/ .search-materials { max-width: 840px; } .search-materials .materials-results { margin-bottom: 20px; margin-right: 19px; margin-left: 29px; } .search-materials .materials-results .listing { margin-top: 0; border-top: 1px solid #E2E2E2; padding: 17px 0 0; } .search-materials .materials-results .listing:first-child { border-top: none; } .search-materials .materials-results .listing:last-child { border-bottom: 1px solid #E2E2E2; } .page-component-edu.materials-results .listing .link-container a { background-color: #3098CF; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 2px 12px; border-radius: 4px; } .page-component-edu.materials-results .listing .link-container a:hover { color: #fff !important; background-color: #1D5C7E; opacity: 1; } .search-materials.page-component-edu .page_component #container-title { margin-bottom: 0; } .search-materials.page-component-edu .page_component .resltsDataContainer { border: 0; margin-right: 15px; } .search-materials.page-component-edu .listing .link-container { margin-bottom: 26px; } .search-materials.page-component-edu .listing .link-container a { padding: 3px 14px; } /* ------ Kinder garden - main loby page media queries START ------- */ @media (max-width: 991px) { .search-materials .materials-results .listing:first-child { border-top: 1px solid #E2E2E2; } .search-materials .materials-results .listing:last-child { border-bottom: none; } } /* ------ Kinder garden - main loby page media queries END ------- */ /* Kinder gardens search materials - END*/ /*-- Kinder garden screens 04-2019 by Dror Efraim - END ---*/ /* Outstanding-and-gifted - START by Dror Efraim 06-2019*/ .main-content.outstanding-and-gifted .search-col { padding: 0 !important; } .main-content.outstanding-and-gifted .search-col-left { padding: 0 !important; border: 0; } .main-content.outstanding-and-gifted .search-col-left .search-col-field { padding-right: 16px; padding-left: 0; } .main-content.outstanding-and-gifted .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 0px; } .main-content.outstanding-and-gifted .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.outstanding-and-gifted .search-col-field .search-label-wrap { padding: 0; /* min-width: 116px;*/ } .main-content.outstanding-and-gifted .search-materials-inner .input-search { max-width: 50%; padding-left: 48px; margin-bottom: 23px; } .page-component-edu .main-content.outstanding-and-gifted { padding: 16px 0 24px 0; max-width: 840px; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 { padding: 0; /* max-width: 225px; margin-right: 12px;*/ } .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control { max-width: 225px; } .outstanding-and-gifted-main .col-md-12 { padding: 0 22px; max-width: 100%; } #left_col.outstanding-and-gifted-main > .page-component-edu:not(:last-child) { margin-bottom: 27px; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.outstanding-and-gifted { padding: 16px 0 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .lecture-item .listing { padding: 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong { padding-left: 3px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 12px 0 0 0; } .outstanding-and-gifted-title .page_component.main-content { padding: 0; max-width: 840px; } .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage { margin: 0; } #left_col > .page-component-edu .outstanding-and-gifted-title { margin-bottom: 30px; } #left_col > .page-component-edu .outstanding-and-gifted-content { margin-bottom: 30px; } .search-materials.page-component-edu .listing .link-container.outstanding-and-gifted { float: none !important; text-align: left; } .search-materials.page-component-edu .listing .link-container.outstanding-and-gifted a { padding: 3px 15px; border-radius: 5px; } .outstanding-and-gifted .lecture-description h2 { font-size: 24px; } .outstanding-and-gifted .box-recommendation h2 { padding-top: 0; margin: 0; font-size: 24px; /*color: rgb(48, 152, 207);*/ } .outstanding-and-gifted .box-recommendation dl.additional-properties { flex-direction: row; justify-content: space-between; margin: 12px 0 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-mid-border { height: auto; width: 1px; background: rgb(202, 221, 233); } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row { flex-direction: column; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.right { padding: 0 0 0 30px; flex: 0 1 50%; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left { padding: 0 40px 0 0; flex: 0 1 50%; margin-bottom: 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { flex: 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 145px; font-size: 16px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name { font-size: 17px; font-weight: 600; margin-bottom: 3px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 160px; font-size: 16px; } .outstanding-and-gifted .video-erea { margin-bottom: 46px; } .outstanding-and-gifted .video-erea iframe { padding: 0 6px 0 20px; max-width: 100%; } .outstanding-and-gifted .program-item .lecture-description .coll-text.courseInfo { padding-top: 0; font-size: 24px; } .outstanding-and-gifted .program-item .box-recommendation { padding: 20px 40px; margin-bottom: 20px; } .outstanding-and-gifted .program-item .lecture-description { margin-bottom: 20px; } .outstanding-and-gifted .program-item .lecture-description h2 { font-size: 24px; } .outstanding-and-gifted .program-item .lecture-description dl { margin-bottom: 0; } .outstanding-and-gifted .program-item .lecture-description dl dt { padding-bottom: 0; } .outstanding-and-gifted .program-item .lecture-description dl dd { padding-bottom: 15px; } .outstanding-and-gifted .program-item .lecture-description dl dd a { display: block; color: #3098CF; font-size: 16px; font-weight: 400; line-height: 1.5; } .outstanding-and-gifted .program-item .lecture-description .course-site { display: inline; } .outstanding-and-gifted .program-item .lecture-description .course-site img { width: 6px; height: 9px; display: inline-block; vertical-align: baseline; margin-right: 2px; } .outstanding-and-gifted .program-item .video-erea { margin-bottom: 30px; } /* ------ Outstanding-and-gifted - media queries START ------- */ @media (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .col-md-9 { margin-right: 0; } .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 0; } .outstanding-and-gifted .program-item .box-recommendation { padding: 20px; } } @media (max-width: 991px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 23px; } .main-content.outstanding-and-gifted .search-col-field { padding-left: 0; padding-right: 0 !important; } .outstanding-and-gifted .video-erea iframe { height: 255px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 115px; } .outstanding-and-gifted .box-recommendation dl.additional-properties { flex-direction: column; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 130px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left { padding: 0; } .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1.title { padding: 0; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 { max-width: 100%; margin-right: 0; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control { max-width: 100%; } .content #left_col.outstanding-and-gifted-main { padding-bottom: 0; display: flex; flex-direction: column; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo { margin-bottom: 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } #left_col > .page-component-edu:not(:last-child).outstanding-and-gifted-title { margin-bottom: 20px; } .outstanding-and-gifted-title .page_component.main-content { max-width: 100%; } #left_col > .page-component-edu.outstanding-and-gifted-content { margin-bottom: 28px; } .outstanding-and-gifted .program-item .box-recommendation { padding: 14px; margin-bottom: 20px; } .outstanding-and-gifted .program-item .box-recommendation dl { flex-direction: column; margin: 12px 0 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right { padding: 0; order: 3; margin: 12px 0 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap { flex-direction: column; margin-bottom: 6px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dd { min-width: 100%; padding: 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dt { min-width: 100%; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-mid-border { height: 1px; width: 100%; background: rgb(202, 221, 233); order: 2; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left { order: 1; padding: 0; margin-bottom: 12px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap { flex-direction: row; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dd { min-width: 50%; padding-bottom: 5px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dt { min-width: 50%; } .outstanding-and-gifted .lecture-description { margin-right: 0 !important; margin-left: 0 !important; padding-bottom: 10px; } } @media (max-width: 420px) { .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1 { width: 100%; } } /* Outstanding-and-gifted - END by Dror Efraim 06-2019*/ /* Useful-art - START by Dror Efraim 07-2019*/ .main-content.useful-art .search-col { padding: 0 !important; } .main-content.useful-art .search-col-left { border: 0; } .main-content.useful-art .search-col-left .search-col-field { padding-right: 33px; padding-left: 0; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { color: black; font-size: 16px; line-height: 20px; margin: 0; } .main-content.useful-art .search-col-left .search-col-field .item-type { width: 100%; display: inline-block; } .main-content.useful-art .search-col-left .search-col-field .item-type label { cursor: pointer; } .main-content.useful-art .search-col-left .search-col-field .item-type label:first-child { margin-left: 44px; } .main-content.useful-art .search-col-left .search-col-field .item-type label span { color: black; font-size: 16px; line-height: 20px; margin-right: 10px; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: 1px solid #D1DAE2; border-radius: 50%; margin: 0 0 -7px; width: 24px; height: 24px; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:hover { box-shadow: 0 0 0 3px #E1EEF8; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:focus { box-shadow: 0 0 0 3px #A4D7FF; border: 1px solid #4B6C8B; outline: none; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled { background: #F3F3F3; border: 1px solid #B8B8B8; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked { border: 7px solid #3098CF; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked::-ms-check { border: 7px solid; border-color: #3098CF; color: white; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked { border: 7px solid #929292; background: white; cursor: auto; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked::-ms-check { border: 7px solid; border-color: #929292; } .main-content.useful-art .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 69px 0 0; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons { margin-right: 20px; margin-left: 14px; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 40px; } .main-content.useful-art .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.useful-art .search-col-field .search-label-wrap { padding: 0; min-width: 116px; } .main-content.useful-art .search-materials-inner .input-search { padding-left: 43px; margin-bottom: 23px; } .page-component-edu .main-content.useful-art { padding: 32px 0 24px 0; max-width: 840px; } .main-content.useful-art .search-col-field .col-md-9 { padding: 0; max-width: 225px; margin-right: 12px; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 225px; } .useful-art-main .col-md-12 { padding: 0 22px; max-width: 100%; } #left_col.useful-art-main > .page-component-edu:not(:last-child) { margin-bottom: 27px; } .useful-art-main .page-component-edu .page_component.main-content.useful-art { padding: 16px 0 0; } .useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .useful-art-main .page-component-edu .panel-body .search-info-strip { background: #EEEEEE; margin: 16px; display: flex; justify-content: flex-start; align-items: baseline; padding: 7px 10px 9px; } .useful-art-main .page-component-edu .panel-body .search-info-strip span { font-size: 18px; font-weight: 400; color: black; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl { margin-bottom: 0; margin-right: 30px; font-size: 18px; color: black; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item { display: flex; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dt { padding: 0; font-weight: 400; margin-left: 8px; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dd { padding: 0; font-weight: 600; } .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl { display: flex; align-items: center; } .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl span.border { height: 20px; background: black; width: 1px; margin: 0 16px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .useful-art-main .page-component-edu:not(.not-shaped) .lecture-item .listing { padding: 0; } .useful-art-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong { padding-left: 5px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 12px 0 0 0; } .useful-art-title .page_component.main-content { padding: 0; max-width: 840px; } .useful-art-main .resltsDataContainer .showingRslts { padding: 0; } .useful-art-main .resltsDataContainer .showingRslts span { font-size: 16px; color: black; } .useful-art-title .page_component.main-content .ContainerTitlePage { margin: 0; } #left_col > .page-component-edu .useful-art-title { margin-bottom: 30px; } #left_col > .page-component-edu .useful-art-content { margin-bottom: 30px; } .useful-art-main .search-materials .materials-results .listing { padding: 40px 0 12px; } .useful-art-main .search-materials .materials-results .listing:first-child { padding: 28px 0 12px; } .useful-art-main .listing .text-container .courseItemInfo { display: inline-flex; margin: 0 0 5px; } .useful-art-main .listing .text-container .text { margin-top: 0; } .useful-art-main .listing .text-container .courseItemInfo .rsltsDataItem { padding: 0 0 0 30px; } .page-component-edu .main-content.useful-art.search-filter { padding: 0 0 40px 0; } .page-component-edu .main-content.useful-art.search-filter .col-md-12 { padding: 0 16px; } .page-component-edu .main-content.useful-art.search-filter .search-col { border-left: 0; } .main-content.useful-art.search-filter .search-materials-inner .input-search { padding-left: 37px; } .main-content.useful-art.search-filter .comp-title-container { padding: 16px; margin-bottom: 15px; } .main-content.useful-art.search-filter .comp-title-container .col-md-12 { padding: 0 14px; } .main-content.useful-art.search-filter .comp-title-container h3 { padding: 6px 30px; margin: 0; } .main-content.useful-art.search-filter .search-col-field { padding-right: 0; display: flex !important; align-items: center; margin-bottom: 0; justify-content: center; } .main-content.useful-art.search-filter .search-col-field .col-md-12 { padding: 0; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper { display: flex; justify-content: space-between; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap { min-width: auto; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap label { margin-left: 15px; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control { width: 130px; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns { margin: 40px 0 0; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons { margin-right: 20px; margin-left: 14px; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 40px; } .search-materials .materials-results .image.arrow-link { padding-top: 5px; } .search-materials .materials-results.thesaurus .listing { padding: 10px 0; border: none; } .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container { margin-bottom: 5px; } .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container h5 { margin-bottom: 7px; clear: none; } /* ------ Useful-art - media queries START ------- */ @media (max-width: 1199px) { .main-content.useful-art .search-col-field .col-md-9 { margin-right: 0; } .main-content.useful-art .search-materials-inner .input-search { max-width: 225px; padding: 0; } .main-content.useful-art .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control { width: 115px; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons { margin-left: 0; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 25px; } } @media (max-width: 991px) { .main-content.useful-art .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 23px; } .main-content.useful-art .search-col-field { padding-left: 0; padding-right: 0 !important; margin: 39px 0 0; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin: 0 0 10px; } .useful-art .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 115px; } .useful-art-title .page_component.main-content .ContainerTitlePage h1.title { padding: 0; } .main-content.useful-art .search-col-field .col-md-9 { max-width: 100%; margin-right: 0; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 100%; } .content #left_col.useful-art-main { padding-bottom: 0; display: flex; flex-direction: column; } .useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .useful-art-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } #left_col > .page-component-edu:not(:last-child).useful-art-title { margin-bottom: 20px; } .useful-art-title .page_component.main-content { max-width: 100%; } #left_col > .page-component-edu.useful-art-content { margin-bottom: 28px; } .main-content.useful-art.search-filter .search-col-field { justify-content: flex-start; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child { margin-left: 15px; } .main-content.useful-art.search-filter .search-materials-inner .input-search { padding-left: 0; } } @media (max-width: 420px) { .useful-art-title .page_component.main-content .ContainerTitlePage h1 { width: 100%; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper { flex-direction: column; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child { margin: 0; } } /* Useful-art - END by Dror Efraim 07-2019*/ /* Pedagogical Merge and study programs - START by Dror Efraim 11-2019*/ section.content .knowledge-field .panel .panel-body { padding: 15px 18px 20px 18px; } section.content .knowledge-field .panel .panel-body .row { margin-bottom: 25px; } section.content .knowledge-field .panel .panel-body .row.search-filter .checkbox-wrapper { padding: 0; } section.content .knowledge-field .panel .panel-body .row .col-xs-6.search-wrap { text-align: left; padding: 0; } section.content .knowledge-field .panel .panel-body .row:last-child { margin-bottom: 0; } .knowledge-field#left_col[role=main] > h1.areaTitle { margin-bottom: 30px; } .knowledge-field .row.headline { margin: 0; } .knowledge-field .row.headline .col-md-6 { padding: 0; } section.content .knowledge-field .row.headline h1.areaTitle { max-width: fit-content; font-size: 22px; border: none; box-shadow: none; margin: 0; padding: 8px 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { section.content .knowledge-field .row.headline h1.areaTitle { display: inline-block; } } .knowledge-field .row.headline .col-md-6.search-wrap { text-align: left; } .knowledge-field .row.headline .search-col-field { max-width: 182px; } .knowledge-field .row.headline .search-col-field .search-label-wrap { display: inline; } .knowledge-field .row.headline .search-col-field .col-md-12 { padding: 0; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 18px !important; color: #2C7094; border: none; background: #EDF5FA; -webkit-appearance: none; position: relative; min-height: 37px; padding: 6px 16px; cursor: pointer; } .knowledge-field .row.headline .search-col-field .col-md-12:after { content: ""; background: url(../images/dropdown-open-arrow.png); position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background-repeat: no-repeat; background-position: center; background-size: cover; left: 16px; } .knowledge-field .row.search-filter { margin: 0; padding-right: 25px; } .knowledge-field .row.search-filter .col-sm-6 { padding: 0; } .knowledge-field .row.search-filter .selectWrap { display: flex; justify-content: flex-end; align-items: center; padding: 0; } .knowledge-field .row.search-filter .selectWrap label { font-size: 16px; font-weight: 400; color: #000000; margin-left: 16px; } .popXtn .knowledge-field .row.search-filter .selectWrap .form-control { max-width: 225px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group { display: flex; justify-content: flex-start; flex-wrap: wrap; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 14px; color: black; } /* "style-checkbox" class is for adding style to defualt checkbox - START */ .checkbox-group.style-checkbox input { -webkit-appearance: none; width: 17px; height: 17px; border: var(--cb-border); background-color: var(--background); border-radius: 2px; } .checkbox-group.style-checkbox input[type=checkbox]:checked:before { content: "✓"; font-size: 12px; color: var(--cb-color); font-weight: 600; background: var(--cb-checked-bg); position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; padding-right: 3px; } /* style-checkbox class - END */ .knowledge-field .row.free-search { margin: 0; display: flex; justify-content: flex-start; align-items: flex-end; padding-inline-start: 20px; } .knowledge-field .row.free-search .input-search { margin-left: 54px; } .knowledge-field .row.free-search .input-search input.form-control { width: 504px; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 25px; } .knowledge-field .row.free-search .ContainerButtons { margin-left: 0; margin-right: auto; } .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn { width: 131px; } /*.knowledge-field .panel.panel-default { margin-bottom: 32px; }*/ .knowledge-field .search-info-strip { background: #EEEEEE; margin: 16px; display: flex; justify-content: flex-start; align-items: baseline; padding: 7px 10px 9px; } .knowledge-field .search-info-strip span { font-size: 18px; font-weight: 400; color: black; } .knowledge-field .search-info-strip dl { margin-bottom: 0; margin-right: 30px; font-size: 18px; color: black; } .knowledge-field .search-info-strip dl .search-item { display: flex; } .knowledge-field .search-info-strip dl .search-item dt { padding: 0; font-weight: 400; margin-left: 8px; } .knowledge-field .search-info-strip dl .search-item dd { padding: 0; font-weight: 600; } .knowledge-field .search-info-strip.multi-items dl { display: flex; align-items: center; } .knowledge-field .search-info-strip.multi-items dl span.border { height: 20px; background: black; width: 1px; margin: 0 16px; } .knowledge-field .resltsDataContainer .showingRslts { padding: 0; font-size: 16px; color: black; } .knowledge-field .resltsDataContainer .showingRslts span { font-size: 16px; color: black; } .knowledge-field .comp-title-container .col-md-12 { padding: 0 14px; } /*.knowledge-field .comp-title-container h3 { background-color: #3098cf; color: #fff; font-family: Assistant, Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: table; margin: 0; }*/ .knowledge-field .opened-list.listing.section { margin-top: 0; padding: 15px 20px 10px 20px; } .knowledge-field .comp-title-container { /* padding: 0; */ margin-bottom: 20px; } .knowledge-field .opened-list.listing.section .search-info-strip { margin: 0; } .knowledge-field .opened-list.opened-item { margin: 0; } .knowledge-field .listing.section.opened-list .opened-item { margin-left: 0; margin-right: 0; } .knowledge-field .listing.section .info { width: 75%; padding: 0; } .knowledge-field .listing.section .info .text { margin: 0 0 8px; } .knowledge-field .listing.section .info .text p { margin-bottom: 0; } /* Tabs component */ section.content .panel .panel-body.tabs { padding: 0; margin: 0; } .knowledge-field .panel ul.nav.nav-tabs { margin-right: 0 !important; display: flex; border: 0; } .knowledge-field .panel .nav.nav-tabs li { background: #B0D5E6; border-bottom: 4px solid #ffffff; flex-grow: 1; text-align: center; margin-left: 4px; } .knowledge-field .panel .nav.nav-tabs li:last-child { margin-left: 0; } .knowledge-field .panel .nav.nav-tabs li a { height: 51px; padding: 8px 10px 10px; background-color: transparent; color: #666; font-size: 24px; font-weight: 400; } .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { background: var(--stock-search-bg); border-bottom: 4px solid var(--stock-search-bg); border-top: 2px solid #1776B5; } .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { background: var(--background-blue-in-blue); } .knowledge-field .panel .nav.nav-tabs li.active > a { color: #000; } .knowledge-field .panel .nav.nav-tabs > li > a { margin: 0; border: 0; } .knowledge-field .panel .nav.nav-tabs > li.active > a:hover { margin: 0; } .knowledge-field .panel .tab-content { background: var(--stock-search-bg); } .container-component .knowledge-field .panel .tab-content { background: var(--background-blue-in-blue); } .knowledge-field .panel .tab-content .tab-panel { display: none; } .knowledge-field .panel .tab-content .tab-panel.active { padding: 29px 15px 20px; display: block; } .knowledge-field .panel .tab-content .row.tab-content-wrap { margin: 0; display: flex; justify-content: space-between; min-width: 100%; align-items: center; padding: 0 15px; } .knowledge-field .panel .tab-content .row.tab-content-wrap:before { content: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap:after { content: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap img { width: auto; height: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 { color: #2C7094; font-size: 24px; font-weight: 400 !important; margin: 0 0 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 25px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl { color: #000000; font-size: 17px; margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line { display: flex; margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dt { font-weight: 600; min-width: 56px; margin-left: 6px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dd { font-weight: 400; padding-bottom: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item p { color: #000000; font-size: 17px; margin: 0 0 5px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line { margin: 0 0 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line span { margin-right: 12px; color: #3187D2; font-size: 16px; font-weight: 400; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online { display: flex; align-items: center; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online img { width: auto; height: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a { text-decoration: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a span { margin-right: 13px; color: #3098CF; font-size: 17px; font-weight: 400; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons { margin-right: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width { font-size: 20px; padding: 4px 10px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width span { margin-right: 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap { align-items: flex-start; } .knowledge-field .panel .tab-content .row.tab-content-wrap.links { margin-bottom: 0px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 20px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item:last-child { margin-bottom: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a { display: flex; align-items: center; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { width: 8px; height: 14px; margin-right: 2px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 15px; color: #474747; font-size: 16px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.knowledge .content-inner h3 { margin: 0 0 15px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item h4 { color: #000000; font-size: 17px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol { list-style: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li { color: #000000; font-size: 17px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a.more-content { position: absolute; bottom: -35px; margin: 10px 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a span { margin-right: 0; margin-left: 6px; color: #3098CF; } .knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text { display: none; } .knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text.show { display: inline-block; } .knowledge-field .panel .row.tab-content-wrap .content-inner .content-item ol li a img { width: auto; height: auto; object-fit: contain; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a img.collapsed { transform: rotate(180deg); } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn ol { list-style: none; margin-right: 0 !important; } .knowledge-field .panel .tab-content .row.tab-content-wrap { margin-bottom: 33px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.buttons { padding: 0 5px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills h3 { margin: 0 0 20px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-item { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-item h4 { margin: 0 0 9px; } #left_col.knowledge-field .panel .tab-content .row.tab-content-wrap .content-item ol { margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item p strong { font-weight: 600; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { margin-bottom: 20px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap h3 { margin: 0 0 15px; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { white-space: normal; } /* Main subjects field of knowledge */ .knowledge-field.main-subjects .page-component-edu.main-title { margin-bottom: 28px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content { padding: 1px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage { margin: 0; padding: 1px 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title { margin-top: 0; font-size: 32px; font-weight: 600; padding: 10px 21px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content { padding: 15px 18px; } .knowledge-field.main-subjects .main-content .row { margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .row .col-md-12 { margin: 0; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { display: flex; justify-content: space-between; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default { box-shadow: none; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col { border: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { display: flex; justify-content: flex-end; } .knowledge-field.main-subjects .search-materials-inner .comp-title-container { display: inline-flex; top: 0; position: absolute; padding: 0; margin: 0; } .knowledge-field.main-subjects .search-materials-inner .comp-title-container h4 { margin: 0; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { max-width: 767px; margin: 0 0 40px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap p { color: black; font-size: 17px; font-weight: 400; margin: 0; } .knowledge-field.main-subjects .search-materials-inner .row.search-filters { max-width: 850px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col { margin-left: 0; padding: 0 46px 0 0 !important; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col:not(.search-col-left) { border-left: 1px solid #DFDFDF; padding: 0 !important; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field { display: flex !important; max-width: 355px; margin-bottom: 19px; align-items: center; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .search-label-wrap { padding: 0; min-width: 65px; margin-left: 60px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .col-md-9 { padding: 0; max-width: 225px; min-width: 225px; height: 100%; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns { display: flex !important; align-items: flex-end; justify-content: flex-end; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap { margin-left: 25px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .ContainerButtons { max-width: 131px; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body { padding: 22px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row { margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { margin-bottom: 50px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 { color: #587E9F; font-size: 28px; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 span { margin: 0 8px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content { background-color: white; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type { border-left: 1px solid #DFDFDF; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type { padding-right: 35px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item { margin-bottom: 33px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item:last-child { margin-bottom: 13px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item h3 { color: #000000; font-size: 22px; font-weight: 400 !important; margin: 0 0 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item ol { list-style: none; font-size: 17px; font-weight: 400; color: black; } /* After filtered search results */ .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.content .col-md-6:last-of-type { border: 0; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info { background: #EEEEEE; margin-bottom: 40px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.title { margin-bottom: 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap { display: flex; align-items: center; margin: 0; padding: 6px 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt { color: #000000; font-size: 18px; font-weight: 400; min-width: 78px; margin-left: 36px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd { color: #000000; font-size: 18px; font-weight: 600; margin-left: 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:after { content: ","; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type:after { content: none; } /* Main toggle - START */ .knowledge-field .search-bar .toggles-wrapper { display: inline-block; margin-bottom: 20px; } .knowledge-field .search-bar .toggles-wrapper label { cursor: pointer; vertical-align: middle; font-size: 16px; } .knowledge-field .search-bar .toggles-wrapper label input[type=checkbox].toggle { border: 1px solid #2C7094; background: #fff; cursor: pointer; display: inline-block; height: 16px; margin: -4px 0 0 4px; outline: 0; padding: 0; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: 0.05s border-color ease-in-out; opacity: 0; position: absolute; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap { display: inline-flex; border-radius: 5px; cursor: pointer; position: relative; vertical-align: middle; border: #2C7094 solid 1px; transition: background 0.25s ease; outline: 0; max-width: 100%; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span { text-align: center; font-size: 16px; width: 129px; padding: 9px 8px 8px; color: white; z-index: 1; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right { font-weight: 600; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right.on { color: #000000; font-weight: 400; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left { color: white; font-weight: 600; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left.on { color: #000000; font-weight: 400; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span.on { font-weight: 700; transition-delay: 0.9s; transition: all 0.9s ease; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 0; background: #2C7094; border-radius: 0 4px 4px 0; transition: all 0.25s ease; transition-property: left, right; outline: 0; max-width: 100%; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition.toggle-active { left: 0; right: 50%; border-radius: 4px 0 0 4px; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off { left: 0; right: 50%; background: white; position: absolute; top: 0; bottom: 0; z-index: 0; max-width: 100%; border-radius: 5px 0 0 5px; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off.toggle-off { border-radius: 0 5px 5px 0; left: 50%; right: 0; } .knowledge-field .toggle-content-wrap { display: none; } .knowledge-field .toggle-content-wrap.show { display: block; } /* Main toggle - END */ /* Knowladge field squares page (posts grid) */ .knowledge-field.square-page#left_col[role=main] > h1.areaTitle { margin-bottom: 35px; padding: 15px 20px 14px; } .knowledge-field .panel.panel-default.choose-class { margin-bottom: 0; border: 0; box-shadow: none; } .knowledge-field .panel.panel-default.choose-class .panel-body { padding: 5px 18px 5px 18px; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline { align-items: center; display: flex; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .title-wrap { padding: 0; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field { max-width: 225px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap { position: relative; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap select::-ms-expand { display: none; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap .form-control { border: 1px solid #2C7094; background: white; padding: 5px 14px 6px 45px; min-height: 39px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap:after { background: url(../images/knowladge-field-dropdown.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 39px; height: 38px; background-color: #2C7094; background-repeat: no-repeat; background-size: auto; background-position: center; color: #434B67; pointer-events: none; } /* .knowledge-field .panel.panel-default.squares-tabs .panel-body { padding: 20px 18px 27px; } */ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; display: flex; align-items: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a { display: flex; align-items: center; justify-content: flex-end; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap { padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle { max-width: fit-content; padding: 8px 20px; width: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle { display: inline-block; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a span { margin-left: 8px; color: #000000; font-size: 16px; font-weight: 400; } .knowledge-field .panel.panel-default.squares-tabs .panel-body img.link-arrow { width: auto; object-fit: cover; height: auto; } .knowledge-field .panel.panel-default.squares-tabs .panel-body.tabs { border: 0; box-shadow: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item { width: 379px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a { display: flex; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 180px; height: 110px; object-fit: cover; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details { display: flex; flex-direction: column; justify-content: space-between; width: 100%; background: var(--stock-search-bg); border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { margin: 8px 11px 0 0; font-size: 22px; font-weight: 400 !important; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 38px 11px 15px; color: var(--link-color-on-l-blue); } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link span { font-size: 16px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img { margin-inline-start: 5px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { margin-bottom: 0; } .knowledge-field .page-component-edu.links .row { margin: 0; display: flex; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container { max-width: 404px; min-height: 220px; margin-top: 0; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type { margin-left: 38px; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .panel-body { min-height: 100%; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .nav-container ul li { margin: 0 0 20px; } /* Knowladge field gallery page (timeline slider) */ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { position: relative; display: block; margin: 0 auto 85px; max-width: 750px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 750px; margin: 0 auto; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev { border-left: 5px solid #2C7094; border-top: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next { border-right: 5px solid #2C7094; border-bottom: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { display: block; background-color: transparent; border-left: 2px solid #2C7094; border-top: 2px solid #2C7094; transform: rotate(-45deg); left: -25px; width: 16px; height: 16px; top: 33px; z-index: 1; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev:before { font-size: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next { display: block; background-color: transparent; border-right: 2px solid #2C7094; border-bottom: 2px solid #2C7094; transform: rotate(-45deg); right: -25px; width: 16px; height: 16px; top: 33px; z-index: 1; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next:before { font-size: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline { width: 100%; height: 2px; background: #2C7094; position: absolute; display: flex; top: 40px; justify-content: space-around; z-index: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before { content: ""; position: absolute; right: -25px; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after { content: ""; position: absolute; left: -25px; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator { display: block; width: 20px; height: 20px; border: 2px solid #2C7094; border-radius: 50%; position: relative; top: -10px; background: white; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline .knowlage-slider { max-width: 100%; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide { text-align: center; margin: 0 9px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 50px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 { color: #2C7094; font-size: 18px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; max-width: 140px; height: 107px; margin: 0 auto 10px; padding: 10px 0 6px; text-align: right; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { color: #474747; font-size: 16px; padding: 0 10px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { display: flex; justify-content: flex-end; margin-left: 10px; align-items: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { color: #587E9F; font-size: 16px; margin-left: 5px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { width: 8px; height: 12px; } /* Knowladge item-page teaching material - START */ .knowledge-field .page-component-edu.split-media-content { margin: 38px 0; } .knowledge-field .page-component-edu.split-media-content .inner-wrap.no-flex-inner { display: block; } .knowledge-field .page-component-edu.split-media-content .inner-wrap { display: flex; justify-content: space-between; padding: 20px 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 25px 0 90px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 20px; margin: 0 0 12px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { color: #000000; font-size: 17px; line-height: 26px; margin: 0; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap img { min-width: 364px; height: 206px; object-fit: cover; } /* "reverse" class override "search-main-erea" original class values */ .knowledge-field .page-component-edu.split-media-content .search-main-erea.reverse .ma-lomdim h1 { font-size: 22px; text-align: center; line-height: 2.2; } .main-pedagogic .search-main-erea.reverse .search-main { padding: 56px 40px; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 259px; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 125px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { width: 300px; font-size: 22px; text-align: center; padding: 15px 0; } .knowledge-field.item-page .split-media-content .inner-wrap { padding: 22px 18px 18px; box-shadow: none; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0; width: 100%; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap h4 { color: #000000; font-size: 24px; } .knowledge-field.item-page .split-media-content .inner-wrap img.inside-content { height: 211px; margin: 7px 21px 7px 0; max-width: 340px; float: left; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { background: var(--stock-search-bg); margin: 10px 15px 15px; padding: 10px 24px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link img { width: auto; height: auto; object-fit: contain; margin-right: 6px; max-width: 16px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title { margin-bottom: 12px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title h3 { margin: 0; color: #171717; font-size: 22px; } .knowledge-field.item-page .split-media-content .data-list dl { margin: 0; } .knowledge-field.item-page .split-media-content .data-list dl .headline { display: flex; justify-content: flex-start; border-bottom: 1px solid #D5D5D5; padding-bottom: 4px; } .knowledge-field.item-page .split-media-content .data-list dl .headline dt { min-width: 140px; color: #000000; font-size: 16px; font-weight: 600; } .knowledge-field.item-page .split-media-content .data-list dl .content { display: flex; justify-content: flex-start; background: none; padding: 5px 0 0; } .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 140px; color: #000000; font-size: 16px; font-weight: 400; } .knowledge-field.item-page .page-component-edu.split-media-content.about { background-color: #587E9F; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); margin: 0 0 40px; padding: 11px 0 18px; } .knowledge-field.item-page .page-component-edu.split-media-content.about h3.about-title { padding: 9px 22px; color: #3098CF; font-size: 22px; background: white; width: auto; display: inline-block; margin: 0 18px 13px 0; } .knowledge-field.item-page .split-media-content.about .inner-wrap { padding: 0 18px 0; } .knowledge-field.item-page .split-media-content.about .inner-wrap .content-wrap h4 { color: white; font-size: 18px; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .content-wrap p { color: white; font-size: 18px; line-height: 22px; margin-bottom: 19px; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap { display: flex; justify-content: flex-end; align-items: center; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap a { padding: 6px 41px; color: #587E9F; font-size: 22px; background: white; border-radius: 5px; } .knowledge-field.item-page .split-media-content.about .inner-wrap img { height: 242px; margin: 7px 21px 7px 0; max-width: 340px; float: left; } .knowledge-field.item-page .panel.panel-default.choose-class { margin-bottom: 40px; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { padding: 0; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body { padding: 0; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body { padding: 20px 18px 27px; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; } .knowledge-field.item-page .panel.panel-default.choose-class .row.headline .title-wrap h2 { margin: 0; } .knowledge-field.item-page .page-component-edu.tours-space.lecture .panel .panel-body { padding: 0; } /* Knowladge item-page teaching material - END */ /* Main subjects fields of knowladge full&filtered START */ .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class { margin-bottom: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class h4 { color: #587E9F; font-size: 18px; margin: 0 0 5px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { display: flex; min-width: 100%; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { width: 147px; margin-left: 26px; margin-right: 0; background-color: #EDF5FA; border-radius: 8px; padding: 8px 18px 0; height: 98px; display: flex; flex-direction: column; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap { display: flex; justify-content: space-between; position: relative; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 60px; height: 55px; background: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; margin-left: 15px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input { -webkit-appearance: none; border: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { color: #474747; font-size: 41px; font-weight: 300; height: 100%; width: 100%; text-align: center; line-height: 50px; cursor: pointer; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label { background: #587E9F; color: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; font-weight: 600; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label img { filter: brightness(100); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:last-of-type { margin-left: 0; } .main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:hover { background: #F5F5F5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { color: #587E9F; font-weight: 400 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 477px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: 256px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 110px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 110px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap { max-width: 100%; margin: 0 0 45px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap h4 { color: #587E9F; font-size: 18px; margin: 0 0 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter { display: flex; min-width: 100%; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap { display: flex; flex: 0 1 50%; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 155px; margin-bottom: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child { margin-left: 32px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field label { display: none; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { flex: 0 1 50%; text-align: left; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn { width: 131px; } .knowledge-field.main-subjects .page-component-edu.search-bar { margin-bottom: 34px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container { justify-content: flex-start; align-items: center; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 { margin: 0; padding: 6px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap { margin-right: 33px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 { margin: 0; padding: 0; color: #587E9F; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 span { margin: 0 8px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; background-color: #EDF5FA; padding: 18px 18px 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 73px; background: white; max-width: 246px; flex: 1 0 25%; margin-left: 33px; margin-bottom: 20px; border-radius: 8px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover { background: #587E9F; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a h4 { color: white; font-weight: 600 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a span { color: white; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 10px 14px; opacity: 1; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { margin: 0; color: #000000; font-size: 24px; font-weight: 400 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { color: #2C7094; font-size: 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content { padding: 15px 10px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .text-wrap { margin: 0 0 2px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container { margin-bottom: 0; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li { min-width: 366px; margin-left: 10px; border-bottom: 7px solid #ffffff; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li:last-child { margin-left: 0; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li.active { border-bottom: 7px solid #ffffff; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li a { text-align: center; line-height: 1.4; } .knowledge-field .panel.high-school-tabs.panel-default.squares-tabs .panel-body { padding: 27px 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections { padding: 15px 15px 0 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section { min-width: 100%; display: flex; flex-wrap: wrap; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title { min-width: 100%; margin-bottom: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title.open-collapse::after { transform: rotate(-90deg); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title h5 { margin: 0; color: #587E9F; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 245px; flex: 1 0 25%; margin-left: 34px; } /* .main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 0; } */ /* Make read-more with collapse more generic -START */ .knowledge-field .read-more-btn { position: relative; margin: 10px 0 0; } .knowledge-field .read-more-btn a span.collapsed-text { display: none; } .knowledge-field .read-more-btn a span.collapsed-text.show { display: inline-block; } .knowledge-field .read-more-btn a { display: flex; } .knowledge-field .read-more-btn a img { width: auto; max-width: 10px; height: auto; object-fit: contain; margin-right: 10px; } .knowledge-field .read-more-btn a.more-content { position: absolute; bottom: -33px; margin: 10px 0; } .knowledge-field .read-more-btn a.more-content img.collapse-arrow { transform: rotate(180deg); } /* Make read-more with collapse more generic -END */ /* Main subjects fields of knowladge full&filtered END */ /* Pedagogical Merge and study programs - media queries START*/ @media (max-width: 1199px) { section.content .knowledge-field .panel .panel-body { padding: 12px 12px 16px 24px; } .knowledge-field .row.headline .search-col-field { max-width: 152px; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 16px !important; min-height: 35px; padding: 4px 12px; } .knowledge-field .row.search-filter { padding-right: 20px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group { font-size: 14px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 8px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input { width: 15px; height: 15px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before { width: 11px; height: 12px; } .knowledge-field .row.search-filter .selectWrap label { font-size: 14px; margin-left: 12px; } .popXtn .knowledge-field .row.search-filter .selectWrap .form-control { max-width: 182px; font-size: 14px !important; } /* .knowledge-field .row.free-search { padding-right: 20px; }*/ .knowledge-field .row.free-search .input-search { margin-left: 34px; } .knowledge-field .row.free-search .input-search input.form-control { width: 410px; font-size: 14px !important; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 10px; } .knowledge-field .listing.section .info { width: 70%; } .knowledge-field .panel .nav.nav-tabs li a { height: 47px; padding: 6px 8px 8px; font-size: 22px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 50px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin: 0 auto 65px; max-width: 550px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 550px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 45px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 { font-size: 16px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 120px; height: 97px; margin: 0 auto 8px; padding: 8px 0 4px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { font-size: 14px; padding: 0 8px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { font-size: 14px; margin-left: 4px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { width: 7px; height: 11px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator { width: 18px; height: 18px; top: -8px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap { padding: 20px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 20px 0 60px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 18px; margin: 0 0 12px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { font-size: 16px; } .main-pedagogic .search-main-erea.reverse .search-main { padding: 55px 70px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { line-height: 1; width: 230px; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 184px; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 120px; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0 0 0 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { min-width: auto; max-width: 100%; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { width: 140px; margin-left: 18px; padding: 6px 14px 0; height: 84px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 102px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { font-size: 28px; line-height: 40px; position: relative; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { margin: 6px 0 0; font-size: 16px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 400px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 50px; height: 45px; margin-left: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: 201px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 102px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 23px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 63px; max-width: 270px; flex: 1 0 33%; margin-left: 23px; margin-bottom: 17px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 8px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 20px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 17px; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li { min-width: auto; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 277px; flex: 1 0 33%; margin-left: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { max-width: 32px; } } @media (max-width: 1024px) { .knowledge-field .tab-content-wrap.buttons .ContainerButtons .search-btn { width: 100% !important; } } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row { margin-bottom: 20px; /*display: flex;*/ justify-content: space-between; align-items: center; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap { text-align: left; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field { margin-bottom: 0; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field .search-label-wrap { display: none; } section.content .knowledge-field .panel .panel-body { padding: 10px 12px; } section.content .knowledge-field .panel .panel-body .row .col-xs-6 { padding: 0; } section.content .knowledge-field .row.headline h1.areaTitle { max-width: 140px; font-size: 16px; padding: 8px 20px; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 14px !important; min-height: 28px; padding: 2px 8px; } section.content .knowledge-field .panel .panel-body .row.search-filter { flex-direction: column; align-items: flex-start; padding-right: 0; } .knowledge-field .row.search-filter .selectWrap { justify-content: flex-start; } .knowledge-field .row.search-filter .checkbox-wrapper { padding: 0; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 10px; margin-right: 0; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input { width: 14px; height: 14px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before { width: 11px; height: 11px; } section.content .knowledge-field .panel .panel-body .row.free-search { flex-direction: column; align-items: flex-start; padding-right: 0; } .knowledge-field .row.free-search .input-search { margin-left: 0; width: 100%; margin-bottom: 15px; } .knowledge-field .row.free-search .input-search input.form-control { width: 100%; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 0; margin-right: auto; } .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn { margin-top: 0; } .knowledge-field .row.search-filter .selectWrap label { margin-left: 27px; } .knowledge-field .listing.section .info { width: 100%; padding: 0 15px; } .knowledge-field .search-info-strip { margin: 16px; flex-wrap: wrap; } .knowledge-field .search-info-strip.multi-items dl { flex-wrap: wrap; margin-right: 0; } .knowledge-field .search-info-strip.multi-items dl span.border { display: none; } .knowledge-field .search-info-strip span { min-width: 100%; } .knowledge-field .search-info-strip dl .search-item { min-width: 100%; } section.content .knowledge-field .panel .panel-group.collapsing-tabs { padding: 20px 20px 27px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading { text-align: center; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading h2 { color: #000000; font-size: 24px; font-weight: 400 !important; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links { margin: 0 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h3 { font-size: 17px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse img { width: auto; height: auto; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span { font-family: Assistant; font-size: 16px; line-height: 150%; color: #474747; text-align: right; margin-right: 7px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner { padding: 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item { display: flex; margin-bottom: 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item a { display: flex; align-items: center; } .knowledge-field .tab-content-wrap .ContainerButtons { margin-left: 0; margin-right: auto; max-width: 240px; padding: 0 15px; } .knowledge-field .panel .tab-content { background: white; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { position: relative; text-align: right; font-size: 18px; padding-left: 22px; margin-top: 20px; width: 100% !important; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn span { position: absolute; left: 12px; font-size: 18px; top: 50%; transform: translateY(-50%); margin-right: 6px; color: white !important; } .knowledge-field .tab-content-wrap.search-btn { padding: 0; width: 100% !important; } .knowledge-field .panel-body .content-inner .content-item dl .detail-line dt { min-width: 50px; margin-left: 4px; font-size: 16px; } .knowledge-field .panel-body .content-inner .content-item dl .detail-line dd { font-size: 16px; } .knowledge-field .panel-body .content-inner .content-item p { color: #000000; font-size: 16px; margin: 0 0 5px; } .knowledge-field .panel-body .content-inner .content-item .detail-line { margin: 0 0 10px; display: flex; } .knowledge-field .panel-body .content-inner .content-item .detail-line span { font-size: 16px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { flex-direction: column; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 { font-size: 22px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col { padding: 0 !important; border-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content { flex-direction: column; align-items: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-sm-12 { padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type { padding-right: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type { border-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 { font-size: 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap { flex-wrap: wrap; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt { margin-left: 12px; } .knowledge-field .panel.panel-default.choose-class .panel-body { padding: 5px 15px 5px 15px; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline { flex-direction: column; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .col-md-6.search-wrap { width: 260px; text-align: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { flex-direction: column; margin-bottom: 37px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: 100%; font-size: 22px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap { flex-direction: column; flex-wrap: nowrap; margin: 0 15px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item { width: 100%; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a { display: flex; flex-direction: column; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 100%; height: 114px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { font-size: 16px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 auto 5px 10px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field { max-width: 260px; } /*.knowledge-field .panel.panel-default.choose-class .row.headline .title-wrap h2 { font-size: 30px; }*/ .knowledge-field.square-page#left_col[role=main] > h1.areaTitle { border: 0; padding: 10px 15px 9px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body { padding: 17px 15px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap { padding: 0; margin-bottom: 30px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field { text-align: left; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { /*width: 10px; height: 17px;*/ object-fit: contain; margin-right: 6px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid { margin-bottom: 0; border: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { border: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-group.collapsing-tabs { border: none; box-shadow: none; padding: 0; } /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field a span { color: black; }*/ .knowledge-field .panel.panel-default.squares-tabs { margin-bottom: 15px; } .knowledge-field .page-component-edu.links .row { flex-direction: column; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container { max-width: 100%; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type { margin-left: 0; margin-bottom: 28px; } .knowledge-field .page-component-edu.links .row.compt-tit-con h4 { max-width: fit-content; } } @media screen and (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) { .knowledge-field .page-component-edu.links .row.compt-tit-con h4 { display: inline-block; } } @media (max-width: 991px) { .knowledge-field .knowlage-slider { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator:not(:last-of-type) { display: none; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin: 0 auto 55px; max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before { right: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after { left: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { left: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next { right: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 100%; height: 77px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content { margin: 0 0 20px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap { flex-direction: column; padding: 15px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap { padding: 15px 0; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0 15px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 22px; margin-bottom: 25px; display: flex; flex-direction: column; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap iframe { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 20px; margin: 0 0 15px; order: 1; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { font-size: 17px; order: 1; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap iframe { max-width: 100%; width: 100%; margin: 25px 0; order: 2; } } @media (max-width: 991px) { .knowledge-field.item-page .page-component-edu.split-media-content .inner-wrap img.inside-content { max-width: 290px; object-fit: cover; min-width: auto; height: 180px; margin: 25px 0; order: 2; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap .read-more-btn { order: 1; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin: 5px 14px 13px; padding: 10px 18px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title { margin-bottom: 26px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link { display: none; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap .media-wrap { margin-bottom: 24px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap { text-align: left; } } @media (max-width: 991px) { .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .search-wrap { margin-bottom: 0; } } @media (max-width: 991px) { .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body { padding: 0 0 20px 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { background-color: #EDF5FA; flex-wrap: wrap; padding: 0 25px 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { min-width: auto; width: 208px; margin-left: 0; padding: 6px 0 0; height: 100%; flex-direction: column-reverse; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 100%; height: 55px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 100%; margin: 0; height: 100%; padding: 6px 0 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap { flex-wrap: wrap; justify-content: flex-start; padding: 0; align-items: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 60px; height: 55px; margin-left: 14px; margin-bottom: 14px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .buttons-inner-wrap { flex-wrap: wrap; margin: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kinder-garden .buttons-inner-wrap { flex-wrap: wrap; margin: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 100%; height: 55px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: auto; margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { margin: 6px 0 8px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { max-width: 42px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap { flex-direction: column; align-items: flex-start; margin-bottom: 22px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter { flex-direction: column; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { text-align: right; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn { margin-top: 0; width: 131px !important; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 300px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child { margin-bottom: 18px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { font-size: 41px; line-height: 50px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap { justify-content: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(2n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 60px; max-width: 45%; flex: 1 0 45%; margin-left: 0; margin-bottom: 14px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) { margin-left: 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 7px 10px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 18px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 16px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container { flex-direction: column; align-items: flex-start; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap { margin: 0 0 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 { margin: 0 0 10px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 { margin: 0; font-size: 20px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.fillter .main-content { padding: 15px 18px 28px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container { flex-direction: row; justify-content: space-between; align-items: center; padding: 0 16px; } } @media (max-width: 991px) { section.content .knowledge-field .panel.high-school-tabs .panel-group.collapsing-tabs .panel-heading h2 { padding-top: 0; text-align: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results a:focus { color: #000 !important; -webkit-tap-highlight-color: transparent; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content { padding: 18px 0 0; } } @media (max-width: 991px) { section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs { padding: 0 15px 0; border: 0; box-shadow: none; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.high-school-results .main-content .panel-default { margin-bottom: 17px; } } @media (max-width: 991px) { section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs .panel-collapse .panel-body { margin: 17px 0 40px; padding-bottom: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 100%; flex: 1 0 100%; margin-left: 0; height: 73px; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections { padding: 15px 22px 5px 15px; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .panel-collapse { min-width: 100%; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title { justify-content: flex-start; position: relative; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title:after { content: ""; position: absolute; background: url("../images/inside-collapse.png"); width: 10px; height: 10px; background-repeat: no-repeat; right: 220px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 100%; flex: 1 0 100%; margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 15px; } } @media (max-width: 680px) { .main-pedagogic .search-main-erea.reverse .search-main { padding: 30px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { line-height: 1; width: 100%; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 100%; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 100%; } } @media (max-width: 560px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { justify-content: center; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 90px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { max-width: 100%; margin: 90px 0 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 100%; height: 94px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap { margin: 90px 0 40px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 60px; max-width: 100%; flex: 1 0 100%; margin-bottom: 14px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 8px 16px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { padding: 0 43px 17px 25px; } } @media (max-width: 480px) { section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field { margin-bottom: 0; max-width: 135px; } .knowledge-field .tab-content-wrap .ContainerButtons { margin: 0 auto; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 70px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { margin: 70px 0 40px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field { flex-direction: column; align-items: flex-start; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns { justify-content: flex-start; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap { margin-left: 68px; } .knowledge-field.main-subjects .page-component-edu.main-title { margin-bottom: 8px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content { padding: 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage { padding: 0; border: 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title { font-size: 30px; padding: 10px 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { margin-bottom: 50px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 100%; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { text-align: left; } } @media (max-width: 359px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { padding: 0 25px 17px; } } /* Pedagogical Merge and study programs - media queries END*/ /* Pedagogical Merge and study programs - END by Dror Efraim 11-2019*/ /* Pedagogical Merge and study programs - add timeline in tab "the big picture" - ***START*** by Dror Efraim 01-2020*/ /* Knowladge field gallery page (timeline slider) */ .knowledge-field .panel .tab-content.timeline .tab-panel.active { padding: 45px 15px 17px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap.buttons { margin-bottom: 55px; padding: 0 5px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap:last-child { margin-bottom: 0; } .knowledge-field .panel.panel-default.squares-tabs.timeline .panel-body.tabs { padding: 0; } .knowledge-field .row.posts-big-picture { position: relative; display: block; margin: 0 auto 85px; max-width: 780px; } .knowledge-field .row.posts-big-picture .knowlage-slider { max-width: 760px; margin: 0 auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-arrow:before { content: none; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { background-image: url("../images/left-arrow-timeline.png"); background-color: transparent; background-repeat: no-repeat; display: block; left: -5px; top: 42px; z-index: 1; width: 18px; height: 30px; background-size: cover; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { background-image: url("../images/right-arrow-timeline.png"); background-color: transparent; background-repeat: no-repeat; display: block; right: -5px; top: 42px; z-index: 1; width: 18px; height: 30px; background-size: cover; } .knowledge-field .row.posts-big-picture .timeline { width: 100%; height: 5px; background: #2C7094; position: absolute; display: flex; top: 40px; justify-content: space-around; z-index: 0; } .knowledge-field .row.posts-big-picture:before { content: ""; position: absolute; right: 0; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .row.posts-big-picture:after { content: ""; position: absolute; left: 0; width: 25px; height: 5px; background: #2C7094; top: 40px; } .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator { display: block; width: 20px; height: 20px; border: 5px solid #2C7094; border-radius: 50%; position: relative; top: -8px; background: white; } .knowledge-field .row.posts-big-picture .timeline .knowlage-slider { max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide { text-align: center; margin: 0 auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 55px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 { color: #2C7094; font-size: 18px; margin: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { display: flex; flex-direction: column; position: relative; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; max-width: 180px; text-align: right; background: white; height: 145px; margin: 0 auto; padding: 0; width: 160px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption:before { content: ""; position: absolute; background-image: url("../images/tineline-item-indicator.png"); background-color: transparent; background-repeat: no-repeat; left: 50%; width: 28px; height: 18px; top: -14px; background-position: center; transform: translateX(-50%); background-size: cover; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { margin: 0; background-color: #3098CF; font-size: 15px; color: white; min-height: 26px; text-align: center; line-height: 22px; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 5px 0 6px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { height: 100%; border: 7px solid #3098CF; border-top: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { color: #474747; padding: 6px 10px; margin: 0; height: 100%; font-size: 15px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link { display: flex; justify-content: flex-end; margin-left: 10px; align-items: center; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span { color: #587E9F; font-size: 16px; margin-left: 5px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img { width: 8px; height: 12px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip { display: block; height: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip, .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line { position: relative; overflow: hidden; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width { padding: 2px 16px; } /* Timeline in tab "the big picture" - media query **START** */ @media (max-width: 1199px) { section.content .knowledge-field .panel .panel-body .row.posts-big-picture { margin: 0 auto 45px; max-width: 660px; display: block; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { font-size: 14px; padding: 4px 0 5px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap { margin-bottom: 0; } section.content .knowledge-field .panel .panel-body .row.posts-big-picture .knowlage-slider { max-width: 630px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 { font-size: 16px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { max-width: 136px; height: 116px; margin: 0 auto 6px; padding: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 13px; padding: 2px 6px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span { font-size: 14px; margin-left: 4px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img { width: 7px; height: 11px; } .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator { width: 18px; height: 18px; top: -8px; } } @media (max-width: 991px) { .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator:not(:last-of-type) { display: none; } section.content .knowledge-field .panel .panel-body .row.posts-big-picture { margin: 0 auto; max-width: 550px; display: block; } section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .panel-collapse .panel-body { padding: 0 11px 20px; } .knowledge-field .row.posts-big-picture .timeline { height: 3px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { width: 11px; height: 20px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { width: 11px; height: 20px; } .knowledge-field .row.posts-big-picture:before { height: 2px; } .knowledge-field .row.posts-big-picture:after { height: 2px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span { margin-right: 0; } .knowledge-field .row.posts-big-picture:before { right: 0; } .knowledge-field .row.posts-big-picture:after { left: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider { max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { left: -1px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { right: -1px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { max-width: 100%; width: 320px; padding: 0; height: auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 104px; } .knowledge-field .panel.panel-default .collapsing { transition-delay: 0.4s !important; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 14px; } } @media (max-width: 768px) { .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { width: 260px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 84px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 13px; } } @media (max-width: 480px) { .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { width: 200px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 64px; } } /* Timeline in tab "the big picture" - media query **END** */ /* Pedagogical Merge and study programs - add timeline in tab "the big picture" - ***END*** by Dror Efraim 12/01/2020*/ /* Pedagogical study programs - add links area to knowledge field - ***START*** by Dror Efraim 01/2020*/ .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin: 15px 0; text-align: right; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap img { max-width: 241px; height: 160px; object-fit: cover; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items { display: flex; flex-wrap: wrap; margin: 0 18px 10px 0; } .page_component.knowledge-field .row.no-margin.links-wrap .img-box { padding: 0; max-width: 241px; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { background: url(../images/Arrow-Link-List-dark.png) no-repeat top 7px right #fff; padding-right: 25px; min-width: 189px; margin-bottom: 5px; padding-left: 0; max-width: 195px; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li a { line-height: 30px; } .page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 { padding: 0; min-width: 590px; } .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container h4 { margin: 14px 18px 0 0; } @media (min-width: 992px) { .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container { margin-bottom: 41px; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { text-align: left; } } @media (max-width: 991px) { .page_component.knowledge-field .row.no-margin.links-wrap .link-items { max-width: 100%; flex-direction: column; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { padding-right: 25px; min-width: auto; margin-bottom: 5px; padding-left: 0; max-width: fit-content; } .page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 { min-width: auto; } .page_component.knowledge-field .row.no-margin.links-wrap .img-box { margin-right: 16px; } } /* Pedagogical study programs - add links area to knowledge field - ***END*** by Dror Efraim 01/2020*/ /* Pedagogical study programs - adjustments to subject page - ***START*** by Dror Efraim 07/2020*/ /* Helper class to clear padding */ .clear-padding { padding: 0; } /* Helper class to clear padding */ /* Indicator */ .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 8px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap p.heading { margin: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 0 0 8px; color: #2C7094; line-height: 20px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator img { width: 13px; height: 14px; } /* Teaching-units */ .page-component-edu.teaching-units .panel.panel-default { background-color: #2C7094; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); border-radius: 3px; border: 0; padding: 30px 5px 30px 18px; } .page-component-edu.teaching-units .row { display: flex; } .page-component-edu.teaching-units .row .text-wrap { display: flex; flex-direction: column; justify-content: flex-start; } .page-component-edu.teaching-units .row .text-wrap h2 { color: white; font-weight: 600; font-size: 28px; margin: 0 0 12px; } .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 { color: white; font-weight: 600; font-size: 18px; margin: 0 0 6px; } .page-component-edu.teaching-units .row .text-wrap p { color: white; font-weight: 400; font-size: 18px; margin: 0; } .page-component-edu.teaching-units .row .btn-links-wrap { display: flex; flex-direction: column; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner { display: block; background-color: white; border-radius: 5px; padding: 7px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) { margin-bottom: 15px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link { display: block; text-align: center; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link span { color: #2C7094; font-size: 24px; font-weight: 400; text-align: center; } /* Recorded-lessons */ .page-component-edu.recorded-lessons .panel.panel-default { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); border-radius: 3px; border: 0; padding: 20px 3px 20px 18px; } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container { margin-bottom: 20px; } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container h4 { margin: 0 15px 0 0; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap { display: flex; flex-direction: column; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item:not(:last-child) { margin-bottom: 20px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item h5 { margin: 0 0 10px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a:not(:last-child) { margin-left: 25px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a span { margin-left: 3px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a img { width: auto; height: auto; object-fit: cover; } /* Media queries - adjustments to subject page - by Dror Efraim 07/2020*/ @media (max-width: 991px) { /* Indicator */ .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { flex-direction: column; align-items: flex-start; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; } /* Teaching-units */ .page-component-edu.teaching-units .panel.panel-default { padding: 20px 0 20px; } .page-component-edu.teaching-units .row { flex-direction: column; } .page-component-edu.teaching-units .row .text-wrap { margin-bottom: 22px; } .page-component-edu.teaching-units .row .text-wrap h2 { font-size: 26px; line-height: 34px; margin: 0 0 18px; } .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 { margin: 0 0 4px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) { margin-bottom: 20px; } } /* Pedagogical study programs - adjustments to subject page - ***END*** by Dror Efraim 07/2020*/ /* Pedagogical study programs - expertises list - ***START*** by Dror Efraim 07/2020*/ .teaching-practices-container.expertises.modals { margin-bottom: 5px; } .teaching-practices-container.expertises .container-content { padding: 24px 27px 24px 0; min-width: 513px; max-width: 513px; flex: none; } .teaching-practices-container.expertises .container-content.full-width { padding: 24px 27px 24px; min-width: 513px; max-width: 100%; width: 100%; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 28px; } .teaching-practices-container.expertises .container-content .content-text p { font-size: 18px; line-height: 25px; margin: 10px 0 0; } .teaching-practices-container.expertises .container-content-media { flex: none; height: auto; margin: 25px 0 0 25px; } .teaching-practices-container.expertises .container-content-media .media-iframe { background-image: url(../images/student.png); min-height: 180px; width: 256px; background-position: top; background-size: contain; background-repeat: no-repeat; } .expertises-items-wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto; max-width: 800px; width: 100%; padding: 30px 0 0; } .expertises-items-wrap .item { flex: 0 1 20%; max-width: 119px; margin-left: 51px; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; min-height: 168px; } .expertises-items-wrap .item .modal-btn { -webkit-appearance: none; background-color: transparent; border: 0; border-radius: 50%; width: 114px; height: 114px; margin-bottom: 12px; left: 0; top: 0; } .expertises-items-wrap .item:hover .modal-btn { transition: all 0.3s ease-out; position: absolute; top: -6px; left: -6px; width: 120px; height: 120px; } .expertises-items-wrap .item:hover .text-wrap { position: absolute; bottom: 0; min-height: 42px; } .expertises-items-wrap .item .modal-btn img { width: auto; max-width: 50px; max-height: 50px; object-fit: cover; } .expertises-items-wrap .item .text-wrap { text-align: center; } .expertises-items-wrap .item .text-wrap span { color: black; font-size: 18px; font-weight: 600; line-height: 20px; } .expertises-items-wrap .item.cognitive .modal-btn { background-color: rgba(236, 101, 62, 0.15); } .expertises-items-wrap .item.personality-expertise .modal-btn { background-color: rgba(231, 145, 25, 0.24); } .expertises-items-wrap .item.intra-personality-expertise .modal-btn { background-color: rgba(127, 117, 151, 0.25); } .expertises-items-wrap .item.physical-expertise .modal-btn { background-color: rgba(48, 176, 0, 0.21); } .teaching-practices-container.expertises .categories-indicators { display: flex; justify-content: flex-start; padding: 18px 56px 18px 16px; } .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) { margin-left: 44px; } .teaching-practices-container.expertises .categories-indicators .item span { position: relative; color: black; font-size: 16px; font-weight: 600; } .teaching-practices-container.expertises .categories-indicators .item span:before { content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 15px; height: 15px; } .teaching-practices-container.expertises .categories-indicators .item.cognitive span:before { background-color: #EC653E; } .teaching-practices-container.expertises .categories-indicators .item.personality-expertise span:before { background-color: #E79119; } .teaching-practices-container.expertises .categories-indicators .item.intra-personality span:before { background-color: #30B000; } .teaching-practices-container.expertises .categories-indicators .item.physical-expertise span:before { background-color: #7F7597; } /* Expertise Modal */ .modal.expertises .modal-dialog { width: 950px; margin: 147px auto; } .modal.expertises .modal-dialog .modal-content img { width: auto; max-width: 90px; max-height: 90px; object-fit: contain; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 72px; } .modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(236, 101, 62, 0.15); } .modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(231, 145, 25, 0.24); } .modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(127, 117, 151, 0.25); } .modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(48, 176, 0, 0.21); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details p { margin: 0; color: black; font-size: 18px; line-height: 26px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 { font-size: 34px; font-weight: 600; margin: 0 0 4px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap { display: flex; align-items: center; padding: 20px 30px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap { margin-right: 38px; } .modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(236, 101, 62); } .modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(231, 145, 25); } .modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(127, 117, 151); } .modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(48, 176, 0); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap { position: relative; max-width: 740px; margin: 0 auto; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border { position: absolute; left: 50%; transform: translateX(-50%); height: 100%; border: 2px dashed #959595; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; min-height: 145px; overflow: hidden; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:nth-child(odd) { flex-direction: row-reverse; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type { position: relative; overflow: unset; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator { left: 50%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 32px; background-color: white; width: 5px; height: 100%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner { width: 344px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 { margin: 0; background-color: #3098CF; border-radius: 5px; color: white; font-size: 20px; line-height: 23px; font-weight: 600; padding: 7px 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner p { padding-left: 10px; color: black; font-weight: 600; font-size: 16px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator { min-width: 32px; height: 32px; background-color: #3098CF; border-radius: 50%; flex: 0; position: absolute; left: 50%; transform: translateX(-50%); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator span { color: white; font-size: 22px; text-align: center; display: block; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 33px; } .modal.expertises .modal-dialog .modal-content .modal-footer { padding: 25px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap { display: flex; justify-content: space-between; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap { display: flex; align-items: center; justify-content: flex-start; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap { margin-left: 46px; position: relative; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap { width: 19px; height: 19px; border-radius: 50%; background-color: #266281; display: inline-block; text-align: center; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap img { width: 7px; height: 13px; object-fit: contain; vertical-align: middle; margin-bottom: 2px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap:last-child { margin-left: 0; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after { content: ""; position: absolute; left: -24px; height: 12px; width: 1px; background-color: #707070; top: 50%; transform: translateY(-50%); } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap span.action-text { font-size: 16px; font-weight: 600; color: black; line-height: 21px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text { margin-right: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text { margin-left: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal { display: flex; align-items: center; border-radius: 5px; padding: 5px 11px; opacity: 1; background-color: #266281; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal:hover { opacity: 0.8; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal span { font-size: 19px; line-height: 24px; font-weight: 400; margin-left: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal img { width: 7px; height: 10px; margin-bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-header { padding: 14px 30px 15px 25px; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { color: rgba(116, 112, 112, 0.9803921569); font-weight: 400 !important; font-size: 34px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal { opacity: 1; position: relative; width: 20px; height: 20px; margin: 8px 0 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span { display: block; text-shadow: none; position: absolute; background-color: #707070; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right { transform: rotate(45deg); width: 20px; height: 2px; top: 9px; left: 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left { transform: rotate(45deg); width: 2px; height: 20px; top: 0; left: 9px; } /* Category page */ .practice-category-page .teaching-practices-container.expertises.opening { margin-bottom: 38px; } .practice-category-page .teaching-practices-container.expertises.modals { margin-bottom: 125px; } .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap { padding: 30px 0 20px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item:last-child { margin-bottom: 0; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap { width: 60px; margin-left: 20px; margin-top: 5px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap { width: 100%; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button { -webkit-appearance: none; background-color: transparent; border: none; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img { width: 50px; height: 50px; object-fit: contain; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 { margin: 0 0 10px; color: black; font-weight: 600; font-size: 18px; line-height: 21px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p { margin: 0 0 3px; color: black; font-weight: 400; font-size: 16px; line-height: 20px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap a { color: #347BB8; font-weight: 400; font-size: 16px; line-height: 25px; } /* Expertises items inside tabs */ .expertises-items-wrap.inside-tabs { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-inner.expertises-items h3 { margin: 0 0 27px; } .expertises-items-wrap.inside-tabs .item { max-width: 118px; min-height: 159px; margin-left: 39px; } .expertises-items-wrap.inside-tabs .item .modal-btn { width: 105px; height: 105px; } .expertises-items-wrap.inside-tabs .item:hover .modal-btn { top: -6px; left: unset; width: 116px; height: 116px; } .practices-expertises-lobby .teaching-practices-container.expertises .container-content-media .media-iframe { background-image: url(../images/teacher.png); } /* practices-expertises-lobby */ /* Optional ----- This two blocks override the original components style ---START--- */ .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title h2 { padding-bottom: 0; margin-top: 0; min-height: 81px; } .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) { margin-right: 0; margin-left: 0; } /* Optional ----- This two blocks override the original components style ---END--- */ .practices-expertises-lobby .teaching-practices-container.categories { flex-direction: column; align-items: stretch; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 { margin: 0; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container .link-all { position: relative; float: none; padding-left: 0; margin: 0; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 787px; padding: 0; margin-bottom: 39px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { width: 174px; min-height: 113px; margin-left: 30px; text-align: center; border-radius: 9px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child { margin-left: 0; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a:hover { opacity: 1; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a img { max-width: 60px; height: 60px; margin-bottom: 11px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a span { color: black; font-size: 18px; font-weight: 600; line-height: 20px; padding: 0 10px; text-align: center; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.cognitive { background-color: rgba(236, 101, 62, 0.15); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.personality-expertise { background-color: rgba(231, 145, 25, 0.24); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.physical-expertise { background-color: rgba(48, 176, 0, 0.21); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.intra-personality-expertise { background-color: rgba(127, 117, 151, 0.25); } .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns { margin: 0; padding: 10px 25px 10px; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 { margin: 0; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container .link-all { position: relative; float: none; padding: 0; margin: 0; } /* Media queries - Expertises - by Dror Efraim 07/2020*/ /* Max-width */ @media (max-width: 1199px) { .teaching-practices-container.expertises .container-content { padding: 24px 27px 24px 0; min-width: 0; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 24px; } .teaching-practices-container.expertises .container-content-media .media-iframe { min-height: 160px; width: 226px; } .expertises-items-wrap { max-width: 630px; padding: 20px 0 0; } .expertises-items-wrap .item { flex: 0 1 25%; margin-left: 51px; } .expertises-items-wrap.inside-tabs .item { max-width: 114px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 586px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { margin-bottom: 30px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) { margin-left: 0; } } @media (max-width: 991px) { .teaching-practices-container.expertises .container-content { padding: 20px 16px; } .teaching-practices-container.expertises.opening { flex-direction: column-reverse; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 28px; font-weight: 400 !important; } .teaching-practices-container.expertises .categories-indicators { flex-direction: column; padding: 16px 40px 16px 10px; } .expertises-items-wrap { max-width: 300px; } .expertises-items-wrap .item { flex: 0 1 50%; margin-left: 51px; } .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) { margin-left: 0; margin-bottom: 12px; } .modal.expertises .modal-dialog { width: 100%; margin: 47px auto; } .modal.expertises { margin: 0 10px; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 20px 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline { padding: 0 20px 0 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap { max-width: 100%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border { left: unset; right: 0; transform: translateX(0); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner { width: 100%; padding: 0 36px 0 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 { padding: 9px 10px; font-size: 18px; } .teaching-practices-container.expertises .container-content-media { margin: 20px auto; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator { left: unset; transform: translateX(0); right: -14px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator { left: unset; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after { left: unset; transform: translateX(1px); right: 0; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { font-size: 20px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap { padding: 25px 10px; flex-direction: column; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap { margin-right: 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 { text-align: center; font-size: 25px; margin: 0 0 12px; } .modal.expertises .modal-dialog .modal-content img { margin-bottom: 15px; max-width: 50px; max-height: 50px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 44px; } .modal.expertises .modal-dialog .modal-content .modal-header { padding: 15px 20px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal { width: 14px; height: 14px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right { width: 14px; top: 6px; left: 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left { height: 14px; top: 0; left: 6px; } .modal.expertises .modal-dialog .modal-content .modal-footer { padding: 25px 11px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap { flex-direction: column; align-items: center; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap { justify-content: space-between; margin-bottom: 30px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next { margin-left: 14px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text { margin-right: 3px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after { left: -7px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text { margin-left: 3px; } .teaching-practices-container.expertises .container-content.full-width { min-width: 0; padding: 18px; } .practice-category-page .teaching-practices-container.expertises.opening { margin-bottom: 25px; } .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap { padding: 20px 17px; max-width: 100%; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap { width: 50px; margin-left: 18px; margin-top: 3px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img { width: 36px; height: 36px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 { margin: 0 0 5px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p { padding-left: 10px; } .expertises-items-wrap.inside-tabs { max-width: 400px; margin: 0 auto; } .expertises-items-wrap.inside-tabs .item { min-height: 150px; max-width: 106px; margin-left: 38px; } .expertises-items-wrap.inside-tabs .item .modal-btn { width: 96px; height: 96px; } .expertises-items-wrap.inside-tabs .item .modal-btn img { max-width: 40px; max-height: 40px; } .expertises-items-wrap.inside-tabs .item:hover .modal-btn { top: -6px; left: unset; width: 106px; height: 106px; } .content-inner.expertises-items { margin: 0 auto; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { width: 100%; margin: 0 16px 25px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child { margin: 0 16px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 100%; margin-bottom: 33px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container { padding: 20px 16px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 { height: 35px; padding: 5px 20px; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 { height: 35px; padding: 5px 20px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) { margin: 0 16px 25px; } } @media (max-width: 768px) { .expertises-items-wrap { max-width: 270px; } .expertises-items-wrap .item { margin-left: 31px; } .expertises-items-wrap.inside-tabs { max-width: 240px; } .expertises-items-wrap.inside-tabs .item { max-width: 106px; margin-left: 22px; } } /* Min-width */ @media (min-width: 320px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 0; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 0; } .modal.expertises .modal-dialog { width: 900px; margin: 77px auto; } } @media (min-width: 768px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 38px; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 0; } } @media (min-width: 992px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 0; } } @media (min-width: 1200px) { .expertises-items-wrap.inside-tabs .item:nth-child(4n) { margin-left: 39px; } .expertises-items-wrap.inside-tabs .item:nth-child(2n) { margin-left: 39px; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(5n) { margin-left: 0; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 39px; } } /* Pedagogical - Teaching units - ***Start*** by Dror Efraim 07/2020*/ /* * My teaching units no-units style */ .teaching-practices-container.units { margin-bottom: 30px; } .teaching-practices-container.units .container-content { padding: 20px 20px 20px 0; min-width: 433px; max-width: 433px; flex: none; } .teaching-practices-container.units .container-content.media { min-width: auto; max-width: 396px; flex: none; } .teaching-practices-container.units .container-content .comp-title-container h4 { margin: 0; } .teaching-practices-container.units .container-content .content-text { padding-left: 8px; margin-bottom: 20px; } .teaching-practices-container.units .container-content .content-text p { font-size: 18px; line-height: 25px; margin: 10px 0 0; } .teaching-practices-container.units .container-content .content-link { display: block; } .teaching-practices-container.units .content-link.mobile { display: none; } .teaching-practices-container.units .container-content .media-content { min-width: 376px; max-width: 376px; } .teaching-practices-container.units .container-content .media-content iframe { width: 100%; height: 237px; } .teaching-practices-container.units .container-content .media-content img { width: 100%; height: 237px; object-fit: cover; } .units-search-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: var(--space-between-components); background-color: white; } .units-search-container form { padding: 20px; } .page-component-edu.units-search-container .comp-title-container { margin-bottom: 25px; } .page-component-edu.units-search-container .comp-title-container h4 { margin: 0; } .units-search-container .search-units-erea .search-fields-wrap { display: flex; width: 100%; min-width: 100%; align-items: center; justify-content: flex-start; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 30px; } .units-search-container .search-units-erea .search-fields-wrap .search-field { margin-bottom: 30px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap { display: flex; align-items: center; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label { margin-left: 12px; color: black; font-weight: 400; font-size: 17px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select { padding: 6px 6px 6px 0; min-height: 35px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 94px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 156px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 278px; } .units-search-container .search-text-container { max-width: 455px; margin-bottom: 20px; } .units-search-container .search-text-container p { font-size: 18px; line-height: 23px; font-weight: 400; color: black; margin: 0; } .units-search-container .search-units-erea .RowButtns .ContainerButtons { text-align: left; } /* * My teaching units added style */ .page-component-edu.my-units { background: white; /*padding: 20px 20px 23px;*/ margin-bottom: var(--space-between-components); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725); } .page-component-edu.my-units .comp-title-container h4 { margin: 0; } .page-component-edu.my-units .panel.panel-default { margin: 0; border: 0; box-shadow: none; } .page-component-edu.my-units .panel.panel-default .panel-group { display: flex; flex-direction: column; justify-content: space-between; margin: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel { padding-bottom: 10px; box-shadow: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child { padding-bottom: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap { display: flex; align-items: center; padding: 0 10px; background-color: var(--stock-search-bg); border: var(--panel-border); border-radius: var(--item-radius); } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 { padding-right: 24px; margin-top: 8px; font-size: 22px; font-weight: 600; line-height: 28px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title { padding-right: 5px; margin-top: 8px; font-size: 20px; font-weight: 400; line-height: 28px; color: var(--title-color); display: inline-block; margin-left: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] { margin: 0; padding: 0; border: 0; background-image: none; position: relative; min-height: 38px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { /* content: url(/images/icons/navigation-blue-side.svg); display: inline-block; width: 30px; vertical-align: text-bottom; padding: 0 10px; */ content: ""; background-image: url(../images/triangle-down.png); transform: translateY(-50%) rotate(90deg); transition: all 0.3s ease-in-out; background-repeat: no-repeat; position: absolute; right: 6px; width: 12px; height: 20px; top: 50%; filter: brightness(0); } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse][aria-expanded=true]:before { transform: translateY(-50%) rotate(0deg); transition: all 0.2s ease-in-out; margin-top: 4px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link { position: relative; margin-left: 15px; min-width: 200px; text-align: left; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a { font-size: 16px; font-weight: 600; line-height: 28px; color: black; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a:after { content: ""; background-image: url(../images/Arrow-Link-List.png); transform: translateY(-50%); background-repeat: no-repeat; position: absolute; left: -12px; width: 6px; height: 11px; top: 50%; } /*.page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap { padding: 0 20px; }*/ #left_col[role=main] .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul { margin: 0 16px 0 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li { margin-bottom: 15px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li:last-child { margin-bottom: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li a { color: #3098CF; font-weight: 600; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li p { margin: 0; color: black; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.more-units .items-rows-wrap .col-md-4 { padding: 0 20px; } .page-component-edu.more-units .comp-title-container { margin: 27px 15px 30px 0; padding-top: 0; } .page-component-edu.more-units .comp-title-container h4 { margin: 0; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box { max-width: 240px; margin-bottom: 30px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 140px; width: 100%; margin-bottom: 10px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a h3 { margin: 0 0 2px; font-size: 18px; line-height: 20px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a span { color: black; /*font-size: 14px; font-weight: 400; line-height: 20px;*/ } .page-component-edu.more-units .RowButtns { margin: 4px 20px 19px; } .page-component-edu.more-units .RowButtns .ContainerButtons button.load-more { padding: 3px 20px; font-size: 20px; } /* Media queries */ @media (max-width: 1199px) { .teaching-practices-container.units .container-content { min-width: 363px; max-width: 363px; } .teaching-practices-container.units .container-content.media { margin: 0; max-width: 316px; } .units-search-container .search-units-erea .search-fields-wrap { flex-wrap: wrap; min-width: 658px; max-width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 92px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 134px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 200px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label { font-size: 16px; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 16px; } } @media (max-width: 991px) { .units-search-container .search-units-erea .search-fields-wrap { flex-direction: column; align-items: flex-start; min-width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 0; } .units-search-container .search-units-erea .search-fields-wrap .search-field { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap { align-items: flex-start; flex-direction: column; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 100%; } .teaching-practices-container.units .container-content { padding: 20px 10px; min-width: 0; max-width: 100%; } .teaching-practices-container.units .container-content.media { min-width: 0; max-width: 100%; margin: 0; padding: 0 10px; } .teaching-practices-container.units .container-content .media-content { min-width: 0; max-width: 100%; } .teaching-practices-container.units .container-content .media-content iframe { height: 277px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap { flex-direction: column; align-items: flex-start; position: relative; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] { min-height: auto; position: static; padding-right: 24px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 { margin: 4px 0; padding-right: 0; font-size: 20px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title { margin: 4px 0; padding-right: 0; font-size: 16px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { right: 12px; transform: rotate(90deg); top: 26px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link { text-align: right; padding-right: 25px; min-width: auto; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: ""; right: 34px; height: 1px; width: calc(100% - 48px); background-color: #3098CF; bottom: 29px; position: absolute; } .page-component-edu.my-units .panel.panel-default .panel-group .panel { margin: 0; padding-bottom: 15px !important; } .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child { padding-bottom: 0 !important; } /*.page-component-edu.my-units { padding: 15px 10px 20px; }*/ .page-component-edu.my-units .comp-title-container { margin-bottom: 20px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a { font-size: 14px; font-weight: 400; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap { padding: 0; } .teaching-practices-container.units .container-content .content-link { display: none; } .teaching-practices-container.units .content-link.mobile { display: block; padding: 12px 10px 15px 0; } .teaching-practices-container.units .container-content .content-text { margin-bottom: 0; } .page-component-edu.more-units .comp-title-container { margin: 20px 10px 20px 0; } .page-component-edu.more-units .items-rows-wrap .col-md-4 { padding: 0 10px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box { max-width: 100%; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 260px; } .page-component-edu.more-units .RowButtns { margin: 0 10px 32px; } } @media (max-width: 767px) { .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 240px; } } @media (max-width: 420px) { .teaching-practices-container.units .container-content .media-content iframe { height: 214px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 200px; } } /* Pedagogical - Teaching units - ***End*** by Dror Efraim 07/2020*/ /* Fixes by Dror Efraim 8/2020 */ /* Header */ /*.HeaderMenu nav.personal-area { background-color: transparent; } .HeaderMenu nav.personal-area ul { display: flex; justify-content: flex-start; } .HeaderMenu nav.personal-area ul li:not(.personal-area ) { margin-left: 7px; } .HeaderMenu nav.personal-area ul li.personal-area { margin-left: 0; margin-right: auto; } .HeaderMenu nav.personal-area ul li.personal-area a { padding: 0 31px; }*/ /**/ .HeaderMenu .navs-wrapper { display: flex; gap:8px; } .HeaderMenu .navs-wrapper nav.with-personal-area { background-color: transparent; } .HeaderMenu .navs-wrapper nav.personal-area { flex: 1; /* min-width: 127px;*/ background-color: transparent; } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a { padding: 0 31px; } /**/ /* Spaces */ .content.teaching-units { padding: 0 0 16px; } section.content.teaching-units #left_col:not(.home) h1:first-child:not(.areaTitle) { margin-bottom: 30px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* This is where Elad's design begins */ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .HeaderMenu nav .sub-pages:hover ul.big-menu, .HeaderMenu nav .sub-pages:focus ul.big-menu { /* display: flex !important; */ padding: 10px; left: 0; } .HeaderMenu nav .sub-pages ul.big-menu { white-space: normal; left: 0; max-width: 1020px; } @media screen and (max-width: 800px) { .HeaderMenu nav .sub-pages ul.big-menu { white-space: normal; } .HeaderMenu nav .sub-pages:hover ul.big-menu, .HeaderMenu nav .sub-pages:focus ul.big-menu { right: 0; flex-wrap: wrap; } } .big-menu > li { /* flex: 0 0 160px; */ } .HeaderMenu nav ul.big-menu > li { margin: 20px; max-width: 160px; } .HeaderMenu nav ul.big-menu li ul { position: static; border: 0; } .HeaderMenu nav ul.big-menu span { margin-right: 23px; display: inline-block; } .HeaderMenu nav ul.big-menu > li { display: inline-block; vertical-align: top; } /*.social-main .search-btn-erea div { display: inline-block; }*/ .search-btn-erea div { display: inline-block; } @media (min-width: 992px) { .social-main .search-col { border-left: 1px #DFDFDF solid; } .social-main .search-col, .social-main .search-col-left { padding: 10px 10px 0 0px !important; } .search-col, .search-col-left { padding: 10px 10px 0 0px !important; } .socialMultiselect .col-md-8 { padding-right: 0px; } .broadcast-search-space .search-col, .broadcast-search-space .search-col-left { padding: 10px 0px 0 16px !important; } .broadcast-search-space .search-col-left { padding: 10px 10px 0 0px !important; } .broadcast-search-space .search-col.free-text-col { padding-bottom: 16px !important; } } /* GENERAL */ /* buttons */ /* titles */ /* background */ /*form*/ /*body .gd { font-family: "Assistant"; -webkit-font-smoothing: subpixel-antialiased; background-color: rgb(238, 238, 238); }*/ .gd h4 { display: inline-block; background-color: rgb(48, 152, 207); color: white; font-size: 22px; font-weight: normal; padding: 10px 20px; margin: 0px; font-weight: 600; } .gd h5 { font-size: 22px; } .gd .card-style { box-shadow: -1.95px 6px 6px rgba(0, 0, 0, 0.1607843137); background-color: #fff; margin-bottom: 30px; } .gd .main-page-tite { border: #fff solid 6px; } .gd .title-inner-page { padding: 20px; padding-bottom: 0; } .gd .wrapper-padding { padding: 20px; } /* INPUT */ .gd input { height: 36px; } /* SELECT */ /*.gd select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; display: block; height: 36px; padding: 0 10px; border: 1px solid #cccccc; border-radius: 0; background-color: #fff; width: 100%; font-size: 18px; font-family: "Assistant"; background-image: url("/images/angle-arrow-left.svg");*/ /* background-color: rgb(48, 152, 207); */ /*background-repeat: no-repeat; background-position: 14px 14px; }*/ .gd select::-ms-expand { display: none; } /* label */ .gd label { font-size: 18px; font-weight: normal; margin: 10px 0; } /* custom classes but general */ .no-padding-top { padding-top: 0 !important; } .btn-search-blue { background-color: #3098cf; padding: 6px 20px; border-radius: 10px; color: #fff; font-size: 24px; border: none; } /*Start Basic Needs*/ .gd input { border-radius: 0; } .gd .d-flex { display: flex; } /*START yaniv addons*/ html { scroll-behavior: smooth; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .wrap { flex-wrap: wrap; } .flx-d-column { flex-direction: column; } .visible-in-desktop { visibility: hidden; opacity: 0; width: 0; } .show-in-mobile { display: block; } .hide-in-mobile { display: none; } .seperator { margin: 3% 0; } .full-width-mobile { width: 100%; } .block { display: block !important; } .no-border { border: 0; } .semi-bold { font-weight: 700; } .edu-info-list-wrapper.two-columns { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; column-fill: balance; column-gap: 0; } .edu-info-list-wrapper.three-columns { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; column-fill: balance; column-gap: 0; } /*END yaniv addons*/ .gd .space-between { justify-content: space-between; } .gd .align-center { align-items: center; } .gd .card { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 0; } /*End Basic Needs*/ /* override */ .gd h5 { font-size: 24px; /*color: #3098cf;*/ } .gd h4 { min-height: 40px; } .gd h3 { font-size: 24px; } .gd button { font-family: "Assistant", "Arial", sans-serif; font-weight: 400; letter-spacing: 0.5px; } /* not send to elad - start */ /*to add in site 143 */ #left_col:not(.home) .card-style h1:first-child:not(.areaTitle) { border: white solid 5px; box-shadow: none; padding-right: 20px; margin-bottom: 0; } section.content .gd h4 { display: inline-block; background-color: rgb(48, 152, 207); color: white; font-size: 22px; font-weight: normal; padding: 6px 20px; margin: 0px; font-weight: 600; min-height: 40px; } .gd .card-style { margin-top: 0; } section.content .gd h3 { font-size: 24px; } #left_col[role=main] .gd ul { margin-right: 0; } .gd input[type=checkbox] { height: auto; } .gd .checkbox label { font-size: 16px; } /*START Generic Components*/ /* start edu bullet list */ .edu-bullet-list-wrapper { padding: 0 16px 0 0; margin: 24px 0; width: 100%; } .edu-bullet-list-wrapper .edu-bullet-list-container { color: #000; } #left_col[role=main] .edu-bullet-list-wrapper .edu-bullet-list-container ul, .edu-bullet-list-wrapper .edu-bullet-list-container ul, .edu-bullet-list-wrapper .edu-bullet-list-container ul li { list-style: none; margin: 0; padding: 0; } .edu-bullet-list-wrapper .edu-bullet-list-container .skills-title { font-size: 22px; margin-top: 0; margin-bottom: 30px; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item { display: inline-block; margin-bottom: 30px; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-href { align-items: center; display: flex; font-size: 20px; color: inherit; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-bullet-img { width: 56px; height: auto; margin: 0 0 0 16px; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-bullet-img:after { content: ""; border-radius: 5px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item:hover .skill-bullet-img { -webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); } .yeda-teorethy-container .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item:hover .skill-bullet-img::after { opacity: 1; } /* end edu bullet list */ /*start edu regular title*/ .page-component-edu .comp-title-container.edu-regular-title h4 { background-color: transparent; color: #000000; font-weight: bold; } /* end edu regular title */ /* start Info List */ .edu-info-list-wrapper { padding: 0; } .edu-info-list-wrapper .edu-info-list-container, #left_col[role=main] ul.edu-info-list-container { list-style: none; padding: 0; margin: 26px 0; min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: inherit; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ /* start flexible media grid */ .edu-media-grid-container { width: 100%; } .edu-media-grid-container .container-content { flex: 1; padding: 20px; } .edu-media-grid-container .flexible-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-media-grid-container .flexible-grid .flexible-grid-item { position: relative; flex: 0 1 100%; margin: 0.991%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .flexible-img { width: 100%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; font-size: 18px; position: absolute; padding: 6px 13px; width: 100%; } /* end flexible media grid */ /*start Boxes Grid*/ .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-info-boxes-grid .edu-info-boxes-item { flex: 1 0 100%; min-height: 326px; background-color: #f0f8fb; text-align: center; padding: 2.825% 3.138%; /*equal to 18px 20px*/ margin-top: 18px; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; max-width: 56px; height: auto; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 22px; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-paragraph { font-size: 16px; text-align: center; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } .page-component-edu .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } /*end Boxes Grid*/ /*start Article*/ .edu-article-container { flex: 1; padding: 24px; } .edu-article-container .article-content section { position: relative; } .edu-article-container .article-content { color: #000; width: 100%; } .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .edu-article-container .article-content h4 { /*color: inherit;*/ font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; } .edu-article-container .article-content .article-paragraph { font-size: 17px; } .newspaper-component-titles .edu-article-container .article-content { display: inline-block; } .edu-user-personal-lobby .edu-article-container .article-content .article-link .article-link-img { width: 100%; max-width: 6px; height: auto; margin-right: 7px; } /*end Article*/ /*start recent-favorites-list*/ .edu-recent-favorites-list-container { padding: 15px; } .edu-recent-favorites-list-container h4 { margin: 0 !important; } .edu-recent-favorites-list-container .edu-recent-favorites-list { list-style: none; margin: 28px 0 !important; padding: 14px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item { align-items: center; font-size: 16px; padding: 9px; min-height: 48px; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item:nth-child(even) { background-color: #f4f7f8; } .edu-recent-favorites-list-container .item-details { flex: 1; } .edu-recent-favorites-list-container .item-icon { width: 100%; max-width: 16px; height: auto; margin-left: 7px; vertical-align: top; margin-top: 5px; } .edu-recent-favorites-list-container .item-name { display: inline-block; } .edu-recent-favorites-list-container .item-alt-name { display: block; color: #808080; } .edu-recent-favorites-list-container .edu-recent-favorites-list-container-btn { align-self: auto; background-color: #1d5c7e; border-color: #1d5c7e; color: #fff; font-size: 16px; min-height: 45px; } /*end recent-favorites-list*/ /*start horizontal anchors*/ .edu-horizontal-anchors-container { border: 1px solid #3098cf; display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 756px; margin: 0 auto; } .edu-horizontal-anchors-container .divider { flex-grow: 1; border-bottom: 1px solid black; } .edu-horizontal-anchors-container .anchor { position: relative; padding: 14px 24px 14px 0; text-align: right; width: 100%; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):before { content: ""; position: absolute; left: 43px; top: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #3098cf; clear: both; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):after { content: ""; position: absolute; left: 43px; top: 100%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid white; margin-left: 1px; clear: both; } .edu-horizontal-anchors-container .anchor:not(:last-of-type) { border-bottom: 1px solid #3098cf; } .edu-horizontal-anchors-container .anchor .anchor-img { width: 100%; max-width: 37px; height: auto; transition: all 0.3s; } .edu-horizontal-anchors-container .anchor .anchor-text { color: #000000; position: static; font-size: 22px; margin-right: 12px; vertical-align: middle; text-decoration: underline transparent; transition: all 0.2s; } .edu-horizontal-anchors-container .anchor:hover .anchor-text { text-decoration-color: #000; } /*end horizontal anchors*/ /*start back to top button*/ #btn_backToTop { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 999999; font-size: 18px; border: none; outline: none; background-color: var(--primary-btn-color); color: white; cursor: pointer; padding: 8px; border-radius: 4px; } #btn_backToTop:hover { background-color: #555; } /*end back to top button*/ /*start edu link anchor href*/ .edu-link .link-img { width: 6px; height: 10px; } /*end edu link anchor href*/ /*END Generic Components*/ @media (min-width: 992px) { .gd .d-d-flex { display: flex; width: unset; } .visible-in-desktop { visibility: visible; opacity: 1; width: auto; } .show-in-mobile { display: none; } .hide-in-mobile { display: block; } .seperator { margin: 1% 0; } .full-width-mobile { width: auto; } .edu-info-list-wrapper.two-columns, .edu-bullet-list-container.two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .edu-info-list-wrapper.three-columns, .edu-bullet-list-container.three-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .edu-bullet-list-wrapper { margin: 0; } .edu-media-grid-container .flexible-grid .flexible-grid-item { flex: 0 1 31.333%; } .edu-info-boxes-grid .edu-info-boxes-item { margin-left: 1.953%; flex: 0 1 31.748%; /*3columns: default equal to 250px */ } .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-left: 0px; } .edu-info-boxes-grid .edu-info-boxes-item.four-col { flex: 0 1 23.493%; /*4columns: equal to 185px*/ } .edu-info-boxes-grid .edu-info-boxes-item.four-col:nth-child(3n+0) { margin-left: 1.9%; } .edu-info-boxes-grid div.edu-info-boxes-item.four-col:nth-child(4n+0) { margin-left: 0px; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item { padding: 0 9px; } .edu-recent-favorites-list-container .item-alt-name { display: inherit; } #btn_backToTop { padding: 15px; } .edu-horizontal-anchors-container { border: none; padding-bottom: 5%; flex-direction: row; } .edu-horizontal-anchors-container .anchor { padding: 0; width: auto; text-align: center; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):before, .edu-horizontal-anchors-container .anchor:not(:last-of-type):after { content: none; border: 0; } .edu-horizontal-anchors-container .anchor:not(:last-of-type) { border-bottom: 0; } .edu-horizontal-anchors-container .anchor .anchor-img { max-width: 66px; } .edu-horizontal-anchors-container .anchor:hover .anchor-img { transform: scale(0.9); } .edu-horizontal-anchors-container .anchor .anchor-text { position: absolute; bottom: -30px; left: 0; right: 0; width: 100px; margin-right: -17px; font-size: 16px; z-index: 1; } .edu-info-paragraph-section { background-color: #edf5fa; padding: 0 33px; } .edu-info-paragraph-section .image { max-width: 97px; } .edu-info-paragraph-section .info-paragraph { padding: 25px 0; margin: 0; } .edu-info-paragraph-section .info-paragraph .heading { font-size: 16px; } .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { border-bottom: 1px solid rgba(44, 112, 148, 0.2); } .edu-info-paragraph-section .info-paragraph .heading.big { font-size: 18px; } .edu-info-list-wrapper { padding: 15px 30px 30px; } /* .edu-info-list-wrapper.three-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } */ .edu-info-list-wrapper .edu-info-list-container, #left_col[role=main] ul.edu-info-list-container { margin: 0; min-height: auto; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: auto; } .edu-article-container .article-content.flex-blue-bg-reverse .article-img { border-end-start-radius: 4px; border-start-start-radius: 4px; } .edu-article-container .article-content.flex-blue-bg .article-img { border-end-end-radius: 4px; border-start-end-radius: 4px; } } @media screen and (max-width: 991px) { .edu-article-container .article-content.flex-blue-bg .article-img, .edu-article-container .article-content.flex-blue-bg-reverse .article-img { border-start-end-radius: 4px; border-start-start-radius: 4px; } } /* $$$ Elad - start wizard $$$ */ /* 9.2 */ .wizzard-container .wizzard-search-results-container .results-counter { font-size: 16px; margin: 12px 0; margin-bottom: 30px; } .wizzard-container .wizzard-favorites-container .favorites-text { font-size: 20px; margin: 12px 0; margin-bottom: 30px; } .wizzard-container .wizzard-search-results-container ul.results-data li { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0; width: 90%; } .wizzard-container .wizzard-search-results-container ul.results-data li img { width: 100%; max-width: 260px; margin-left: 30px; } .wizzard-container .wizzard-search-results-container ul.results-data li .content-article { vertical-align: top; flex: 1; min-width: 320px; } .wizzard-container .wizzard-search-results-container ul.results-data li .content-article h3 { color: #3098CF; margin-top: 0px; font-size: 30px; } .wizzard-container .wizzard-search-results-container ul.results-data li .content-article p { font-size: 16px; } .wizzard-container .wizzard-favorites-container ul.favorite-data li .content-article p { font-size: 16px; } .wizzard-container .wizzard-favorites-container ul.favorite-data { padding: 0; margin: 0; list-style: none; margin: 14px 0; display: flex; flex-wrap: wrap; } .wizzard-container .wizzard-favorites-container ul.favorite-data li { width: 30%; margin-bottom: 20px; text-align: center; } .wizzard-container .wizzard-favorites-container ul.favorite-data li img { width: 100%; } .wizzard-container .wizzard-favorites-container ul.favorite-data li:nth-child(3n) { margin-right: 5%; } .wizzard-container .wizzard-favorites-container ul.favorite-data li:nth-child(3n - 2) { margin-left: 5%; } .wizzard-container .wizzard-favorites-container ul.favorite-data li .content-article .title { color: #2196f3; } .wizzard-container .wizzard-search-results-container ul.results-data { padding: 0; margin: 0; list-style: none; margin: 14px 0; } .wizzard-container .wizzard-search-results-container .searched-results ul { padding: 0; margin: 0; list-style: none; margin: 14px 0; } .wizzard-container .wizzard-search-results-container .searched-results ul li { display: inline-block; font-size: 20px; } .wizzard-container .wizzard-search-results-container .searched-results ul li .small-saparator { width: 2px; background-color: #000; display: inline-block; height: 18px; vertical-align: middle; margin: 6px; } .wizzard-container .wizzard-search-results-container, .wizzard-container .wizzard-favorites-container { padding: 20px; } .wizzard-container .wizzard-step-one form { display: flex; margin: 10px 0; } .wizzard-container .wizzard-step-one form .form-group { position: relative; display: inline-block; margin-left: 2%; width: 49%; } .wizzard-container .wizzard-step-one form .select-button-custom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .wizzard-container .wizzard-step-one form .form-group-d-flex { display: flex; flex-wrap: wrap; width: 100%; max-width: 400px; height: 50px; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container { position: relative; flex: 1; margin: 0; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container input { position: absolute; opacity: 0; cursor: pointer; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #3098CF22; font-weight: normal; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark .label-text { display: block; padding: 12px 0; font-size: 18px; text-align: center; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container input:checked ~ .checkmark { background-color: #2196F3; color: #fff; font-weight: bold; } .wizzard-container .wizzard-step-two, .wizzard-container .wizzard-step-one { margin-top: 20px; } .wizzard-container .wizzard-step-two span.title-wizzard, .wizzard-container .wizzard-step-one span.title-wizzard, .wizzard-container .wizzard-favorites-container .title-wizzard, .wizzard-container .wizzard-search-results-container span.title-wizzard { display: inline-block; font-size: 24px; padding: 10px 14px; background-color: #3098CF; color: #fff; } .wizzard-container .wizzard-step-two span.title-search, .wizzard-container .wizzard-step-one span.title-search { margin: 8px 0; display: block; font-size: 24px; color: #000; } .wizzard-container .wizzard-step-two form .form-group { position: relative; display: inline-block; margin-left: 2%; width: 23.2%; } .wizzard-container .wizzard-step-two form .select-button-custom { position: absolute; top: 56px; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .wizzard-container .wizzard-step-two form .form-group:nth-child(4) { margin-left: 0; } .wizzard-container .wizzard-step-two form .form-group select, .wizzard-container .wizzard-step-one form .form-group select { } .wizzard-container form .wizzard-btn { background-color: #3098CF; padding: 6px 20px; border-radius: 10px; color: #fff; font-size: 24px; border: none; } .wizzard-container form .select-button-custom::after { content: ' '; position: absolute; top: 46%; left: 15px; width: 14px; height: 14px; transform: translateY(-50%) rotate(45deg); border-left: 2px solid transparent; border-top: 2px solid transparent; border-right: 2px solid #444; border-bottom: 2px solid #444; } .wizzard-container form .btn-container { text-align: left; } @media screen and (max-width:767px) { .wizzard-container .wizzard-favorites-container ul.favorite-data li { width: 100%; } .wizzard-container .wizzard-favorites-container ul.favorite-data li:nth-child(3n) { margin-right: 0; } .wizzard-container .wizzard-favorites-container ul.favorite-data li:nth-child(3n - 2) { margin-left: 0; } .wizzard-container .wizzard-search-results-container ul.results-data li img { max-width: none; margin-left: 0; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark .label-text { padding: 7px 10px; font-size: 24px; } .wizzard-container .wizzard-step-one form { flex-wrap: wrap; } .wizzard-container .wizzard-search-results-container ul.results-data li { width: 100%; } .wizzard-container .wizzard-step-two form .form-group, .wizzard-container .wizzard-step-one form .form-group { width: 100%; margin: 15px 0; } .wizzard-container form .wizzard-btn, .wizzard-container form .btn-container { width: 100%; margin-top: 10px; } .wizzard-container .wizzard-search-results-container .searched-results ul li { width: 100%; } .wizzard-container .wizzard-search-results-container .searched-results ul li .small-saparator { display: none; } } /* $$$ Elad - end wizard $$$ */ /* override */ .wizzard-container select { height: 50px; background-position: 14px 20px; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container input:checked ~ .checkmark { background-color: #1872A2; } .wizzard-container .wizzard-step-one form .form-group-d-flex, .wizzard-container .wizzard-step-one form .form-group { margin-bottom: 0; } .wizzard-container .wizzard-step-one form .btn-container { align-self: center; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container input ~ .checkmark { display: flex; justify-content: center; align-items: center; } .wizzard-container .wizzard-step-one form { margin-bottom: 10px; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark .label-text { font-size: 22px; } .wizzard-container .wizzard-step-one span.title-search { margin-bottom: 24px; margin-top: 0; } .wizzard-container form .wizzard-btn { border-radius: 4px; font-size: 22px; } .wizzard-container .wizzard-search-results-container ul.results-data li img { max-width: 182px; } .wizzard-container .wizzard-search-results-container ul.results-data li .content-article h5 { margin-top: 0; } .wizzard-container .wizzard-search-results-container ul.results-data li:not(:last-child) { margin-bottom: 40px; } .wizzard-container .wizzard-search-results-container .results-counter.no-results { font-size: 18px; margin-top: 30px; font-weight: bold; } .wizzard-container .wizzard-search-results-container .searched-results ul li:last-child .small-saparator { display: none; } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark { cursor: pointer } .wizzard-container .wizzard-step-one form .form-group-d-flex label.container .checkmark { /* for IE */ background-color: rgba(48, 152, 207, 0.25); } .wizzard-container .wizzard-step-two form { /* for IE */ display: flex; flex-wrap: wrap; justify-content: space-between; } .wizzard-container .wizzard-step-two .btn-container { margin-right: auto; /* for IE */ display: flex; width: 100%; } .wizzard-container .wizzard-favorites-container ul.favorite-data li .content-article p { font-size: 18px; } .wizzard-container .wizzard-step-two .btn-container .search-btn { margin-right: auto; } @media screen and (max-width: 767px) { .wizzard-container .wizzard-step-one span.title-search { margin-bottom: 8px; } .wizzard-container .wizzard-search-results-container ul.results-data li img { max-width: none; } .wizzard-container .wizzard-search-results-container ul.results-data li a img { margin-bottom: 15px; } .wizzard-container .wizzard-step-two form .btn-container button { width: auto; } } /* not send to elad - start */ .wizzard-container .wizard-multiselect .multiselect-parent { width: 100%; } .wizzard-container .wizard-multiselect .multiselect-parent .btn-multi-select { display: block; height: 50px; padding: 0 10px; border: 1px solid #CCCCCC; border-radius: 0; background-color: #fff; width: 100%; font-size: 18px; font-family: 'Assistant'; background-image: url(/images/angle-arrow-left.svg); /* background-color: rgb(48, 152, 207); */ background-repeat: no-repeat; background-position: 14px 20px; } .wizzard-container form .wizard-multiselect .multiselect-parent .btn-multi-select .caret { display: none; } .wizzard-container .wizzard-step-two form .form-group .wizard-multiselect label { font-size: 18px; margin: 5px 0 0 0; } .wizzard-container .wizzard-step-two form .form-group .wizard-multiselect label input[type="checkbox"] { margin-top: 6px; /* because of the font size is 18 and not 16 */ height: auto; } #left_col[role=main] .wizzard-container .wizzard-favorites-container .favorite-data { margin-right: 0; } .wizzard-container.ltr { direction: ltr; } .ltr .wizzard-favorites-container { direction: ltr; } .wizzard-container.ltr .wizzard-favorites-container ul.favorite-data li:nth-child(3n - 2) { margin-right: 5%; margin-left: 0; } .wizzard-container.ltr .wizzard-favorites-container ul.favorite-data li:nth-child(3n) { margin-left: 5%; margin-right: 0; } /* end wizard */ /* 9.2 */ .parit-page-container .is-for-mobile { display: none; } .parit-page-container .is-for-desktop { display: block; } .parit-page-container .page-header .main-page-title { position: relative; } .parit-page-container .page-header .content-inner-page { font-size: 20px; padding: 0 20px; } .parit-page-container .page-header .main-page-title h1 { border: 6px solid #fff; } .parit-page-container .page-header .main-page-title .back-to-search { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; border-radius: 9px; border: none; background-color: #1D5C7E; padding: 5px 15px; } .parit-page-container .page-header .main-page-title .back-to-search img.small-arrow { width: auto; margin-right: 10px; } .parit-page-container .page-body { padding: 20px; display: flex; } .parit-page-container .page-body .image { margin-right: 10px; width: 100%; vertical-align: top; flex: 1; } .parit-page-container .page-body .image img { width: 100%; } .parit-page-container .page-body .content-inner-page { width: 100%; margin-left: 10px; position: relative; flex: 1; } .parit-page-container .page-body .content-inner-page p { font-size: 16px; margin-bottom: 50px; } .parit-page-container .page-body .content-inner-page .button-container { text-align: left; position: absolute; bottom: 0; left: 0; } .parit-page-container .page-body .content-inner-page .button-container a { background-color: #3098CF; border: none; border-radius: 10px; font-size: 18px; color: #fff; padding: 8px 18px; display: inline-block; font-weight: 600; } .parit-page-container .page-video .content-and-video { margin: 16px 30px; background-color: #E0EEF5; padding: 20px; display: inline-flex; flex-wrap: wrap; } .parit-page-container .page-video .content-and-video p { font-size: 16px; margin: 0 20px; flex: 2; } .parit-page-container .page-video .content-and-video .img-container a { position: relative; } .parit-page-container .page-video .content-and-video .img-container { flex: 3; position: relative; } .parit-page-container .page-video .content-and-video .img-container .triangle-btn { position: absolute; border: none; background-color: transparent; border-left: 30px solid rgba(255, 255, 255, .8); border-top: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent; top: 50%; left: 59%; transform: translate(-50%, -50%); } .parit-page-container .page-video .content-and-video .img-container img { width: 100%; height: auto; } .parit-page-container .page-subjects .subject-container .subject-content { font-size: 16px; flex: 3; } .parit-page-container .page-subjects .subject-container .subject-content p { margin: 0; margin-bottom: 20px; margin-left: 20px; } .parit-page-container .page-subjects .subject-container { display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; flex-wrap: wrap; margin: 20px; } .parit-page-container .page-subjects .subject-container ul li { color: #3098CF; font-size: 16px; margin: 10px 0; } .parit-page-container .page-subjects .subject-container ul li button { background-color: transparent; border: none; display: flex; justify-content: space-between; } .parit-page-container .page-subjects .subject-container ul li a img { height: auto; width: 22px; vertical-align: middle; margin-left: 10px; } .parit-page-container .page-subjects .subject-container ul li a span { vertical-align: middle; } .parit-page-container .page-subjects ul { padding: 0; margin: 0; list-style: none; flex: 1; min-width: 120px; margin-right: 6px; } .parit-page-container .page-subjects ul.all-icons-activities { margin-top: 16px; } .parit-page-container .page-addintional-tools ul.favorite-data { padding: 0; margin: 0; list-style: none; margin: 30px 20px; display: flex; flex-wrap: wrap; } .parit-page-container .page-addintional-tools ul.favorite-data li { width: 30%; margin-bottom: 20px; text-align: center; } .parit-page-container .page-addintional-tools ul.favorite-data li:nth-child(3n) { margin-right: 5%; } .parit-page-container .page-addintional-tools ul.favorite-data li:nth-child(3n - 2) { margin-left: 5%; } .parit-page-container .page-addintional-tools ul.favorite-data li .content-article .title { color: #2196f3; } .parit-page-container .page-addintional-tools ul.favorite-data li img { color: #2196f3; width: 100%; max-width: 260px; margin-left: 30px; } .parit-page-container .page-addintional-tools ul.favorite-data li .content-article p { font-size: 16px; } @media screen and (max-width:767px) { .parit-page-container .page-body .image { margin-right: 0; width: 100%; vertical-align: top; flex: 1; } .parit-page-container .is-for-mobile { display: block; } .parit-page-container .is-for-desktop { display: none; } .parit-page-container .page-subjects ul.all-icons-activities { flex: auto; } .parit-page-container .page-subjects .subject-container { display: block; } .parit-page-container .page-subjects .subject-container .subject-content { flex: auto; } .parit-page-container .page-subjects .subject-container .subject-content ul { list-style: none; padding: 0; margin: 0; margin: 20px 0; } .parit-page-container .page-subjects .subject-container .subject-content ul.links-for-mobile li img { width: 10px; margin-left: 10px; } .parit-page-container .page-subjects .subject-container .subject-content { min-width: auto; } .parit-page-container .page-video .content-and-video { margin: 0 0; margin-top: 16px; } .parit-page-container .page-video .content-and-video .img-container { flex: auto; } .parit-page-container .page-video .content-and-video p { margin: 10px 0; flex: auto; } .parit-page-container .page-body .content-inner-page, .parit-page-container .page-body img { min-width: auto; width: 100%; margin-top: 14px; } .parit-page-container .page-body .content-inner-page .button-container { position: static; width: 100%; margin-top: 14px; } .parit-page-container .page-body .content-inner-page .button-container button { width: 100%; } .parit-page-container .page-body .content-inner-page p { margin-bottom: 0; } .parit-page-container .page-body { display: flex; flex-direction: column-reverse; } .parit-page-container .page-addintional-tools ul.favorite-data li { width: 100%; } .parit-page-container .page-addintional-tools ul.favorite-data li:nth-child(3n) { margin-right: 0; } .parit-page-container .page-addintional-tools ul.favorite-data li:nth-child(3n - 2) { margin-left: 0; } .parit-page-container .page-addintional-tools ul.favorite-data li img { margin-left: 0; max-width: none; } } /* end elad*/ /* override */ .parit-page-container .page-video { display: flex; flex-direction: column; } .parit-page-container .page-video .content-and-video { /* IE */ height: 100%; } .parit-page-container .page-video .content-and-video .img-container { width: 100%; } .parit-page-container .page-video .content-and-video .text-container { flex: 2; } .parit-page-container .page-video .content-and-video p { flex: unset; margin-left: 0; } @media screen and (min-width: 768px) { .parit-page-container .page-body .content-inner-page.high-btn p { margin-bottom: 75px; } } .parit-page-container .page-body .content-inner-page p:first-of-type { margin-top: 0; } .parit-page-container .page-body .content-inner-page p:not(:last-of-type) { margin-bottom: 0; } .parit-page-container .page-subjects .subject-container .subject-content { flex: 4; } .parit-page-container .page-addintional-tools ul.favorite-data li .content-article p { font-size: 18px; } @media screen and (max-width: 767px) { .parit-page-container .page-video .content-and-video { margin: 20px; padding: 10px; } } /* not send to elad - start */ .parit-page-container .read-more { font-size: 16px; line-height: 150%; color: rgb(44,112,148); } .parit-page-container a.read-more:focus, .parit-page-container a.read-more:hover, .parit-page-container a:focus, .parit-page-container a:hover { color: #1d8bd1; -webkit-tap-highlight-color: #1d8bd1; } .parit-page-container.ltr { direction: ltr; } .parit-page-container.ltr .page-addintional-tools ul.favorite-data li:nth-child(3n - 2) { margin-right: 5%; margin-left: 0; } .parit-page-container.ltr .page-addintional-tools ul.favorite-data li:nth-child(3n) { margin-left: 5%; margin-right: 0; } .parit-page-container.ltr .page-addintional-tools ul.favorite-data li img { margin-right: 30px; margin-left: 0; } .parit-page-container.ltr .page-subjects .subject-container .subject-content p { margin-right: 20px; margin-left: 0; } .parit-page-container.ltr .read-more .fa-angle-left:before { font-family: FontAwesome !important; content: "\f105"; } #left_col[role=main] .parit-page-container ul.all-icons-activities { margin-right: 0; } .parit-page-container.ltr .page-subjects .subject-container ul li a img { margin-right: 10px; margin-left: 0; } #left_col[role=main] .parit-page-container .page-addintional-tools ul.favorite-data { margin: 30px 20px; } .dgamei-horaa-page-container .container-padding { padding: 0 20px; } /*.dgamei-horaa-page-container .page-body { padding: 20px;*/ /* display: flex; */ /*}*/ .dgamei-horaa-page-container .page-header .main-page-title h1 { border: 6px solid #fff; } .dgamei-horaa-page-container .flex-element-title { display: flex; justify-content: space-between; align-items: flex-start; } .dgamei-horaa-page-container .flex-element-title img { width: 140px; height: auto; } .dgamei-horaa-page-container .page-header { padding-bottom: 0; } .dgamei-horaa-page-container form.form-container input.free-text-input { padding: 0 10px; border: 1px solid #CCCCCC; /* border-radius: 0;*/ background-color: #fff; width: 100%; font-size: 18px; font-family: 'Assistant'; } .dgamei-horaa-page-container form.form-container .position-relative-element { position: relative; top: -16px; } .dgamei-horaa-page-container form.form-container .d-flex-between { display: flex; justify-content: space-between; align-items: center; } .dgamei-horaa-page-container form.form-container .d-flex-between label { flex: 1 0 33%; } .dgamei-horaa-page-container form.form-container .d-flex-between select { flex: 2 0 66%; } .dgamei-horaa-page-container form.form-container .d-flex-row-in-form { display: flex; align-items: flex-end; } .dgamei-horaa-page-container form.form-container .buttons.no-mb { margin-bottom: 0 !important; } .dgamei-horaa-page-container form.form-container .buttons .reset-btn { background-color: transparent; border: none; color: #3098CF; text-decoration: underline; font-size: 18px; margin-left: 20px; } .dgamei-horaa-page-container form.form-container .buttons { text-align: left; } .dgamei-horaa-page-container .results-count { font-size: 16px; color: #000; padding-top: 18px; padding-bottom: 30px; } .dgamei-horaa-page-container .degem-horaa-card-container { display: flex; align-items: flex-start; } .dgamei-horaa-page-container .degem-horaa-card-container img { max-width: 230px; width: 100%; margin-left: 30px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container { display: inline-block; width: 100%; } .dgamei-horaa-page-container .saparator { margin: 30px 0; background-color: #00000029; height: 1px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container h5 { color: #3098CF; margin-top: 0px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container ul.degem-properties-list { list-style: none; padding: 0; margin: 0; margin: 16px 0; } .dgamei-horaa-page-container .saparator { height: 50px; width: 0.8px; display: inline-block; background-color: #CCCCCC; margin: 0 5px; vertical-align: middle; } .dgamei-horaa-page-container ul.degem-properties-list li { display: inline-block; vertical-align: middle; } .dgamei-horaa-page-container ul.degem-properties-list li span { display: block; font-size: 16px; text-align: right; } .dgamei-horaa-page-container ul.degem-properties-list li span.title { font-weight: bold; } .degem-properties-list.stock-item-props span { margin-right: 0px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container p { font-size: 16px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container .button-container { text-align: left; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container .button-container button { background-color: #3098CF; border-radius: 10px; padding: 4px 16px; color: #fff; border: none; font-size: 18px; } @media screen and (max-width: 767px) { .dgamei-horaa-page-container form.form-container .d-flex-row-in-form { /* display: flex; align-items: flex-end; */ flex-wrap: wrap; } .dgamei-horaa-page-container form.form-container .d-flex-between label { width: 100%; } .dgamei-horaa-page-container form.form-container .d-flex-between select { width: 100%; } .dgamei-horaa-page-container form.form-container .d-flex-between { display: block; justify-content: space-between; } .dgamei-horaa-page-container form.form-container .position-relative-element { top: 10px; } .dgamei-horaa-page-container .flex-element-title img { width: 100px; } .dgamei-horaa-page-container .degem-horaa-card-container { flex-wrap: wrap; } .dgamei-horaa-page-container .degem-horaa-card-container img { max-width: none; margin-left: 0; margin-bottom: 30px; } /*.dgamei-horaa-page-container .degem-horaa-card-container .content-container p { text-align: center; }*/ .dgamei-horaa-page-container .degem-horaa-card-container .content-container .button-container { text-align: center; } } /*ovveride*/ .dgamei-horaa-page-container form.form-container .d-flex-between div.models-multi-select { flex: 2 0 66%; } .dgamei-horaa-page-container form.form-container .d-flex-between .dropdown-multiselect { width: 100%; } .dgamei-horaa-page-container .dropdown-multiselect .caret { float: left; margin-top: 9px; } /*.dgamei-horaa-page-container .dropdown-multiselect .btn-default { border-radius: 0; }*/ .dgamei-horaa-page-container .title-inner-page img { width: 170px; height: 80px; } .dgamei-horaa-page-container form.form-container input.free-text-input{ height:36px; } .dgamei-horaa-page-container.gd select{ height:36px; padding:3px 16px; } .dgamei-horaa-page-container .degem-horaa-card-container .content-container { margin-right:10px; } .gd.dgamei-horaa-page-container .courseNoticeWrapper{ margin-bottom:15px; } .dgamei-horaa-page-container .results-count{ margin-right:5px; } .dgamei-horaa-page-container form.form-container .position-relative-element { top: -10px; } /*.dgamei-horaa-page-container form.form-container .caret { transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid #555; border-width: 0 1.6px 1.6px 0; display: inline-block; padding: 2.5px; float: left; margin-top: 5px; border-top: none !important; }*/ /*.dgamei-horaa-page-container form.form-container .d-flex-between select { background-size: 9px; background-position: 7px; }*/ .popXtn .dgamei-horaa-page-container .resltsDataContainer { border: none; } .gd.dgamei-horaa-page-container .checkbox label { margin-top: 7px; margin-bottom: 0px; } .gd.dgamei-horaa-page-container .models-multi-select li a.option { padding: 0px 10px } .gd.dgamei-horaa-page-container .checkbox label input[type="checkbox"] { margin-top: 6px; } /*.dgamei-horaa-page-container .last .saparator { display: none; }*/ .dgamei-horaa-page-container .last { margin-bottom: 30px; } .dgamei-horaa-page-container form.form-container .position-relative-element { top: 0px; } .dgamei-horaa-inner-container .content-box span{ font-size:16px; } .dgamei-horaa-inner-container .content-box .title { font-weight: bold; } .dgamei-horaa-page-container .clearBtn { margin-left: 16px; } ul.degem-properties-list.stock-item-props { margin: 8px 0px; } @media screen and (min-width: 769px) { .dgamei-horaa-page-container ul.degem-properties-list li .mobile-colon { display: none; } section.content .gd h4.digmei-stock-title { margin-top: 15px; } } @media screen and (max-width: 768px) { .dgamei-horaa-page-container ul.degem-properties-list li .mobile-colon { margin-left: 3px; } .dgamei-horaa-page-container ul.degem-properties-list li { display: block; } .dgamei-horaa-page-container ul.degem-properties-list li span { display: inline-block; } .dgamei-horaa-page-container ul.degem-properties-list .saparator { display: none; } } @media screen and (max-width: 767px) { .dgamei-horaa-page-container .title-inner-page.flex-element-title img { width:100px; } .dgamei-horaa-page-container .flex-element-title{ padding-bottom:20px; } .dgamei-horaa-page-container form.form-container .position-relative-element{ top:0px; } .dgamei-horaa-page-container .results-count{ padding-top:2px; padding-bottom:2px; } } /*ovveride*/ .dgamei-horaa-inner-container .page-body { padding: 20px; /* display: flex; */ } .dgamei-horaa-inner-container .page-header { padding-bottom: 0; } .dgamei-horaa-inner-container .page-header .main-page-title { position: relative; } .dgamei-horaa-inner-container .page-header .main-page-title h1 { border: 6px solid #fff; } .dgamei-horaa-inner-container form.form-container .d-flex-between { display: flex; justify-content: space-between; } .dgamei-horaa-inner-container .page-header .main-page-title .back-to-search { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; border-radius: 9px; border: none; background-color: #1D5C7E; padding: 2px 10px; } .dgamei-horaa-inner-container .details-container { display: flex; } .dgamei-horaa-inner-container .all-details-container { flex: 3; margin-left: 40px; } .dgamei-horaa-inner-container .profile-container { flex: 1.2; } .dgamei-horaa-inner-container .profile-container img.degem-image { width: 100%; } .dgamei-horaa-inner-container .profile-container .buttons>* { display: block; margin: 0 auto; margin-top: 10px; } /*.dgamei-horaa-inner-container .profile-container .buttons a { background-color: #3098CF; border-radius: 10px; padding: 4px 16px; color: #fff; border: none; font-size: 16px; text-align: center;*/ /* width: 130px; */ /*}*/ .dgamei-horaa-inner-container .details-container ul.details-list { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0; margin: 16px 0; } .dgamei-horaa-inner-container .details-container ul.details-list .saparator { height: 50px; width: 1px; display: inline-block; background-color: #CCCCCC; margin: 0 20px; vertical-align: middle; } .dgamei-horaa-inner-container .details-container ul.details-list li { display: inline-block; vertical-align: middle; } .dgamei-horaa-inner-container .details-container ul.details-list li span, .dgamei-horaa-inner-container .details-container ul.details-list li a { display: block; font-size: 16px; text-align: center; } .dgamei-horaa-inner-container .details-container ul.details-list li span.title { font-weight: bold; } .dgamei-horaa-inner-container .details-container .content-container { display: flex; justify-content: space-between; } .dgamei-horaa-inner-container .details-container .content-container .saparator { height: 70px; width: 1px; display: inline-block; background-color: #CCCCCC; margin: 0 20px; vertical-align: middle; } .dgamei-horaa-inner-container .details-container .content-container .content-box { flex: 1; font-size: 16px; } .dgamei-horaa-inner-container .details-container .content-container .content-box .title { display: block; font-weight: bold; } .dgamei-horaa-inner-container .details-container .content-container .content-box .links { display: block; } .dgamei-horaa-inner-container .details-container .saparator { background-color: #CCCCCC; height: 1px; margin: 20px 0 40px 0; } .dgamei-horaa-inner-container .saparator { background-color: #CCCCCC; height: 1px; margin: 20px 0; } .dgamei-horaa-inner-container p.more-info { font-size: 16px; margin: 20px 0; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples { padding: 0; margin: 0; list-style: none; margin: 14px 0; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card { /*margin: 40px 0;*/ display: flex; justify-content: space-between; gap: 16px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card img { width: 100%; max-width: 260px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card p { font-size: 16px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content { margin-right: 20px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content .btn-maarahei-shiur { display: block; text-align: left; margin-left: 40px; font-size: 16px; font-weight: 600; } .dgamei-horaa-inner-container .degem-on-desktop { display: block; } .dgamei-horaa-inner-container .degem-on-mobile { display: none; } @media screen and (max-width: 768px) { .dgamei-horaa-inner-container .degem-on-desktop { display: none; } .dgamei-horaa-inner-container .degem-on-mobile { display: block; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content { margin-right: 0; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card { flex-wrap: wrap; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card img { max-width: none; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content .btn-maarahei-shiur { margin-left: 10px; } .dgamei-horaa-inner-container .details-container { flex-wrap: wrap; flex-direction: column-reverse; } /* .dgamei-horaa-inner-container .details-container .profile-container img.degem-image { width: 100%; } */ .dgamei-horaa-inner-container .details-container .profile-container { width: 100%; flex: none; } .dgamei-horaa-inner-container .details-container ul.details-list { display: block; margin-bottom: 0; } .dgamei-horaa-inner-container .details-container ul.details-list .saparator { display: none; } .dgamei-horaa-inner-container .details-container ul.details-list li span, .dgamei-horaa-inner-container .details-container ul.details-list li a { display: inline-block; margin-left: 10px; } .dgamei-horaa-inner-container .details-container ul.details-list li { margin: 6px 0; display: block; } .dgamei-horaa-inner-container .details-container .saparator, .dgamei-horaa-inner-container .details-container .content-container .saparator { display: none; } .dgamei-horaa-inner-container .details-container .content-container { display: block; } .dgamei-horaa-inner-container .details-container .content-container .content-box { margin: 6px 0; } .dgamei-horaa-inner-container .details-container .content-container .content-box .title { display: inline-block; } } /*ovveride*/ .dgamei-horaa-inner-container div.more-info { font-size: 16px; margin: 20px 0; } .dgamei-horaa-inner-container div.more-info p { margin-bottom: 0px; margin-top: 0px; } .degem-on-desktop img{ width:61px; height:78px; } .degem-on-mobile img { width: 61px; height: 78px; } .dgamei-horaa-inner-container .details-container ul.details-list .saparator{ height:80px; } .dgamei-horaa-inner-container .details-container .content-container .saparator{ height:100px; } .dgamei-horaa-inner-container .details-container ul.details-list li span.mobile-colon, .dgamei-horaa-inner-container .details-container .content-container .content-box span.mobile-colon{ display: none; } .gd .maarahei-shiur-card-content h5{ margin-top:0px; font-size: 20px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content { margin-right: 0px; width: 100%; } .card-style.digmei-horaa-stock-title{ margin-top:0px; } .teaching-models-stock-message { margin-bottom: 16px; } .dgamei-horaa-inner-container .title { font-weight: bold; display:block; } /*@media screen and (min-width: 769px) { .teaching-models-stock-message { margin-top: 15px; } }*/ @media screen and (min-width: 992px) { .dgamei-horaa-inner-container.teaching-model .details-container ul.details-list li:first-child, .dgamei-horaa-inner-container.easy-in-digital .details-container ul.details-list li:first-child { margin-right: 30px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card img { width: 230px; } .dgamei-horaa-inner-container ul.maarahei-shiur-examples li.maarahei-shiur-card .maarahei-shiur-card-content .btn-maarahei-shiur { margin-left: 0px; } .dgamei-horaa-inner-container.teaching-model .details-container ul.details-list li:last-child, .dgamei-horaa-inner-container.easy-in-digital .details-container ul.details-list li:last-child { margin-left: 30px; } } @media screen and (max-width: 768px) { .dgamei-horaa-inner-container .details-container ul.details-list li span.mobile-colon, .dgamei-horaa-inner-container .details-container .content-container .content-box span.mobile-colon { display: inline-block; } .dgamei-horaa-inner-container .details-container ul.details-list li span { margin-left: 2px; } } /*ovveride*/ /* buttons */ /* titles */ /* background */ /*form*/ /*Start Basic Needs*/ .maagar-haklatot-page button { border: 0; } .maagar-haklatot-page a, .maagar-haklatot-page button { transition: background-color 0.3s; } .maagar-haklatot-page input, .maagar-haklatot-page select { border: 1px solid #aeaeae; } /* override */ /* Edge */ /*.maagar-haklatot-page input::-webkit-input-placeholder { color: #666564; }*/ /* override */ /* Internet Explorer 10-11 */ /*.maagar-haklatot-page input:-ms-input-placeholder { color: #666564; }*/ /*overide*/ /*.maagar-haklatot-page input::placeholder { color: #666564; }*/ .maagar-haklatot-page .bold { font-weight: 600; } /*End Basic Needs*/ .maagar-haklatot-page { text-align: right; } .maagar-haklatot-page .page-header { background-color: #ffffff; justify-content: center; } .maagar-haklatot-page .page-header .page-title { background-color: rgb(48, 152, 207); margin: 5px; padding: 5px 18px 5px 5px; } .maagar-haklatot-page .page-header .page-title h1 { background-color: transparent; padding: 0; line-height: normal; } /* .maagar-haklatot-page { padding: 14px 15px; margin-top: 40px; min-height: 241px; }*/ .maagar-haklatot-page .content-title { background-color: rgb(48, 152, 207); color: #ffffff; display: inline-block; font-size: 23px; padding: 5px 20px; } .maagar-haklatot-page .content-info { margin:20px 0px; } .maagar-haklatot-page .content-main .form-itur-haklatot label { margin-left: 12px; } .maagar-haklatot-page .content-main .input-search { width: 312px; height: 34px; padding: 0 10px; } .maagar-haklatot-page .content-main .select-classroom { width: 98px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-field-of-knowledge { width: 218px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-study-units { width: 98px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-language-speakers { width: 216px; /* height: 34px;*/ } @media (max-width: 767px) { /* override 375px */ .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { border: 0 !important; padding: 0 !important; margin-bottom: 20px; width: 50%; } } @media (max-width: 991px) { /* override 768 */ /*.maagar-haklatot-page select { background-size: 10px; }*/ .maagar-haklatot-page label { margin: 10px; } .maagar-haklatot-page .content-info { font-size: 18px; margin-bottom: 45px; } .maagar-haklatot-page .content-main .input-search { margin-bottom: 20px; width: 100%; } .maagar-haklatot-page .content-main .form-actions { text-align: left; margin: 20px 0; width: 100%; } .maagar-haklatot-page .content-main .select-classroom, .maagar-haklatot-page .content-main .select-field-of-knowledge, .maagar-haklatot-page .content-main .select-study-units, .maagar-haklatot-page .content-main .select-language-speakers { width: 100%; } .maagar-haklatot-page .content-main .flex-input-container { flex-wrap: wrap; } .maagar-haklatot-page .content-main .flex-input-wrapper { flex: 40%; } /* ovverride */ /*.maagar-haklatot-page .content-main .flex-input-wrapper label { line-height: 1; }*/ .maagar-haklatot-page .content-info { justify-content: center; padding: 10px; } .maagar-haklatot-page .content-header .icon.note-feather { display: none; } } @media (max-width: 767px) { /* override 768 */ .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { font-size: 21px !important; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { flex-wrap: wrap; justify-content: center; } } .maagar-haklatot-page .content-main .button-primary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; font-size: 24px; width: 132px; } .maagar-haklatot-page .content-main .button-primary:hover { background-color: rgb(45, 143, 196); } .maagar-haklatot-page .content-main .button-secondary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; height: 25px; font-size: 15px; width: 120px; } .maagar-haklatot-page .content-main .button-secondary:hover { background-color: rgb(45, 143, 196); } .maagar-haklatot-page .content-main .button-clear { background-color: transparent; color: rgb(48, 152, 207); cursor: pointer; padding: 0; text-decoration: underline; margin-left: 10px; } /*Start Icons*/ .maagar-haklatot-page .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .maagar-haklatot-page .video { background-image: url(/images/icon-video.svg); width: 25px; height: 23px; margin-left: 15px; } .maagar-haklatot-page .video-screen { background-image: url(/images/icon-video-screen.svg); width: 43px; height: 39px; } .maagar-haklatot-page .video-lights { background-image: url(/images/icon-video-lights.svg); width: 45px; height: 45px; } .maagar-haklatot-page .video-projector { background-image: url(/images/icon-video-projector.svg); width: 39px; height: 43px; } .maagar-haklatot-page .chevron-left { background-image: url(/images/icon-chevron-left.svg); width: 4px; height: 8px; } .maagar-haklatot-page .note-feather { background-image: url(/images/copyright_icon.png); width: 32px; height: 47px; flex-shrink: 0; } /*End Icons*/ .maagar-haklatot-page .content-main .details-haklatot { padding-right: 10px; } .maagar-haklatot-page .content-main .details-haklatot:not(:first-child) { margin-top: 29px; border-top: 1px solid rgba(112, 112, 112, 0.5); } .maagar-haklatot-page .content-main .details-haklatot .details-footer { text-align: left; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { text-align: right; color: var(--title-color); } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:last-child) { padding-left: 10px; border-left: 1px solid rgba(112, 112, 112, 0.5); } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:first-child) { padding-right: 10px; } .maagar-haklatot-page .content-main .details-haklatot .details-header { margin-top: 27px; margin-bottom: 17px; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { margin-bottom: 25px; } .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { color: rgb(48, 152, 207); font-size: 20px; } /*Start Pagination*/ /*.maagar-haklatot-page .content-main .centered-pagination { text-align: center; margin-top: 78px; margin-bottom: 45px; } .maagar-haklatot-page .content-main .pagination { display: inline-block; } .maagar-haklatot-page .content-main .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; /* margin: 0 4px; } .maagar-haklatot-page .content-main .pagination a:first-child { border-radius: 5px 0 0 4px; } .maagar-haklatot-page .content-main .pagination a:last-child { border-radius: 0 4px 4px 0; } .maagar-haklatot-page .content-main .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .maagar-haklatot-page .content-main .pagination a:hover:not(.active) { background-color: #ddd; } .maagar-haklatot-page .content-main .pagination .pagination-next, .maagar-haklatot-page .content-main .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* override */ .maagar-haklatot-page .recordings-multiselect .multiselect-parent { width: 100%; } .maagar-haklatot-page .recordings-multiselect .multiselect-parent .btn-multi-select { display: block; height: 36px; padding: 0 10px; /* border: 1px solid #CCCCCC;*/ /* border-radius: 0;*/ background-color: #fff; width: 100%; font-size: 16px; font-family: "Assistant"; background: var(--select-bg); background-repeat: no-repeat; /* background-position: 4px 13px;*/ } .maagar-haklatot-page .recordings-multiselect ul.dropdown-menu { max-height: 300px; } .maagar-haklatot-page form .recordings-multiselect .multiselect-parent .btn-multi-select .caret { display: none; } .maagar-haklatot-page .recordings-multiselect label { font-size: 16px; margin: 5px 0 0 0; } .maagar-haklatot-page .recordings-multiselect label input[type=checkbox] { /*margin-top: 6px;*/ /* because of the font size is 18 and not 16 */ height: auto; } @media (min-width: 1200px) { #left_col[role=main] .maagar-haklatot-page .narrow-dropdown ul.dropdown-menu-form, #left_col[role=main] .maagar-haklatot-page .select-study-units ul.dropdown-menu-form { min-width: initial; /*width: 100px;*/ } } .maagar-haklatot-page .content-main .button-clear { vertical-align: bottom; } .maagar-haklatot-page .note-feather { width: 25px; height: 42px; flex: 0 0 25px; margin: 2px 5px 0 5px; } .maagar-haklatot-page .content-info { margin-top: 15px; } .maagar-haklatot-page .content-header .note-container { flex-wrap: unset; } .maagar-haklatot-page .content-info p { margin: 0; } .maagar-haklatot-page .content-main .input-search { min-height: unset; height: 36px; border: var(--select-border); } .maagar-haklatot-page .content-main { margin-top: 15px; } .maagar-haklatot-page { font-size: 16px; } .maagar-haklatot-page .results-title { align-self: flex-start; } .maagar-haklatot-page .content-title { font-size: 22px; padding: 6px 20px; margin: 0; min-height: 40px; } .popXtn .maagar-haklatot-page .resltsDataContainer { border-top: none; border-right: none; border-left: none; } .maagar-haklatot-page .content-main .button-secondary { /*border-radius: 6px; color: #ffffff; cursor: pointer; height: 25px;*/ font-size: 16px; /*font-weight: 400;*/ /*width: 120px; transition: background-color 0.3s;*/ padding: 2px 12px; line-height: 1.2; } @media (max-width: 991px) { .maagar-haklatot-page .recordings-delimiter { display: none; } .maagar-haklatot-page .flex-input-wrapper, .maagar-haklatot-page .content-main .input-search { margin-bottom: 15px; } .maagar-haklatot-page .flex-input-wrapper label { margin-right: 0; } } @media (min-width: 992px) { .maagar-haklatot-page .content-main .select-study-units { width: 114px; } .maagar-haklatot-page .content-main .input-search { max-width: 280px; } .maagar-haklatot-page .ui-select-container { min-width: 280px; } } @media (max-width: 767px) { .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { margin-bottom: 5px; width: 100%; text-align: right; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { margin-bottom: 5px; display: block; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item div { display: inline-block; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item .bold:after { content: ":"; margin-right: -3px; } } .maagar-haklatot-page label.no-wrap { white-space: nowrap; } .maagar-haklatot-page .ui-select-search { font-family: Assistant; } .maagar-haklatot-page .content-main .select-field-of-knowledge { min-width: 250px; } .maagar-haklatot-page button.btn-multi-select { letter-spacing: initial; } .maagar-haklatot-page .dropdown-menu > li > a { padding-right: 10px; padding-left: 10px; } .maagar-haklatot-page .dropdown-multiselect .dropdown-header { padding-right: 10px; padding-left: 10px; } .maagar-haklatot-page .recordings-multiselect .multiselect-parent .btn-multi-select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; } .maagar-haklatot-page .video { vertical-align: middle; } .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { display: inline-block; color: var(--title-color); margin-top: 0px; } .maagar-haklatot-page .details-haklatot-table.ltr .details-haklatot-value { direction: ltr; } .maagar-haklatot-page .details-description.ltr { direction: ltr; } .maagar-haklatot-page .clear-btn { display: inline-block; } .video-overlay-container { margin: 20px; } /* ovverride */ /*.video-container { position: relative; width: 100%; height: 500px; background-image: url('/images/img-video.PNG'); background-size: cover; }*/ .video-container .video-overlay { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); } .video-container .video-overlay .content-button { margin: auto; text-align: center; } .video-container .video-overlay .content-button button.btn-overlay { background-color: #3098CF; border: none; border-radius: 6px; padding: 10px 20px; color: #fff; font-size: 18px; margin: 10px; } .video-container .video-overlay .content-button span { display: block; font-size: 16px; font-weight: 600; } /* override */ .video-overlay-container { margin: 30px 0 0 0; } .video-container iframe { pointer-events: none; } .auth .video-container .video-overlay, .auth .video-overlay { display: none; } .auth .video-container iframe { pointer-events: auto; } div.unauth { position: relative; } .unauth .video-overlay { display: flex; position: absolute; top: 0; right: -1px; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); } .video-container .video-overlay { right: -1px; background-color: rgba(255, 255, 255, 0.8); } .video-container .video-overlay .content-button span { font-size: 18px; } .video-container .video-overlay .content-button button.btn-overlay { padding: 15px 25px; font-size: 22px; } @media (max-width: 991px){ .unauth .video-overlay { background-color: rgba(255, 255, 255, 0.9); } .video-container .video-overlay { right: -1px; background-color: rgba(255, 255, 255, 0.9); } } /*.page-component-edu.media-grid-component,*/ .page-component-edu.newspaper-component { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; display: flex; justify-content: space-between; height: auto; align-items: flex-start; min-height: 340px; } /*START BASIC NEEDS*/ .newspaper-component .edu-article-container .show-in-mobile { display: initial; } /*END BASIC NEEDS*/ .newspaper-component .edu-article-container .container-content { flex: 1; /*padding: 16px;*/ } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .article-content { color: #000; }*/ /*.newspaper-component .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .newspaper-component .edu-article-container .article-content h4 { color: inherit; font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; }*/ /*.newspaper-component .edu-article-container .article-content .article-paragraph { font-size: 17px; }*/ /*yisca put in comment exist in style guide*/ /**/ .edu-media-grid-container { width: 100%; } .edu-media-grid-container .container-content { flex: 1; padding: 20px; } .edu-media-grid-container .flexible-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-media-grid-container .flexible-grid .flexible-grid-item { position: relative; flex: 0 1 100%; margin: 0.991%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .flexible-img { width: 100%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; font-size: 18px; position: absolute; padding: 6px 13px; width: 100%; } .media-grid-component .compt-tit-con h2 { margin: 16px 16px 9px 16px; } @media (min-width: 992px) { /* 768px*/ newspaper-component .hide-in-desktop { display: none; } .newspaper-component .edu-article-container .show-in-desktop { display: block; } .newspaper-component .edu-article-container .show-in-mobile { display: none; } .newspaper-component .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 452px; } .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 20px 0; } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .show-in-mobile { display: none; }*/ .newspaper-component .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 377px; } .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 10px 0; } .edu-media-grid-container .flexible-grid .flexible-grid-item { flex: 0 1 31.333%; } } /* override */ .page-component-edu.media-grid-component, .page-component-edu.article-page-component, .page-component-edu.newspaper-bigimage-component { min-height: unset; } .collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component { background-color: var(--stock-search-bg); } .collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component .overlay-text { background-color: var(--stock-search-bg); } .collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component .tile { background-color: var(--stock-search-bg); } .collapse-container.collapse-items-container .PanelCollapse .edu-media-grid-container .container-content { padding: 0; } .newspaper-component .edu-article-container .article-content h4 { font-size: 26px; font-weight: normal !important; margin-top: 0; } .newspaper-component .edu-article-container .article-content .article-img { margin-bottom: 20px; } .article-page-component.ltr.newspaper-component .edu-article-container .article-img { float: right; margin-left: 0; margin-right: 0; } @media (max-width: 991px) { .newspaper-component .edu-article-container .hide-in-mobile { display: none; } /*.newspaper-component .edu-article-container .show-in-mobile { display: block; }*/ } .page-component-edu.article-page-component .edu-flex-video-link { background-image: url(/remote.axd?https://meyda.education.gov.il/files/pop/15298/creation.jpg?anchor=center&mode=crop&width=689&height=436&rnd=132266665390000000); min-height: 188px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 278px; } @media (min-width: 414px) { .page-component-edu.article-page-component .edu-flex-video-link { min-height: 212px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 314px; } } @media (min-width: 768px) { .page-component-edu.article-page-component .edu-flex-video-link { min-height: 315px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 466px; } } @media (min-width: 992px) { /* 768px*/ .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 20px 0; } .article-page-component.ltr.newspaper-component .edu-article-container .article-img { margin-inline-start: 40px; } .newspaper-component .edu-article-container .article-content .article-img, .newspaper-component .edu-article-container .article-content edu-flex-video-link { margin-bottom: 16px; } .newspaper-bigimage-component .edu-article-container .article-content .article-img { max-width: 452px; } /*.newspaper-bigimage-component.page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 0; }*/ .page-component-edu.article-page-component .edu-flex-video-link { max-width: 377px; min-height: 238px; margin-right: 40px; margin-bottom: 40px; float: left; } .page-component-edu.article-page-component.ltr .edu-flex-video-link { margin-left: 40px; margin-right: 0; float: right; } .page-component-edu.newspaper-bigimage-component.article-page-component .edu-flex-video-link { max-width: 452px; min-height: 423px; } .page-component-edu.newspaper-component .edu-article-container .show-in-desktop { display: block; } .page-component-edu.newspaper-component:not(.not-shaped) .comp-title-container { margin-bottom: 0; } } .page-component-edu.ltr .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { text-align: left; } .edu-media-grid-container .container-content .more-less-container { width: 100%; } .newspaper-component .edu-article-container ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.ltr.newspaper-component .edu-article-container ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .newspaper-component .edu-article-container { width: 100%; } .newspaper-component .edu-article-container .ContainerButtons { display: inline-block; margin-top: 10px; } .newspaper-component .edu-article-container .ContainerButtons .btn.darkBlue { white-space: inherit; } .newspaper-bigimage-component .comp-title-container { margin-bottom: 0; } /*.newspaper-component .edu-article-container { padding: 0; }*/ /*.newspaper-component-wrapping*/ .page-component-edu.newspaper-component.newspaper-component-titles { display: block; } .newspaper-with-search .search-level-topic h3 { margin-top: 0; margin-bottom: 15px; } .newspaper-with-search .search-level-topic { margin-top: 10px; } .page-component-edu.article-page-component .edu-flex-video-link.edu-flex-embed-video { background-image:none; } /* Yisca animations section*/ @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-60%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(80%); -moz-transform: translateX(80%); -ms-transform: translateX(80%); -o-transform: translateX(80%); transform: translateX(40%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /* Yisca end animations section*/ :root { --dynamicHeight: 100vh; } .rb-timeline-title-container { position: relative; } .rb-timeline-title-container .back-button { align-items: center; border-radius: 6px; background-color: #1d5c7e; color: #fff; display: flex; /* justify-content: space-evenly; */ justify-content: space-around; text-align: center; width: 100%; max-width: 72px; height: 34px; min-height: 1px; position: static; left: 15px; top: 15px; float: left; margin: 5px; } .rb-timeline-title-container .back-button img { height: 10px; width: 6px; } .popXtn .rb-timeline-title-container.ContainerTitlePage h1.title { /*padding: 0; margin: 0; yisca put in comment*/ float: none; } .rb-timeline-title-container .title .title-heading { display: flex; min-height: 1px; } .rb-timeline-title-container .title .title-img { width: 100%; max-width: 32px; height: 32px; margin: 8px; flex: 1; } .rb-timeline-title-container .title .title-heading .title-heading-label { padding: 0 0 0 7%; flex: 1; } .rb-timeline-title-container .title .title-paragraph { display: inline-block; font-size: 16px; line-height: 1.5; font-weight: lighter; padding-right: 0; } .rb-timeline-title-container .title-paragraph .title-paragraph-heading { font-weight: bold; } .rb-timeline-title-container .back-to-search { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; border-radius: 9px; border: none; background-color: #1d5c7e; padding: 2px 10px; } .rb-timeline-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; height: auto; /*min-height: 375px;*/ /*Yisca put in a comment*/ } .rb-timeline-container .container-content { padding: 20px; width: 100%; } .rb-timeline-slider { display: flex; min-height: 1px; margin: 0 auto; width: 100%; max-width: 770px; flex-direction: column; overflow: hidden; } .rb-label { display: block; cursor: pointer; position: relative; width: 100%; max-width: 54px; } .rb-slider-item { display: inline-flex; /* flex: 0 1 33%; */ list-style: none; position: relative; padding-bottom: 30px; } .rb-description { flex: 1; list-style: none; position: relative; } /*START CUSTOM RADIOBUTTONS*/ .rb-checkmark:before, .rb-checkmark:after { content: ''; /* height: calc(100vh + 100vh); */ height: var(--dynamicHeight); background-color: #2272BB; display: block; position: absolute; z-index: 0; top: 18px; width: 2px; /*width: 4px; background-color: transparent; border-style: solid; border-width: 0.2px; border-top: none; border-bottom: none; border-color: #2272BB;*/ } .rb-checkmark:before { left: auto; } .rb-checkmark:after { right: auto; } /* Hide the browser's default radio button */ .rb-timeline-slider .rb-input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .rb-timeline-slider .rb-checkmark { display: block; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #2272BB; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1000; min-height: 1px; } .rb-checkmark:hover { background-color: #ccc; } .rb-timeline-slider .rb-slider-item:last-child { flex: none; padding-bottom: 0; margin: 0; height: 20px; } .rb-timeline-slider .rb-slider-item.active:last-child { height: auto; } /* When the radio button is checked, add a blue background */ .rb-timeline-slider .rb-slider-item input:checked ~ .rb-checkmark { background-color: #2272BB; } .rb-timeline-slider .rb-slider-item input:checked ~ .rb-checkmark .inner-mark { height: 16px; width: 16px; background-color: #2272BB; border: 2px solid #fff; border-radius: 50%; } .rb-timeline-slider .rb-slider-item input:checked ~ .rb-checkmark .tooltiptext { visibility: visible; opacity: 1; } .rb-timeline-slider .rb-slider-item input[disabled] { pointer-events: none; } .rb-timeline-slider .rb-slider-item input[type='radio'][disabled] ~ .rb-checkmark { border-color: #dddddd; pointer-events: none; } /*END CUSTOM RADIOBUTTONS*/ .rb-label::before { content: attr(data-info); transform: translateX(-28px); font-size: 18px; color: #2272BB; text-align: right; display: block; position: absolute; /* width: 80px; */ width: 96px; /*yisca change*/ background-color: transparent; background-image: url('../images/icons/chevron-down-blue.png'); background-repeat: no-repeat; background-size: 10px 6px; background-position: center left; padding-left: 10px; line-height: 1; } .rb-slider-item.active .rb-label::before { background-image: url('../images/icons/chevron-up-blue.png'); } /*yisca add animations */ .rb-description { margin-top: 12px; position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); /*padding: 0 5%;*/ opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /*yisca add animations */ .rb-description-mobile { display: none; } /*yisca add animations */ .rb-description.active { position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /*yisca add animations */ .rb-description.active, .rb-description-mobile.active { display: block; } .rb-description-mobile.active { margin-top: 25px; margin-right: 3px !important; margin-left: 0; } /*START TOOLTIP BUBBLE*/ .rb-description .tooltip-bubble { background-color: var(--background-over-grey-color); color: #000; font-size: 16px; max-width: 480px; padding: 2.208%; /* padding: 5px; */ /* padding:2.208% 2.208% 8% 2.208%; */ /* width: 100%; */ position: relative; } .rb-description .tooltip-bubble:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 12px; border-style: solid; border-color: transparent transparent var(--background-over-grey-color) transparent; } .rb-description .tooltip-bubble ul { list-style: none; } .rb-description .tooltip-bubble .tooltip-bullet { width: 100%; max-width: 11px; height: auto; } .rb-description .tooltip-bubble.info0:after, .rb-description .tooltip-bubble.info1:after, .rb-description .tooltip-bubble.info2:after, .rb-description .tooltip-bubble.info3:after, .rb-description .tooltip-bubble.info4:after { left: auto; right: -2px; } .rb-description .tooltip-bubble.info0, .rb-description .tooltip-bubble.info1, .rb-description .tooltip-bubble.info2, .rb-description .tooltip-bubble.info3, .rb-description .tooltip-bubble.info4 { position: static; margin-right: -25px; } /*END TOOLTIP BUBBLE*/ .tooltip-bubble-content { /*yisca change padding-bottom to 0px */ padding: 2.208% 2.208% 0px 2.208%; position: relative; } /* .tooltip-bubble-content { position: relative; padding-bottom: 10%; margin-right: 16px; margin-left: 16px; } */ /* .tooltip-bubble { position: relative; padding-bottom: 10%; } */ .tooltip-bubble ul li { position: relative; } .tooltip-bubble ul li:before { content: ''; background-image: url('../images/icons/icon-v-black.svg'); background-repeat: no-repeat; background-size: 100%; width: 100%; max-width: 12px; height: 13px; position: absolute; right: -16px; top: 5px; } .rb-description .tooltip-bubble .collapse-label { position: absolute; padding: 0; bottom: 1%; right: 5%; text-decoration: underline; text-decoration-color: #000; } .rb-timeline-slider .close-text-collapse { display: none; } .rb-timeline-slider .close-text-collapse img, .open-text-collapse img { width: 10px; height: 6px; margin-right: 6px; } .rb-timeline-slider .close-text-collapse, .open-text-collapse { color: #000; } /*START BASIC NEEDS*/ .show-in-desktop { display: none; } .no-before::before { content: none; } .no-after::after { content: none; } .no-before-mobile:after { height: auto; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ /* IE10+ CSS styles go here */ /*_:-ms-lang(x), .rb-label { max-width: 90px; } _:-ms-lang(x), .rb-checkmark:before, .rb-checkmark:after { height: 100vh; } _:-ms-lang(x), .rb-checkmark:before { right: 7px; } _:-ms-lang(x), .rb-checkmark:after { left: 7px; }*/ /* IE10+ CSS styles go here */ @media (min-width: 992px) { .hide-in-desktop { display: none; } .show-in-desktop { display: block; } .rb-timeline-title-container .back-button { position: absolute; float: none; margin: 0; } .rb-timeline-title-container .title { padding-right: 5px; } .rb-timeline-title-container .title .title-paragraph { /*yisca changed padding-right to 0*/ padding: 0; } /*yisca changed padding-bottom to 20*/ .rb-timeline-container .container-content { padding: 24px 32px 20px 38px; } .rb-timeline-slider { flex-direction: row; overflow: visible; } .rb-slider-item { display: list-item; padding-bottom: 0; flex: 0 1 33%; } .rb-label { /*yisca change*/ max-width: 95px; } .rb-label::before { transform: translateX(28px); text-align: center; padding-bottom: 6px; position: static; width: auto; background-image: none; } .rb-slider-item.active .rb-label::before { background-image: none; } /*yisca add animations */ .rb-checkmark:before, .rb-checkmark:after { height: 4px; background-color: transparent; display: block; position: absolute; z-index: 0; top: 50%; width: 100vw; max-width: 80px; border-style: solid; border-width: 0.2px; border-left: none; border-right: none; border-color: #2272BB; } li.rb-slider-item .rb-checkmark:after ,li.rb-slider-item .rb-checkmark:before { background-color: #2272BB; } li.rb-slider-item.current-selected .rb-checkmark:after, .current-selected ~ li.rb-slider-item .rb-checkmark:after, .current-selected ~ li.rb-slider-item .rb-checkmark:before { background-color: transparent; } /*yisca add animations */ .rb-checkmark:before { left: 18px; } .rb-checkmark:after { right: 18px; } .rb-description .tooltip-bubble { width: 100%; } .rb-description .tooltip-bubble.info1, .rb-description .tooltip-bubble.info2, .rb-description .tooltip-bubble.info3, .rb-description .tooltip-bubble.info4 { position: relative; } .rb-description .tooltip-bubble.info0:after { left: auto; right: -2px; } .rb-description .tooltip-bubble.info1 { right: 173px; } /*yisca added*/ .rb-description .more-right-length.tooltip-bubble.info1 { right: 178px; } /*end yisca added*/ .rb-description .tooltip-bubble.info1:after { left: auto; right: 23px; } .rb-description .tooltip-bubble.info2 { right: 147px; } /*yisca added*/ .rb-description .more-right-length.tooltip-bubble.info2 { right: 150px; } /*end yisca added*/ .rb-description .tooltip-bubble.info2:after { left: auto; right: 220px; } .rb-description .tooltip-bubble.info3 { right: 111px; } /*yisca added*/ .rb-description .more-right-length.tooltip-bubble.info3 { right: 116px; } /*end yisca added*/ .rb-description .tooltip-bubble.info3:after { left: 32px; right: auto; } .rb-description .tooltip-bubble.info4 { right: 282px; } /*yisca added*/ .rb-description .more-right-length.tooltip-bubble.info4 { right: 288px; } /*end yisca added*/ .rb-description .tooltip-bubble.info4:after { left: 31px; right: auto; } .rb-description-mobile.active { display: none; } /*yisca put in comment*/ /* IE10+ CSS styles go here */ /*_:-ms-lang(x), .rb-label { max-width: 100px; } _:-ms-lang(x), .rb-checkmark:before { right: auto; } _:-ms-lang(x), .rb-checkmark:after { left: auto; }*/ /* IE10+ CSS styles go here */ /*end yisca put in comment*/ /*yisca added */ .tooltip-bubble-content.has-collapse{ padding-bottom:20px; } .popXtn .rb-timeline-title-container.ContainerTitlePage h1.title { margin-top: 0px; padding-right: 7px; } .rb-timeline-title-container .title .title-heading .title-heading-label { padding-left:80px; } /*end yisca added */ } /*yisca added*/ .skills-timeline-indicator { margin-top: 15px; font-size:16px; } @media(max-width:992px) { .tooltip-bubble-content .collapse { display: block; } } .tooltip-bubble-content ul li { margin-bottom:10px; } .page-component-edu .rb-timeline-title-container a:hover { color: #fff!important; } /*end yisca added*/ /*END MEDIA QUERY*/ /*yisca add animations */ li.rb-description.enter-right:first-of-type { -webkit-animation-name: fadeInOpacity; -moz-animation-name: fadeInOpacity; animation-name: fadeInOpacity; animation-duration: 0.8s; } li.rb-description.enter-right:not(:first-of-type) .tooltip-bubble, li.rb-description.leave-right .tooltip-bubble { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; animation-duration: 0.8s; } li.rb-description.enter-left:not(:first-of-type) .tooltip-bubble, li.rb-description.leave-left .tooltip-bubble { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; animation-duration: 0.8s; } li.rb-description.leave-right .tooltip-bubble, li.rb-description.leave-left .tooltip-bubble { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; animation-duration: 0.8s; } /*yisca add animations */ .page-component-edu.yeda-teorethy-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; display: flex; justify-content: space-between; height: auto; align-items: flex-start; min-height: 340px; } .yeda-teorethy-container .container-content { flex: 1; padding: 24px 32px 40px 38px; width: 100%; } /*START BASIC NEEDS*/ .yeda-teorethy-container .show-in-mobile { display: initial; } /*END BASIC NEEDS*/ .yeda-teorethy-container .container-content { flex: 1; padding: 24px; } .yeda-teorethy-container .article-content { color: #000; } .yeda-teorethy-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .yeda-teorethy-container .article-content h4 { color: inherit; font-size: 28px; font-weight: normal !important; margin: 16px 0; } .yeda-teorethy-container .article-content .article-paragraph { font-size: 17px; } /**/ .yeda-teorethy-container .edu-image-bullet-list-container { width: 100%; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list { display: flex; flex-direction: column; color: #000; flex-wrap: nowrap; align-items: flex-start; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list ul { list-style: none; margin: 0; padding: 0; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-title { font-size: 22px; margin-top: 0; margin-bottom: 30px; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item { margin-bottom: 30px; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item .skills-href { align-items: center; display: flex; font-size: 20px; color: inherit; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item .skills-bullet-img { width: 56px; height: auto; margin: 0 0 0 16px; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item .skills-bullet-img:after { content: ''; border-radius: 5px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item:hover .skills-bullet-img::after { opacity: 1; } /*START BASIC NEEDS*/ .hide-in-mobile { display: none; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list .skills-item:hover .skills-bullet-img { -webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); } .hide-in-desktop { display: none; } .show-in-desktop { display: block; } .yeda-teorethy-container .show-in-mobile { display: none; } .yeda-teorethy-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 452px; } .yeda-teorethy-container .article-content h4 { margin: 0 0 20px 0; } .edu-media-grid-container .flexible-grid .flexible-grid-item { flex: 0 1 31.333%; } .yeda-teorethy-container .edu-image-bullet-list-container .image-bullet-list { max-height: 808px; flex-wrap: wrap; justify-content: flex-start; } } /*END MEDIA QUERY*/ .oryanot-sfatit-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; background-color: white; height: auto; /*min-height: 375px;*/ /*yisca change*/ } .oryanot-sfatit-container .container-content { flex: 1; padding: 0; width: 100%; } .oryanot-sfatit-title .title { padding-right: 5px; } .oryanot-sfatit-title .title .title-img { width: 100%; max-width: 32px; height: 32px; margin: 8px 8px 0px 8px /*yisca change*/ } .oryanot-sfatit-title .title .title-heading { display: block; } .oryanot-sfatit-title .title .title-paragraph { display: inline-block; font-size: 16px; line-height: 1.5; font-weight: lighter; padding-right: 0; } .oryanot-sfatit-title .title .title-description { display: block; margin-top: 10px; } .oryanot-sfatit-container .oryanot-sfatit-title-container { align-items: center; padding: 0 0 15px 0; } .oryanot-sfatit-container .oryanot-sfatit-title-container .oryanot-sfatit-title-description { padding-right: 0; } .oryanot-sfatit-container .oryanot-sfatit-title-container .oryanot-sfatit-title-description .oryanot-sfatit-title-text { font-size: 22px; } .oryanot-sfatit-container .oryanot-sfatit-title-container .oryanot-sfatit-title-img { width: 100%; max-width: 56px; height: auto; margin-left: 12px; } .oryanot-sfatit-container .oryanot-list-link-container ul { list-style: none; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link-title { font-size: 16px; font-size: bold; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link { border-bottom: 1px solid #e2e2e2; display: inline-block; font-size: 16px; position: relative; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link:before { content: ''; background-image: url('../images/icons/navigation-blue-side.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; width: 6px; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link .link-tag { visibility: hidden; opacity: 0; transition: opacity 240ms ease-in-out; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link:hover .link-tag, .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link .link-tag:after { margin-right: 10px; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link .link-tag:after { content: ''; background-image: url('../images/icons/navigation-blue-side.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; width: 6px; height: 10px; } /*START BASIC NEEDS*/ .show-in-mobile { display: block; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { /*START BASIC NEEDS*/ /*yisca change */ #left_col[role='main'] .oryanot-sfatit-container ul { margin-right: 0; } .hide-in-desktop { display: none; } /*END BASIC NEEDS*/ .oryanot-sfatit-title .title .title-paragraph { padding: 0 0 0 7%; } .oryanot-sfatit-container .container-content { padding: 0 28px 10px 28px; } .oryanot-sfatit-container .oryanot-sfatit-title-container { align-items: center; padding: 0 0 15px 0; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link { border-bottom: none; } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link:before { position: static; margin-top: 0; margin-left: 5px; /*yisca added*/ } .oryanot-sfatit-container .oryanot-list-link-container .oryanot-list-link:hover .link-tag { visibility: visible; opacity: 1; } /*yisca added*/ .page-component-edu:not(.not-shaped) .oryanot-sfatit-container .comp-title-container { margin-bottom: 0px; } /*yisca added*/ } @media(max-width:991px) { .popXtn .oryanot-sfatit-title.ContainerTitlePage h1.title { padding-right: 7px; } .oryanot-sfatit-container .oryanot-list-link-container:last-child ul li a.oryanot-list-link:last-child { margin-bottom: 20px; border-bottom: none; } } /*yisca added*/ .oryanot-sfatit-title .title-paragraph p{ margin-top:0px; margin-bottom:0px; } /*.popXtn .oryanot-sfatit-title.ContainerTitlePage h1.title { padding-right: 0px; }*/ .oryanot-list-link-container .oryanot-list-link-title { margin-bottom:15px; } .oryanot-list-link-container li { margin-bottom:6px; } .oryanot-sfatit-title .title .title-paragraph .title-paragraph-heading { font-weight: bold; } /*yisca added*/ /*END MEDIA QUERY*/ .oryanot-list-link-container { margin-top: 15px; } /* buttons */ /* titles */ /* background */ /*form*/ .mechkar-ve-yedah-container { background-color: white; /*padding: 15px;*/ position: relative; min-height: 202px; } /*.page-component-edu .mechkar-ve-yedah-container .container-content { padding: 0 15px; width: 100%; }*/ .page-component-edu .mechkar-ve-yedah-container .comp-title-container h4 { margin: 0; } /**/ .mechkar-ve-yedah-container .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; min-height: 326px; background-color: var(--grey-background); margin-top: 18px; padding: 0; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:last-of-type { flex-grow: 0; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: 147px; max-width: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 20px; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } .page-component-edu .mechkar-ve-yedah-container ul.edu-info-boxes-item-link-list li a { list-style-image: url(/images/icons/navigation-blue-side.svg); display: list-item; margin-right:5px; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list h5.edu-info-boxes-item-title { margin-right: -5px !important; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } /*START BASIC NEEDS*/ .show-in-mobile { display: block; } .modal .modal-title { display: inline-block; font-size: 22px; } .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } /*END BASIC NEEDS*/ /*Video-Link*/ .edu-flex-video-link { background-image: url("../mechkar-ve-yedah/images/yedah-placeholder.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; width: 100%; height: 147px; } .edu-flex-video-link .play-image { width: 62px; height: 63px; } /*END Video Link*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 0 1 31.748%; margin-left: 2.033%; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-left: 0px; } } /*END MEDIA QUERY*/ /* override */ .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: left; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: auto; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: right; min-height: auto; border-radius: 4px; } .modal.ltr .btn-modal-close { float: right; } .mechkar-ve-yedah-container .container-content .more-less-container { width: 100%; margin-top: 15px; } .mechkar-ve-yedah-container .edu-info-boxes-item ul { margin-top: 10px; } .mechkar-ve-yedah-container .edu-info-boxes-item .edu-info-boxes-item-title h5 { margin-top: 0; } @media (min-width: 992px) { .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 0 1 31.748%; margin-right: 2.033%; margin-left: 0; } .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-right: 0; } } .edu-quotes-container { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #f0f8fb; padding: 25px 28px; position: relative; min-height: 202px; } .edu-quotes-container .container-content { display: flex; flex-direction: column; } .edu-quotes-container .edu-quotes-image { align-self: center; width: 100%; max-width: 132px; height: 100%; max-height: 132px; /*yisca change marging -top to 10*/ margin: 10px 0 0 20px; } .edu-quotes-container .edu-quotes-paragraph { color: var(--title-color); font-size: 22px; } .edu-quotes-container .edu-quotes-paragraph p { margin: 0; } .edu-quotes-container .edu-quotes-details { color: var(--title-color); font-size: 16px; } .edu-quotes-container .edu-quotes-details p{ margin:0; } .edu-quotes-container .edu-quotes-link { color: var(--link-color); position: static; font-size: 16px; } .edu-quotes-container .edu-quotes-link .edu-quotes-link-img { width: 6px; height: 10px; margin-right: 7px; } .dmot-haboger-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; padding-bottom: 15px; margin-bottom: 25px; background-color: white; height: auto; min-height: 375px; } .dmot-haboger-container .container-content { padding: 0 15px; width: 100%; } .dmot-haboger-container .edu-info-paragraph { font-size: 17px; margin: 22px 0 26px 0; } /**/ .dmot-haboger-container .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 1 0 100%; min-height: 326px; background-color: #f0f8fb; text-align: center; padding: 18px 20px; margin: 18px 0 0 2.936%; border-radius: 4px; } .dmot-haboger-container .edu-info-boxes-grid > :nth-child(3n + 0) { margin-left: 0; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; max-width: 73px; height: auto; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 22px; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-paragraph { font-size: 17px; text-align: center; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: var(--link-color); } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } /*START BASIC NEEDS*/ .show-in-mobile { display: block; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .edu-quotes-container .container-content { flex-direction: row; } .edu-quotes-container .edu-quotes-image { align-self: flex-start; } .edu-quotes-container .edu-quotes-link { position: absolute; left: 28px; bottom: 17px; } .dmot-haboger-container .edu-info-paragraph { margin: 27px 0 15px 0; /*yisca change*/ } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item { /* flex: 0 1 255px; */ flex: 0 1 31.3%; /*equal to 255px*/ } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) { .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 0 1 220px; margin-left: 16px; } } /*yisca */ /*ltr section*/ .ltr .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { transform: scaleX(-1); margin-left: 7px; } /*end ltr section*/ .edu-quotes-container p.edu-quotes-paragraph { margin-top: 0px; } .dmot-haboger-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: auto; max-width: none; max-height: 56px; } /*yisca*/ /*END MEDIA QUERY*/ .edu-article-container { /*yisca change*/ padding: 0px; padding-bottom: 15px; /*margin-bottom: 25px;*/ background-color: white; height: auto; } /*START BASIC NEEDS*/ .image-in-dynamic-sides .edu-article-container .show-in-mobile { display: initial; } /*END BASIC NEEDS*/ /*.image-in-dynamic-sides .edu-article-container .container-content { padding: 16px; }*/ /*yisca put in comment exist in style guide*/ /*.edu-article-container .article-content { color: #000; }*/ .image-in-dynamic-sides .edu-article-container .flex-blue-bg, .image-in-dynamic-sides .edu-article-container .flex-blue-bg-reverse { margin-bottom: 40px; } .image-in-dynamic-sides .edu-article-container section { background-color: #edf5fa; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column-reverse; border-radius: 4px; } /*.image-in-dynamic-sides .edu-article-container .article-content .article-img { max-width: 303px; }*/ /*yisca put in comment exist in style guide*/ /*.edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; max-width: none; }*/ .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list { font-size: 16px; margin: 16px; flex: 1; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list h4 { /*color: inherit;*/ font-size: 24px; font-family: 'Assistant SemiBold', Assistant, Arial; margin: 0 0 11px 0; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list ul { line-height: 2; list-style-image: url(/images/icons/navigation-blue-side.svg); } /**/ .image-in-dynamic-sides .sub-title { /*padding: 40px 40px 0px 40px;*/ font-size: 17px; } .image-in-dynamic-sides .image-in-dynamic-sides-with-title .sub-title { padding: 15px 40px 15px 40px; } @media (min-width: 992px) { .image-in-dynamic-sides .edu-article-container .show-in-mobile { display: none; } /*.image-in-dynamic-sides .edu-article-container .container-content { padding: 0px; }*/ .image-in-dynamic-sides .edu-article-container.image-in-dynamic-sides-with-title .container-content { padding-top: 15px; } .image-in-dynamic-sides .edu-article-container .flex-blue-bg section { flex-direction: row; } .image-in-dynamic-sides .edu-article-container .flex-blue-bg-reverse section { flex-direction: row-reverse; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list { margin: 16px; } .image-in-dynamic-sides .edu-article-container .article-content .article-img { /*min-height: 300px;*/ max-width: 383px; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list h4 { margin: 0 0 21px 8%; margin-inline: 0 8%; } } .yedah-container { background-color: white; padding: 5%; position: relative; min-height: 202px; } .yedah-container .container-content { position: relative; width: 100%; } .yedah-container .yedah-paragraph { font-size: 16px; } .yedah-container .yedah-title-container .yedah-title-description { padding-right: 0; } .yedah-container .yedah-title-container .yedah-title-description .yedah-title-text { /*color: inherit;*/ font-size: 22px; margin-top: 0; } .yedah-container .yedah-title-container .yedah-title-img { width: 100%; max-width: 46px; height: auto; margin-left: 15px; align-self: flex-start; background-color: #c7da6f; border-radius: 5px; } .yedah-container .anchor-img { background-color: #c7da6f; border-radius: 5px; } /**/ .yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: right; padding: 0; min-height: auto; } .yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { border-bottom: 1px solid rgba(44, 112, 148, 0.2); padding-bottom: 8px; font-size: 22px; } .yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { font-weight: normal; } .yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list .item-text { font-size: 16px; } /**/ .yedah-container .edu-info-paragraph-section .info-paragraph { background-color: #edf5fa; font-size: 16px; padding: 15px; border-radius: 4px; } .yedah-container .edu-info-paragraph-section .info-paragraph .heading { display: block; font-size: 22px; } .yedah-container .edu-info-paragraph-section .info-paragraph .heading.big { font-size: 16px; font-family: "Assistant SemiBold", Assistant, Arial; } /**/ /*START BASIC NEEDS*/ .show-in-mobile { display: block; } .modal .modal-title { display: inline-block; font-size: 22px; } .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } /*END BASIC NEEDS*/ /*Video-Link*/ .edu-flex-video-link { background-image: url("../mechkar-ve-yedah/images/yedah-placeholder.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; width: 100%; height: 147px; border-radius: var(--item-radius); } .edu-flex-video-link .play-image { width: 62px; height: 63px; } /*END Video Link*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .yedah-container { padding: 1.77%; /*equal to 15px*/ } .yedah-container .edu-link { position: absolute; left: 0; bottom: 1%; } .yedah-container .yedah-title-container .yedah-title-description { padding-right: 63px; } .yedah-container .edu-info-paragraph-section { background-color: #edf5fa; padding: 0 33px; } .yedah-container .edu-info-paragraph-section .info-paragraph { padding: 25px 0; margin: 0; } .yedah-container .edu-info-paragraph-section .info-paragraph .heading { display: inline; font-size: 16px; } .yedah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { border-bottom: 1px solid rgba(44, 112, 148, 0.2); } .yedah-container .edu-info-paragraph-section .info-paragraph .heading.big { font-size: 18px; } .yedah-container .anchor { background-color: #c7da6f; border-radius: 5px; height: 66px; display: flex; align-items: center; justify-content: center; } } /*END MEDIA QUERY*/ /* override */ .yedah-container .yedah-title-container { min-height: 46px; margin-bottom: 15px; } .eshkolot-yedah .edu-info-boxes-grid .edu-info-boxes-item, .knowledge-long-text-panel .edu-info-boxes-grid .edu-info-boxes-item { background-color: #edf5fa; border-radius: 4px; } .knowlage-with-says .collapse-text.yedah-paragraph .read-more { position: absolute; left: 0; bottom: 1%; } .knowlage-with-says.ltr .collapse-text.yedah-paragraph .read-more { position: absolute; right: 0; left: auto; bottom: 1%; } .meymadei-halemidah .edu-info-paragraph-section p { margin: 0; } .meymadei-halemidah .container-content .edu-info-paragraph-section .info-paragraph { margin: 8px 0 16px; } .ltr .yedah-container .yedah-title-container .yedah-title-description { padding-left: 0; padding-right: unset; text-align: -webkit-left; } .ltr .yedah-container .yedah-title-container .yedah-title-img { margin-right: 15px; margin-left: unset; float: left; } .ltr .yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: left; } .eshkolot-yedah .container-content .edu-info-boxes-item ul, .knowledge-long-text-panel .container-content .edu-info-boxes-item ul { margin-top: 10px; } .eshkolot-yedah .edu-info-boxes-item .edu-info-boxes-item-title h5 { margin-top: 0; } .meymadei-halemidah .container-content .edu-info-paragraph-section .info-paragraph ul { margin: 0 16px 0 0; } @media (min-width: 992px) { .meymadei-halemidah .container-content .edu-info-paragraph-section .info-paragraph { margin: 0; } .meymadei-halemidah .yedah-container .container-content .edu-info-paragraph-section { padding-left: 20px; padding-right: 20px; } .ltr .yedah-container .yedah-title-container .yedah-title-description { padding-left: 63px; padding-right: unset; } .ltr.knowledge-long-text-panel .edu-info-boxes-grid .edu-info-boxes-item { margin-right: 1.953%; margin-left: initial; } .ltr.knowledge-long-text-panel .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n + 0) { margin-right: 0px; margin-left: initial } .ltr .edu-info-boxes-grid .edu-info-boxes-item.four-col { margin-left: 1.953%; } .ltr .edu-info-boxes-grid .edu-info-boxes-item.four-col { margin-right: 1.953%; margin-left: initial; text-align: left; } .ltr .edu-info-boxes-grid div.edu-info-boxes-item.four-col:nth-child(4n + 0) { margin-right: 0px; margin-left: auto; } .ltr .edu-horizontal-anchors-container .anchor .anchor-text { margin-left: -17px; margin-right: auto; } } .yedah-container { min-height: inherit; } @media (min-width: 992px) { .edu-horizontal-anchors-container .anchor:hover .anchor-img { box-shadow: 0 0 0 4pt #E5F0B0; transform: scale(1); } .yedah-container .edu-horizontal-anchors-container { padding-bottom: 6%; } .yedah-container .edu-horizontal-anchors-container .anchor .anchor-text { top: 70px; } .yedah-container .edu-info-paragraph-section { border-radius: var(--item-radius); } .yedah-container .edu-info-paragraph-section .info-paragraph { border-radius: 0; } } .lemidah-container { background-color: white; display: inline-block; padding: 5%; position: relative; min-height: 202px; } .lemidah-container .container-content { position: relative; width: 100%; } .page-component-edu .lemidah-container .comp-title-container h4 { background-color: transparent; color: inherit; margin: 0; padding: 0; } .lemidah-container .lemidah-paragraph { font-size: 16px; } /**/ .lemidah-container .edu-info-paragraph-section.white-bg, .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph { background-color: #fff !important; width: 100%; } .lemidah-container .edu-info-paragraph-section .info-paragraph { background-color: #edf5fa; font-size: 16px; padding: 15px; } .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1 1 100%; margin-right: 0; } .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 16px; } .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph:not(:last-of-type) { border-bottom: var(--line-between-items); } .lemidah-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { /*color: #3098cf;*/ font-size: 22px; margin: 10px 0 0 0; } /**/ /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .lemidah-container { padding: 1.77%; /*equal to 15px*/ } .lemidah-container .edu-link { margin-top: 10px; float: left; } .page-component-edu .lemidah-container .comp-title-container h4 { background-color: rgb(48, 152, 207); color: white; padding: 6px 20px; margin: 12px 15px 0 15px; } .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 32px; } .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph { padding-bottom: 38px; padding-top: 38px; } .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1; margin-right: 1.77%; } .lemidah-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { /*color: inherit;*/ font-size: 22px; margin: 0; } } /*END MEDIA QUERY*/ /* override */ .learning-panels .container-content .edu-info-paragraph-section .info-paragraph ul { margin: 0 16px 0 0; } .learning-panels .container-content { padding-bottom: 0; } .learning-information-container .lemidah-container .edu-info-paragraph-section .info-paragraph { padding-left: 0; padding-right: 0; } .learning-information-container.ltr .edu-info-paragraph-section .image { float: left; margin-left: auto; margin-right: 1.77%; } #left_col[role=main] .learning-panels.ltr .container-content .edu-info-paragraph-section .info-paragraph ul { margin-right: 0; margin-left: 16px; } .page-component-edu.learning-information-container:not(.not-shaped) .comp-title-container h4, .page-component-edu.learning-panels:not(.not-shaped) .comp-title-container h4 { margin: 0; } .learning-information-container.ltr .lemidah-container .info-paragraph h3 { text-align: left; } @media (min-width: 992px) { .lemidah-container .show-in-mobile { display: none; } .learning-panels .container-content .edu-info-paragraph-section .info-paragraph { margin: 0; } .learning-panels .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 15px; } .learning-panels .lemidah-container .container-content .edu-info-paragraph-section { padding-left: 20px; padding-right: 20px; } .page-component-edu.learning-panels.ltr .lemidah-container .edu-link { margin-top: 10px; float: right; } .lemidah-container { width: 100%; } .learning-information-container .lemidah-container .edu-info-paragraph-section { padding: 0; } .learning-information-container.ltr .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { margin-right: 0; margin-left: 1.77%; } } @media (max-width: 991px) { .learning-panels .container-content .edu-info-paragraph-section .info-paragraph { margin-bottom: 16px; } } /*.page-component-edu.learning-panels .lemidah-container { padding-top: 0px; }*/ .page-component-edu.learning-panels .lemidah-container .container-content { margin-top: 15px; border-radius: 4px; } .page-component-edu { background-color: white; max-width: 1140px; } .yehidot-horaa-metokshavut-container { padding: 1.77%; position: relative; /* min-height: 202px;*/ } .yehidot-horaa-metokshavut-container .container-content { position: relative; margin-top: 16px; } .page-component-edu .yehidot-horaa-metokshavut-container h3, .page-component-edu .yehidot-horaa-metokshavut-container .comp-title-container h4 { margin: 0; } .yehidot-horaa-metokshavut-container .yehidot-horaa-metokshavut-paragraph { font-size: 16px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { width: 100%; max-width: 80%; margin: 0px auto 8px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item { position: relative; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { max-width: auto; height: auto; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; color: #ffffff; justify-content: center; position: absolute; bottom: 0; font-size: 16px; font-weight: normal !important; flex-wrap: wrap; text-align: center; min-height: 37px; width: 100%; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title .eds-slick-carousel-item-symbol { font-size: 16px; margin: 0 3.27%; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .slick-next:before, .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .slick-prev:before { content: ''; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper { text-align: left; margin-top: 20px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } /**/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .primary-btn { margin-bottom: 10px; } /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 768px) { .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { max-width: 700px; } } @media (min-width: 992px) { .yehidot-horaa-metokshavut-container { padding: 0px 16px; /*equal to 15px*/ padding-top: 0px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { max-width: 1060px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { font-size: 18px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { max-width: 253px; } /*.yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { max-width: 155px; }*/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper { margin-bottom: 0; } /*.yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { padding: 4px 0; }*/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .primary-btn { margin-bottom: 0; } } /*END MEDIA QUERY*/ /* override */ .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { color: #ffffff !important; font-size: 16px !important; } .main-pedagogic .yehidot-horaa-metokshavut { margin-bottom: 25px; } .yehidot-horaa-metokshavut-container .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .yehidot-horaa-metokshavut-container .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-prev, .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-next { height: 13px; width: 26px; top: 35%; } .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-prev.slick-disabled, .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href:hover { background-color: #11415A !important; opacity: 1.0; color: #fff !important; } .yehidot-horaa-metokshavut .eds-slick-carousel-wrapper { display: none; } .yehidot-horaa-metokshavut-container .compt-tit-con h2 { margin-right: 0px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .overlay-text { color: #123A5E !important; font-size: 18px !important; } .yehidot-horaa-metokshavut-container .stop-start-buttons { margin-bottom: 5px; } .yehidot-horaa-metokshavut-container .stop-start-buttons button { margin-left: 16px; } .yehidot-horaa-metokshavut.component-panel .compt-tit-con { margin-bottom: 0px; } .page-component-edu.conferences-component .conferences-container { background-color: white; padding: 15px; position: relative; min-height: 202px; } .collapse-items-container .conferences-container.component-panel { background-color: var(--stock-search-bg); } .page-component-edu.conferences-component .conferences-container .container-content { padding: 0 15px; width: 100%; } .collapse-items-container .PanelCollapse .conferences-component .conferences-container.component-panel { padding: 0; } .collapse-items-container .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } .page-component-edu.conferences-component .conferences-container .comp-title-container h4 { margin: 0; } /**/ .page-component-edu.conferences-component .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; min-height: 326px; background-color: var(--grey-background); margin-top: 18px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item:last-of-type { flex-grow: 0; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: 147px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 20px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } /*START BASIC NEEDS*/ .conferences-component .show-in-mobile { display: block; } .conferences-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .conferences-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .conferences-component .hide-in-desktop { display: none; } .page-component-edu.conferences-component .edu-info-boxes-grid.three-cols .edu-info-boxes-item { flex: 0 1 31.748%; margin-left: 2.033%; } .page-component-edu.conferences-component .edu-info-boxes-grid.three-cols .edu-info-boxes-item:nth-child(3n + 0) { margin-left: 0px; } .page-component-edu.conferences-component .edu-info-boxes-grid.two-cols .edu-info-boxes-item { flex: 0 1 48.75%; margin-left: 2.5% } .page-component-edu.conferences-component .edu-info-boxes-grid.two-cols .edu-info-boxes-item:nth-child(2n + 0) { margin-left: 0px; } } /*END MEDIA QUERY*/ /* override */ .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: auto; max-width: none; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item { min-height: initial; padding: 0; border-radius: var(--item-radius); } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-text { font-size: 16px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-text-container { padding: 10px; } .conferences-component.ltr .conference-text-rtl { text-align: left; } .conferences-component .conference-text-rtl { text-align: right; } .conferences-component .container-content .more-less-container { width: 100%; margin-top: 15px; } .conferences-component.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .conferences-component ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } @media (min-width: 992px) { .conferences-component.ltr .edu-info-boxes-grid.three-cols .edu-info-boxes-item { margin-right: 2.033%; margin-left: 0; } .conferences-component.ltr .edu-info-boxes-grid.three-cols .edu-info-boxes-item:nth-child(3n + 0) { margin-right: 0; } .conferences-component.ltr .edu-info-boxes-grid.two-cols .edu-info-boxes-item { margin-right: 2.5%; margin-left: 0; } .conferences-component.ltr .edu-info-boxes-grid.two-cols .edu-info-boxes-item:nth-child(2n + 0) { margin-right: 0; } } .page-component-edu.conferences-component .conferences-container .container-content{ padding:0px; } /*.page-component-edu { background-color: white; }*/ .ganey-yeladim-lobby-container { background-color: white; /*padding: 15px;*/ min-height: 202px; } .ganey-yeladim-lobby-container .container-content { padding: 0; } .page-component-edu .ganey-yeladim-lobby-container .comp-title-container h4 { margin: 0; } .ganey-yeladim-lobby-container .edu-media-grid-container { margin: 23px 0 0 0; } .ganey-yeladim-lobby-container .edu-media-grid-container .flexible-grid .flexible-grid-item { margin: 14px 0; } /**/ /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .ganey-yeladim-lobby-container .edu-media-grid-container { margin: 0; } .ganey-yeladim-lobby-container .edu-media-grid-container .flexible-grid .flexible-grid-item { margin: 0.991%; } } /*END MEDIA QUERY*/ /*.ganey-yeladim-lobby-container .container-content { padding: 15px 15px 0px 0px; }*/ .ganey-yeladim-lobby-container .container-content .edu-bullet-list-wrapper{ padding-right:0px; } .edu-overlay-banner .secondary-btn { width: fit-content; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container { background-color: white; padding: 17px 28px 15px 15px; position: relative; /*min-height: 210px;*/ } .edu-user-personal-lobby .edu-article-container { background-color: white; padding: 0; position: relative; /*min-height: 210px;*/ } .edu-user-personal-lobby .edu-user-personal-lobby-header-container { display: flex; flex-direction: column; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-title { background-color: transparent; border: none !important; box-shadow: none !important; font-weight: bold; padding: 0 !important; margin: 0 0 10px 0 !important; font-size: 25px; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-paragraph { font-size: 16px; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-btn { align-self: auto; background-color: #1d5c7e; color: #fff; font-size: 16px; min-height: 45px; } /**/ .edu-user-personal-lobby .edu-overlay-banner { padding: 15px 8px; } /*edu-overlay-banner image background src */ .edu-user-personal-lobby .edu-overlay-banner { background-image: url('./images/yedah-placeholder.png'); background-repeat: no-repeat; background-size: 100% 100%; height: 280px; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content { background-color:var(--title-color); opacity:1; color: #fff; display: flex; flex-direction: column; padding: 0 16px; height: inherit; width: 100%; max-width: 100%; max-height: 100%; justify-content: center; border-radius:4px; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .compt-tit-con h2 { color: white; margin: 0; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-title { color: inherit; font-size: 24px; font-weight: normal !important; margin: 0; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-paragraph { font-size: 16px; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-btn { align-self: auto; background-color: #3098cf; border-color: #3098cf; color: #fff; font-size: 16px; min-height: 45px; } .edu-user-personal-lobby .edu-article-container .show-in-mobile { display: initial; } .edu-user-personal-lobby .edu-article-container .container-content { flex: 1; padding: 24px; } .edu-user-personal-lobby .edu-article-container .article-content { color: #000; position: relative; padding: 0 0 15px 0; } .edu-user-personal-lobby .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .edu-user-personal-lobby .edu-article-container .article-content h4 { color: inherit; font-size: 24px; font-weight: normal; margin: 16px 0; } .edu-user-personal-lobby .edu-article-container .article-content .article-paragraph { font-size: 17px; } .edu-user-personal-lobby .edu-article-container .article-content .article-link { position: static; margin: 0 16px 0 0; } .edu-user-personal-lobby .edu-article-container .article-content .article-link .article-link-img { width: 100%; max-width: 6px; height: auto; margin-right: 7px; } .edu-user-personal-lobby .edu-article-container .article-content h4, .edu-user-personal-lobby .edu-article-container .article-content .article-paragraph { padding: 0 16px; } /**/ /*START BASIC NEEDS*/ .show-in-mobile { display: block; } .modal .modal-title { display: inline-block; font-size: 22px; } .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } .float-left { float: left; } .float-right { float: right; } /*start Icons*/ .edu-user-personal-lobby .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; vertical-align: middle; } .edu-user-personal-lobby .chevron-left { background-image: url('../images/icons/icon-chevron-left.svg'); width: 6px; height: 10px; vertical-align: middle; } /*end Icons*/ /*END BASIC NEEDS*/ /*Video-Link*/ .edu-user-personal-lobby .edu-flex-video-link { background-image: url('../images/yedah-placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; width: 100%; height: 225px; margin: 0; } .edu-user-personal-lobby .edu-flex-video-link .play-image { width: 62px; height: 63px; } /*END Video Link*/ .page-component-edu a.edu-overlay-banner-content-btn:focus, .page-component-edu a.edu-overlay-banner-content-btn:hover { color:#fff!important; } /*START MEDIA QUERY*/ @media (max-width: 991px) { .edu-user-personal-lobby .edu-overlay-banner { background-image: none !important; } } @media (min-width: 992px) { .hide-in-desktop { display: none; } .edu-user-personal-lobby .edu-flex-video-link { max-width: 400px; margin: 0 45px 0 0; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-btn { align-self: flex-end; min-height: auto; } .edu-user-personal-lobby .edu-user-personal-lobby-header-container .welcome-login { align-self: flex-end; } .edu-user-personal-lobby .edu-overlay-banner { padding: 15px 12px 0 0; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content { max-width: 360px; max-height: 85%; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-paragraph { font-size: 16px; } .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-btn { align-self: flex-start; min-height: auto; } .edu-user-personal-lobby .edu-article-container { padding: 17px 28px 15px 15px; } .edu-user-personal-lobby .edu-article-container .show-in-mobile { display: none; } .edu-user-personal-lobby .edu-article-container .article-content { color: #000; position: relative; padding: 0; } .edu-user-personal-lobby .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 377px; } .edu-user-personal-lobby .edu-article-container .article-content h4 { font-size: 28px; margin: 0 0 10px 0; } .edu-user-personal-lobby .edu-article-container .article-content .article-link { position: absolute; right: 0; bottom: 0; margin: 0; } .edu-user-personal-lobby .edu-article-container .article-content h4, .edu-user-personal-lobby .edu-article-container .article-content .article-paragraph { padding: 0; } } @media (min-width: 991px) and (max-width:1200px) { .edu-user-personal-lobby .edu-overlay-banner { height: 230px; } } /*END MEDIA QUERY*/ /*////////////////////// banner //////////////////////////////////*/ .page-component-edu { background-color: white; /* max-width: 1140px; */ } /* 224 143 */ .banner-container { padding: 1.77%; position: relative; /* min-height: 202px; */ } .banner-container .container-content { position: relative; } .page-component-edu.banner-container h3, .page-component-edu.banner-container .comp-title-container h4 { margin: 0; } .banner-container .container-content .banner { position: relative; } .banner-container .container-content .banner img { position: relative; } .banner-container .container-content .banner .content { position: absolute; bottom: 0; right: 0; left: 0; background-color: var(--title-color); color: #fff; width: 100%; padding: 5px 15px 15px 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .banner-container .container-content .banner .content span { font-size: 24px; margin-bottom: 10px; display: block; } .banner-container .container-content .banner .content .content-bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; } .banner-container .container-content .banner .content .content-bottom p { margin: 0; font-size: 14px; max-width: 70%; } .banner-container .container-content .banner .content .content-bottom button { font-size: 16px; background-color: #3098cf; width: 125px; height: 30px; border: none; border-radius: 4px; } .banner-container .container-content .banner .content .content-bottom button img { height: 8px; width: auto; margin-right: 5px; } /*START BASIC NEEDS*/ .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .chevron-left { background-image: url(./images/icon-chevron-left.svg); width: 6px; height: 12px; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (max-width: 767px) { .banner-container .container-content .banner .content .content-bottom { flex-direction: column; align-items: flex-start; } .banner-container .container-content .banner .content .content-bottom p { max-width: unset; } .banner-container .container-content .banner .content .content-bottom button { align-self: flex-end; } } /*END MEDIA QUERY*/ /*override banner*/ @media (min-width: 768px) { .display { display: block } .display-mobile { display: none } } .banner-container.ltr .container-content .banner .content { direction: ltr } .banner-container .container-content .banner .content .content-bottom p { font-size: 15px; margin-right: 5px; } .banner-container .container-content .banner .content .content-bottom p { font-size: 15px; margin-right: 5px; } .banner-container .container-content .banner .content span { font-size: 25px; } .banner-container .container-content .banner .content span.chevron-left { margin-bottom: 0px; margin-right: 4px; display: inline-block; } .banner-container.ltr .container-content .banner .content span.chevron-left { margin-right: 0px; margin-left: 4px; transform: rotate(180deg); } .banner-container .chevron-left { background-image: url('../images/icons/icon-chevron-left.svg'); width: 6px; height: 10px; vertical-align: middle; } .banner-container .container-content .banner .content .content-bottom a { align-self: flex-end; } .banner-container .container-content .banner .content .content-bottom a img { height: 8px; width: auto; margin-right: 5px; } /* .banner-container .container-content .banner .content .content-bottom a { font-size: 16px; background-color: #3098cf; width: auto; height: 30px; border: none; border-radius: 4px; color: #fff; }*/ @media (max-width: 767px) { .banner-container .container-content .banner .content .content-bottom a { align-self: flex-end; } } /*.banner-container .edu-overlay-banner-content-btn { align-self: flex-start; min-height: auto; }*/ .page-component-edu a.edu-overlay-banner-content-btn:focus, .page-component-edu a.edu-overlay-banner-content-btn:hover { color: #fff !important; } /*.banner-container .edu-overlay-banner-content-btn { align-self: auto; background-color: #3098cf; border-color: #3098cf; color: #fff; font-size: 16px; min-height: 45px; }*/ .banner-container .container-content .banner img { max-height: 280px; } .banner-container .container-content .banner .content .content-bottom button { width: auto; } .banner-container { padding: 0; } /* override welcome */ .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-btn:hover { color: #fff !important; } @media (max-width: 991px) { .edu-user-personal-lobby .edu-user-personal-lobby-header-container .edu-user-personal-lobby-btn { text-align: center; padding: 9px; } } /*///////////////////////////banner-mobile/////////////*/ /*@media screen and (max-width: 768px) {*/ @media screen and (max-width: 768px) { .banner-mobile-container { font-family: "Assistant"; } .banner-mobile-page-header { max-width: 400px; background-color: #3098cf; color: white !important; border: 6px solid white; padding: 10px 10px 10px 10px !important; margin: auto; margin-top: 20px !important; box-shadow: 0 1px 5px rgb(0 0 0 / 15%); } .banner-mobile-item { max-width: 400px; margin: auto; margin-top: 30px; border: 8px solid white; box-shadow: 0 1px 5px rgb(0 0 0 / 15%); } .banner-mobile-image { max-height: 450px; max-width: 400px; } .banner-mobile-text-container { color: white; padding: 15px 10px 15px 10px; margin-top: -255px; background: var(--title-color); opacity:0.85; position: relative } .banner-mobile-text-container .compt-tit-con h2{ color:white; margin:0px; } .banner-mobile-item-header { color: white !important; font-weight: 400 !important; margin-bottom: 25px; font-size: 25px !important; } .mobile-banner-move-to-action { background-color: rgb(37, 150, 190); color: white; border-radius: 5px; display: block; width: 90%; margin: auto; padding: 5px 5px 5px 5px; text-align: center; font-size: 16px; border: none; margin-bottom: 30px; } .mobile-banner-move-to-action i { font-weight: 400; } /*//////override mobile///////*/ .display { display: none } .display-mobile { display: block } .banner-container a.mobile-banner-move-to-action:focus, .banner-container a.mobile-banner-move-to-action:hover { color: #fff !important; } /*.banner-container .banner-mobile-container .banner-mobile-item .banner-mobile-text-container a { font-size: 16px; background-color: #3098cf; width: auto; height: 30px; border: none; border-radius: 4px; color: #fff; text-align: center; } */ .banner-mobile-text-container { margin-top: 0px; } .banner-mobile-item { max-width: none; } .banner-mobile-text-container { margin-top: 0px; } .banner-mobile-item { max-width: none; } .banner-mobile-image { max-width: none; } .mobile-banner-move-to-action { margin-bottom: 0px; width: 95%; } .banner-mobile-item-header { margin-left: 20px; margin-right: 20px; margin-bottom: 0px; } /*.banner-mobile-text { margin-left: 20px; margin-right: 20px; } */ .banner-container .banner-mobile-container .banner-mobile-item .banner-mobile-text-container span.chevron-left { margin-bottom: 0px; margin-right: 8px; display: inline-block; } .banner-container.ltr .banner-mobile-container .banner-mobile-item .banner-mobile-text-container span.chevron-left { margin-right: 0px; margin-left: 8px; transform: rotate(180deg); } .banner-mobile-container .chevron-left { background-image: url('../images/icons/icon-chevron-left.svg'); width: 6px; height: 10px; vertical-align: middle; text-align: center; } } /*override mobile*/ .ltr .edu-user-personal-lobby .edu-overlay-banner .edu-overlay-banner-content .edu-overlay-banner-content-btn { text-align:left; } .ltr .edu-user-personal-lobby .chevron-left { transform: rotate(180deg); } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); } /* Arrows */ .lemidah-metokshevet-container .slick-prev, .lemidah-metokshevet-container .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /*outline: none;*/ background: transparent; } /*.lemidah-metokshevet-container .slick-prev:hover, .lemidah-metokshevet-container .slick-prev:focus, .lemidah-metokshevet-container .slick-next:hover, .lemidah-metokshevet-container .slick-next:focus { color: transparent; outline: none; background: transparent; }*/ .lemidah-metokshevet-container .slick-prev:hover:before, .lemidah-metokshevet-container .slick-prev:focus:before, .lemidah-metokshevet-container .slick-next:hover:before, .lemidah-metokshevet-container .slick-next:focus:before { opacity: 1; } .lemidah-metokshevet-container .slick-prev.slick-disabled:before, .lemidah-metokshevet-container .slick-next.slick-disabled:before { opacity: .25; } .lemidah-metokshevet-container .slick-prev:before, .lemidah-metokshevet-container .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lemidah-metokshevet-container .slick-prev { left: -25px; } [dir='rtl'] .lemidah-metokshevet-container .slick-prev { right: -25px; left: auto; } .lemidah-metokshevet-container .slick-prev:before { content: '←'; } [dir='rtl'] .lemidah-metokshevet-container .slick-prev:before { content: '→'; } .lemidah-metokshevet-container .slick-next { right: -25px; } [dir='rtl'] .lemidah-metokshevet-container .slick-next { right: auto; left: -25px; } .lemidah-metokshevet-container .slick-next:before { content: '→'; } [dir='rtl'] .lemidah-metokshevet-container .slick-next:before { content: '←'; } /* Dots */ .lemidah-metokshevet-container .slick-dotted.slick-slider { margin-bottom: 30px; } .lemidah-metokshevet-container .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .lemidah-metokshevet-container .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .lemidah-metokshevet-container .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; /*outline: none;*/ background: transparent; } .lemidah-metokshevet-container .slick-dots li button:hover /*, .lemidah-metokshevet-container .slick-dots li button:focus*/ { outline: none; } .lemidah-metokshevet-container .slick-dots li button:hover:before, .lemidah-metokshevet-container .slick-dots li button:focus:before { opacity: 1; } .lemidah-metokshevet-container .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lemidah-metokshevet-container .slick-dots li.slick-active button:before { opacity: .75; color: black; } .page-component-edu.lemidah-metokshevet-container { background-color: white; /* max-width: 1140px; */ } /* 224 143 */ /*yisca change*/ .page-component-edu.lemidah-metokshevet-container { padding: 1.77%; position: relative; /* min-height: 202px; */ margin-bottom: 48px } /*yisca change*/ .lemidah-metokshevet-container .container-content { position: relative; } .page-component-edu.lemidah-metokshevet-container h3, .page-component-edu.lemidah-metokshevet-container .comp-title-container h4 { margin: 0; } .lemidah-metokshevet-container .lemidah-metokshevet-paragraph { font-size: 16px; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper { margin-top:8px; } /* .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds_slick_carousel { width: 100%; max-width: 80%; margin: 32px auto; } */ .lemidah-metokshevet-container .slick-dotted.slick-slider { width: 96%; margin: auto; margin-bottom: 60px; } .lemidah-metokshevet-container .slick-slide.slick-center div { transform: scale(1.05); transform-origin: bottom; } .lemidah-metokshevet-container .slick-slide.slick-center + .slick-slide.slick-active > div { position: relative; left: -10px; } .lemidah-metokshevet-container .slick-slide.slick-active:not(.slick-center, .slick-center + .slick-active) > div { position: relative; right: -10px; } .lemidah-metokshevet-container .slick-slide:not(.slick-center) div { transform: scale(0.95); transform-origin: bottom; /* padding-top: 6px; */ } .lemidah-metokshevet-container .slick-center div { transform: scale(1.1); transform-origin: bottom; } .lemidah-metokshevet-container button.slick-prev.slick-arrow { width: 15px; } .lemidah-metokshevet-container button.slick-next.slick-arrow { width: 15px; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item { position: relative; } .lemidah-metokshevet-container .slick-dots { bottom: -45px; } .lemidah-metokshevet-container .slick-dots li { margin: 0; width: 15px; height: 15px; } .lemidah-metokshevet-container .slick-dots li button:before { font-size: 10px; color: #838383; } .lemidah-metokshevet-container .slick-dots li.slick-active button:before { color: #3098cf; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { /* width: 100%; max-width: auto; height: auto; */ } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; color: #ffffff; padding: 0 5px; position: absolute; bottom: 0; font-size: 16px; font-weight: normal !important; flex-wrap: wrap; text-align: center; min-height: 30px; width: calc(100% - 1px); } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title .eds-slick-carousel-item-symbol { font-size: 16px; margin: 0 3.27%; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .slick-next:before, .lemidah-metokshevet-container .eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper { text-align: left; margin-bottom: 32px; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .lemidah-metokshevet-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; text-align: center; } #left_col[role="main"] .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 1px; margin-right: 10px; padding: 1rem; } /*Start Pagination*/ /*.lemidah-metokshevet-container .centered-pagination { text-align: center; } .lemidah-metokshevet-container .pagination { display: inline-block; } .lemidah-metokshevet-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; } .lemidah-metokshevet-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .lemidah-metokshevet-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .lemidah-metokshevet-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .lemidah-metokshevet-container .pagination a:hover:not(.active) { background-color: #ddd; } .lemidah-metokshevet-container .pagination .pagination-next, .lemidah-metokshevet-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* start Info List */ .edu-info-list-wrapper { padding: 0; flex-wrap: wrap; /* justify-content: space-around; */ } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .lemidah-metokshevet-container ul.edu-info-list-container { list-style: none; padding: 0; min-height: 41px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; margin: 9px !important; } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item-header h3 { background-color: #edf5fa; color: #000; padding: 12px 15px 12px 0; font-size: 20px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: inherit; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ /**/ /*START BASIC NEEDS*/ .itur-sheirut-button .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .itur-sheirut-button .chevron-left { background-image: url(../images/icons/icon-chevron-left.svg); width: 6px; height: 12px; } /*END BASIC NEEDS*/ /*yisca added*/ .itur-sheirut-results-list-wrapper h4 mark { color: rgb(44, 112, 148); } .page-component-edu.lemidah-metokshevet-container .pagination li.active a:focus { color: #fff!important; } .lemidah-metokshevet-container button.itur-sheirut-button[disabled] { background-color: #64656D; opacity: 1; } /*yisca added*/ /*START MEDIA QUERY*/ @media (max-width: 767px) { .lemidah-metokshevet-container button.slick-prev.slick-arrow { right: -18px; width: 12px; } .lemidah-metokshevet-container button.slick-next.slick-arrow { left: -18px; width: 12px; } } @media (min-width: 992px) { .lemidah-metokshevet-container { padding: 1.77%; /*equal to 15px*/ } /* .edu-info-list-wrapper { padding: 15px; } */ .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] ul.edu-info-list-container { margin: 0; min-height: auto; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: auto; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper { margin-bottom: 0; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { padding: 4px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper { height: 42px; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input { margin: 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-button { height: inherit; flex-basis: 75px; } .lemidah-metokshevet-container .itur-sheirut-results-summary-wrapper { margin-top: 0; text-align: right; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { padding: 0; } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .lemidah-metokshevet-container ul.edu-info-list-container { flex-basis: 253px; } } /*END MEDIA QUERY*/ /*ovveried*/ .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { color: #ffffff !important; font-size: 16px !important; } .lemidah-metokshevet-container .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .lemidah-metokshevet-container .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .lemidah-metokshevet-container .eds_slick_carousel .slick-prev, .lemidah-metokshevet-container .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color:transparent; } .lemidah-metokshevet-container .eds_slick_carousel .slick-prev.slick-disabled, .lemidah-metokshevet-container .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } /*.edu-side-menu-wrapper .edu-side-menu-container*/ ul.edu-side-menu-item-secondary-menu li::before, /*.edu-side-menu-wrapper .edu-side-menu-container*/ ul.edu-side-menu-item-secondary-menu li::after { content: ''; background-color: #3098cf; border-radius: 1px; position: absolute; bottom: 0; top: 0; right: 2px; width: 2px; } .mada-ve-technologia-container { background-color: white; display: inline-block; padding: 5%; position: relative; min-height: 202px; } .mada-ve-technologia-container .container-content { position: relative; width: 100%; } .page-component-edu .mada-ve-technologia-container .comp-title-container h4 { background-color: transparent; color: inherit; margin: 0; padding: 0; } /**/ .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph { background-color: #edf5fa; font-size: 16px; padding: 15px; line-height: 1; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg, .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .info-paragraph { background-color: #fff !important; width: 100%; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .image { max-width: 276px; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1 1 100%; margin-right: 0; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 40px; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .info-paragraph:not(:last-of-type) { border-bottom: 0; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { color: var(--title-color); font-size: 20px; margin: 20px 0 0 0; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .info-paragraph:not(:last-of-type) { border-bottom: var(--stock-items-border); } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph .edu-link .link-img { margin-left: 6px; } /**/ /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .mada-ve-technologia-container { padding: 1.77%; /*equal to 15px*/ } .page-component-edu .mada-ve-technologia-container .comp-title-container h4 { background-color: rgb(48, 152, 207); color: white; padding: 6px 20px; margin: 12px 15px 0 15px; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 32px; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .info-paragraph { padding-bottom: 20px; padding-top: 20px; } .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .image { max-width: 160px; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1; margin-right: 1.77%; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { margin: 0; } .mada-ve-technologia-container .edu-info-paragraph-section .info-paragraph p { margin: 0 0 13px 0; line-height: normal; } } /*END MEDIA QUERY*/ /* override */ @media (max-width: 767px){ .mada-ve-technologia-container .edu-info-paragraph-section.white-bg .image { max-width: none; } } .mada-ve-technologia-container { width: 100%; } @media (min-width: 992px) { .mada-ve-technologia-container .edu-info-paragraph-section.white-bg { padding: 0; } } /* buttons */ /* titles */ /* background */ /*form*/ html { scroll-behavior: smooth; } .yehidot-horaa-container h4 { padding: 7px 15px; } .yehidot-horaa-container .page-header.card-style .main-page-title { display: flex; background-color: rgb(48, 152, 207); align-items: center; justify-content: space-between; border: 6px solid #fff; padding: 4px 22px 4px 8px; } .yehidot-horaa-container .page-header.card-style .main-page-title h1 { padding: 0; } .yehidot-horaa-container .dark-btn { font-size: 16px; color: #fff; border-radius: 4px; border: none; background-color: #1d5c7e; width: 79px; height: 32px; } .yehidot-horaa-container .dark-btn img.small-arrow { width: auto; margin-right: 10px; } .yehidot-horaa-container .anchors-wrapper { background-color: #edf5fa; text-align: center; } .yehidot-horaa-container .anchors-wrapper .anchors-title { font-size: 22px; font-weight: 700; display: block; text-align: center; margin-bottom: 10px; } .yehidot-horaa-container .anchors-wrapper .anchors-container { line-height: 25px; margin-bottom: 20px; } .yehidot-horaa-container .anchors-wrapper .anchors-container a { display: inline-block; color: #337ab7; text-decoration: none; } .yehidot-horaa-container .anchors-wrapper .anchors-container .seperator { font-weight: 600; margin: 5px; } .yehidot-horaa-container .title-inner-page { display: flex; justify-content: space-between; } .yehidot-horaa-container .tchum-daat.card-style { padding-bottom: 10px; } .yehidot-horaa-container .tchum-daat .title-inner-page { margin-bottom: 24px; } .yehidot-horaa-container .tchum-daat .back-top-btn { background-color: transparent; border: none; font-size: 16px; margin-right: auto; } .yehidot-horaa-container .tchum-daat .back-top-btn img { margin-right: 5px; display: inline-block; vertical-align: middle; } .yehidot-horaa-container .tchum-daat .dark-btn { margin: 30px auto 20px 35px; display: block; width: 145px; box-sizing: content-box; padding: 0 10px; } .yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .results-counter { font-size: 16px; margin: 12px 0; margin-bottom: 30px; } .yehidot-horaa-container .yahida-horaa-card-container { display: flex; align-items: flex-start; background-color: var(--stock-search-bg); margin-bottom: 20px; padding: 15px; border-radius: 4px; } .yehidot-horaa-container .yahida-horaa-card-container img { /*max-width: 180px;*/ width: 100%; margin-left: 30px; } .yehidot-horaa-container .yahida-horaa-card-container .content-container { display: inline-block; width: 100%; } .yehidot-horaa-container .yahida-horaa-card-container .content-container .btn-search-blue { font-size: 16px; border-radius: 4px; float: left; /*height: 32px; display: block; margin-right: auto; width: 145px; box-sizing: content-box; padding: 0 10px;*/ } .yehidot-horaa-container .saparator { margin: 20px 0; background-color: rgba(0, 0, 0, 0.1607843137); height: 1px; } .yehidot-horaa-container .yahida-horaa-card-container .content-container h5 { font-size: 18px; margin-block: 0px; color: var(--title-color); } /*.yehidot-horaa-container .maagar-yehidot-horaa-search-results-container { padding: 0 20px; }*/ .yehidot-horaa-container .search-details { background-color: var(--grey-background); display: inline-block; width: calc(100% - 30px); margin: 15px; padding: 5px 10px; box-sizing: border-box; } .yehidot-horaa-container .search-details ul.yahida-properties-list span.title { font-weight: 600; } .yehidot-horaa-container .search-details ul.yahida-properties-list li span { font-size: 18px; } .yehidot-horaa-container .search-details ul.yahida-properties-list li.title { margin-left: 15px; } .yehidot-horaa-container ul.yahida-properties-list { list-style: none; padding: 0; margin: 5px 0; } .yehidot-horaa-container ul.yahida-properties-list .saparator { height: 20px; width: 1px; display: inline-block; background-color: #333; margin: 0 10px; vertical-align: middle; } .yehidot-horaa-container ul.yahida-properties-list li { display: inline-block; vertical-align: middle; } .yehidot-horaa-container ul.yahida-properties-list li span { font-size: 18px; } .yehidot-horaa-container ul.yahida-properties-list li span.title { font-weight: bold; } .yehidot-horaa-container .yahida-horaa-card-container .content-container p { font-size: 16px; margin-top: 0; margin-bottom: 20px; } .yehidot-horaa-container .yahida-horaa-card-container .content-container .button-container { text-align: left; } .yehidot-horaa-container .yahida-horaa-card-container .content-container .button-container button { background-color: #3098cf; border-radius: 10px; padding: 4px 16px; color: #fff; border: none; font-size: 18px; } .yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul { padding: 0; margin: 0; list-style: none; margin: 14px 0; } .yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li { display: inline-block; font-size: 20px; } .yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li .small-saparator { width: 2px; background-color: #000; display: inline-block; height: 18px; vertical-align: middle; margin: 6px; } .yehidot-horaa-container .maagar-yehidot-horaa form { margin-bottom: 10px; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-filters { display: flex; flex-wrap: wrap; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group { position: relative; display: inline-block; margin-left: 2%; margin-top: 20px; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 214px; display: inline-block; margin-right: 13px; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group.small select { width: 74px; } .yehidot-horaa-container .maagar-yehidot-horaa form .select-button-custom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex { display: flex; flex-wrap: wrap; width: 100%; max-width: 400px; height: 50px; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container { position: relative; flex: 1; margin: 0; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container input { position: absolute; opacity: 0; cursor: pointer; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(48, 152, 207, 0.1333333333); font-weight: normal; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark .label-text { display: block; padding: 12px 0; font-size: 18px; text-align: center; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container input:checked ~ .checkmark { background-color: #2196f3; color: #fff; font-weight: bold; } .yehidot-horaa-container .maagar-yehidot-horaa, .yehidot-horaa-container .maagar-yehidot-horaa { margin-top: 20px; } .yehidot-horaa-container .maagar-yehidot-horaa form .select-button-custom { position: absolute; top: 56px; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .yehidot-horaa-container .maagar-yehidot-horaa form .form-group:nth-child(4) { margin-left: 0; } .yehidot-horaa-container form .select-button-custom::after { content: " "; position: absolute; top: 46%; left: 15px; width: 14px; height: 14px; transform: translateY(-50%) rotate(45deg); border-left: 2px solid transparent; border-top: 2px solid transparent; border-right: 2px solid #444; border-bottom: 2px solid #444; } .yehidot-horaa-container form .form-actions .button-clear { background-color: transparent; border: none; color: #3098cf; text-decoration: underline; font-size: 18px; margin-left: 20px; } .yehidot-horaa-container form .form-actions { margin-right: auto; margin-top: 22px; width: fit-content; } .yehidot-horaa-container form .form-actions .button-clear { background-color: transparent; border: none; color: #23527c; text-decoration: underline; font-size: 16px; margin-left: 20px; } .yehidot-horaa-container form .form-actions .button-primary { background-color: #3098cf; padding: 6px 20px; border-radius: 4px; color: #fff; font-size: 22px; border: none; } @media screen and (max-width: 992px) { .yehidot-horaa-container .yahida-horaa-card-container { flex-direction: column; } .yehidot-horaa-container .yahida-horaa-card-container img { margin-bottom: 10px; } } @media screen and (min-width: 992px) { .yehidot-horaa-container .yahida-horaa-card-container img { max-width: 160px; } } /*ovveride*/ .page-component-edu .yehidot-horaa-container a.btn-search-blue { color: #fff; } .yehidot-horaa-container .tchum-daat .dark-btn, .yehidot-horaa-container .yahida-horaa-card-container .content-container .btn-search-blue { font-size: 17px; } .yehidot-horaa-container .tchum-daat .dark-btn { padding-top: 8px; } .page-component-edu .yehidot-horaa-container a.btn-search-blue:focus, .page-component-edu .yehidot-horaa-container a.dark-btn:focus, .page-component-edu .yehidot-horaa-container a.btn-search-blue:hover, .page-component-edu .yehidot-horaa-container a.dark-btn:hover { color: #fff !important; } #left_col[role=main] .yehidot-horaa-container ul.yahida-properties-list { margin-right: 0px; } .yehidot-horaa-container ul.yahida-properties-list li, .yehidot-horaa-container ul.yahida-properties-list { margin: 0px; } .yehidot-horaa-container .yehida-summary { margin-top: 5px; } .yehidot-horaa-container .yahida-horaa-card-container .content-container .yehida-summary p:not(p:last-child) { margin-bottom: 0px; } .ltr .yehidot-horaa-container .yahida-horaa-card-container img { margin-left: 0px; margin-right: 30px; } .ltr .yehidot-horaa-container .yahida-horaa-card-container .content-container .btn-search-blue { float: right; } .ltr .yehidot-horaa-container .tchum-daat .dark-btn { margin: 30px 35px 20px auto; text-align: left; width: 165px; } .ltr .yehidot-horaa-container .dark-btn img.small-arrow { margin-right: 0px; margin-left: 10px; transform: scaleX(-1); } .yehidot-horaa-container ul.yahida-properties-list li { display: inline; } .yehidot-horaa-container .yahida-horaa-card-container img.small-arrow { width: 8px; margin-right: 5px; } .yehidot-horaa-container .yahida-horaa-card-container .toogle-keys a { cursor: pointer; font-size: 14px; } @media screen and (max-width: 992px) { .yehidot-horaa-container .yahida-horaa-card-container img.small-arrow { margin-bottom: 0; margin-left: 0; } } .yehidot-horaa-container .yahida-horaa-card-container .content-container.ltr img.small-arrow { margin-left: 5px; margin-right: 0; } .yehidot-horaa-container ul.yahida-properties-list .saparator { width: 0.5px; height: 13px; } .yehidot-horaa-container ul.yahida-properties-list li span { font-size: 14px; } .yehidot-horaa-container .teaching-unit-label { font-weight: bold; } .yehidot-horaa-container .property-title span { font-weight: bold; } .yehidot-horaa-container .property-title { color: var(--title-color); } /*ovveride*/ .teaching-unit-link-container { display: flex; justify-content: flex-end; } /* buttons */ /* titles */ /* background */ /*form*/ html { scroll-behavior: smooth; } .maagar-yehidot-horaa-container h4 { padding: 7px 15px; } .maagar-yehidot-horaa-container .page-header.card-style .main-page-title { display: flex; background-color: rgb(48, 152, 207); align-items: center; justify-content: space-between; border: 6px solid #fff; padding: 4px 22px 4px 8px; } .maagar-yehidot-horaa-container .page-header.card-style .main-page-title h1 { padding: 0; } .maagar-yehidot-horaa-container .dark-btn { font-size: 16px; color: #fff; border-radius: 4px; border: none; background-color: #1d5c7e; width: 79px; height: 32px; } .maagar-yehidot-horaa-container .dark-btn img.small-arrow { width: auto; margin-right: 10px; } .maagar-topics-display .anchors-wrapper { /* background-color: #edf5fa;*/ text-align: right; padding: 16px; } .maagar-topics-display .anchors-wrapper .anchors-title { font-size: 22px; font-weight: 700; display: block; /* text-align: center;*/ margin-bottom: 10px; color: var(--title-color); } .maagar-topics-display .anchors-wrapper h2.anchors-title { font-size: 22px; font-weight: 700; display: block; /* text-align: center;*/ margin-bottom: 10px; color: var(--title-color); } .maagar-topics-display .anchors-wrapper .anchors-container { line-height: 25px; margin-bottom: 20px; } .maagar-topics-display .anchors-wrapper .anchors-container a { display: inline-block; color: var(--link-color); text-decoration: none; } .maagar-topics-display .anchors-wrapper .anchors-container .seperator { font-weight: 600; margin: 5px; color: var(--line-color); } .maagar-yehidot-horaa-container .title-inner-page { display: flex; justify-content: space-between; } .maagar-yehidot-horaa-container .tchum-daat.card-style { padding-bottom: 10px; } .maagar-yehidot-horaa-container .tchum-daat .title-inner-page { margin-bottom: 24px; } .maagar-yehidot-horaa-container .tchum-daat .back-top-btn { background-color: transparent; border: none; font-size: 16px; margin-right: auto; } .maagar-yehidot-horaa-container .tchum-daat .back-top-btn img { margin-right: 5px; display: inline-block; vertical-align: middle; } .maagar-yehidot-horaa-container .tchum-daat .dark-btn { margin: 50px auto 10px 30px; display: block; width: 66px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .results-counter { font-size: 16px; margin: 12px 0; /* margin-bottom: 20px;*/ } .maagar-yehidot-horaa-container .yahida-horaa-card-container { display: flex; align-items: flex-start; } .maagar-yehidot-horaa-container .yahida-horaa-card-container img { max-width: 160px; width: 100%; margin-left: 30px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container { display: inline-block; width: 100%; } .maagar-yehidot-horaa-container .saparator { margin: 20px 0; background-color: rgba(0, 0, 0, 0.1607843137); height: 1px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container h5 { color: #337ab7; font-size: 20px; margin-block: 0px; } .maagar-yehidot-horaa-container .search-details { background-color: var(--grey-background); display: inline-block; width: calc(100% - 30px); margin: 15px; padding: 5px 10px; box-sizing: border-box; } .maagar-yehidot-horaa-container .search-details ul.yahida-properties-list span.title { font-weight: 600; } .maagar-yehidot-horaa-container .search-details ul.yahida-properties-list li span { font-size: 18px; } .maagar-yehidot-horaa-container .search-details ul.yahida-properties-list li.title { margin-left: 15px; } .maagar-yehidot-horaa-container ul#horizontal-list { margin-right: 0; } .maagar-yehidot-horaa-container ul.yahida-properties-list { list-style: none; padding: 0; margin: 5px 0; } .maagar-yehidot-horaa-container ul.yahida-properties-list .saparator { height: 15px; width: 1px; display: inline-block; background-color: #333; margin: 0 10px; vertical-align: middle; } .maagar-yehidot-horaa-container ul.yahida-properties-list li { display: inline-block; vertical-align: middle; } .maagar-yehidot-horaa-container .content-container ul.yahida-properties-list li span { font-weight: 600; font-size: 16px; } .maagar-yehidot-horaa-container ul.yahida-properties-list li span.title { font-weight: bold; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container p { font-size: 16px; margin: 0; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container { margin-top: 10px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container .item-btn { display: block; margin-bottom: 4px; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; padding: 0; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container .btn-left { background-color: #3098cf; padding: 6px 30px; border-radius: 4px; color: #fff; font-size: 16px; border: none; display: block; margin-right: auto; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container .item-btn .item-btn-icon { display: inline-block; margin-right: 5px; width: fit-content; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .button-container { text-align: left; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .button-container button { background-color: #3098cf; border-radius: 10px; padding: 4px 16px; color: #fff; border: none; font-size: 18px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul { padding: 0; margin: 0; list-style: none; margin: 14px 0; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li { display: inline-block; font-size: 20px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li .small-saparator { width: 2px; background-color: #000; display: inline-block; height: 18px; vertical-align: middle; margin: 6px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form { margin-bottom: 10px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-filters { display: flex; flex-wrap: wrap; justify-content: space-around; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group { position: relative; display: inline-block; margin-left: 2%; margin-top: 20px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 214px; display: inline-block; margin-right: 13px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group.small select { width: 74px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .select-button-custom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex { display: flex; flex-wrap: wrap; width: 100%; max-width: 400px; height: 50px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container { position: relative; flex: 1; margin: 0; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container input { position: absolute; opacity: 0; cursor: pointer; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(48, 152, 207, 0.1333333333); font-weight: normal; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark .label-text { display: block; padding: 12px 0; font-size: 18px; text-align: center; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container input:checked ~ .checkmark { background-color: #2196f3; color: #fff; font-weight: bold; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .select-button-custom { position: absolute; top: 56px; right: 0; bottom: 0; left: 0; width: 100%; background-color: transparent; border: none; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group:nth-child(4) { margin-left: 0; } .maagar-yehidot-horaa-container form .select-button-custom::after { content: " "; position: absolute; top: 46%; left: 15px; width: 14px; height: 14px; transform: translateY(-50%) rotate(45deg); border-left: 2px solid transparent; border-top: 2px solid transparent; border-right: 2px solid #444; border-bottom: 2px solid #444; } .maagar-yehidot-horaa-container form .form-actions .button-clear { background-color: transparent; border: none; color: #3098cf; text-decoration: underline; font-size: 18px; } .maagar-yehidot-horaa-container form .form-actions { margin-right: auto; margin-top: -18px; width: fit-content; margin-left: 24px; } .maagar-yehidot-horaa-container form .form-actions .button-clear { background-color: transparent; border: none; color: #23527c; text-decoration: underline; font-size: 16px; margin-left: 20px; } .maagar-yehidot-horaa-container form .form-actions .button-primary { background-color: #3098cf; padding: 6px 20px; border-radius: 4px; color: #fff; font-size: 22px; border: none; } .maagar-yehidot-horaa-container form .maagar-yehidot-horaa-free-search { max-width: 351px; width: 100%; margin-bottom: -36px; border: 1px solid #ccc; } .form-bottom { display: flex; align-items: baseline; } #left_col > div > div:nth-child(2) > div.wrapper-padding > form > div.form-bottom > div:nth-child(1) { flex-grow: 1; } /*Start Pagination*/ .maagar-yehidot-horaa-container .centered-pagination { text-align: center; padding-top: 78px; padding-bottom: 28px; } .maagar-yehidot-horaa-container .pagination { display: inline-block; } .maagar-yehidot-horaa-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; /* margin: 0 4px; */ } .maagar-yehidot-horaa-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .maagar-yehidot-horaa-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .maagar-yehidot-horaa-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .maagar-yehidot-horaa-container .pagination a:hover:not(.active) { background-color: #ddd; } .maagar-yehidot-horaa-container .pagination .pagination-next, .maagar-yehidot-horaa-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; } /*End Pagination*/ @media screen and (max-width: 767px) { /* override 740px*/ .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-filters { flex-direction: column; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container ul.results-data li img { max-width: none; margin-left: 0; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark .label-text { padding: 7px 10px; font-size: 24px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form { flex-wrap: wrap; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container ul.results-data li { width: 100%; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group, .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group { width: 100%; margin: 15px 0; } .maagar-yehidot-horaa-container form .maagar-yehidot-horaa-btn, .maagar-yehidot-horaa-container form .btn-container { width: 100%; margin-top: 10px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li { width: 100%; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .searched-results ul li .small-saparator { display: none; } .form-bottom { flex-direction: column; gap: 20px; } .form-bottom .maagar-yehidot-horaa-free-search { width: 214px !important; margin-right: 13px; } #left_col > div > div:nth-child(2) > div.wrapper-padding > form > div.form-bottom > div:nth-child(2) { display: grid; } } /*ovveride*/ @media screen and (max-width: 991px) { /* override 740px*/ .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-filters { flex-direction: column; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group-d-flex label.container .checkmark .label-text { padding: 7px 10px; font-size: 24px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form { flex-wrap: wrap; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group, .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group { width: 100%; margin: 15px 0; } .maagar-yehidot-horaa-container form .maagar-yehidot-horaa-btn, .maagar-yehidot-horaa-container form .btn-container { width: 100%; margin-top: 10px; } .form-bottom { flex-direction: column; gap: 20px; } .form-bottom .maagar-yehidot-horaa-free-search { width: 214px !important; margin-right: 13px; } #left_col > div > div:nth-child(2) > div.wrapper-padding > form > div.form-bottom > div:nth-child(2) { display: grid; } } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group:last-child { margin-left: 0px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group.small select { width: 95px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 228px; padding-left: 22px; text-overflow: ellipsis; } /*.teaching-unit-grade-li { min-width: 55px; }*/ .popXtn .maagar-yehidot-horaa-container .btn.goBtn { border-radius: 4px; padding: 4px 30px; border: none; font-size: 18px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container { padding-bottom: 30px; } .maagar-yehidot-horaa-container ul.yahida-properties-list, .maagar-yehidot-horaa-container ul.yahida-properties-list li { margin-bottom: 0px; margin-top: 0px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container h5 { margin-bottom: 5px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container p.teaching-unit-summary { margin-top: 5px; } .maagar-yehidot-horaa-container ul.yahida-properties-list li span.teaching-unit-label { font-weight: bold; } .maagar-yehidot-horaa-container .comp-title-container .article-headline { float: left; } /*.maagar-yehidot-horaa-container ul.yahida-properties-list li.property-title { min-width: 65px; }*/ .maagar-yehidot-horaa-container .anchors-wrapper .anchors-container { margin-bottom: 0px; } .maagar-yehidot-horaa-container .tchum-daat .dark-btn { margin: 0px auto 5px 30px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container .item-btn { letter-spacing: 0.5px; display: inline; } .maagar-yehidot-horaa-container .page-component-edu a.goBtn:focus, .maagar-yehidot-horaa-container .page-component-edu a.goBtn:hover { color: #fff !important; } @media screen and (max-width: 992px) { .maagar-yehidot-horaa-container .yahida-horaa-card-container { display: block; } .maagar-yehidot-horaa-container .yahida-horaa-card-container img { max-width: none; } .maagar-yehidot-horaa-container .yahida-horaa-card-container img.item-btn-icon.btn-clear { margin-top: 0; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container { margin-top: 5px; } .maagar-yehidot-horaa-container ul.yahida-properties-list li.property-title { min-width: 50px; } /*.teaching-unit-grade-li { min-width: 50px; }*/ .maagar-yehidot-horaa-container ul.yahida-properties-list li span { font-size: 14px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 100%; margin-right: initial; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group.small select { max-width: unset; width: inherit; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group:first-of-type { margin-top: 0; } } .maagar-yehidot-horaa-container .maagar-yehidot-horaa-search-results-container .yahida-horaa-card-container .content-container.ltr { text-align: left; direction: ltr; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container.ltr .item-btns-container .item-btn .item-btn-icon { transform: rotateY(180deg); margin-right: 30px; margin-left: 5px; } .maagar-yehidot-horaa-container ul.yahida-properties-list li { display: inline; } .maagar-yehidot-horaa-container .yahida-horaa-card-container img.small-arrow { width: 8px; margin-right: 5px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .toogle-keys a { cursor: pointer; } @media screen and (max-width: 992px) { .maagar-yehidot-horaa-container .yahida-horaa-card-container img.small-arrow { margin-bottom: 0; margin-left: 0; } } .maagar-yehidot-horaa-container form .form-actions.clear-search-buttons { margin-left: 0px; margin-top: 15px; display: flex; justify-content: flex-end; } @media screen and (max-width: 767px) { .maagar-yehidot-horaa-container .yahida-horaa-card-container img.small-arrow { margin-top: 0; } } @media screen and (min-width: 992px) { .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group .maagar-yehidot-horaa-free-search { width: 305px; } } @media screen and (max-width: 1200px) and (min-width: 992px) { .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group .maagar-yehidot-horaa-free-search { width: 240px; } .maagar-yehidot-horaa-container form .form-actions.clear-search-buttons { float: none; margin-right: auto; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 150px; } } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container.ltr img.small-arrow { margin-left: 5px; margin-right: 0; } .maagar-yehidot-horaa-container ul.yahida-properties-list .saparator { width: 0.5px; } .maagar-yehidot-horaa .yehidot-sub-title { font-size: 16px; font-weight: 600; } .maagar-yehidot-horaa .yehidot-sub-title p { margin: 0; } .maagar-yehidot-horaa-container form .form-actions { margin-top: 0; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form { margin-bottom: 0; } .maagar-yehidot-horaa-container .cross-topics { margin-top: 10px; margin-bottom: 10px; } .maagar-yehidot-horaa-container .cross-topics .item-time-wrap.broadcastItemBox { padding: 5px 10px; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group.free-search-group { margin-top: 8px; } .maagar-yehidot-horaa-container a.button-clear:link { text-decoration: underline !important; } .maagar-yehidot-horaa-container .srcEmptyResults { padding-right: 15px; } .maagar-yehidot-horaa-container .yahida-horaa-card-container .content-container .item-btns-container .item-btn .item-btn-icon { width: 6px; } .maagar-yehidot-horaa-container .content-container .property-title span { font-size: 16px; font-weight: bold; } .maagar-yehidot-horaa-container .content-container ul.yahida-properties-list .property-title span, .maagar-yehidot-horaa-container .content-container ul.yahida-properties-list .teaching-unit-grade-li span { font-weight: normal; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .units-free-search-m { display: none; } #left_col[role=main] ul.yahida-properties-list { margin-right: 0px; } .unit-items { border-top: var(--stock-items-border); } .unit-items:first-of-type { border-top: none; } .more-less-btns { margin-top: 16px; border-top: var(--stock-items-border); padding: 10px; } @media screen and (max-width: 991px) { .maagar-yehidot-horaa-container form .form-bottom .maagar-yehidot-horaa-free-search { width: 100% !important; margin-right: 0; max-width: unset; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .units-free-search-m { display: inline-flex; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .units-free-search-d { display: none; } .form-bottom { display: block; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group select { width: 100%; margin-right: initial; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group.small select { max-width: unset; width: inherit; } .maagar-yehidot-horaa-container .maagar-yehidot-horaa form .form-group:first-of-type { margin-top: 0; } } /*.separetor-bg { background-color: #EEEEEE; height: 24px; margin: 8px -16px; box-shadow: none; }*/ /*ovveride*/ /*Start Basic Needs*/ .kindergarten-maagar-haklatot button { border: 0; } .kindergarten-maagar-haklatot a, .kindergarten-maagar-haklatot button { transition: background-color 0.3s; } .kindergarten-maagar-haklatot input, .kindergarten-maagar-haklatot select { border: 1px solid #aeaeae; } /* override */ /* Edge */ /*.kindergarten-maagar-haklatot input::-webkit-input-placeholder { color: #666564; }*/ /* override */ /* Internet Explorer 10-11 */ /*.kindergarten-maagar-haklatot input:-ms-input-placeholder { color: #666564; }*/ /*overide*/ /*.kindergarten-maagar-haklatot input::placeholder { color: #666564; }*/ .kindergarten-maagar-haklatot .bold { font-weight: 600; } /*End Basic Needs*/ .kindergarten-maagar-haklatot { text-align: right; } .kindergarten-maagar-haklatot .page-header { background-color: #ffffff; justify-content: center; } .kindergarten-maagar-haklatot .page-header .page-title { background-color: rgb(48, 152, 207); margin: 5px; padding: 5px 18px 5px 5px; } .kindergarten-maagar-haklatot .page-header .page-title h1 { background-color: transparent; padding: 0; line-height: normal; } .kindergarten-maagar-haklatot .page-content .content-header { color: #000; } .kindergarten-maagar-haklatot .page-content .content-info { font-size: 16px; font-weight: 600; } .kindergarten-maagar-haklatot .page-content .content-main .form-itur-haklatot label { margin-left: 12px; } .kindergarten-maagar-haklatot .page-content .content-main .form-itur-haklatot { align-items: flex-end; flex-wrap: wrap; } .kindergarten-maagar-haklatot .page-content .content-main .form-itur-haklatot .form-inputs { width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .form-itur-haklatot .form-actions { margin-right: auto; margin-top: 10px; } .kindergarten-maagar-haklatot .page-content .content-main .input-search { width: 312px; height: 34px; padding: 0 10px; } .kindergarten-maagar-haklatot .buttom-search-section{ margin-top:16px; } .kindergarten-maagar-haklatot .language-speakers { width: 50%; } .kindergarten-maagar-haklatot .language-speakers .select-language-speakers { width: 75%; } .kindergarten-maagar-haklatot .page-content .content-main .select-classroom { width: 98px; /* height: 34px;*/ } .kindergarten-maagar-haklatot .page-content .content-main .select-field { width: 226px; /* height: 34px;*/ } .kindergarten-maagar-haklatot .page-content .content-main .select-study-units { width: 98px; /* height: 34px;*/ } .kindergarten-maagar-haklatot .page-content .content-main .select-audiences { width: 216px; /*height: 34px;*/ } .kindergarten-maagar-haklatot .stock-item h3 { margin: 0px 0px 5px 0px; width:100%; } @media (max-width: 375px) { .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { border: 0 !important; padding: 0 !important; margin-bottom: 20px; width: 50%; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot div.details-footer { text-align: right; } .kindergarten-maagar-haklatot img.video { width: 18px; height: 18px; } } @media (max-width: 991px) { /* override */ .kindergarten-maagar-haklatot .page-content .content-main .select-field { width: 100%; background-size: 10px; } .kindergarten-maagar-haklatot label { margin: 10px; } .kindergarten-maagar-haklatot .page-content .content-info { font-size: 18px; margin-bottom: 45px; } .kindergarten-maagar-haklatot .page-content .content-main .input-search { width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .form-actions { text-align: left; margin: 20px 0; width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .select-classroom, .kindergarten-maagar-haklatot .page-content .content-main .select-field-of-knowledge, .kindergarten-maagar-haklatot .page-content .content-main .select-study-units, .kindergarten-maagar-haklatot .page-content .content-main .select-language-speakers, .kindergarten-maagar-haklatot .page-content .content-main .select-audiences { width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .flex-input-container { flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .kindergarten-maagar-haklatot .page-content .content-main .flex-input-wrapper { flex: 40%; flex-direction: column; align-items: flex-start; width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .flex-input-wrapper label { line-height: 1; } .kindergarten-maagar-haklatot .page-content .content-info { justify-content: center; padding: 10px; margin-bottom: 5px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table { flex-wrap: wrap; justify-content: center; } .kindergarten-maagar-haklatot .page-content .content-header .icon.note-feather { display: none; } } .kindergarten-maagar-haklatot .page-content .content-main .button-primary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; font-size: 24px; width: 132px; } .kindergarten-maagar-haklatot .page-content .content-main .button-primary:hover { background-color: rgb(45, 143, 196); } .kindergarten-maagar-haklatot .page-content .content-main .button-secondary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; height: 32px; font-size: 16px; width: 114px; } .kindergarten-maagar-haklatot .page-content .content-main .button-secondary:hover { background-color: rgb(45, 143, 196); } .kindergarten-maagar-haklatot .page-content .content-main .button-clear { background-color: transparent; color: rgb(48, 152, 207); cursor: pointer; padding: 0; text-decoration: underline; margin-left: 10px; } /*Start Icons*/ .kindergarten-maagar-haklatot .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .kindergarten-maagar-haklatot .video { background-image: url(/images/icon-video.svg); width: 25px; height: 25px; margin-left: 15px; } /*.kindergarten-maagar-haklatot .video-screen { background-image: url(./icon-video-screen.svg); width: 43px; height: 39px; } .kindergarten-maagar-haklatot .video-lights { background-image: url(./icon-video-lights.svg); width: 45px; height: 45px; } .kindergarten-maagar-haklatot .video-projector { background-image: url(./icon-video-projector.svg); width: 39px; height: 43px; }*/ .kindergarten-maagar-haklatot .chevron-left { background-image: url(/images/icons/icon-chevron-left.svg); width: 6px; height: 10px; } /*.kindergarten-maagar-haklatot .note-feather { background-image: url(./FeatherCapture.PNG); width: 32px; height: 47px; flex-shrink: 0; }*/ /*End Icons*/ .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot { padding-top: 27px; padding-right: 10px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot:not(:first-child) { border-top: 1px solid rgba(112, 112, 112, 0.5); } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-footer { text-align: left; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { text-align: center; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:last-child) { padding-left: 29px; border-left: 1px solid rgba(112, 112, 112, 0.5); } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:first-child) { padding-right: 29px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-header { margin-bottom: 17px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table { margin-bottom: 25px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-header h3 { color: rgb(48, 152, 207); font-size: 25px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .content-info { background-color: #e0eef5; font-size: 14px; flex-wrap: wrap; padding: 4px 10px; align-items: center; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .content-info img { height: 15px; width: auto; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .content-info a { color: rgb(48, 152, 207); margin-right: 5px; } /*Start Pagination*/ .kindergarten-maagar-haklatot .page-content .content-main .centered-pagination { text-align: center; margin-top: 38px; margin-bottom: 45px; } .kindergarten-maagar-haklatot .page-content .content-main .pagination { display: inline-block; } .kindergarten-maagar-haklatot .page-content .content-main .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; /* margin: 0 4px; */ } .kindergarten-maagar-haklatot .page-content .content-main .pagination a:first-child { border-radius: 5px 0 0 4px; } .kindergarten-maagar-haklatot .page-content .content-main .pagination a:last-child { border-radius: 0 4px 4px 0; } .kindergarten-maagar-haklatot .page-content .content-main .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .kindergarten-maagar-haklatot .page-content .content-main .pagination a:hover:not(.active) { background-color: #ddd; } .kindergarten-maagar-haklatot .page-content .content-main .pagination .pagination-next, .kindergarten-maagar-haklatot .page-content .content-main .pagination .pagination-prev { opacity: 0.76; font-size: 13px; } /*End Pagination*/ /* override */ .kindergarten-maagar-haklatot .recordings-multiselect .multiselect-parent { width: 100%; } .kindergarten-maagar-haklatot .recordings-multiselect .multiselect-parent .btn-multi-select { display: block; height: 36px; padding: 0 10px; /* border: 1px solid #CCCCCC; border-radius: 0;*/ background-color: #fff; width: 100%; font-size: 16px; font-family: 'Assistant'; background: var(--select-bg); background-repeat: no-repeat; /*background-position: 4px 13px;*/ } .kindergarten-maagar-haklatot .recordings-multiselect ul.dropdown-menu { max-height: 300px; } .kindergarten-maagar-haklatot form .recordings-multiselect .multiselect-parent .btn-multi-select .caret { display: none; } .kindergarten-maagar-haklatot .recordings-multiselect label { font-size: 16px; margin: 5px 0 0 0; } .kindergarten-maagar-haklatot .recordings-multiselect label input[type="checkbox"] { /*margin-top: 6px;*/ /* because of the font size is 18 and not 16 */ height: auto; } @media (min-width: 1200px) { #left_col[role=main] .kindergarten-maagar-haklatot .narrow-dropdown ul.dropdown-menu-form, #left_col[role=main] .kindergarten-maagar-haklatot .select-study-units ul.dropdown-menu-form { min-width: initial; /*width: 100px;*/ } } .kindergarten-maagar-haklatot .page-content .content-main .button-clear { vertical-align: bottom; } .kindergarten-maagar-haklatot .note-feather { width: 25px; height: 42px; flex: 0 0 25px; margin: 2px 5px 0 5px; } /*.kindergarten-maagar-haklatot .page-content .content-info { margin-top: 15px; }*/ .kindergarten-maagar-haklatot .page-content .content-header .note-container { flex-wrap: unset; } .kindergarten-maagar-haklatot .page-content .content-info p { margin: 0; } .kindergarten-maagar-haklatot .page-content .content-main .input-search { min-height: unset; height: 36px; border: 1px solid #CCCCCC; } .kindergarten-maagar-haklatot { font-size: 16px; } .kindergarten-maagar-haklatot .results-title { align-self: flex-start; } .kindergarten-maagar-haklatot .page-content .content-title { font-size: 22px; padding: 6px 20px; margin: 0; min-height: 40px; } .popXtn .kindergarten-maagar-haklatot .resltsDataContainer { border-top: none; border-right: none; border-left: none; } .kindergarten-maagar-haklatot .page-content .content-main .button-secondary { /*border-radius: 6px; color: #ffffff; cursor: pointer; height: 25px;*/ font-size: 16px; /*font-weight: 400;*/ /*width: 120px; transition: background-color 0.3s;*/ padding: 5px 12px; line-height: 1.2; } @media (max-width: 991px) { .kindergarten-maagar-haklatot .recordings-delimiter { display: none; } /*.kindergarten-maagar-haklatot .flex-input-wrapper,*/ .kindergarten-maagar-haklatot .page-content .content-main .input-search { margin-bottom: 15px; } .kindergarten-maagar-haklatot .flex-input-wrapper label { margin-right: 0; } .kindergarten-maagar-haklatot .video { margin-top: 5px; /*width: 18px; height: 18px;*/ } .kindergarten-maagar-haklatot .page-content .content-main .form-itur-haklatot .form-inputs { width: 100%; } } @media (min-width: 992px) { .kindergarten-maagar-haklatot .page-content .content-main .select-study-units { width: 114px; } .kindergarten-maagar-haklatot .page-content .content-main .input-search { width: 100%; } .kindergarten-maagar-haklatot .ui-select-container { min-width: 280px; } .kindergarten-maagar-haklatot .flex-input-wrapper.free-text-wrapper { max-width: 331px; width: 100%; } /*.kindergarten-maagar-haklatot .page-content .content-main { margin-top: 15px; }*/ .kindergarten-maagar-haklatot .video { /*width: 18px; height: 18px;*/ width: 35px; height: 33px; } } @media (max-width: 767px) { .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { margin-bottom: 5px; width: 100%; text-align: right; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table { margin-bottom: 5px; display: block; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item div { display: inline-block; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-haklatot-table .details-haklatot-item .bold:after { content: ":"; margin-right: -3px; } } @media (max-width: 1199px) { .kindergarten-maagar-haklatot .form-actions .desktop-reset { display: none; } } @media (min-width: 1200px) { .kindergarten-maagar-haklatot .form-actions .mobile-reset { display: none; } } .kindergarten-maagar-haklatot label.no-wrap { white-space: nowrap; } .kindergarten-maagar-haklatot .ui-select-search { font-family: Assistant; } .kindergarten-maagar-haklatot .page-content .content-main .select-field-of-knowledge { min-width: 250px; } .kindergarten-maagar-haklatot button.btn-multi-select { letter-spacing: initial; } .kindergarten-maagar-haklatot .dropdown-menu > li > a { padding-right: 10px; padding-left: 10px; } .kindergarten-maagar-haklatot .dropdown-multiselect .dropdown-header { padding-right: 10px; padding-left: 10px; } .kindergarten-maagar-haklatot .recordings-multiselect .multiselect-parent .btn-multi-select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; } .kindergarten-maagar-haklatot .video { /*margin-top: 5px;*/ /*width: 18px; height: 18px;*/ } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-header h5 { display: inline-block; flex: 1; } .kindergarten-maagar-haklatot .details-haklatot-table.ltr .details-haklatot-value { direction: ltr; } .kindergarten-maagar-haklatot .details-description.ltr { direction: ltr; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-header { width: 100%; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .details-header h3 { margin: 0; } .kindergarten-maagar-haklatot .page-content .content-main .button-primary { width: 120px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot:not(:first-child) { border-top-color: #E2E2E2; } .kindergarten-maagar-haklatot .page-content { min-height: 100px; } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .content-info span { color: rgb(48, 152, 207); } .kindergarten-maagar-haklatot .page-content .content-main .details-haklatot .content-info img { margin-left: 5px; } .results-count { margin-top: 15px; } .kindergarten-maagar-haklatot .details-description { margin-bottom: 15px; } .kindergarten-maagar-haklatot .clear-btn { display: inline-block; } .thumei-daat-container.page-component-edu { background-color: white; } .thumei-daat-container .comp-title-container { background-color: rgb(48, 152, 207); display: inline-block; /*padding: 5px 10px; /*ovverride */ /*margin: 10px 0;*/ /*ovverride */ } .thumei-daat-container .comp-title-container .header { color: #ffffff; font-weight: 600; font-size: 22px; } .thumei-daat-container { padding: 1.77%; position: relative; } .thumei-daat-container .container-content { position: relative; /*margin: 0 10px 0 20px;*/ } .thumei-daat-container .container-content .content-description { min-height: 212px; } .thumei-daat-container .container-content .content-img { width: auto; max-width: 100%; float: left; margin-right: 20px; } .thumei-daat-container .container-content .content-title { font-size: 22px; font-weight: 700; margin-bottom: 20px !important; margin-top: 0; } .thumei-daat-container .sub-content { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 20px 10px 10px 20px; } .thumei-daat-container .sub-content .small-arrow { width: auto; margin-right: 5px; vertical-align: baseline; } .thumei-daat-container .sub-content .yehidot-link { font-size: 16px; margin-left: 15px; } .thumei-daat-container .dark-btn { font-size: 16px; color: #fff; border-radius: 4px; border: none; background-color: #1d5c7e; width: 130px; height: 32px; } .thumei-daat-container .dark-btn img.small-arrow { width: auto; margin-right: 10px; } .thumei-daat-container .container-content .content-description { font-size: 16px; } .page-component-edu.thumei-daat-container h4, .page-component-edu.thumei-daat-container .comp-title-container h4 { margin: 0; font-weight: 700; } .thumei-daat-container .thumei-daat-paragraph { font-size: 16px; } .thumei-daat-container .eds-slick-carousel-wrapper .eds-slick-carousel-item { position: relative; } .thumei-daat-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; color: #ffffff; justify-content: center; position: absolute; bottom: 0; font-size: 16px; font-weight: normal !important; flex-wrap: wrap; text-align: center; min-height: 30px; width: 100%; } .thumei-daat-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title .eds-slick-carousel-item-symbol { font-size: 16px; margin: 0 3.27%; } .thumei-daat-container .eds-slick-carousel-wrapper .slick-next:before, .thumei-daat-container .eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .thumei-daat-container .eds-slick-carousel-buttons-wrapper { text-align: left; margin-bottom: 32px; } .thumei-daat-container .eds-slick-carousel-buttons-wrapper .thumei-daat-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } .thumei-daat-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .thumei-daat-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; text-align: center; } #left_col[role="main"] .thumei-daat-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .thumei-daat-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .thumei-daat-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; } .thumei-daat-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 1px; margin-right: 10px; padding: 1rem; } /*/*Start Pagination*/ /*.thumei-daat-container .centered-pagination { text-align: center; } .thumei-daat-container .pagination { display: inline-block; } .thumei-daat-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; } .thumei-daat-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .thumei-daat-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .thumei-daat-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .thumei-daat-container .pagination a:hover:not(.active) { background-color: #ddd; } .thumei-daat-container .pagination .pagination-next, .thumei-daat-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* start Info List */ .thumei-daat-container .edu-info-list-wrapper { padding: 0; flex-wrap: wrap; gap: 18px; /* justify-content: space-around; */ } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .thumei-daat-container ul.edu-info-list-container { list-style: none; padding: 0; min-height: 41px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item-header { margin-bottom: 8px; } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item-header h4 { background-color: var(--stock-search-bg); padding: 12px 15px 12px 0; font-size: 20px; border-radius: var(--item-radius); } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: 26px; } /*.thumei-daat-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: var(--link-color); }*/ .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ /*START BASIC NEEDS*/ .thumei-daat-container icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .thumei-daat-container .chevron-left { background-image: url(./images/icon-chevron-left.svg); width: 6px; height: 12px; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (max-width: 650px) { /*override 650px*/ .thumei-daat-container .container-content .content-img { float: unset; width: 100%; margin: 0 0 10px 0; } .thumei-daat-container .sub-content { align-items: center; flex-wrap: wrap; } .thumei-daat-container .sub-content .yehidot-link { margin-bottom: 10px; } /*.thumei-daat-container .comp-title-container { padding: 5px 10px; margin: 10px 0; }*/ } @media (min-width: 992px) { .thumei-daat-container { padding: 1.77%; } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .thumei-daat-container ul.edu-info-list-container { margin: 0; min-height: auto; } .thumei-daat-container .eds-slick-carousel-buttons-wrapper { margin-bottom: 0; } .thumei-daat-container .eds-slick-carousel-buttons-wrapper .thumei-daat-href { padding: 4px 0; } .thumei-daat-container .itur-sheirut-input-wrapper { height: 42px; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-input { margin: 0; } .thumei-daat-container .itur-sheirut-input-wrapper .itur-sheirut-button { height: inherit; flex-basis: 75px; } .thumei-daat-container .itur-sheirut-results-summary-wrapper { margin-top: 0; text-align: right; } .thumei-daat-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { padding: 0; } .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .thumei-daat-container ul.edu-info-list-container { flex: 1 0 253px; } } /*END MEDIA QUERY*/ /* override */ @media (min-width: 651px) { .thumei-daat-container .container-content .content-img { max-width: 451px; } } .thumei-daat-container .dark-btn:hover { background-color: #11415A !important; opacity: 1.0; color: #fff !important; } .thumei-daat-container .dark-btn { padding: 4px 16px; } @media (min-width: 992px) { .thumei-daat-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .thumei-daat-container ul.edu-info-list-container { flex-basis: 31%; } } .thumei-daat-container { padding: 10px; } .thumei-daat-container.page-component-edu:not(.not-shaped) .comp-title-container .header { display: inline-block; } .thumei-daat-container .container-content.thumei-daat-details { /*margin-top: 10px;*/ margin-bottom: 15px; } .thumei-daat-container .sub-content { width: 100%; padding: 0; } /*.thumei-daat-container .container-content .content-description { display: flex; align-items: flex-start; }*/ .thumei-daat-container .container-content .content-description p:first-of-type { margin-top: 0; } .thumei-daat-container .container-content .content-description .topics-details-img { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; float: left; margin-bottom: 15px; gap: 15px; } .thumei-daat-container .container-content .content-description .topics-details-img .dark-btn { margin-top: 15px; } .thumei-daat-container .small-arrow { width: auto; margin-right: 5px; vertical-align: baseline; } .thumei-daat-container .sub-content { padding: 0 10px 15px 10px; } .thumei-daat-container .container-content .content-description .topics-details-img .topics-datails-img-container { position: relative; } .thumei-daat-container .container-content .content-description .topics-details-img .topics-datails-img-container .video-thumbnail { top: calc(50% - 31.5px ); } .page-component-edu .page-component-edu.thumei-daat-container { margin-bottom: 0 !important; } .page-component-edu.teaching-units-in-columns-container { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } /* buttons */ /* titles */ /* background */ /*form*/ .page-component-edu.collapse-container.collapse-items-container { background-color: white; } .collapse-container.collapse-items-container .collapse-item { /*font-size: 20px;*/ display: inline-block; color: #337ab7; margin: 0; line-height: 50px; color: var(--title-color); } .collapse-container.collapse-items-container .collapse-item h3 { /* font-size: 23px;*/ margin: 0; line-height: 50px; } .collapse-container.collapse-items-container .collapse-subtitle { margin: 0; padding: 0 30px; } .collapse-container.collapse-items-container .collapse-content { margin: 0; padding-left: 16px; } .collapse-container.collapse-items-container .collapse-content-wrapper { display: flex; align-items: flex-start; } .collapse-container.collapse-items-container .collapse-content-wrapper:not(:first-of-type) { margin-top: 20px; } .collapse-container.collapse-items-container .collapse-content-img { width: 170px; margin-left: 20px; } .collapse-container.collapse-items-container .collapse-content-text { margin: 6px 0 10px 0; } .collapse-container.collapse-items-container .collapse-content-list { display: flex; flex-wrap: wrap; } .collapse-container.collapse-items-container .collapse-content-list li { flex: 1 0 250px; list-style: none; } .collapse-container.collapse-items-container .collapse-content-list li button { margin-left: 10px; } .collapse-container.collapse-items-container .collapse-content-list li button, .collapse-container.collapse-items-container .collapse-content-list li span { vertical-align: middle; } .collapse-container.collapse-items-container .item-btn { display: block; margin-top: 10px; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; padding: 0; } .item-btn-icon { display: inline-block; margin-right: 5px; width: fit-content; } .collapse-container.collapse-items-container .PanelCollapse { background-color: var(--stock-search-bg); /*padding-bottom: 5px;*/ border: var(--panel-border); border-radius: 4px; } .collapse-container.collapse-items-container .PanelCollapse:not(:last-of-type) { margin-bottom: 15px; } .collapse-container.collapse-items-container .ContentCollapse { margin-right: 5px; padding-top: 5px; } .collapse-container.collapse-items-container .ContentCollapse .sub-title { margin-top: 0; margin-bottom: 20px; font-size: 18px; } .collapse-container.collapse-items-container .collapse-item::before { display: inline-block; width: 30px; vertical-align: text-bottom; padding: 0 10px; } .collapse-container.collapse-items-container .collapse-item::before { content: url(/images/icons/navigation-blue-down.svg); } .collapse-container.collapse-items-container .collapsed .collapse-item::before { content: url(/images/icons/navigation-blue-side.svg); } /* Collapse with yehidot horaa */ .collapse-container.collapse-items-container .yahida-horaa-card-container { display: flex; align-items: flex-start; } .collapse-container.collapse-items-container .saparator { margin: 20px 0; background-color: rgba(0, 0, 0, 0.1607843137); height: 1px; } .collapse-container.collapse-items-container .yahida-horaa-card-container img { max-width: 160px; width: 100%; margin-left: 30px; } .collapse-container.collapse-items-container .yahida-horaa-card-container h5.title { margin-top: 0; color: var(--title-color); } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { list-style: none; padding: 0; margin: 5px 0; margin-right: 0 !important; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list .saparator { height: 15px; width: 1px; display: inline-block; background-color: #333; margin: 0 10px; vertical-align: middle; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li { display: inline-block; vertical-align: middle; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container ul.yahida-properties-list li span { font-size: 16px; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li span.title { font-weight: 600; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container { margin-top: 10px; display: flex; justify-content: flex-end; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container .btn-left { background-color: #3098cf; padding: 6px 30px; border-radius: 4px; color: #fff; font-size: 16px; border: none; display: block; margin-right: auto; } /* override */ @media (max-width: 767px) { .collapse-container.collapse-items-container .collapse-content { /*padding-top: 15px;*/ padding-left: 0; } .collapse-container.collapse-items-container .ContentCollapse { padding-right: 15px; margin-right: 0; } .collapse-container.collapse-items-container .collapse-items-and-images .collapse-content-wrapper { display: block; } .collapse-container.collapse-items-container .collapse-content-img { width: 100%; margin-left: 0; } .collapse-container.collapse-items-container .collapse-items-and-images .collapse-content-wrapper .collapse-content { padding-top: 10px; } } .collapse-container.collapse-items-container .collapse-content-list .item-btn-icon { margin-right: 0; margin-left: 5px; } .collapse-container.collapse-items-container .collapse-content-list.one-column { display: block; flex-wrap: unset; } #left_col[role=main] .page-component-edu.collapse-container.collapse-items-container .PanelCollapse .ContentCollapse .collapse-content-list { /*margin-right: 0; margin-left: 0;*/ margin: 0; } .collapse-container.collapse-items-container .collapse-content-list li { flex: 1 0 280px; } .collapse-container.collapse-items-container .panel-collapse .sub-title.semi-bold { margin-bottom: 15px; } .collapse-container.collapse-items-container.ltr .collapse-subtitle { text-align: left; } .collapse-container.collapse-items-container.ltr .collapse-content-img { margin-left: 0; margin-right: 20px; } .collapse-container.collapse-items-container.ltr .collapse-content { padding-right: 50px; padding-left: 0; } .collapse-container.collapse-items-container.ltr .item-btn { text-align: left; } .collapse-container.collapse-items-container.ltr .item-btn-icon { margin-left: 5px; margin-right: 0; transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .collapse-content { padding-right: 50px; padding-left: 0; } .collapse-container.collapse-items-container.ltr .collapse-content-list .item-btn-icon { margin-left: 0; margin-right: 5px; transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .collapsed .collapse-item::before { transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .ContentCollapse { margin-left: 5px; margin-right: 0; } .collapse-container.collapse-items-container.ltr .ContentCollapse { padding-right: 15px; padding-left: 25px; } .collapse-container.collapse-items-container .ContentCollapse .collapse-content > p:first-of-type { margin-top: 0; } .collapse-container.collapse-items-container .ContentCollapse .collapse-content > p{ margin-bottom: 0; } .collapse-container.collapse-items-container.ltr .collapse-item { text-align: left; } .collapse-container.collapse-items-container .collapse-sub-title { font-size: 16px; } .collapse-container.collapse-items-container .collapse-item { display: flex; } /*.collapse-container.collapse-items-container .ContentCollapse .rich-text-editor-com.first { margin-top: -8px; }*/ .collapse-container.collapse-items-container .ContentCollapse .rich-text-editor-com.collapse-rich-text:first-of-type { margin-top: -8px; } .collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom { margin-bottom: 15px; } .page-component-edu.collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom .more-less-container { float: unset; } .page-component-edu.ltr.collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom .more-less-container .row-without-margin { float: unset; } .collapse-container.collapse-items-container .collapse-item::before { margin-top: -2px; } .collapse-container.collapse-items-container .collapsed .collapse-item::before { margin-top: 0; } .collapse-container.collapse-items-container .collapse-content-list li a { display: inline-flex; align-items: baseline; } .collapse-container.collapse-items-container .collapse-content-list li a span { padding-right: 3px; } .collapse-container.collapse-items-container.page-component-edu .container-content .panel-collapse-header .PanelCollapse a:focus { color: black !important; -webkit-tap-highlight-color: black; } /*.collapse-container.collapse-items-container.page-component-edu .container-content .PanelCollapse .panel-collapse-header a:hover { color: rgb(29, 139, 209) !important; -webkit-tap-highlight-color: rgb(29, 139, 209); }*/ .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { margin: 0; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container .btn-left { float: left; font-size: 17px; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container .content-container .item-btns-container .btn-left { float: right; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container img { margin-right: 30px; margin-left: 0; } .collapse-container.collapse-items-container .yahida-horaa-card-container img.small-arrow { width: 8px; margin-right: 5px; } @media (max-width: 991px) { .collapse-container.collapse-items-container .yahida-horaa-card-container { flex-direction: column; } .collapse-container.collapse-items-container .yahida-horaa-card-container img { width: 100%; margin-left: 0; max-width: none; } .collapse-container.collapse-items-container .yahida-horaa-card-container h5.title { margin-top: 10px; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li { display: inline; } .collapse-container.collapse-items-container .yahida-horaa-card-container img.small-arrow { margin-bottom: 0; margin-left: 0; } } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { font-size: 14px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container ul.yahida-properties-list li span { font-size: 14px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container { width: 100%; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list .saparator { width: 0.5px; height: 13px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .toogle-keys a { cursor: pointer; font-size: 14px; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container img.small-arrow { margin-left: 5px; margin-right: 0; } .page-component-edu.collapse-container.collapse-items-container a.btn-search-blue:hover, .page-component-edu.collapse-container.collapse-items-container a.btn-search-blue:focus, .page-component-edu.collapse-container.collapse-items-container a.dark-btn:hover { color: #fff !important; } /* start newspaper */ .collapse-container.collapse-items-container .collapse-newspaper { /*box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;*/ /*margin-bottom: 25px;*/ /*background-color: white;*/ display: flex; justify-content: space-between; height: auto; align-items: flex-start; min-height: 340px; } /*START BASIC NEEDS*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-mobile { /*display: initial;*/ display: none; } /*END BASIC NEEDS*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .container-content { flex: 1; /*padding: 24px;*/ } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .article-content { color: #000; }*/ /*.newspaper-component .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .newspaper-component .edu-article-container .article-content h4 { color: inherit; font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; }*/ /*.newspaper-component .edu-article-container .article-content .article-paragraph { font-size: 17px; }*/ /*yisca put in comment exist in style guide*/ /**/ @media (min-width: 992px) { /* 768px*/ /*.collapse-container.collapse-items-container .collapse-newspaper .hide-in-desktop { display: none; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-desktop { display: block; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-mobile { display: none; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 452px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 20px 0; } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .show-in-mobile { display: none; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 377px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 10px 0; } } .collapse-container.collapse-items-container .collapse-newspaper { min-height: unset; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { font-size: 26px; font-weight: normal !important; margin-top: 0; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin-bottom: 20px; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container .article-img { float: right; margin-left: 0; margin-right: 0; } @media (max-width: 991px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .hide-in-mobile { display: none; } /*.newspaper-component .edu-article-container .show-in-mobile { display: block; }*/ .collapse-container.collapse-items-container .collapse-newspaper .read-more { margin-left: unset !important; margin-right: unset !important; } } .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { background-image: url(/remote.axd?https://meyda.education.gov.il/files/pop/15298/creation.jpg?anchor=center&mode=crop&width=689&height=436&rnd=132266665390000000); min-height: 188px; } @media (min-width: 414px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { min-height: 212px; } } @media (min-width: 768px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { min-height: 315px; } } @media (min-width: 992px) { /* 768px*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 20px 0; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container .article-img { margin-left: 40px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin-bottom: 40px; } /*.newspaper-bigimage-component .edu-article-container .article-content .article-img { max-width: 452px; }*/ /*.newspaper-bigimage-component.page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 0; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { max-width: 377px; min-height: 238px; margin-right: 40px; margin-bottom: 40px; float: left; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-flex-video-link { margin-left: 40px; margin-right: 0; float: right; } /*.page-component-edu.newspaper-bigimage-component.article-page-component .edu-flex-video-link { max-width: 452px; min-height: 423px; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-desktop { display: block; } .collapse-container.collapse-items-container .collapse-newspaper:not(.not-shaped) .comp-title-container { margin-bottom: 0; } } /*.page-component-edu.ltr .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { text-align: left; } .edu-media-grid-container .container-content .more-less-container { width: 100%; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container { width: 100%; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .ContainerButtons { display: inline-block; margin-top: 10px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .ContainerButtons .btn.darkBlue { white-space: inherit; } /*.newspaper-bigimage-component .comp-title-container { margin-bottom: 0; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container { padding: 0; background-color: unset; margin-bottom: 0; } .collapse-container.collapse-items-container .collapse-content-wrapper .collapse-content { padding-left: 0; padding-right: 0; width: 100%; } .collapse-container.collapse-items-container .collapse-content-wrapper .collapse-content .btn-search-blue.btn-left { float: left; font-size: 17px; background-color: #3098cf; padding: 6px 30px; border-radius: 4px; color: #fff; border: none; display: block; margin-right: auto; /*margin-bottom: 15px;*/ } .collapse-container.collapse-items-container.ltr .collapse-content-wrapper .collapse-content .btn-search-blue.btn-left { float: right; margin-left: auto; margin-right: inherit; } .collapse-container.collapse-items-container .collapse-content-wrapper .item-btns-container { display: flex; justify-content: flex-end; } .collapse-container.collapse-items-container .collapse-content-icon { width: auto; max-width: 8px; margin-left: 8px; margin-top: 6px; } .collapse-container.collapse-items-container.ltr .collapse-content-icon { margin-right: 8px; margin-left: 0; transform: rotateY(180deg); } .collapse-container.collapse-items-container .collapse-newspaper .collapse-newspaper-panel { width: 100%; } .collapse-container.collapse-items-container .collapse-items-with-icon .collapse-content-wrapper:not(:first-of-type) { margin-top: 5px; } .collapse-container .page-component-edu.component-container, .collapse-container .page-component-edu.table-component{ background-color:transparent; padding:0px; } .collapse-container .page-component-edu.table-component .table-item { border: 1px solid #7F9AB2; background-color: #F4F9FC; } .content .gallery-3-img-component { text-align: right; } .content .gallery-3-img-component .content-title { color: white; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content .gallery-3-img-component .card.page-header { padding: 14px 15px; margin-top: 40px; min-height: 241px; margin: auto; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel { width: 95%; margin: 13px auto 45px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .slick-dots { bottom: -35px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .slick-dots li { margin: 0; width: 15px; height: 15px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .slick-dots li button:before { font-size: 10px; color: #838383; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .slick-dots li.slick-active button:before { color: #3098cf; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .slick-arrow::before { content: ""; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #000; width: 100%; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { font-size: 20px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-desc { font-size: 16px; line-height: 22px; margin-bottom: 5px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: auto; display: block; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { display: inline-block; margin-right: 5px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item .play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content .gallery-3-img-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .content .gallery-3-img-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel { margin-bottom: 15px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item { -webkit-box-align: end; -ms-flex-align: end; align-items: end; background-size: cover; background-position: center; position: relative; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right { grid-area: right; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top { grid-area: leftTop; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom { grid-area: leftBottom; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item-img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item-content { position: absolute; bottom: 0; padding: 10px 16px; color: #fff; background-color: var(--title-color); opacity: 0.9; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item:not(.right) .item-title { font-size: 16px; line-height: 22px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item:not(.right) .item-desc { font-size: 14px; } @media screen and (min-width: 992px) { .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container { display: -ms-grid !important; display: grid !important; -ms-grid-rows: (185px)[2]; grid-template-rows: repeat(2, 185px); gap: 22px; grid-template-areas: "right right leftTop" "right right leftBottom"; -ms-grid-columns: 226px; grid-template-columns: 226px; } } @media screen and (max-width: 991px) { .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container { width: 100%; display: inline-block; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item { margin-bottom: 20px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item-content { position: relative; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right { height: 350px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-img { height: 235px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content { display: inline-block; bottom: 55px; height: 170px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content .item-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top .eds-slick-carousel-item-content, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom .eds-slick-carousel-item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top .eds-slick-carousel-item-img, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom .eds-slick-carousel-item-img { width: 107px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top .item-title, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom .item-title { line-height: 20px; margin: 5px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top .item-desc, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom .item-desc { display: none; } } /*# sourceMappingURL=grid-to-column.css.map */ /*override*/ .content .gallery-3-img-component .card.page-header .eds_slick_carousel .right .eds-slick-carousel-item-content .item-title { margin-top:0px; margin-bottom:5px; } .page-component-edu:not(.not-shaped).gallery-3-img-component .comp-title-container h4.gallery-main-title { margin-right: 0px; margin-left: 0px; } .content .gallery-3-img-component .card.page-header { padding-top:0px; } .gallery-3-img-component .eds-slick-carousel-item-content.gallery-slick-carousel-item { z-index: 1; height: 44%; text-align:right; } .gallery-3-img-component .right .eds-slick-carousel-item-content.gallery-slick-carousel-item { z-index: 1; height: 33%; text-align: right; } .gallery-3-img-component.ltr .eds-slick-carousel-item-content.gallery-slick-carousel-item { z-index: 1; text-align: left; } .gallery-3-img-component .caption-color { color:white; } .gallery-3-img-component .gallery-slick-carousel-item .item-title-margin { margin-top:0px; margin-bottom:0px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content p { color: white; margin: 0px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item.right .eds-slick-carousel-item-content p { font-size: 16px; line-height: 22px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item:not(.right) p { margin: 0px; font-size: 14px; } .gallery-3-img-component .eds-slick-carousel-item-content a { outline: none; } .gallery-3-img-component.ltr .eds-slick-carousel-item-content a { text-align:left; } .gallery-3-img-component a:hover .gallery-slick-carousel-item { z-index:2; } .content .galleries-component.gallery-no-title .card.page-header { padding-top: 5px; } @media screen and (min-width: 992px) { .gallery-3-img-component .hide-in-mobile { display: block; } } @media screen and (max-width: 1199px) { .gallery-3-img-component .left-top .eds-slick-carousel-item-content.gallery-slick-carousel-item, .gallery-3-img-component .left-bottom .eds-slick-carousel-item-content.gallery-slick-carousel-item { height: 50%; } } @media screen and (max-width: 991px) { .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right { margin-bottom: 10px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content { height: 160px; } .gallery-3-img-component .hide-in-mobile { display: none; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-top .eds-slick-carousel-item-img, .content .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.left-bottom .eds-slick-carousel-item-img { height: 80px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content .item-title { margin-bottom: 30px; } [dir='rtl'] .slick-prev.slick-icon { right: -20px; } [dir='rtl'] .slick-next.slick-icon { left: -20px; } .gallery-3-img-component .slick-prev, .gallery-3-img-component .slick-next { width: 17px; } } @media screen and (max-width: 591px) { .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right { margin-bottom: 40px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content { height: 190px; } } @media screen and (max-width: 409px) { .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right { margin-bottom: 100px; } .content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-items-container .eds-slick-carousel-item.right .eds-slick-carousel-item-content { height: 250px; } } /*.content .gallery-3-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content p { color: white; margin: 0px; }*/ /*.gallery-3-img-component a:hover div{ z-index: 2; }*/ /*Icons*/ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } .content .gallery-component { text-align: right; } .content .gallery-component .content-title { color: white; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content .gallery-component .card.page-header { padding: 14px 15px; margin-top: 40px; min-height: 241px; margin: auto; } .content .gallery-component .card.page-header .eds_slick_carousel { width: 95%; margin: 13px auto 35px; } .content .gallery-component .card.page-header .eds_slick_carousel .slick-dots { bottom: -35px; } .content .gallery-component .card.page-header .eds_slick_carousel .slick-arrow::before { content: ""; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #000; width: 100%; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { font-size: 20px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-desc { font-size: 16px; line-height: 22px; margin-bottom: 10px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { /*margin-right: auto;*/ display: block; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { display: inline-block; margin-right: 5px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item .play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-component .content-title { margin-bottom: 0px !important; } .content .gallery-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .content .gallery-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } @media screen and (max-width: 991px) { .content .card.page-header .eds_slick_carousel { width: 90%; } } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { direction: ltr; background-size: cover; background-position: center; border-radius: var(--item-radius); } @media screen and (min-width: 992px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: 273px; } } @media screen and (max-width: 991px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container img { width: 100%; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: unset; margin-left: auto; }*/ } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container { overflow: hidden; position: relative; flex-grow: 2; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { direction: rtl; -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; background-color: rgba(224, 238, 245, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 20px 16px; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-top: auto; }*/ /*# sourceMappingURL=side-by-side-gallery.css.map */ /*# sourceMappingURL=side-by-side-gallery.css.map * ////////////////////////////////////*/ /*slick-theme.css*/ /*Slider*/ .galleries-component .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /*Icons*/ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /*Arrows*/ .galleries-component .slick-prev, .galleries-component .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /*outline: none;*/ background: transparent; } .galleries-component .slick-prev:hover, /*.galleries-component .slick-prev:focus,*/ .galleries-component .slick-next:hover /*,*/ /*.galleries-component .slick-next:focus*/ { color: transparent; outline: none; background: transparent; } .galleries-component .slick-prev:hover:before, .galleries-component .slick-prev:focus:before, .galleries-component .slick-next:hover:before, .galleries-component .slick-next:focus:before { opacity: 1; } .galleries-component .slick-prev.slick-disabled:before, .galleries-component .slick-next.slick-disabled:before { opacity: .25; } .galleries-component .slick-prev:before, .galleries-component .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .galleries-component .slick-prev { left: -25px; } [dir='rtl'] .galleries-component .slick-prev { right: -25px; left: auto; } .galleries-component .slick-prev:before { content: '←'; } [dir='rtl'] .galleries-component .slick-prev:before { content: '→'; } .galleries-component .slick-next { right: -25px; } [dir='rtl'] .galleries-component .slick-next { right: auto; left: -25px; } [dir='ltr'] .galleries-component .slick-next { right: auto; left: -25px; } .galleries-component .slick-next:before { content: '→'; } [dir='rtl'] .galleries-component .slick-next:before { content: '←'; } /*// override-slick*/ @media screen and (max-width: 991px) { [dir='rtl'] .galleries-component .slick-prev { right: -18px; } [dir='rtl'] .galleries-component .slick-next { left: -18px; } .galleries-component .slick-prev, .galleries-component .slick-next { width: 17px; } } /*Dots*/ .galleries-component .slick-dotted.slick-slider { margin-bottom: 30px; } .galleries-component .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } /*override*/ /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #000; width: 100%; }*/ .gallery-component.ltr { direction: ltr; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { margin-left: 5px; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: inherit; text-align: right; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding-left: 25px; padding-right: 25px; } .page-component-edu:not(.not-shaped).gallery-component .comp-title-container h4.gallery-main-title { margin-right: 0px; margin-left: 0px; } .content .gallery-component .card.page-header { padding-top: 0px; } .gallery-component img.left-icon-size { width: 6px; } .gallery-component .comp-title-container h4 { margin: 0; } .gallery-component .carousel-item-content-textAlign { text-align: right; } .gallery-component.ltr .carousel-item-content-textAlign { text-align: left; } .gallery-component.ltr .slick-dots { direction: ltr; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: inherit; text-align: left; direction: ltr; } .gallery-component.ltr img.item-btn-icon { transform: rotate(180deg); } .gallery-component.ltr { direction: ltr; } .gallery-component h5.item-title { margin-top: 0px; /*font-weight:900!important;*/ } /*.gallery-component p { margin-top: 0px; }*/ .gallery-component.ltr .carousel-item-content-textAlign a { text-align: left; } .gallery-component .eds-slick-carousel-item-content a:hover { outline: none } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content p { color: black; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 992px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { max-width: 45%; min-width: 45%; max-height: initial; overflow-wrap: break-word; } } @media screen and (min-width: 1200px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { /*max-width: 52%;*/ min-width: 52%; max-height: initial; overflow-wrap: break-word; } } /*//override 2*/ @media screen and (max-width: 991px) { /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 30px; } .content .gallery-component .card.page-header .slick-slide { height: 390px; }*/ .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 20px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding: 16px; padding-top: 10px; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 195px; bottom: -135px !important; }*/ } /*@media screen and (max-width: 380px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 275px; } }*/ /*@media (max-width: 991px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 164px; } } @media (max-width: 910px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 187px; } } @media (max-width: 550px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 209px; } } @media (max-width: 460px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 232px; } } @media (max-width: 400px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 254px; } } @media (max-width: 360px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 276px; } }*/ .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item { direction: rtl; } .galleries-component .stop-start-buttons { margin-top: -15px; } .gallery-no-title.galleries-component .stop-start-buttons { margin-top: 16px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { padding: 10px 15px; } .GalleryText .eds-slick-carousel-item-imageGallery { width: 100%; height: 192px; object-fit: cover; margin-bottom: 0; } .GalleryText .slick-slide .overlay-textGallery { padding: 16px 16px 20px 16px; display: flex; flex-direction: column; } .GalleryText .slick-slide .overlay-textGallery .textGallery h5 { font-size: 20px; line-height: 24px; margin: 0; font-weight: 600; } .GalleryText .slick-slide .overlay-textGallery .sub-titleGallery { font-size: 16px; line-height: 22px; /*margin-top: 10px;*/ } .page-component-edu.GalleryText { padding: 1.77%; position: relative; background-color: white; } .GalleryText .container-content { position: relative; } .GalleryText .eds-slick-carousel-wrapper { margin-top: 8px; } .GalleryText .slick-dotted.slick-slider { width: 96%; margin: auto; margin-bottom: 60px; } .GalleryText .slick-dotted.slick-slider { margin-bottom: 30px; } .GalleryText .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-prev { left: -25px; right: auto; } .GalleryText button.slick-prev.slick-arrow { width: 15px; } .GalleryText .eds_slick_carousel .slick-prev, .GalleryText .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color: transparent; } .GalleryText .eds_slick_carousel .slick-prev, .GalleryText .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color: transparent; } .GalleryText .eds_slick_carousel .slick-prev.slick-disabled, .GalleryText .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } [dir='rtl'] .GalleryText .slick-prev { right: -25px; left: auto; } [dir='ltr'] .GalleryText .slick-prev { left: -25px; left: auto; } .GalleryText .slick-prev { left: -25px; } .GalleryText .slick-prev, .GalleryText .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /* outline: none; */ background: transparent; } .GalleryText .eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .GalleryText .eds-slick-carousel-wrapper .slick-next:before, .GalleryText.eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .GalleryText .eds-slick-carousel-buttons-wrapper { text-align: left; margin-bottom: 32px; } .GalleryText .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } [dir='rtl'] .GalleryText .slick-prev:before { content: '→'; } [dir='ltr'] .GalleryText .slick-prev:before { content: '←'; } .GalleryText .slick-prev:before { content: '←'; } .GalleryText .slick-next:before { content: '→'; } [dir='rtl'] .GalleryText .slick-next:before { content: '←'; } [dir='ltr'] .GalleryText .slick-next:before { content: '→'; } /*.GalleryText .slick-prev:before, .GalleryText .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ .GalleryText .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-next { left: auto; right: -25px; } .GalleryText button.slick-next.slick-arrow { width: 15px; } .GalleryText .stop-start-buttons { position: absolute; z-index: 900; z-index: 11; left: 0; bottom: 0; cursor: pointer; margin-bottom: 8px; } .GalleryText.ltr .stop-start-buttons { position: absolute; z-index: 900; z-index: 11; right: 0; bottom: 0; cursor: pointer; margin-bottom: 16px; } .gallery-component.gallery-no-title { padding-top: 16px; } @media only screen and (max-width: 768px) { /* ההגדרות שיחולו על מובייל */ .GalleryText .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -10px; } .GalleryText button.slick-next.slick-arrow { width: 12px; } .GalleryText .eds_slick_carousel[dir='rtl'] .slick-prev { right: -10px; left: auto; } .GalleryText button.slick-prev.slick-arrow { width: 12px; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-prev { left: -10px; right: auto; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-next { right: -10px; left: auto; } } .content .gallery-top-img-component { text-align: right; } .content-title .gallery-top-img-component { color: white; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content .gallery-top-img-component .card.page-header { padding: 14px 15px; margin-top: 40px; min-height: 241px; margin: auto; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel { width: 95%; margin: 13px auto 45px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .slick-dots { bottom: -35px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .slick-dots li { margin: 0; width: 15px; height: 15px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .slick-dots li.slick-active button:before { color: #3098cf; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .slick-arrow::before { content: ""; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #FFF; width: 100%; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { font-size: 20px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-desc { font-size: 16px; line-height: 22px; margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: auto; display: block; background-color: transparent; border: none; color: #FFF; cursor: pointer; font-size: 16px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { display: inline-block; margin-right: 5px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item .play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content-title { margin-bottom: 0px !important; } .content .gallery-top-img-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .content .gallery-top-img-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } @media screen and (max-width: 991px) { .content .gallery-top-img-component .card.page-header .eds_slick_carousel { width: 90%; } } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { -webkit-box-align: end; -ms-flex-align: end; align-items: end; background-size: cover; background-position: center; position: relative; } @media screen and (max-width: 991px) { .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { right: unset; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /*bottom: 0x !important;*/ /* height: 220px;*/ } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: unset; } } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img { width: 100%; max-height: 500px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { position: absolute; bottom: 0; padding: 20px 16px; background-color:var(--title-color); } @media screen and (min-width: 599px) { .content .gallery-top-img-component .card.page-header .slick-list::after { content: ""; position: absolute; top: 0; left: 0; width: 3%; height: 99%; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff); } } .content .gallery-top-img-component .card.page-header .slick-slide { padding: 20px; } .gallery-top-img-component .draggable { padding: 0px 0px 0px 100px !important; } @media screen and (max-width: 991px) { .content .gallery-top-img-component .card.page-header .slick-slide { height: 420px; padding: 0px; } .gallery-top-img-component .draggable { padding: 0px 0px 0px 0px !important; } } /*# sourceMappingURL=text-on-top-mobile-col.css.map */ /*# sourceMappingURL=text-on-top-gallery.css.map */ /*// override-slick*/ @media screen and (max-width: 991px) { [dir='rtl'] .gallery-top-img-component .slick-prev { right: -18px; } [dir='rtl'] .gallery-top-img-component .slick-next { left: -18px; } .gallery-top-img-component .slick-prev, .gallery-top-img-component .slick-next { width: 17px; } } /*override*/ .content .gallery-top-img-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: inherit; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* display: flex; justify-content: space-between; flex-direction: column;*/ padding-bottom: 20px; } @media screen and (max-width: 1200px) { .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 135px;*/ /*bottom: -135px !important;*/ } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /*display: flex; justify-content: space-between; flex-direction: column;*/ padding-bottom: 20px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 230px; } } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding-left: 25px; padding-right: 25px; } .content .gallery-top-img-component .card.page-header { padding-top: 0px; } .page-component-edu:not(.not-shaped).gallery-top-img-component .comp-title-container h4.gallery-main-title { margin-right: 0px; margin-left: 0px; } .content .gallery-top-img-component .card.page-header .slick-slide { padding: 0px; } .content .gallery-top-img-component .card.page-header .slick-slide { padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 992px) { .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding: 10px 16px; padding-bottom: 14px; border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .content .card.page-header { padding-top: 0px; } .gallery-top-img-component .slick-slide { padding: 0px; } .gallery-top-img-component img.left-icon-size { width: 6px; } .gallery-top-img-component .eds-slick-carousel-item-content.gallery-item-content { height: 42%; z-index: 1; text-align: right; } .gallery-top-img-component h5.item-title { margin-top: 0px; } .gallery-top-img-component p { margin-top: 0px; } .gallery-top-img-component.ltr .carousel-item-content-textAlign a { text-align: left; } .gallery-top-img-component .eds-slick-carousel-item-content a { outline: none; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { max-width: 40%; max-height: initial; overflow-wrap: break-word; } .gallery-top-img-component.ltr img.item-btn-icon { transform: rotate(180deg); } .gallery-top-img-component .gallery-item-content p { margin-bottom: 0px; color: #FFF; } .gallery-top-img-component .gallery-item-content h5 { color: #FFF; } .gallery-top-img-component.ltr .gallery-item-content p { text-align: left; } .gallery-top-img-component.ltr .item-title-textAlign { text-align: left; } .gallery-top-img-component .gallery-item-btn { text-align: left; margin-top: auto; } .gallery-top-img-component.ltr .gallery-item-btn { text-align: right; margin-top: auto; } /*////override mobile//////*/ @media screen and (max-width: 991px) { .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item{ display:flex; flex-direction:column; height:auto; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { position: relative; /*height: auto;*/ min-height: 200px; } /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 400px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 20px; }*/ .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 145px;*/ /*bottom: -145px !important;*/ } } @media screen and (max-width: 920px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 370px; } .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 20px; }*/ .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 145px;*/ /* bottom: -145px !important;*/ } } @media screen and (max-width: 850px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 360px; }*/ .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 155px;*/ /*bottom: -155px !important;*/ } } @media screen and (max-width: 767px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 410px; }*/ .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 145px; bottom: -145px !important;*/ } } @media screen and (max-width: 700px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 370px; }*/ /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 145px; bottom: -145px !important; }*/ } @media screen and (max-width: 660px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 370px; } */ .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { /* height: 150px;*/ /* bottom: -150px !important;*/ } } @media screen and (max-width: 610px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 360px; } */ /*.content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 155px; bottom: -155px !important; }*/ } @media screen and (max-width: 560px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 360px; }*/ /*.content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 185px; bottom: -185px !important; }*/ } @media screen and (max-width: 460px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 360px; }*/ /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 225px; bottom: -225px !important; }*/ } @media screen and (max-width: 410px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 5px; } .content .gallery-top-img-component .card.page-header .slick-slide { height: 330px; }*/ /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 215px; bottom: -215px !important; }*/ } @media screen and (max-width: 360px) { /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 20px; } */ /* .content .gallery-top-img-component .card.page-header .slick-slide { height: 350px; }*/ /* .content .gallery-top-img-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 255px; bottom: -255px !important; }*/ } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item { direction: rtl; /*background-size: cover; background-position: center; position: relative;*/ } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container { overflow: hidden; position: relative; flex: 0 1 50%; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .item-image { width: 100%; object-fit: cover; padding: 1px; border-top-right-radius:4px; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .image-text { display: block; position: absolute; bottom: 0; background: #b0d5e6; width: 100%; padding:5px; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .image-text h4 { background-color: transparent; text-align: start; display: flex; flex-direction: column; margin: 0; font-weight: 600; padding: 0; color: #2e4254; font-size:16px; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .image-text .image-link { text-align: start; color: #2c7094; font-size: 16px; display: block; font-weight:600; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .image-text .image-link img { display: inline-block; width: 7px; } .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-content { direction: rtl; flex: 0 1 50%; background-color: rgba($color-light-blue, 0.9); display: flex; flex-direction: column; height: 100%; padding: 15px 16px; text-align: right; } .content .gallery-component.gallery-with-image-right .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { /*margin-top: auto;*/ background: #3098cf; color: white; font-family: Assistant; padding: 5px 10px; border-radius: 4px; } .content .gallery-component.gallery-with-image-right .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { filter: brightness(5); } .content .gallery-component.gallery-with-image-right .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-desc a { border-bottom: 1.5px solid rgb(44,112,148); } .page-component-edu.gallery-with-image-right a.primary-btn { width: fit-content; } .page-component-edu.gallery-with-image-right a.item-btn:hover, .page-component-edu.gallery-with-image-right a.item-btn:focus { color: white !important; } @media screen and (max-width: 991px) { .content .gallery-component.gallery-with-image-right .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .image-text { position:relative; } } .content .gallery-with-image-right.gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item{ direction:ltr; } .content .gallery-component.gallery-with-image-right.ltr .image-link img{ transform:rotate(180deg); } .content .gallery-component.gallery-with-image-right.ltr .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-content{ direction:ltr; text-align:left; } .content .gallery-component.gallery-with-image-right.ltr .card.page-header .eds-slick-carousel-item .eds-slick-carousel-item-img-container .item-image { border-top-right-radius: 0px; border-top-left-radius:4px; } .maagar-maamarim-container { box-shadow: none !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper { padding: 15px; } #left_col[role=main] .maagar-maamarim ul.itur-sheirut-results-list { margin: 0px; } .maagar-maamarim .stock-item .title h3{ line-height:22px; } /*.maagar-maamarim .itur-sheirut-results-list li { border-bottom: 1px solid #e2e2e2; margin-right: 30px; }*/ /* .maagar-maamarim .itur-sheirut-results-list li:last-child { border-bottom: none; }*/ .maagar-maamarim .itur-sheirut-results-list li .blue-headline { font-size: 20px; color: #337ab7; font-weight: bolder } .maagar-maamarim-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .maagar-maamarim-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .maagar-maamarim-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; text-align: center; } #left_col[role="main"] .maagar-maamarim-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 12px; margin-right: 10px; padding: 1rem; } /*Start Pagination*/ /*.maagar-maamarim-container .centered-pagination { text-align: center; } .maagar-maamarim-container .pagination { display: inline-block; } .maagar-maamarim-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd;*/ /* margin: 0 4px; */ /*} .maagar-maamarim-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .maagar-maamarim-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .maagar-maamarim-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .maagar-maamarim-container .pagination a:hover:not(.active) { background-color: #ddd; } .maagar-maamarim-container .pagination .pagination-next, .maagar-maamarim-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ .maagar-maamarim .maagar-maamarim-search { background-color: white; margin-bottom: 30px; padding: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } .maagar-maamarim .maagar-maamarim-search > input { width: 349px; height: 36px; margin: 20px 0 15px 42px; padding: 8px 11px 7px; border: solid 1px #ccc; background-color: #fff; } .maagar-maamarim .headers { /* width: 136px; */ height: 40px; margin: 0 0 0px 655px; padding: 6px 15px; background-color: #3098cf; color: white !important; font-size: 22px !important; text-align: center; } .maagar-maamarim .maagar-maamarim-dropdowns { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; margin-bottom: 39px; width: 90%; } .maagar-maamarim .maagar-maamarim-labels { font-size: 18px; width: 100px; margin-bottom: 25px; } .maagar-maamarim .maagar-maamarim-dropdowns select { width: 234px; height: 36px; margin: 0 13px 0 0; padding: 5px 11px 10px 8px; border: solid 1px #ccc; background-color: #fff; } .maagar-maamarim #clear-filtering-results { width: min-content; background-color: transparent !important; border: none; text-decoration: underline; font-size: 16px; } .maagar-maamarim .maagar-maamarim-search-buttons { margin-right: 655px; } .maagar-maamarim .btn-search-blue { margin-right: 20px; border-radius: 5px; } .maagar-maamarim .searched-text { width: 817px; height: 43px; margin: 0 0 28px 4px; padding: 9px 10px 11px 432px; background-color: var(--grey-background); margin: auto; font-size: 18px; } .maagar-maamarim .searched-text + h4 { margin-top: 28px !important; } .maagar-maamarim .itur-sheirut-presenting { font-size: 16px; margin-right: 22px; margin-top: 15px; } .maagar-maamarim .maamar-bold-text { font-weight: bold; } .maagar-maamarim .maamar-more-info { width: 114px; height: 32px; margin: 20px 650px 21px 28px; padding: 4px 15px 7px 12px; border-radius: 4px; font-size: 16px; background-color: #3098cf; color: white; border: none; } .maagar-maamarim .maamar-more-info i { margin-right: 5px; font-size: 12px; } /*//override//*/ /*.maagar-maamarim-container .pagination a:last-child { border-radius: 0 4px 4px 0; }*/ .maagar-maamarim .itur-sheirut-results-details-container { width:100% } .page-component-edu.maagar-maamarim a:hover { color: black !important; } .maagar-maamarim .comp-title-container.ng-scope { margin-bottom: 13px; margin-top: 13px; } .maagar-maamarim .itur-sheirut-results-list li { margin-bottom: 0px; margin-top:0px; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p a.summary { color: inherit; font-size: 16px; } .page-component-edu.maagar-maamarim-container .link-container a { background-color: #3098CF; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 2px 12px; border-radius: 4px; } .search-margin { margin-top: 30px; } .maagar-maamarim .itur-sheirut-presenting { font-size: 16px; margin-right: 22px; margin-top: 10px; margin-bottom: 0px; } .maagar-maamarim .resltsDataContainer { border-bottom: none; } .maagar-maamarim .comp-title-container { margin-top: 20px; } .maagar-maamarim .RowButtns { padding-left: 15px; } .post-search .RowButtns { padding-left: 15px; } .maagar-maamarim-container .itur-sheirut-results-list-wrapper { padding-top: 0px; padding-right: 0px; } .maagar-maamarim .searched-text { width: auto; height: auto; padding: 10px; } .maamar-daf-parit-container { box-shadow: none !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } /* .maamar-daf-parit-container .itur-sheirut-results-list-wrapper { padding: 15px; }*/ .maamar-daf-parit-container .itur-sheirut-results-list-wrapper .headers { margin-bottom: 25px; width: 323px; } /*.maamar-daf-parit .itur-sheirut-results-list li { border-bottom: 1px solid #e2e2e2; margin-right: 30px; }*/ .maamar-daf-parit .itur-sheirut-results-list li:last-child { border-bottom: none; } .maamar-daf-parit .itur-sheirut-results-list li .blue-headline { font-size: 20px; color: #337ab7; font-weight: bolder } .maamar-daf-parit-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .maamar-daf-parit-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .maamar-daf-parit-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; text-align: center; } #left_col[role="main"] .maamar-daf-parit-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .maamar-daf-parit-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .maamar-daf-parit-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; margin-bottom: 0px; } .maamar-daf-parit-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 12px; margin-right: 10px; padding: 1rem; } /*Start Pagination*/ .maamar-daf-parit-container .centered-pagination { text-align: center; } .maamar-daf-parit-container .pagination { display: inline-block; } .maamar-daf-parit-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; /* margin: 0 4px; */ } .maamar-daf-parit-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .maamar-daf-parit-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .maamar-daf-parit-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .maamar-daf-parit-container .pagination a:hover:not(.active) { background-color: #ddd; } .maamar-daf-parit-container .pagination .pagination-next, .maamar-daf-parit-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; } /*End Pagination*/ .maamar-daf-parit .maamar-daf-parit-item { background-color: white; margin-bottom: 30px; padding: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } .maamar-daf-parit .headers { height: 40px; margin: 0 0 0px 655px; padding: 6px 15px; background-color: #3098cf; color: white !important; font-size: 22px !important; text-align: center; } .maamar-daf-parit #clear-filtering-results { width: min-content; background-color: transparent !important; border: none; text-decoration: underline; font-size: 16px; } .maamar-daf-parit .searched-text { width: 817px; height: 43px; margin: 0 0 28px 4px; padding: 9px 10px 11px 432px; background-color: var(--grey-background); margin: auto; font-size: 18px; } .maamar-daf-parit .searched-text + h4 { margin-top: 28px !important; } .maamar-daf-parit .itur-sheirut-presenting { font-size: 16px; margin-right: 22px; margin-top: 15px; } .maamar-daf-parit .maamar-bold-text { font-weight: bold; } .maamar-daf-parit .maamar-more-info { width: 114px; height: 32px; float: left; margin: 20px 00px 21px 28px; padding: 4px 5px 7px 12px; border-radius: 4px; font-size: 16px; background-color: #3098cf; color: white; border: none; } .maamar-details-upper { display: flex; justify-content: space-between; width: 100%; } .maamar-details-upper p { max-width: 540px; } .maamar-daf-parit .maamar-more-info i { margin-right: 5px; font-size: 12px; } .maamar-daf-parit-item .maamar-details { font-size: 16px; color: #333; margin-bottom: 50px; margin-top: 0px; margin-right: 15px; } .maamar-daf-parit-item .maamar-takzir { font-size: 16px; max-width: 729px; color: #333; margin-right: 15px; } .maamar-daf-parit-item .maamar-image { width: 187px; height: 265px; margin-left: 15px; } .maamar-daf-parit-item .maamar-matsagot { max-width: 817px; height: 132px; margin: 47px 0 0; padding: 23px 57px 16px 0px; background-color: #edf5fa; display: grid; grid-template-columns: auto auto; row-gap: 25px; column-gap: 110px; border-radius:4px; } .maamar-daf-parit-item .maamar-matsagot span { font-size: 16px; color: #2C7094; font-weight: bold; text-decoration: underline; } .maamar-daf-parit-item .maamar-matsagot img { width: 24px; height: 34px; margin-left: 15px; } .maamar-header > button { float: left; width: 144px; height: 32px; padding: 4px 5px 7px; border-radius: 4px; background-color: #1d5c7e; font-size: 16px; font-weight: 500; border: none; } .maamar-header > button > i { width: 6px; height: 10px; margin-right: 6px; font-size: 13px; } @media (max-width: 767px) { .maamar-daf-parit-item .maamar-image { margin: auto !important; margin-top: -130px !important; order: 1; } .maamar-details-upper { flex-direction: column; } .maamar-details-upper p { order: 2; } .maamar-daf-parit-item .maamar-details { margin-top: 150px; display: flex; margin-right: 0px; } .maamar-daf-parit-item .maamar-details > p { margin-top: 20px; } .maamar-daf-parit-item .maamar-takzir { margin-right: 0px; } .maamar-daf-parit-item .maamar-matsagot { height: unset; padding: 23px 60px 0px 0px; grid-template-columns: auto; row-gap: 30px; } .maamar-daf-parit-item .maamar-matsagot span { margin-left: 0px; display:flex; } .maamar-daf-parit-item .maamar-matsagot span:last-child { margin-bottom: 39px } .maamar-daf-parit-item .maamar-matsagot img { margin-left: 50px; } .maamar-header { height: 105px; } .maamar-daf-parit h1 button { margin-right: -45px; margin-top: 45px; } } @media (max-width: 440px) { .maamar-header { padding-right: 10px !important; } .maamar-daf-parit .headers { padding-bottom: 60px; max-width: 95%; } } @media (max-width: 423px) { .maamar-header button { margin-top: 10px !important; } } /*/// override post*/ .maamar-daf-parit-item .maamar-matsagot span { font-size: 16px; color: #2C7094; font-weight: bold; text-decoration: underline; display:flex; } h1.maamar-title { display: flow-root; } .popXtn a.ContainerPopularButton.maamar { text-align: center; padding-top: 5px; padding-bottom: 5px; border-radius: 4px; margin-top: 2px; margin-bottom: 0px; } h1.maamar-title > a { float: left; width: auto; height: 32px; /*margin: 1px 394px 1px 10px;*/ padding: 4px 5px 7px; border-radius: 4px; background-color: #1d5c7e; font-size: 16px; font-weight: 500; font-family: 'assistant'; border: none; } .maamar-daf-parit .maamar-daf-parit-item { padding-top: 16px; padding-right: 16px; } .maamar-daf-parit-container .itur-sheirut-results-details-container { width: 100%; } @media (min-width: 768px) { .maamar-daf-parit-item .maamar-matsagot { max-width: 817px; height: 132px; margin: 47px 0 0; padding: 23px 57px 16px 142px; background-color: #edf5fa; display: grid; grid-template-columns: auto auto; row-gap: 0px; column-gap: 30px; } } .maamar-daf-parit .maamar-takzir ul { list-style-image: url(/images/icons/navigation-blue-side.svg) !important; } .page-component-edu.maamar-daf-parit-container a:hover { /*color: black !important;*/ cursor: pointer; color: rgb(51,51,51) !important; } .daf-parit.fa-angle-left { margin-right: 10px; } h1.maamar-title > button { float: left; width: 144px; height: 32px; margin: 1px 394px 1px 10px; padding: 4px 5px 7px; border-radius: 4px; background-color: #1d5c7e; font-size: 16px; font-weight: 500; font-family: 'assistant'; border: none; } .maamar-daf-parit-item .maamar-details { font-size: 16px; max-width: none; color: #333; margin-bottom: 50px; margin-top: 0px; margin-right: 15px; } @media (min-width: 768px) { .maamar-daf-parit-item .maamar-image { width: 187px; height: 265px; margin-right: 10px; margin-left:0px; margin-top: 0px; display: block; float: left } .maamar-takzir p{ margin-left:30px; } } .maamar-daf-parit-item .maamar-details { margin-right: 0px; } .maamar-daf-parit-item .maamar-takzir { margin-right: 0px; } .maamar-daf-parit-item .maamar-bold-text { font-weight: bold; } .page-component-edu.maamar-daf-parit-container .comp-title-container h3 { margin: 0px; } .page-component-edu.maamar-daf-parit-container a.summary { color: black } .maamar-daf-parit-container .maamar-bold-text { font-weight: bold; } /*.showFiles{ display:block; } .hideFiles { display:none; }*/ .maamar-daf-parit-item .maamar-matsagot.hideFiles { display: none; } /*.maamar-daf-parit-item .tt { margin-bottom:150px; }*/ @media (max-width: 767px) { .maamar-daf-parit-item .maamar-matsagot span:last-child { margin-bottom: 25px } .around-a-in-mobile{ width: 100%; display: flex; flex-direction: row; justify-content: flex-end; margin-top: 20px; } .maamar-daf-parit .around-img-in-mobile { width: 100%; text-align: center; } .maamar-daf-parit .maamar-daf-parit-item { padding-right: 15px; padding-left: 15px; padding-top: 30px; } .maamar-daf-parit-item .maamar-details { margin-top: 0px; margin-bottom:18px; } .maamar-daf-parit-item .maamar-image { margin: auto !important; margin-top: 0px !important; order: 1; width: 100%; margin-bottom:16px; height: auto; } .maamar-daf-parit-item .maamar-matsagot img { margin-left: 20px; } .maamar-daf-parit-item .maamar-matsagot { height: unset; padding: 23px 40px 0px 0px; grid-template-columns: auto; row-gap: 30px; } } /* buttons */ /* titles */ /* background */ /*form*/ .lemidah-meshulevet { font-family: "Assistant"; } .lemidah-meshulevet h1 { font-weight: bolder !important; } .lemidah-meshulevet .digital-services { background-color: white; /*padding: 21px 11px 19px 19px;*/ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .lemidah-meshulevet .digital-services .edu-level-buttons a { height: 51px; margin: 0 0px 4px 5px; padding: 12px 30px 11px 29px; background-color: #b0d5e6; border: none; font-size: 22px; color: #000; } .lemidah-meshulevet .digital-services .edu-level-buttons .btn-active { background-color: #edf5fa; /* box-sizing: border; */ border-bottom: 9px solid #edf5fa !important; } .lemidah-meshulevet .digital-services .edu-level-buttons { display: flex; margin-bottom: -18px; } .lemidah-meshulevet .digital-services h4 { padding: 6px 15px; background-color: #3098cf; color: white; font-size: 22px; text-align: center; max-width: 304px; height: 40px; margin: 0 15px 19px; } .lemidah-meshulevet .digital-services p { font-size: 17px; margin: 19px 15px; } .lemidah-meshulevet .digital-services .services-by-level { background-color: #edf5fa; /*max-width: 817px;*/ padding: 42px 18px 42px 19px; display: flex; justify-content: flex-start; gap: 18px; flex-wrap: wrap; margin-top: 14px; } .lemidah-meshulevet .digital-services .services-by-level .service-item { background-color: var(--stock-search-bg); /*max-width: 246px;*/ flex: 0 calc(33.3% - 12px); } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text { padding: 9px 17px 60px 0px; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text i { color: #409fd2; font-size: 15px; font-weight: 100 !important; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text a { text-decoration: none; color: black; font-size: 17px; margin: 5px 15px; display: inline-block; } .lemidah-meshulevet.find-a-service { background-color: white; /*padding: 28px 28px 40px;*/ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: var(--space-between-components); } .lemidah-meshulevet.find-a-service .close-btn { display: block; margin-right: auto; background-color: transparent; border: none; color: #333; } .lemidah-meshulevet.find-a-service .close-btn i { margin-right: 15px; } .lemidah-meshulevet.find-a-service .search-container { display: flex; justify-content: space-between; } .lemidah-meshulevet.find-a-service .search-container .btn-search-blue { border-radius: 0px; height: 41px; padding: 4px 15px 9px; } .lemidah-meshulevet.find-a-service .search-btn-icon { font-size: 16px; margin-right: 6px; } .lemidah-meshulevet.find-a-service .search-container input { max-width: calc(100% - 83px - 5px); flex-grow: 2; padding: 8px 24px 8px 27px; border: solid 1px #ccc; height: 41px; font-size: 16px; } .lemidah-meshulevet.find-a-service .search-container .lemidah-search-clear-btn { background: none; border: none; margin-right: -38px; } /* .lemidah-meshulevet .find-a-service .search-container input::-webkit-search-cancel-button { height: 20px; width: 20px; display: inline-block; background: url(../scss/images/times-circle-svgrepo-com.svg) no-repeat; } */ .lemidah-meshulevet.find-a-service .search-container input::placeholder { color: #5e5e5e !important; } .lemidah-meshulevet.find-a-service h4 { width: 136px; height: 40px; margin: 0 0 19px 655px; padding: 6px 15px; background-color: #3098cf; color: white; font-size: 22px; text-align: center; } .lemidah-meshulevet.find-a-service p { color: #afafaf; font-size: 16px; /* margin: 5px 10px 14px 87px;*/ } .lemidah-meshulevet.find-a-service .filter-services { display: flex; justify-content: space-between; max-width: 600px; } .lemidah-meshulevet.find-a-service .filter-services span label { vertical-align: middle; font-size: 16px; color: black; } .lemidah-meshulevet.find-a-service .filter-services span input:checked ~ label { font-weight: bold; } .lemidah-meshulevet.find-a-service .filter-services span input { background-color: #3098cf; width: 16px; height: 16px; margin: 0px 0 6px 7px; padding: 4px; border: solid 1px #3098cf; vertical-align: middle; color: #3098cf; } /* copied */ .lemidah-meshulevet-container { box-shadow: none !important; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .lemidah-meshulevet-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .lemidah-meshulevet-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; /* text-align: center;*/ } #left_col[role=main] .lemidah-meshulevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .lemidah-meshulevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .lemidah-meshulevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; } .lemidah-meshulevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 12px; margin-right: 10px; padding: 1rem; } /*Start Pagination*/ /*.lemidah-meshulevet-container .centered-pagination { text-align: center; } .lemidah-meshulevet-container .pagination { display: inline-block; } .lemidah-meshulevet-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; } .lemidah-meshulevet-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .lemidah-meshulevet-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .lemidah-meshulevet-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .lemidah-meshulevet-container .pagination a:hover:not(.active) { background-color: #ddd; } .lemidah-meshulevet-container .pagination .pagination-next, .lemidah-meshulevet-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* start Info List */ .lemidah-meshulevet { padding: 0; flex-wrap: wrap; /* justify-content: space-around; */ } .lemidah-meshulevet-container .lemidah-meshulevet .edu-info-list-container, #left_col[role=main] .lemidah-meshulevet-container ul.edu-info-list-container { list-style: none; padding: 0; min-height: 41px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; margin: 9px !important; } .lemidah-meshulevet-container .lemidah-meshulevet .edu-info-list-container .edu-info-list-item-header h3 { background-color: #edf5fa; color: #000; padding: 12px 15px 12px 0; font-size: 20px; } .lemidah-meshulevet .edu-info-list-container .edu-info-list-item { min-height: 41px; } .lemidah-meshulevet .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: inherit; } .lemidah-meshulevet .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ @media (max-width: 890px) { .lemidah-meshulevet .digital-services .edu-level-buttons a { /* font-size: 20px; */ padding: 6px 15px 6px 15px; } } @media (max-width: 768px) { /*body{ width: 100%; }*/ .lemidah-meshulevet h1 { text-align: center; } .lemidah-meshulevet .digital-services { /*padding: 11px 11px 19px 19px;*/ position: relative; } .lemidah-meshulevet.find-a-service .search-container input { margin-bottom: 21px; width: 100px; } .lemidah-meshulevet.find-a-service .search-container .lemidah-search-clear-btn { margin-top: -20px; } .lemidah-meshulevet.find-a-service .filter-services { display: grid; grid-template-columns: repeat(2, 50%); grid-template-rows: auto auto auto; } .lemidah-meshulevet.find-a-service .filter-services span { margin-bottom: 10px; } .lemidah-meshulevet .example-paragraph { display: none; } .lemidah-meshulevet.find-a-service p { margin: 0px; margin-bottom: 15px; } .lemidah-meshulevet .digital-services .edu-level-buttons { display: flex; overflow: scroll; transform: none; width: 100%; } .lemidah-meshulevet .digital-services .mobile-fade { background-image: linear-gradient(to right, white, transparent); height: 51px; width: 35px; position: absolute; left: 18px; top: 136px; } .lemidah-meshulevet .digital-services .edu-level-buttons a { min-width: max-content; margin-bottom: 5px; padding: 12px 30px 11px 29px; } .lemidah-meshulevet .digital-services .services-by-level { margin-top: 0px; } .lemidah-meshulevet .digital-services .services-by-level .service-item:not(:last-of-type) { margin: auto; margin-bottom: 15px; } /*#right_col { display: none; }*/ } /*ovveried*/ @media (min-width: 768px) { .knowledge-field .lemidah-meshulevet .digital-services .panel .services-by-level.tab-panel.active { padding: 18px 8px; display: flex; } .filter-services span.ng-scope:not(:first-child) { margin-right: 30px; } } @media (max-width: 767px) { .lemidah-meshulevet.find-a-service { padding: 15px; } .knowledge-field .lemidah-meshulevet .panel ul.nav.nav-tabs.edu-level-buttons { display: flex; } .service-item img { width: 100%; } .lemidah-meshulevet .digital-services h4 { height: unset; } .lemidah-meshulevet.find-a-service .search-container input { margin-bottom: 0px; } .lemidah-meshulevet.find-a-service .pagination { margin-bottom: 0px; margin-top: 0px; } .lemidah-meshulevet.find-a-service .search-container .lemidah-search-clear-btn { margin-top: 0px; } } @media (max-width: 500px) { .lemidah-meshulevet .digital-services .mobile-fade { left: 0px; top: 98px; } } @media (min-width: 500px) { .lemidah-meshulevet .digital-services .mobile-fade { background-image: none; } } .lemidah-meshulevet .digital-services .services-by-level { margin-top: 0px; } .lemidah-meshulevet .digital-services .services-by-level .service-item { border: 1px solid var(--shadow-in-container); border-radius: 4px; box-shadow: var(--btn-box-shadow); } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text a { font-weight: 600; } .lemidah-meshulevet.find-a-service .filter-services { justify-content: flex-start; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text { padding: 5px 15px 13px 0px; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text a { margin-right: 0px; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text a { font-weight: 400; display: flex; align-items: baseline; } /*.lemidah-meshulevet.find-a-service, .lemidah-meshulevet .digital-services { padding-top: 15px; padding-bottom: 15px; }*/ .lemidah-meshulevet .digital-services h4 { margin-right: 0px; } .lemidah-meshulevet .edu-arrow-link { width: 8px; height: 11px; margin-bottom: 4px; margin-left: 4px; } .itur-sheirut-results-details-container h5 { display: inline-block; margin-bottom: 0px; margin-top: 0px; } .lemidah-meshulevet.find-a-service p.sub-description-paragraph { margin-top: 0px; margin-right: 0px; margin-left: 0px; } /*.lemidah-meshulevet.find-a-service p { margin: 15px; }*/ .lemidah-meshulevet.find-a-service .itur-sheirut-results-details-container p { margin-right: 15px; margin-bottom: 0px; margin-top: 0px; } .itur-sheirut-results-details-container { margin-bottom: 15px; } .lemidah-meshulevet.find-a-service .close-btn { display: inline; float: left; /* margin-top: 5px;*/ } .lemidah-meshulevet.find-a-service h4 { margin-left: 0px; display: inline-block; } .lemidah-meshulevet.find-a-service .close-btn i { margin-right: 2px; } .lemidah-meshulevet.find-a-service .close-btn { font-size: 16px; } .lemidah-meshulevet.find-a-service .srcEmptyResults { margin-top: 10px; margin-bottom: 10px; } .lemidah-meshulevet .close-btn .edu-arrow-link { width: 7px; height: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 4px; transform: rotate(90deg); } .lemidah-meshulevet.find-a-service .page-component-edu .pagination a:focus { color: white !important; } .lemidah-meshulevet .digital-services .services-by-level .service-item .service-text i { font-size: 12px; margin-top: 8px; } .lemidah-meshulevet.find-a-service p { color: black; } .lemidah-meshulevet.find-a-service .search-container .btn-search-blue { font-size: 22px; } .lemidah-meshulevet.find-a-service h4, .lemidah-meshulevet.find-a-service .search-container input, .lemidah-meshulevet.find-a-service .search-container .btn-search-blue { font-family: "Assistant", "Arial", sans-serif; } @media (min-width: 991px) and (max-width: 1200px) { .lemidah-meshulevet .digital-services .services-by-level { justify-content: space-between; grid-gap: 0px; } } .lemidah-meshulevet .digital-services p.white { margin-top: 0px; } @media (max-width: 450px) { .lemidah-meshulevet .digital-services .article-headline-container .article-headline { margin-top: 0px; margin-bottom: 12px; } } /*.lemidah-meshulevet .digital-services .service-text li.arrow-left { list-style-image: url('../images/icons/navigation-blue-side.svg'); }*/ /*.lemidah-meshulevet .digital-services .service-text li.arrow-left:before { content: ''; background-image: url('../images/icons/navigation-blue-side.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; width: 6px; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px; }*/ /*ovveried*/ .lemidah-meshulevet.find-a-service .row.compt-tit-con { display: inline-block; } .tichnun-shnati-container .tichnun-shnati-header { background-color: var(--background-over-grey-color); text-align: center; /*margin-bottom: 48px;*/ /*padding: 17px 64px 20px;*/ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } /* .tichnun-shnati-container .tichnun-shnati-header h2 { color: black !important; font-weight: 900 !important; font-size: 25px !important; }*/ .tichnun-shnati-container .tichnun-shnati-header .header-large-text { font-size: 22px; margin: 10px 0; } .tichnun-shnati-container .large-text { font-size: 22px; } .tichnun-shnati-container .tichnun-shnati-header a { font-size: 16px; margin: 0px 10px; } /*.tichnun-shnati-container .topic-item { padding: 20px; padding-bottom: 40px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; margin-bottom: 48px; } */ .tichnun-shnati-container .topic-item button { border: none; background: transparent; width: unset; display: block; margin-right: auto; margin-top: 32px; } .tichnun-shnati-container .topic-item button img { width: 10px; height: 10px; margin-right: 10px; } /*.tichnun-shnati-container .topic-item .row { margin: unset; }*/ .tichnun-shnati-container .topic-item h3 { width: fit-content; /*padding: 8px 13px 8px 12px;*/ font-weight: bold !important; font-size: 20px !important; margin: 0px 0px 0px 22px; height: 40px; } .tichnun-shnati-container .topic-item-header { display: flex; align-items: center; margin-bottom: 20px; } .tichnun-shnati-container .topic-requiered { font-size: 17px; background-color: #edf5fa; height: 20px; padding: 2px 8px; color: #2c7094; line-height: 14px; } .tichnun-shnati-container .topic-description { display: flex; flex-direction: column; margin-bottom: 10px; } .tichnun-shnati-container .topic-description span { margin-bottom: 7px; display: flex; /* align-items: center; */ } .tichnun-shnati-container .topic-description span p { font-size: 16px; display: inline; margin: 0px; } .tichnun-shnati-container .topic-description img { width: 10px; height: 10px; margin-top: 6px; } .tichnun-shnati-container .generic-expertise { margin-bottom: 15px; } .tichnun-shnati-container .generic-expertise .expertise-subjects { display: flex; width: 100%; justify-content: space-around; flex-wrap: wrap; gap: 30px; } .tichnun-shnati-container .expertise-subjects span { /* margin: 0px 5px 0px 30px; */ text-align: center; font-size: 16px; } .tichnun-shnati-container .generic-expertise img { width: 56px; height: 56px; margin-bottom: 5px; } .link-to-material img { height: 10px; width: 10px; } .item-short .row { position: relative; } .link-to-material { font-size: 16px; color: #2c7094; position: absolute; bottom: 0; right: 0; margin-right: 18px; } .page-intro { background-color: white; /* margin: 48px 0px 21px 0px;*/ padding: 20px 15px 21px 20px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .page-intro p { font-size: 16px; } .expertise-dropdown-header { margin: 13px 0 10px; padding: 7px 13px 12px; background-color: #edf5fa; } .expertise-dropdown-header button { background-color: transparent; border: none; font-size: 20px; color: #337ab7; vertical-align: middle; font-weight: bold; } .expertise-dropdown-header img { height: 10px; width: 10px; vertical-align: middle; } .expertise-dropdown img { height: 10px; width: 10px; } .expertise-dropdown ul { list-style: none; padding: 0px 15px; font-size: 16px; } .expertise-dropdown ul li { margin-bottom: 10px; } .generic-expertise-list { display: grid; grid-template-columns: auto auto; } .header-dropdown-grade-selection { display: flex; justify-content: center; align-items: center; } .header-dropdown-grade-selection select { width: calc(100% + 35px); /*height: 36px; padding: 7px 11px 8px 8px; border: solid 1px #ccc;*/ margin-right: 13px; border-radius: var(--item-radius); -moz-appearance: none; min-height: 36px; border: 1px solid #a9a9a9; } .item-without-generics .topic-item-header { position: relative; } .item-without-generics .topic-item-header button { position: absolute; top: 0; left: 0; margin: 0px; } .item-without-generics .link-to-material { position: absolute; bottom: 70px; right: 32px; } @media (max-width: 768px) { .item-without-generics .link-to-material { bottom: 105px; } } /*ovveride*/ .page-intro .pre-text p { margin: 0px; } .topic-item .annual-subject-text ul { list-style-image: url(/images/eds-small-slick-icon-left.svg); /*list-style-position:inside;*/ } .tichnun-shnati-container.ltr .topic-item .annual-subject-text ul { list-style-image: url(/images/eds-small-slick-icon-right.svg); } .tichnun-shnati-container.ltr .page-intro .pre-text { direction: ltr; } .tichnun-shnati-container.ltr .topic-item .col-lg-6 { float: left; } .tichnun-shnati-container.ltr .topic-item img.topic-item-arrow { transform: scaleX(-1); } .tichnun-shnati-container.ltr .topic-item h3 { margin: 0px 22px 0px 0px; } .tichnun-shnati-container .topic-item .article-headline { margin-inline-start: auto; /*color: black;*/ /*font-family: 'Helvetica Neue', sans-serif;*/ padding-inline-end: 16px; /*margin-top: -15px;*/ float: inline-end; margin-inline-end: 10px; } .tichnun-shnati-container.ltr .topic-item .article-headline { float: right; } /*.tichnun-shnati-container.page-component-edu.ltr .topic-item a.article-headline { padding-right: 0px; }*/ .tichnun-shnati-container .topic-item a.article-headline:after { background: none; } .tichnun-shnati-container .topic-item .article-headline img { width: 10px; height: 10px; margin-inline-start: 10px; } .tichnun-shnati-container.ltr .topic-item .article-headline img { margin-left: 10px; margin-right: 0px; } .tichnun-shnati-container .topic-item .annual-subject-text h3 { padding: 0px; padding: 0px; } .tichnun-shnati-container .page-intro .collapseHolder { padding: 0px; } .tichnun-shnati-header #grade { padding-left: 10px; display: inline-block; /*font-family: Assistant;*/ font-weight: bold; } .tichnun-shnati-header h2 { display: inline-block; margin: 0 } .tichnun-shnati-header .anchor-combo-select { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .annual-subject-text { font-size: 16px; /*padding: 0px;*/ } .annual-subject-text ul { margin-left: 0px; } .page-intro .panel-collapse-header { background-color: #edf5fa; padding: 10px; } .page-intro .collapse-container.collapse-items-container .PanelCollapse { background-color: white; } @media(max-width: 500px) { .tichnun-shnati-container .topic-requiered { padding: 3px; } } .tichnun-shnati-container.ltr .annual-subject-with-skills .annual-subject-text { padding: 15px; } .tichnun-shnati-container .topic-description img { margin-left: 5px; } .tichnun-shnati-container.ltr .topic-description img { margin-left: 0px; margin-right: 5px; } /*#left_col[role=main] .tichnun-shnati-container.ltr .topic-item .annual-subject-with-skills .annual-subject-text ul { margin-left: 16px; }*/ #left_col[role=main] .topic-item .annual-subject-text ul { padding-left: 15px; } .topic-item .col-lg-12, .topic-item .col-lg-6 { padding-right: 0px; padding-left: 0px; } .tichnun-shnati-container.ltr .topic-item .col-lg-12, .tichnun-shnati-container.ltr .topic-item .col-lg-6 { padding-left: 0px; } /*.header-dropdown-grade-selection select { width: auto; } */ /*.tichnun-shnati-container .tichnun-shnati-header h2 { font-size: 23px !important; }*/ .tichnun-shnati-container .tichnun-shnati-header .header-large-text { font-size: 20px; color: var(--title-color); } .tichnun-shnati-container .anchors-list { color: var(--link-color-on-l-blue); } .tichnun-shnati-container .generic-expertise .expertise-subjects { justify-content: center; gap: 20px; } .tichnun-shnati-container .expertise-subjects span { min-width: 140px; } .tichnun-shnati-container .topic-requiered { height: auto; min-height: 20px; } .tichnun-shnati-container .topic-item h3 { height: auto; min-height: 40px; } .tichnun-shnati-container .topic-item { display: flex; flex-direction: column; } @media(min-width:768px) { .tichnun-shnati-container .topic-item .row.generic-expertise-row { margin-right: -18px; } .generic-expertise-row .large-text { margin-right: 18px; } .tichnun-shnati-container.ltr .topic-item .row.generic-expertise-row { margin-right: 0px; margin-left: -18px; } .tichnun-shnati-container.ltr .generic-expertise-row .large-text { margin-right: 0px; margin-left: 18px; } } @media(max-width:768px) { .tichnun-shnati-container .expertise-subjects span { min-width: 120px; } } @media(max-width:480px) { .tichnun-shnati-container .generic-expertise .expertise-subjects { justify-content: space-between; } } .tichnun-shnati-container .annual-subject-text .subject-image { float: left; width: 404px; margin-right: 20px; margin-bottom: 15px; } .tichnun-shnati-container.ltr .annual-subject-text .subject-image { float: right; margin-right: 0; margin-left: 20px; } .subject-image-mobile { display: none; } @media (max-width: 991px) { .tichnun-shnati-container .annual-subject-text .subject-image { display: none; } .subject-image-mobile { display: block; } } /*.tichnun-shnati-container .topic-item .article-headline { font-family: Assistant; }*/ .tichnun-shnati-container .topic-requiered { white-space: nowrap; } /*.tichnun-shnati-container h3 { padding: 6px 20px; }*/ .topic-item-header .compt-tit-con h2 { margin-top: 5px; } .tichnun-shnati-container .topic-requiered { margin-inline-start: 22px; } .tichnun-shnati-container .indicator { background-color: var(--indicator-bg-color); border-radius: 9px; margin-inline-start: 20px; text-wrap: nowrap; align-self: flex-start; } .tichnun-shnati-container .indicator .text { color: var(--title-color); padding: 9px; line-height: 1.8; } .tichnun-shnati-container .component-panel .collapse-container .component-panel { padding: 0; } .tichnun-shnati-container { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } /*ovveride*/ .filter-info-wrapper { /*padding: 20px 13px 18px;*/ background-color: #edf5fa; } .page-intro { background-color: white; padding: 20px 15px 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: var(--space-between-components); } .filter-info-inputs { display: flex; } .page-intro > p { color: #333; font-size: 16px; } .hesegim-bold-text { color:var(--title-color); font-size: 16px; font-weight: bolder; } .filter-search-labels { font-size: 18px; margin-left: 13px; } .search-level-topic .filter-search-labels{ width:10%; } .search-filter-dropdown-content { margin-left: 25px; width: 194px; height: 36px; padding: 6px 11px 9px 8px; border: solid 1px #ccc; background-color: #fff; font-size: 16px; } .filter-info-search-btn { border-radius: 4px; background-color: #3098cf; padding: 5px 18px 8px 20px; font-size: 22px; color: white; border: none; opacity: 0.25; float: left; margin-top: -3px !important; margin: auto; } .hesegim-metsupim-content { background-color: white; padding: 14px 12px 20px 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: var(--space-between-components); } .hesegim-metsupim-content h3 { background-color: #3098cf; width: fit-content; padding: 8px 13px 8px 20px; color: white !important; font-weight: bold !important; font-size: 22px !important; margin: 0px 0px 20px; } .hesegim-metsupim-content .topic-list-container { background-color: white; padding: 21px 11px 19px 19px; } .hesegim-metsupim-content .topic-list-container .edu-level-buttons a { height: 51px; margin: 0 0px 4px 5px; padding: 12px 30px 11px 29px; background-color: #b0d5e6; border: none; font-size: 22px; color: #000; line-height: 21px; } .hesegim-metsupim-content .topic-list-container .edu-level-buttons a:not(.btn-active) { border-bottom: 5px solid white; } .hesegim-metsupim-content .topic-list-container .edu-level-buttons .btn-active { background-color: #edf5fa; border-bottom: 9px solid #edf5fa !important; } .hesegim-metsupim-content .topic-list-container .edu-level-buttons { display: flex; margin-bottom: -18px; font-weight: bold; } .hesegim-metsupim-content .topic-list-container h5 { background-color: black; opacity: 0.7; margin-top: -40px; height: 40px; color: white; padding: 7px 14px 10px 0px; font-weight: normal !important; font-size: 18px; } .hesegim-metsupim-content .topic-list-container p { font-size: 17px; margin: 19px 15px; } .hesegim-metsupim-content .topic-list-container .list-of-topics { background-color: #edf5fa; max-width: 817px; padding: 42px 18px 42px 19px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 14px; gap: 6px; } .hesegim-metsupim-content .topic-list-container .list-of-topics .topic-item { max-width: 246px; } .hesegim-short-version h3 { margin-bottom: 0px; } .hesegim-short-version .topic-list-container .list-of-topics { background-color: white; margin-top: 0px; } .hesegim-short-version .see-more-btn { background-color: #1d5c7e; padding: 3px 14px 3px; border-radius: 4px; width: unset; display: block; color: white; font-size: 16px; margin-right: auto; border: none; } .hesegim-short-version .see-more-btn img { height: 10px; width: 10px; margin-right: 10px; } /*@media (max-width: 815px) {*/ /* override */ @media (max-width: 991px) { .filter-info-inputs { flex-direction: column; } .filter-info-inputs select { width: 100%; } .filter-info-inputs select:last-of-type { margin-bottom: 20px; } .list-of-topics .topic-item { margin: auto; } .search-level-topic .filter-search-labels { width: 100%; } } @media (max-width: 560px) { .hesegim-metsupim-content .topic-list-container .edu-level-buttons a { font-size: 18px; padding: 10px 11px; } } /* override */ .filter-info-search-btn { margin-right: auto; margin-left: 0; } .filter-info-search-btn button[disabled] { cursor: not-allowed; } .filter-info-search-btn.enable-btn { opacity: 1; cursor: pointer; } .filter-info-wrapper select, .filter-info-wrapper button { font-family: "Assistant SemiBold", Assistant, Arial; } .filter-search-labels { margin-top: 3px; } .hesegim-bold-text { margin-top: 0; } .hesegim-metsupim-container .page-intro p:first-of-type { margin-top: 0; } .filter-info-wrapper .primary-btn{ margin-right:auto; opacity:1; } .filter-info-wrapper .primary-btn.disable-btn { opacity: 0.70; } /*.search-filter-dropdown-content.search-topic { width: 285px; } @media (max-width: 991px) { .search-filter-dropdown-content.search-topic { width: 100%; } }*/ @media (min-width: 992px) { .search-filter-dropdown-content.search-topic { width: 285px; } } /* end override */ html { scroll-behavior: smooth; } .bold { font-weight: 600; } .conventions-container .page-component-edu .comp-title-container h4 { padding: 7px 15px; margin-bottom: 15px; } .conventions-container .description-container { display: flex; padding: 0 13px 28px 25px; margin: 0; border-bottom: var(--line-between-items); } /*.conventions-container .description-container.top { padding-top: 20px; }*/ .conventions-container .description-container .description-header > span { display: block; } .conventions-container .description-container .description-header .title { font-size: 18px; font-weight: 600; } .conventions-container .description-container .description-header .subtitle { font-size: 18px; font-weight: 500; } .conventions-container .description-container .description-header .date { font-size: 14px; } .conventions-container .description-container.top .description-body p { margin-top: 17px; margin-bottom: 0; } .conventions-container .description-container .description-body p { color: #000; line-height: 24px; font-size: 16px; } .conventions-container .description-container img { width: 282px; height: 189px; margin-right: 57px; } .conventions-container .conventions { padding: 5px 28px 5px 10px; } .conventions-container .item-container { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 15px 13px; border-radius: var(--item-radius); } .conventions-container .content-container { background-color: #edf5fa; min-height: 133px; padding: 12px 16px; border-radius: inherit; } .conventions-container .content-container .content-title { /*color: #333;*/ margin: 0; line-height: 130%; display: flex; align-items: baseline; } .conventions-container .content-container .content-title .titleDir { margin-top: 0; margin-bottom: 0; } .conventions-container .content-container .content-title > img { width: auto; margin-right: 13px; } .conventions-container .content-container .content-subtitle { font-size: 14px; font-weight: 500; margin: 6px 0 10px 0; display: inline-block; } .conventions-container .item-btns-container { margin-top: 10px; } .conventions-container .item-btns-container button { min-width: 90px; /*height: 32px;*/ } .conventions-container .item-btns-container > button + button { margin-right: 4px; } .conventions-container .item-btns-container .btn-primary { background-color: #3098cf; border-radius: 4px; color: #fff; font-size: 16px; border: none; } .conventions-container .btn-dark { font-size: 16px; color: #fff; border-radius: 4px; border: none; background-color: #1d5c7e; width: 79px; height: 32px; } @media screen and (max-width: 740px) { .conventions-container.page_component .page-component-edu .conventions .item-container { max-width: 100%; } } /*override*/ .conventions-container .description-container { align-items: flex-start; padding: 0 0 20px 0; } .conventions-container .description-container img { width: 338px; height: auto; } .conventions-container .description { margin-top: 8px; width: -webkit-fill-available; } .convention-collapse { overflow: hidden; } .conventions-container .item-container { margin-left: 0px; margin-right: 0px; } .videoImg { position: relative; width: auto; height: min-content; } .conventions-container .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: calc(50% - 28.5px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } .conventions-container.ltr .description-container img.play-image { left: calc(50% + 28.5px); margin-left: 0px; } .conventions-container .conventions { padding: 0; margin-top: 20px; /*text-align: justify;*/ display: flex; flex-wrap: wrap; justify-content: flex-start; } .conventions-container .description-container .description-body span { color: #000; line-height: 24px; font-size: 16px; } .conventions-container .description-container.top .description-body p:not(:first-of-type) { margin-top: 5px; } .conventions-container .description-container.top .description-body p:first-of-type { margin-top: 0; } .conference_component.ltr .content-container .content-title > img { width: auto; margin-left: 13px; margin-right: 0px; } .conference_component .comp-title-container, .conference_component .comp-title-container h4.title_margin { margin-bottom: 0px; } @media (min-width: 1200px) { .conventions-container .conventions.three-cols .item-container { max-width: 31.95%; /*flex: 1 0 31.95%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.three-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.three-cols .item-container:nth-child(3n + 0) { margin-left: 0; margin-right: 0; } } @media (max-width: 1200px) { /*.conventions-container .conventions.three-cols .item-container { max-width: 47%; }*/ .conventions-container .conventions.three-cols .item-container { max-width: 48.9%; /*flex: 1 0 48.9%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.three-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.three-cols .item-container:nth-child(2n + 0) { margin-left: 0; margin-right: 0; } } .openImage { transform: rotate(180deg); } .conventions-container.conference_component .item-btns-container { margin-top: 20px; } .conventions-container.ltr .item-btns-container > button + button { margin-left: 4px; margin-right: 0px; } .conventions-container button.buttonFont { font-family: Assistant, Arial } .conventions-container .content-container .content-subtitle { margin: 6px 0 0 0; } .conventions-container.ltr .description-container img { margin-right: 0px; margin-left: 57px; } /*.conventions-container.ltr .description-container { padding: 0 15px 28px 15px; }*/ .conference_component.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .conference_component ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .conventions-container .conventions.two-cols .item-container { max-width: 49%; } .conference_component.ltr { direction: ltr; } .conference_component .title-height { /* min-height: 42px;*/ } .conference_component .btn-primary.buttonWidth { width: auto; min-width: 106px; } .page-component-edu .conventions-container .page-component-edu { margin-bottom: 0 !important; } .conference_component.ltr .titleDir { text-align: left; } .conference_component.ltr .comp-title-container h4.title_margin { margin-bottom: 0px; float: left; } .conference_component.ltr .article-headline-container { float: right; } .page-component-edu .conventions-container .moreText p { margin: 0px; } /*.conventions-container .item-container { margin: 0 8px 15px 8px; }*/ .conference_component .item-btns-container { display: flex; flex-wrap: wrap; gap: 5px; } @media (max-width: 991.5px) { .conventions-container .conventions { /*padding: 5px 28px 5px 28px;*/ /*padding: 5px 20px 5px 20px;*/ } .conventions-container .description { margin-bottom: 20px; } .conference_component.conventions-container .description-container.top { display: block; /*padding-left: 13px;*/ } .conventions-container .description-container img { height: auto; } .conference_component.conventions-container .description-container img { margin-right: 0px; width: 100% } .conference_component.conventions-container.ltr .description-container img { margin-left: 0px; width: 100% } .conference_component .item-btns-container { display: flex; } .conventions-container .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } .conventions-container.ltr .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } } @media screen and (max-width: 740px) { .conventions-container.page_component .page-component-edu .conventions .item-container { margin-left: 0px; margin-right: 0px; } .conference_component .title-height { height: auto; } } @media screen and (min-width: 741px) { .conventions-container .conventions.two-cols .item-container { max-width: 48.9%; /*flex: 1 0 48.9%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.two-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.two-cols .item-container:nth-child(2n + 0) { margin-left: 0; margin-right: 0; } } .page-component-edu.items-with-icons-container { background-color: white; } .items-with-icons-container { padding: 1.77%; position: relative; } .items-with-icons-container .container-content { position: relative; display: flex; justify-content: center; } .page-component-edu.items-with-icons-container h3, .page-component-edu.items-with-icons-container .comp-title-container h4 { margin: 0; } .items-with-icons-container .container-content .horizontal-items-container { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap: 20px; width: 100%; } .items-with-icons-container .container-content .horizontal-items-container .item { text-align: center; width: 180px; display: block; } .items-with-icons-container .container-content .horizontal-items-container .item span { font-size: 20px; display: block; } .items-with-icons-container .container-content .horizontal-items-container .item img { height: 55px; width: 55px; } .items-with-icons-container .container-content .horizontal-items-container .item span { font-size: 20px; } /*START MEDIA QUERY*/ @media (max-width:1200px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; flex-wrap: wrap; max-width: 580px; } } @media (max-width: 850px) { .items-with-icons-container .container-content .horizontal-items-container { max-width: 380px; } } @media (max-width: 420px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: center } } /*END MEDIA QUERY*/ /*//override horizontal-icons///*/ .page-component-edu.items-with-icons-container .comp-title-container { margin-bottom: 15px; } @media (max-width:1200px) { .items-with-icons-container .container-content .horizontal-items-container { max-width: none; } } /*@media (max-width: 850px) { .items-with-icons-container .container-content .horizontal-items-container { max-width: none; } }*/ .items-with-icons-container .container-content .horizontal-items-container { gap: 0px; } .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 4px; margin-right: 4px; margin-bottom: 20px; } .horizontal-items-container .icon-item { flex-grow: 0; flex-basis: 33%; text-align: -moz-center; text-align:-webkit-center; } /*.items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; }*/ @media (min-width:1200px) { .horizontal-items-container .icon-item.four-in-line { flex-basis: 25%; } } @media (min-width:420px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; } } @media (min-width:420px) and (max-width:614px) { .horizontal-items-container .icon-item { flex-basis: 50%; } } @media (min-width:768px) and (max-width:819px) { .horizontal-items-container .icon-item { flex-basis: 50%; } } .items-with-icons-container{ padding:0px; } .items-with-icons-container .container-content .horizontal-items-container{ padding:15px; } /*.items-with-icons-container .container-content .horizontal-items-container::after { content: ''; flex-grow: 7; }*/ /*@media (max-width:486px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: center; } .horizontal-items-container .icon-item { flex-grow: 0; } .items-with-icons-container .container-content .horizontal-items-container::after { content: ''; flex-grow: 0; } }*/ /*@media (min-width: 1200px) { .items-with-icons-container .container-content .horizontal-items-container.three-icons .item { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .items-with-icons-container .container-content .horizontal-items-container.three-icons { justify-content:flex-start; max-width: 680px; } } @media (max-width:1199px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; flex-wrap: wrap; max-width: 780px; } } @media (max-width:936px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; flex-wrap: wrap; max-width: 680px; } .items-with-icons-container .container-content .horizontal-items-container .item{ margin-left: 5px; margin-right: 5px; margin-bottom: 5px; } } @media (max-width:827px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: flex-start; flex-wrap: wrap; max-width: 680px; } .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 50px; margin-right: 50px; margin-bottom: 5px; } } @media (max-width:814px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 40px; margin-right: 40px; margin-bottom: 5px; } } @media (max-width:767px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 14px; margin-right: 14px; margin-bottom: 5px; } } @media (max-width:676px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; } } @media (max-width:620px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 35px; margin-right: 35px; margin-bottom: 5px; } @media (max-width:548px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 30px; margin-right: 30px; margin-bottom: 5px; } } @media (max-width:520px) { .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 20px; margin-right: 20px; margin-bottom: 15px; } } @media (max-width:486px) { .items-with-icons-container .container-content .horizontal-items-container { justify-content: center; flex-wrap: wrap; max-width: 680px; } .items-with-icons-container .container-content .horizontal-items-container .item { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } } .hideTitle { display: none; } .items-with-icons-container .container-content { margin-top: 30px; } /*.items-with-icons-container .container-content .horizontal-items-container .item img { height: 50px; width: 50px; }*/ .maagar-sratim { font-family: 'Assistant'; } .maagar-sratim h1 { font-weight: bolder !important; } .maagar-sratim h1 .header-back-button { background-color: #1d5c7e; height: 34px; border-radius: 6px; font-size: 16px; display: inline; float: left; font-weight: lighter !important; } .maagar-sratim h1 .header-back-button img { width: 6px; height: 10px; margin: 5px 4px 5px 0; } /*.maagar-sratim .find-a-service { background-color: white; padding: 20px 15px 48px 28px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: 35px; }*/ .maagar-sratim .find-a-service .search-container { display: flex; justify-content: space-between; } .maagar-sratim .find-a-service .search-container .btn-search-blue { border-radius: 0px; height: 41px; padding: 4px 15px 9px; margin-right: 30px; } .maagar-sratim .find-a-service .search-container .search-container-buttons { display: flex; } .maagar-sratim .find-a-service .search-container .btn-search-blue img { width: 6px; height: 10px; margin: 5px 6px 8px 0; object-fit: contain; } .maagar-sratim .find-a-service .search-container input { max-width: 569px; flex-grow: 2; padding: 8px 11px 8px 8px; border: solid 1px #ccc; height: 41px; font-size: 16px; } .maagar-sratim .find-a-service .search-container .maagar-sratim-search-clear-btn { background: none; border: none; text-decoration: underline; font-size: 18px; color: #000; } .maagar-sratim .find-a-service .search-container input::-webkit-search-cancel-button { height: 20px; width: 20px; display: inline-block; background: url(./images/times-circle-svgrepo-com.svg) no-repeat; } .maagar-sratim .find-a-service .search-container input::placeholder { color: #5e5e5e !important; } .maagar-sratim .find-a-service h4 { width: 205px; height: 40px; margin: 0 0 19px 655px; padding: 6px 15px; background-color: #3098cf; color: white; font-size: 22px; text-align: center; } .maagar-sratim .find-a-service p { color: #000; font-size: 16px; margin: 19px 0 19px 205px; font-weight: bold; } .maagar-sratim .find-a-service .filter-services { display: flex; justify-content: space-between; max-width: 600px; } .maagar-sratim .find-a-service .filter-services span label { vertical-align: middle; font-size: 16px; color: #afafaf; } .maagar-sratim .find-a-service .filter-services span input { background-color: #3098cf; width: 16px; height: 16px; margin: 0px 0 6px 7px; padding: 4px; border: solid 1px #3098cf; vertical-align: middle; color: #3098cf; } @media (max-width: 500px) { .maagar-sratim .find-a-service .search-container { flex-direction: column; } .maagar-sratim .find-a-service .search-container input { margin-bottom: 15px; } .maagar-sratim .find-a-service .search-container .search-container-buttons { justify-content: flex-end; } .maagar-sratim .find-a-service p { margin: 0px 0px 15px 0px; } } /*ovveride*/ .maagar-sratim .find-a-service .search-container input { font-family: Assistant,Arial !important; } /*ovveride*/ /* start protected content */ .tochen-mugan { background: var(--grey-background); display: flex; align-items: center; width: 100%; height: 100%; flex-direction: column; padding-top: 50px; padding-bottom: 50px; border-radius: 4px; } .tochen-mugan button { /* width: fit-content; */ margin-left: auto; margin-right: auto; background-color: #3098cf; border: none; color: white; font-weight: bold; font-size: 18px; padding: 5px 20px; border-radius: 4px } .tochen-mugan p { /* margin: auto !important; margin-top: 0px !important; margin-bottom: 10px !important; */ /* width: fit-content !important; */ color: black !important; font-size: 26px !important; font-weight: bolder !important; } .tochen-mugan p:last-of-type { font-size: 20px !important; } .tochen-mugan img { width: 35px; height: 35px; /* margin-left: auto; margin-right: auto; */ } @media (max-width: 768px) { .tochen-mugan p { font-size: 18px; text-align: center; } } /* end protected content */ /*ovveride*/ .SucTitle .lock-img { width: 20px; height: 20px; margin-top: -3px; } .lock-img { width: 23px; height: 23px; } .tochen-mugan a { /* width: fit-content; */ margin-left: auto; margin-right: auto; background-color: #3098cf; border: none; color: white; font-weight: bold; font-size: 18px; padding: 5px 20px; } .page-component-edu .tochen-mugan a:focus, .page-component-edu .tochen-mugan a:hover { color: white !important; } .tochen-mugan-page .tochen-mugan { padding-bottom: 120px; } /*.tochen-mugan-item .lock-img { width: 23px; height: 23px; margin: 0px; }*/ .protected-content-pre-text .lock-img { margin: 0px; margin-top: -5px; } .tochen-mugan-item p { font-size: 16px; } .tochen-mugan-item { padding: 0; } .tochen-mugan-item .tochen-mugan-text { padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; } .tochen-mugan-item .tochen-mugan-background { position: static; width: 100%; height: 100%; } /*.tochen-mugan-item .lock-img, .tochen-mugan-item p { position: absolute; }*/ .tochen-mugan-item p { margin: 0; /*top: 8%; right: 35%;*/ } .ltr .tochen-mugan-item p { font-size: 20px !important; left: 15%; right: auto; } .protected-content-pre-text { margin: 15px; font-size: 16px; } .component-panel .protected-content-pre-text { margin: 15px 0; } .service-item .tochen-mugan-item .tochen-mugan-background, .mechkar-ve-yedah-container .tochen-mugan-item .tochen-mugan-background { height: auto; } .mechkar-ve-yedah-container .tochen-mugan-item p, .service-item .tochen-mugan-item p, .mechkar-ve-yedah-container .tochen-mugan-item .login-button, .service-item .tochen-mugan-item .login-button { /*position: static;*/ } .service-item .tochen-mugan-item .lock-img { margin: 5px; } .squares-tabs .protected-content-pre-text { margin-top: 0px; margin-right: 0px; } .tochen-mugan p.second-text { font-size: 16px !important; /*top: 28%; right: 23%;*/ } /*.tochen-mugan .login-button { position: absolute; top: 43%; right: 25%; }*/ .ltr .tochen-mugan .login-button { left: 15%; right: auto; } /*.PanelCollapse .login-btn { color: rgb(44,112,148); }*/ .PanelCollapse .lock-icon { width: 26px; height: 26px; } .PanelCollapse .collapse-subtitle a { color: var(--link-color-on-l-blue); } .protected-content-text { margin-bottom: 15px; margin-right: -5px; } .stock-results .protected-content-text { margin-top:-10px; } .protected-content-text a { font-weight: 600; } .protected-content-text .lock-img { margin-top: -5px; } .ltr .tochen-mugan p.second-text { text-align: center; font-size: 14px; /*left: 0; right: 0;*/ } .tochen-mugan-component .comp-title-container h4 { opacity: 0.5; } .tochen-mugan-component .protected-summary p{ font-size:20px!important; font-weight:400!important; } /*ovveride*/ .climate-change-maagar-homarim { box-shadow: none !important; } .climate-change-maagar-homarim-search { padding: 14px 15px 28px 28px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; margin-bottom: 31px; } .climate-change-maagar-homarim h4 { padding: 4px 13px 8px; background-color: #3098cf; color: white !important; font-size: 22px !important; font-weight: bold !important; width: fit-content !important; margin: 0px; } .climate-search-label { font-size: 18px !important; margin-left: 13px; } .climate-change-maagar-homarim .input-wrapper { display: flex; justify-content: space-between; } .climate-change-maagar-homarim .input-wrapper .climate-search-select { padding: 7px 11px 8px 8px; border: solid 1px #ccc; background-color: #fff; width: 214px; height: 36px; color: #555; } .climate-search-buttons { margin-top: 16px; width: fit-content; margin-right: auto; } .climate-search-buttons .clear-btn { display:inline-block; } .climate-search-buttons .clear-search { border: none; background-color: transparent; text-decoration: underline; color: #23527c; font-size: 16px; } .climate-search-buttons .search-btn { padding: 6px 20px 7px; border-radius: 4px; background-color: #3098cf; color: white; border: none; font-size: 22px; margin-right: 25px; } .climate-change-maagar-homarim .climate-suggested-topics-list { background-color: #edf5fa; text-align: center; margin-bottom: var(--space-between-components); padding: 17px 131px 40px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .climate-change-maagar-homarim .climate-suggested-topics-list h2 { color: black !important; font-weight: bold !important; font-size: 22px !important; margin-bottom: 15px; } .climate-change-maagar-homarim .climate-suggested-topics-list.header-large-text { font-size: 22px; color: #333; } .climate-change-maagar-homarim .large-text { font-size: 22px; } .climate-change-maagar-homarim .climate-suggested-topics-list a { font-size: 16px; margin: 0px 10px; } .material-list { background-color: white; padding: 14px 15px 17px 14px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: var(--space-between-components); } .material-item { margin-top: 24px; padding-right: 15px; } .material-item-header { color: #337ab7; font-size: 20px; font-weight: bold; } .material-item-grades { margin-bottom: 0px !important; } .material-item-text { font-size: 16px !important; } .material-item-text img { width: 10px; margin-top: -2px; } .material-list-button { background-color: #1d5c7e; display: block; color: white; border-radius: 4px; border: none; width: fit-content; padding: 5px 12px 6px 16px; margin-right: auto; } .material-list-button img { width: 10px; height: 10px; margin-top: -2px; } .number-of-results { font-size: 16px; margin-right: 12px; } .you-have-searched { display: flex; padding: 9px 10px 11px 9px; background-color: var(--grey-background); font-size: 18px; margin-bottom: 20px; } .you-have-searched .inner-section { margin: 0px 15px; } .bold-text { font-weight: bold; } /*ovveride*/ .climate-change-maagar-homarim .input-wrapper .climate-search-select { display: inline-block; } .climate-search-buttons .search-btn { font-family: 'Assistant', 'Arial'; } .climate-search-buttons .clearBtnWrap { display: inline-block; } .climate-item-key { display: block; } .climate-change-maagar-homarim .material-item-text p { font-size: 16px; margin: 0px; } .climate-change-maagar-homarim a.article-headline { float: left; } /*.climate-change-maagar-homarim .material-item-image { margin-top: 8px; }*/ .climate-change-maagar-homarim .material-item-text p.material-item-summary { margin-bottom: 16px; margin-top: 8px; } .climate-change-maagar-homarim .stock-item-link img { width: 10px; height: 10px; margin: 2px; margin-top: -2px; } @media(max-width:991px) { .climate-change-maagar-homarim-search.stock-search .input-wrapper { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; } .climate-change-maagar-homarim .input-wrapper .climate-search-select{ width:100%; } .climate-search-label{ display:block; } } @media(min-width:992px) { .short-select-for-grade { width: 90px !important } } /*ovveride*/ .climate-change-theme-page { box-shadow: none !important; } /*.climate-change-theme-page .theme-page-intro { padding: 15px 15px 20px 38px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; margin-bottom: 48px; }*/ .bold-text { font-weight: bold; } /*.climate-change-theme-page*/ .intro-details { padding: 9px 10px 9px 10px; font-size: 18px; background-color: var(--indicator-bg-color); border-radius: var(--item-radius); } /*.climate-change-theme-page*/ .intro-details p { display: inline; } .climate-change-theme-page .theme-page-intro p:last-of-type { font-size: 16px; } /*.climate-change-theme-page .climate-suggested-topics-list { background-color: #edf5fa; text-align: center; margin-bottom: 48px; padding: 23px 100px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .climate-change-theme-page .climate-suggested-topics-list a { font-size: 16px; margin: 0px 10px; }*/ .more-material-list-container { padding: 14px 15px 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; margin-bottom: var(--space-between-components); font-size: 16px; } .more-material-list-container h4 { padding: 5px 13px 7px; background-color: #3098cf; color: white !important; width: fit-content; font-size: 22px !important; font-weight: bold !important; margin-top: 0px; } .related-topics .bold-text { font-size: 18px; } .related-topics-item { padding: 12px 13px 14px 13px; display:flex; gap:16px; margin: auto; margin-bottom: 15px; } .related-topics-items .related-topics-item:not(:last-of-type) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 32px; } .related-topics-item .img-col img{ border-radius:var(--item-radius); } .related-topics-item .text-col .title h3{ font-size:18px; margin-top:0px; margin-bottom:0px; line-height:14px; } /*ovvride*/ .related-topics .bold-text { color: black; } .page-component-edu.climate-change-theme-page { padding: 40px 30px 40px 40px; } .climate-change-theme-page div { font-size: 16px; } @media (min-width: 992px) and (max-width: 1200px) { .page-component-edu.climate-change-theme-page .intro-details { width: 50%; } } @media (min-width: 1200px) { .page-component-edu.climate-change-theme-page .intro-details { width: 55%; } } @media (min-width: 992px) { .page-component-edu.climate-change-theme-page .main-image-container.small-image { max-width: 305px; width: auto; } .related-topics-item .img-col { padding-right: 0px !important; width: 23%; } .related-topics-item .text-col { padding-left: 0px; width: 75%; } } @media (max-width: 992px) { .page-component-edu.climate-change-theme-page .intro-details { /*width: 100%;*/ margin-bottom: 15px; } .related-topics-item { flex-direction:column; } } .popXtn .climate-change-subject .ContainerTitlePage { margin: 0px 0px 20px 0px; } /*ovvride*/ .climate-change-container { box-shadow: none !important; } .climate-change-intro { padding: 31px 28px 28px 40px; background-color: white; width: unset !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); font-size: 16px; margin-bottom: 31px; } .climate-change-intro .intro-img { max-height: 216px; } .climate-change-intro-content { display: inherit !important; } /*.keep-reading img { width: 10px; height: 10px; }*/ .maagar-homeri-horaa { background-color: #fff; width: unset !important; font-size: 16px; } .climate-change-container h4 { padding: 4px 13px 8px !important; background-color: #3098cf !important; color: white !important; font-size: 22px !important; font-weight: bold !important; width: fit-content; margin: 0 0 16px 31px; } /*.maagar-homeri-horaa p { margin: 16px 13px 9px 25px; }*/ /*.link-to-maagar { margin-right: 12px; }*/ .link-to-maagar img { width: 10px; height: 10px; } .maagar-homeri-horaa .divider { margin: auto; margin-top: 17px; background-color: #e2e2e2; height: 1px; } .maagar-homeri-horaa .large-text { font-size: 22px; margin:16px; margin-right: 0px; font-weight: 900 !important; color:var(--title-color); } .homrei-horaa-by-age img { width: 10px; height: 10px; margin-left: 5px; } .homrei-horaa-by-age .age-header { padding: 11px 16px 13px 0px; background-color: var(--stock-search-bg); font-size: 20px; font-weight: bold; margin-bottom: 7px; border-radius: var(--item-radius); } .homrei-horaa-by-age .age-list { display: flex; flex-direction: column; } .homrei-horaa-by-age .age-list a { color: black; font-size: 16px; margin-bottom: 7px; font-weight: normal; } /*.pituah-miktsoi { padding: 14px 15px 28px 28px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; width: unset; } .pituah-miktsoi p { font-size: 16px; }*/ .more-content-item { margin: auto; } .more-content-item h4 { background-color: var(--title-color)!important; opacity:0.9; height: 80px; position: absolute; bottom: 0; width: 100%; margin-bottom: 0px; color: white !important; font-size: 22px !important; padding: 25px 20px 0px 0px !important; } .more-content-item img { max-width: 400px; height: 235px; } @media (max-width: 760px) { .intro-content { flex-direction: column-reverse; } } .lemidah-hotsat-thumim h1 { font-weight: bold !important; } .lemidah-hotsat-thumim { box-shadow: none !important; } .lemidah-hotsat-thumim-intro { padding: 14px 15px 42px 40px; background-color: white; width: unset !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .lemidah-hotsat-thumim h2 { background-color: #3098cf; font-size: 22px !important; font-weight: bold !important; color: white !important; padding: 6px 13px; max-width: fit-content; } .lemidah-hotsat-thumim-intro p { font-size: 16px; } .lemidah-hotsat-thumim-intro img { max-height: 216px; margin: auto; } .intro-content { display: flex; } .keep-reading img { width: 10px; height: 10px; } .lemidah-hotsat-thumim-banner { position: relative; margin: 46px 0px 46px 0px; background-color: rgba(0, 0, 0, 0.1); } .lemidah-hotsat-thumim-banner img { max-width: 847px; height: 280px; } .banner-content { position: absolute; background-color: rgba(0, 0, 0, 0.8); color: white; max-width: 360px; height: 187px; padding: 10px 16px 16px 31px; top: 15px; right: 12px; } .banner-content h4 { color: white !important; font-size: 24px !important; font-weight: 100 !important; } .banner-content button { padding: 5px 12px 8px 15px; border-radius: 4px; background-color: #3098cf; border: none; font-weight: bold; } .banner-content button img { width: 10px; height: 10px; position: relative; color: white !important; } .lemidah-hotsat-thumim-yehidot-horaa { background-color: white; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); padding: 10px 15px; padding-bottom: 60px; } .yehidot-horaa-item { background-color: #f0f4fc; width: 100%; margin-bottom: 25px; } .yehidot-horaa-item .row { padding: 10px !important; } .yehidot-horaa-item .row a { font-size: 14px; } .yehidot-horaa-item .row a img { width: 8px; height: 6px; margin-right: 4px; } .yehidot-horaa-item img { width: 175px; height: 150px; margin-top: 15px !important; } .yehidot-horaa-item .yehidot-item-header { font-weight: bold !important; font-size: 20px; margin-bottom: 0px; } .yehidot-horaa-item .yehidot-item-sub-header { font-weight: bold !important; margin: 0px; } .yehidot-item-content { font-size: 16px; } .yehidot-item-button { background-color: #3098cf; color: white; border: none; font-size: 18px; float: left; border-radius: 4px; padding: 8px 12px; } .yehidot-horaa-sheli-btn { background-color: #1d5c7e; border: none; color: white; float: left; font-size: 18px; padding: 10px; border-radius: 4px; margin-left: 10px; } .yehidot-horaa-sheli-btn img { width: 12px; height: 12px; } .more-content { background-color: white; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); padding: 15px 15px 24px; margin-top: 45px; } .more-content-items-list { display: flex; flex-wrap: wrap; gap: 17px; } .more-content-item { position: relative; height: fit-content; margin-bottom: 15px; } .more-content-item img { max-width: 400px; height: 235px; border-radius:4px; } .more-content-item h4 { background-color: rgba(0, 0, 0, 0.8); height: 80px; position: absolute; bottom: 0; width: 100%; margin-bottom: 0px; color: white !important; font-size: 22px !important; padding: 25px 20px 0px 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 1200px) { .more-content-item { margin: auto !important; } .lemidah-hotsat-thumim-intro .intro-content { flex-direction: column; } } /* override */ section.content .more-content h2 { margin:0px; margin-bottom:16px; /* background-color: #3098cf; color: white !important; max-width: fit-content; margin-top: 0px; height: 40px; font-size: 22px; font-weight: normal; padding: 6px 20px; margin-bottom: 15px;*/ } @media (max-width: 1200px) { .more-content .more-content-item img { max-width: none; height: auto; } } .more-content .more-content-item { flex: 0 48.7%; margin: unset; margin-bottom: 15px; } .more-content .more-content-items-list { justify-content: space-between; row-gap: 20px; } @media (max-width: 991px) { .more-content .more-content-item { width: 100%; flex: none; } } @media (max-width: 1200px) { .more-content .more-content-item { margin: unset !important; } } .more-content.ltr .more-content-item h4 { padding-left: 20px !important; text-align: left; } /* end override */ .gufim-melavim-container { box-shadow: none !important; } .gufim-melavim-list { background-color: white; display: flex; padding: 34px 28px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); flex-wrap: wrap; gap: 15px; } .guf-melave-item { padding: 16px; background-color: var(--stock-search-bg); width: 387px; } .guf-melave-item a { color: #0f02ff; text-decoration: underline; } .guf-melave-item p { display: inline; font-size: 16px; } .guf-melave-header { font-size: 24px !important; font-weight: bold !important; margin-bottom: 15px !important; margin:0px; } .bold-text { font-weight: bold; margin-left: 5px; } .ofi-livuy { margin-top: 2px; } .ofi-livuy .bold-text { margin: 0px; padding-left: 0px; } .ofi-livuy p:not(.bold-text) { margin: 0px; padding: 0px 5px 0px 0px; } @media (max-width: 1190px) { .guf-melave-item { margin: auto; } } /* overrdie */ .guf-melave-item { padding-left: 25px; flex: 0 48.8%; } .gufim-melavim-list { justify-content: space-between; row-gap: 20px; } @media (max-width: 991px) { .guf-melave-item { width: 100%; flex: none; } } @media (max-width: 1200px) { .guf-melave-item { margin: unset; } } .nature-guf-melave { display: flex; } .nature-guf-melave .bold-text { white-space: nowrap; } section.content .gufim-melavim-container h2 { margin-right: 0px; margin-top: 0px; } .gufim-melavim-list { box-shadow: none; padding:0px; } .gufim-melavim-container { background-color: white; padding: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .gufim-melavim-container.ltr .bold-text { margin-left: 0; margin-right: 5px; } .guf-melave-row { margin-bottom: 5px; } .guf-melave-row:last-of-type { margin-bottom: 0; } .guf-melave-header-row { margin-bottom: 10px; } .maagar-hatsaot { box-shadow: none !important; } .maagar-hatsaot-wrapper { background-color: white; padding: 15px 13px 20px 11px; max-width: fit-content; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); } .item-content { font-size: 16px; margin-top: -20px; } .bold-text { font-weight: bold; margin-bottom: 0px; } /*.maagar-hatsaot h2 { background-color: #3098cf; font-size: 22px !important; font-weight: bold !important; color: white !important; padding: 6px 13px; max-width: fit-content; margin-top: 0px; margin-bottom: 30px; }*/ /*.maagar-hatsaot h3 { color: #337ab7; font-size: 20px !important; font-weight: 900 !important; }*/ .maagar-hatsaot-item { margin: 15px 5px; display: flex; padding-bottom: 40px; border-bottom: 1px solid #e2e2e2; } .maagar-hatsaot-item img { max-height: 216px; } .move-to-action img { width: 10px; height: 10px; } @media (max-width: 1199px) { /* override 1200px*/ .image-container { order: -1 !important; } } /* override */ .maagar-hatsaot-item img { max-height: none; } .move-to-action-container { margin-top: 10px; } .maagar-hatsaot-item { padding-bottom: 30px; } .maagar-hatsaot-item:last-of-type { border-bottom: none; padding-bottom: 0; } .maagar-hatsaot h2 { height: auto; min-height: 40px; } section.content .maagar-hatsaot h2 { margin-top: 0; } .maagar-hatsaot-item { padding-left: 15px; padding-right: 15px; } .maagar-hatsaot-wrapper { max-width: none; width: auto; } @media (max-width: 1199px) { .move-to-action-container { margin-bottom: 15px; } } /* end override */ .hishtalmuyot-veyemey-hasifa-container { box-shadow: none !important; background-color: transparent !important; } .hishtalmuyot-dropdown-header { margin: 13px 0 10px; padding: 7px 13px 12px; background-color: #edf5fa; } .hishtalmuyot-dropdown-header img { height: 10px; width: 10px; vertical-align: middle; } .hishtalmuyot-dropdown-header button { background-color: transparent; border: none; font-size: 20px; color: #337ab7; vertical-align: middle; font-weight: bold; } .hishtalmut-item:not(:first-of-type) { font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; margin-top: 15px; } .hishtalmuyot-list { max-width: fit-content; } .bold-text { font-weight: bold; } .more-info img { width: 10px; height: 10px; margin-right: 3px; margin-top: -1px; } @media (max-width: 1190px) { .hishtalmut-item { display: flex; flex-direction: column; } .item-image-container { order: -1; } } /* override */ .hishtalmut-item:last-of-type { padding-bottom: 0; border-bottom: none; } .page-intro .trainging-title { margin-top: 0; font-size: 18px; } .collapse-items-container.ltr .hishtalmut-item .col-lg-6.item-text, .collapse-items-container.ltr .hishtalmut-item .col-lg-6.item-image-container { float: left; } @media (max-width: 1190px) { .collapse-items-container .hishtalmut-item .item-image-container { padding-right: 0; padding-left: 0; } .collapse-items-container .hishtalmut-item .item-image-container { margin-bottom: 15px; } } .collapse-items-container .hishtalmut-item .item-text { padding-right: 0; padding-left: 0; } .climate-change-professional-development { box-shadow: none !important; } .all-courses-container { padding: 15px 15px 0 11px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } .all-courses-container h4 { padding: 4px 13px 8px; background-color: #3098cf; color: white !important; font-size: 22px !important; max-width: fit-content; margin-top: 0px; } .all-courses-container .course-item { margin: 24px 0px !important; padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; } .course-item .course-header { color: #337ab7; font-size: 20px; font-weight: bold !important; } .course-item .course-sub-header { font-size: 16px; font-weight: bold !important; } .course-item .course-item-text p { font-size: 16px; } .course-item .course-image img { max-height: 216px; } .course-item a img { width: 10px; } @media (max-width: 768px) { .course-item { display: flex; flex-direction: column-reverse; } } /*ovveride*/ .course-item .course-image img { max-height: none; } .course-item-text .to-more-nowlage{ font-size:16px; } .climate-change-professional-development .stock-item-link img{ width:10px; height:10px; } /*.yearly-circle { padding: 14px 15px; }*/ .yearly-circle .hidden-sm { display: flex !important; } .yearly-circle .row.compt-tit-con h4 { font-size: 28px; margin-inline-start: 0; } .yearly-circle .panel-group.visible-xs { display: none !important; } .yearly-circle .month-mobile { display: none; align-items: center; justify-content: center; text-align: center; width: 100%; gap: 33px; } .yearly-circle .month-mobile select { background: transparent; border: none; color: #337ab7; font-size: 20px; font-family: Assistant; font-weight: 600; } .yearly-circle .month-mobile button { border: none; background: transparent; } .yearly-circle .month-mobile .prev { transform: rotate(180deg); } .yearly-circle .nav-tabs { display: flex; gap: 5px; } .yearly-circle .nav-tabs::before { display: none; } .yearly-circle .nav-tabs li.active a { background: #edf5fa; border-bottom: 4px solid #edf5fa; } .yearly-circle .nav-tabs li a { background: transparent; color: #000000; font-size: 22px; font-weight: 600; padding: 23px 20px; background: #b0d5e6; border-bottom: 4px solid white; cursor: pointer; } .yearly-circle .nav-tabs li a:hover { margin: auto; background: #99c5da; } .yearly-circle .tab-content .tab-pane, .yearly-circle .panel-group .tab-pane { background: #edf5fa; padding: 29px 17px; } .yearly-circle .tab-content .tab-pane .months, .yearly-circle .panel-group .tab-pane .months { margin: 0 !important; padding: 0; display: grid; list-style-type: none; grid-template-columns: repeat(6, 1fr); border-collapse: collapse; box-sizing: border-box; gap: 1px; border: 1px solid #daebf2; background-color: #daebf2; border-radius: 4px; overflow: hidden; } .yearly-circle .tab-content .tab-pane .months li, .yearly-circle .panel-group .tab-pane .months li { display: grid; margin: 0; } .yearly-circle .tab-content .tab-pane .months li button, .yearly-circle .panel-group .tab-pane .months li button { background: transparent; border: none; background-color: #edf5fa; color: #000000; font-size: 16px; font-family: Assistant; line-height: normal; padding: 5px; } .yearly-circle .tab-content .tab-pane .months li button.active, .yearly-circle .tab-content .tab-pane .months li button:focus, .yearly-circle .panel-group .tab-pane .months li button.active, .yearly-circle .panel-group .tab-pane .months li button:focus { background-color: var(--primary-btn-color); color: white; font-weight: 600; } .yearly-circle .tab-content .tab-pane .events-panel, .yearly-circle .panel-group .tab-pane .events-panel { display: none; } .yearly-circle .tab-content .tab-pane .events-panel.active, .yearly-circle .panel-group .tab-pane .events-panel.active { display: block; } .yearly-circle .tab-content .tab-pane .events, .yearly-circle .panel-group .tab-pane .events { margin: 24px 0 0 0 !important; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; gap: 22px; } .yearly-circle .tab-content .tab-pane .events li, .yearly-circle .panel-group .tab-pane .events li { flex: 0 1 calc(33% - 13px); /*background: #b0d5e6;*/ border: 1px solid var(--shadow-in-container); border-radius: 4px; box-shadow: var(--btn-box-shadow); } } .yearly-circle .tab-content .tab-pane .events li div, .yearly-circle .panel-group .tab-pane .events li div { padding: 9px 18px 16px; } .yearly-circle .tab-content .tab-pane .events li div p, .yearly-circle .panel-group .tab-pane .events li div p { color: var(--title-color); font-size: 20px; font-weight: 600; line-height: normal; margin: 0; } /*.yearly-circle .tab-content .tab-pane .more, .yearly-circle .panel-group .tab-pane .more { text-align: end; display: none; }*/ /*.yearly-circle .tab-content .tab-pane button.more, .yearly-circle .panel-group .tab-pane button.more { background: #1d5c7e; color: #fff; border: none; border-radius: 4px; font-family: Assistant; font-size: 16px; width: 66px; padding: 6px 12px; }*/ /*.yearly-circle .tab-content .tab-pane button.more img, .yearly-circle .panel-group .tab-pane button.more img { width: 6px; filter: brightness(5); transform: rotate(180deg); vertical-align: middle; margin-inline-start: 10px; }*/ .yearly-circle.homepage .compt-tit-con { display: flex; } .yearly-circle.homepage .more-event { margin: auto; margin-inline-end: 0; } .yearly-circle.homepage .more-event a { font-size: 24px; color: #2c7094; } .yearly-circle.homepage .more-event a img { width: 9px; margin-inline-start: 6px; } .yearly-circle.homepage .tab-content .tab-pane .months { grid-template-columns: repeat(12, 1fr); } .yearly-circle.homepage .tab-content .tab-pane .events { gap: 33px; } .yearly-circle.homepage .tab-content .tab-pane .events li { flex: 0 1 calc(25% - 25px); } .yearly-circle.homepage .tab-content .tab-pane .more { display: block; } .event-subjects { padding: 28px; } .event-subjects ul { margin: 0 !important; list-style-type: none; display: flex; flex-wrap: wrap; gap: 16px; } .event-subjects ul li { flex: 0 1 calc(33% - 12px); } .event-subjects ul li a { position: relative; display: block; } .event-subjects ul li a div { position: absolute; bottom: 0; width: 100%; text-align: center; color: white; background: rgba(0, 0, 0, 0.7); padding: 5px; } .event-subjects ul li a div p { margin: 0; font-size: 18px; font-weight: 100; } .event-subjects ul li a:hover p { font-weight: 600; } @media (max-width: 768px) { .event-subjects ul li { flex: 1 1 100%; } .event-subjects ul li div p { text-align: start; } .yearly-circle .month-mobile { display: flex; } .yearly-circle .month-mobile select { width: 90px; } .yearly-circle .tab-content .tab-pane ul.months { display: none; } .yearly-circle .tab-content .tab-pane .events li { flex: 1 100%; } .yearly-circle .tab-content .tab-pane .more { display: block; } } /*# sourceMappingURL=yearly-circle.css.map */ .yearly-circle .tab-content .tab-pane, .yearly-circle .panel-group .tab-pane { width: 100%; } .yearly-circle li.tab-head button { color: var(--title-color); font-size: 22px; font-weight: 600; padding: 23px; background: var(--grey-background); border-bottom: 4px solid white; cursor: pointer; line-height: 0; margin: 0; border: none; border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); border-top: 2px solid #A5A5A5; } .yearly-circle li.active.tab-head button { background: var(--stock-search-bg); border-bottom: 4px solid var(--stock-search-bg); border-top: 2px solid #1776B5; } .events-panel { display: none; } .events-panel.active { display: none; } /*overried*/ @media (max-width: 768px) { .yearly-circle li.tab-head button { padding: 8px; line-height: inherit; } .page-component-edu.yearly-circle .nav.nav-tabs { margin-top: 8px !important; } } .yearly-circle .tab-content .tab-pane .more { display: block; } .yearly-circle .tab-content .tab-pane .readMoreItems, .yearly-circle .panel-group .tab-pane .readMoreItems { display: flex; flex-direction: row-reverse; margin-top: 15px; } /*.yearly-circle .tab-content .tab-pane .readMoreItems button, .yearly-circle .panel-group .tab-pane .readMoreItems button { background: #1d5c7e; color: #fff; border: none; border-radius: 4px; font-family: Assistant; font-size: 16px; width: 66px; padding: 6px 6px; }*/ .yearly-circle .tab-content .tab-pane .readMoreItems button img, .yearly-circle .panel-group .tab-pane .readMoreItems button img { width: 6px; filter: brightness(5); transform: rotate(180deg); vertical-align: middle; margin-inline-start: 10px; } .no-events-text { font-size: 18px; font-weight: 600; } .yearly-circle .nav-tabs { padding-top: 15px; } .yearly-circle .events .event-title { padding: 10px; color: var(--title-color); } #hierarcyMenu { height: max-content; width: 100%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); } #menuMainTopic { display: flex; justify-content: space-between; align-items: center; position: relative; border-bottom: 1px solid #edeff1; padding: 7px 12px; } #menuMainTopic .bold-text { font-weight: bold; font-size: 18px; margin: 0px; } .closed-menu { display: none; } .topic-list-menu { margin-left: 0px !important; margin-bottom: 0px !important; } .topic-list-menu .hierarchy-topic-list-items { display: flex; justify-content: space-between; align-items: flex-start; font-size: 18px; border-bottom: 1px solid #edeff1; position: relative; flex-direction: column; } .topic-list-menu .hierarchy-topic-list-items div { width: 100%; display: flex; justify-content: space-between; align-items: center; } .hierarchy-sublist { font-size: 16px; list-style: none; background-color: white; width: 100%; padding-right: 30px; } #hierarchyMenu li a { color: #333; } .active-item { background-color: #edf5fa; font-weight: 600; } .topic-name { width: 100%; height: 100%; padding: 7px 20px 7px 12px; display: flex; align-items: center; justify-content: space-between; } .arrow-icon { width: 10px; height: 6px; } /*ovveried*/ .topic-list-menu .hierarchy-topic-list-items div{ padding-left:12px; } #menuMainTopic a { color: #333; font-size: 18px; } .hierarchy-sublist{ padding-right:0px; padding-left:0px; } .hierarchy-sublist .third-level { padding-right: 30px; padding-top: 2px; padding-bottom: 3px; } .right-manu-main-strip { background-color: var(--mobile-nav-header-color); display: block; font-size: 18px; color: white; font-weight: 700; padding: 7px 12px; } .right-manu-main-strip a{ color:white; } /*ovveried*/ /* buttons */ /* titles */ /* background */ /*form*/ #symbolIcon { height: 43px; width: 39px; } .with-personal-area ul .upper-menu-main-tabs > a { background-color: transparent !important; color: var(--title-color); font-size: 18px; font-weight: 700; /*// display: inline; //padding-inline-end: 0px;*/ } .with-personal-area ul { display: flex; gap: 10px; } .with-personal-area ul .upper-menu-main-tabs { border-left: none !important; } .with-personal-area ul .upper-menu-main-tabs:hover { border-bottom: 4px solid var(--navigation-open-title); } .HeaderMenu a.li-sub-pages:after { display: none; } .upper-menu-sub-menu { max-height: 351px; overflow-y: auto; min-width: 256px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); z-index: 1; padding: 0px !important; display: none !important; } .open-menu > ul { display: block !important; } .main-tabs-toggle-btn { background: transparent; border: none; } .upper-menu-sub-menu::-webkit-scrollbar { width: 4px; border-radius: 4px; margin: 9px 6px; } .upper-menu-sub-menu::-webkit-scrollbar-track { background: #d8d8d8; border-radius: 4px; margin: 9px 6px; } .upper-menu-sub-menu::-webkit-scrollbar-thumb { background: #979797; border-radius: 4px; } .upper-menu-sub-menu li { font-size: 16px; padding: 8px 8px; color: var(--navigation-open-title) !important; } .upper-menu-sub-menu li:hover:not(.banner-list-item) { background-color: #337ab7; color: white; } .upper-menu-sub-menu li:hover a { color: white; } .upper-menu-sub-menu li a { padding-bottom: 0px !important; padding-top: 0px !important; margin-bottom: 0px !important; padding-right: 0px !important; width: 100%; height: 100%; } .upper-menu-sub-menu li:not(.banner-list-item) a { color: var(--navigation-open-title) !important; } .upper-menu-sub-menu li a:hover { background-color: transparent !important; color: white !important; } .upper-menu-sub-menu li:not(:last-of-type) { border-bottom: 1px solid #edeff1; } .upper-menu-sub-menu .banner-list-item { margin-top: 10px; padding-bottom: 5px; } .upper-menu-sub-menu .banner-list-item img { /*max-width: 244px;*/ max-height: 117px; } .upper-menu-sub-menu .banner-list-item .banner-list-item-text { padding: 5px 5px 6px 4px; background-color: var(--background-over-grey-color); font-weight: bold; color: var(--title-color); /*width: 244px;*/ margin-top: 0px !important; margin-bottom: 0px; border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .upper-menu-sub-menu .banner-list-item .banner-list-item-text a { font-weight: normal; color: var(--title-color); padding: 0px; font-size: 15px; } .upper-menu-sub-menu .banner-list-item .banner-list-item-text a img { width: 6px; height: 10px; margin-top: -3px; } .sub-menu-note { border-radius: 9px; color: var(--primary-btn-text-color); width: auto; font-size: 14px; text-align: center; padding: 0 6px; vertical-align: middle; } .sub-menu-note span { vertical-align: middle; line-height: normal; } .sub-menu-item-with-note { display: flex; justify-content: space-between; } .sub-menu-new-content { background-color: var(--primary-btn-color); } .sub-menu-recommended { background-color: var(--primary-btn-color); } .upper-menu-sub-menu .list-item-with-sub-menu { display: flex; justify-content: space-between; align-items: center; } .upper-menu-sub-menu .list-item-with-sub-menu .list-item-arrow-icon { width: 6px; height: 10px; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .list-item-arrow-icon g { stroke: white; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .sub-menu-second-tier { display: block !important; } .upper-menu-sub-menu .list-item-with-sub-menu:hover { color: white !important; } .upper-menu-sub-menu .list-item-with-sub-menu .sub-menu-second-tier li:hover { color: white !important; } .sub-menu-with-second-tier { overflow: visible; } .upper-menu-sub-menu .list-item-with-sub-menu { position: relative; } .sub-menu-second-tier { display: none !important; min-width: 256px; position: relative; /* right: 100%; top: -1px;*/ width: max-content; padding: 0px !important; /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);*/ } .sub-menu-second-collapse-tier { position: relative; width: max-content; padding: 0px !important; } .sub-menu-second-tier li { color: black; width: 100%; } .sub-menu-second-tier li a { color: black !important; } .sub-menu-second-tier li:hover a { color: white !important; } /* mobile */ .new-mobile-navbar-wrapper { background-color: white; display: block; width: 90vw; height: 100%; position: absolute; top: 0px; z-index: 2; box-shadow: -100px 0px 5px 200px rgba(0, 0, 0, 0.8); transition: width 250ms ease-in-out, box-shadow 250ms ease-in-out; } .no-overflow { overflow: hidden; } .menu-closed { width: 0px; box-shadow: none; } .menu-closed * { display: none !important; } #closeBtn { position: absolute; left: -10%; top: 10px; background-color: transparent; border: none; } #openMobileMenu { position: absolute; top: 20px; left: 20px; background-color: transparent; border: none; } .mobile-menu-header { background-color: var(--mobile-nav-header-color); width: 100%; color: white; min-height: 43px; padding: 10px 10px; display: flex; flex-direction: column; } .mobile-menu-header .current-menu-section { font-size: 18px; font-weight: bold; } .mobile-menu-header .previous-menu-section { font-size: 15px; font-weight: normal; display: flex; } .new-mobile-menu-list { margin: 0px; position: relative; } .new-mobile-menu-list .mobile-menu-topic-item { font-size: 18px; padding: 10px 10px; border-bottom: 1px solid #edeff1; width: 100%; margin-bottom: 0px !important; } .new-mobile-menu-list .mobile-menu-topic-item a { color: #414141; } .new-mobile-menu-list .has-sub-menu { display: flex; justify-content: space-between; align-items: center; } .new-mobile-menu-list .personal-area { display: flex; justify-content: space-between; align-items: center; } .new-mobile-menu-list .personal-area > div { /* display: flex; align-items: center;*/ border: 1px solid #194D7B; border-radius: 22px; box-shadow: 0px 2px 5px #00000029; text-align: center; padding:5px; } .new-mobile-menu-list .mobile-menu-topic-item .personal-area > div a { color: var(--secondary-btn-text-color); } .new-mobile-menu-list .personal-area > div > img { margin-left: 5px; margin-bottom:2px; width:15px; height:15px; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; background-color: white; z-index: 4; transform: translateX(100%); transition: transform 250ms; height: 100vh; } .new-mobile-menu-list .mobile-menu-topic-item .mobile-sub-menu-level-2 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; background-color: white; transform: translateX(100%); transition: transform 250ms; height: 100vh; } .new-mobile-menu-list .mobile-menu-topic-item .is-active { transform: translateX(0%); transition: transform 250ms; } .new-mobile-menu-list .mobile-menu-topic-item .mobile-sub-menu-level-2 li { width: 100%; padding: 10px 10px; border-bottom: 1px solid #edeff1; } #returnToPrevSection { border: none; background-color: transparent; } .hidden-menu-element { display: none; } .personal-area-toggle { width: 100%; } .more-content-in-site { background-color: var(--mobile-nav-header-color); font-size: 18px; color: white; margin: 0px; } .more-content-in-site .more-content-header { font-weight: bold; border-bottom: solid 1px #edeff1; padding: 12px 12px; } .more-content-list { font-weight: normal; margin: 0px; } .more-content-list li { border-bottom: solid 1px #edeff1; width: 100%; padding: 10px 10px; } /*ovveried yisca*/ /*#personalAreaArrowIcon { width: 6px; height: 10px; }*/ /*ovveried yisca*/ /*img[data-direction="down"] { width: 10px !important; height: 6px !important; }*/ @media screen and (max-width: 768px) { #symbolIcon { width: 26px; height: 32px; } } /*ovveried*/ .upper-menu-sub-menu .banner-list-item .banner-list-item-text a img { margin-top: 0px; margin-inline-start: 5px; } .upper-menu-sub-menu li:not(.banner-list-item) { display: flex; flex-direction:column; /* justify-content: space-between;*/ } ul.more-content-list li a { color: white; } #openMobileMenu { position: relative; top: 0px; left: 0px; margin-top: 5px; padding-left:5px; } .mobile-menu-personal-list { margin-left: 0px; padding-left: 0px; } .upper-menu-sub-menu li:hover:not(.banner-list-item) { color: white !important; } .upper-menu-sub-menu li a:hover:not(.banner-list-item) { color: var(--title-color) !important; } #newMobileMenuList button.menu-link-arrow { background-color: transparent; border: none; padding: 2px; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu { display: none; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu.is-active { display: block; } #personal-area-arow-link { padding: 4px; } .current-menu-section a { color: white; } .upper-menu-sub-menu .banner-list-item img { max-height: none; height: auto; /*width: 244px;*/ border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .HeaderMenu .navs-wrapper nav > ul > li { height: 38px; } header.AdministrativeSpace { padding-bottom: 0px; } .upper-menu-sub-menu { margin-top: 8px; } .upper-menu-sub-menu li a:hover:not(.banner-list-item a) { color: var(--link-hover-color) !important; } .sub-menu-second-tier li { padding-bottom: 6px; } .with-personal-area ul .upper-menu-main-tabs > a { font-weight: 400; } .with-personal-area ul .upper-menu-main-tabs > a:hover, .with-personal-area ul .upper-menu-main-tabs > button:hover { font-weight: 600; } .with-personal-area ul .upper-menu-main-tabs.active > a, .with-personal-area ul .upper-menu-main-tabs.active-parent > a, .with-personal-area ul .upper-menu-main-tabs.active > .sub-menu-open-btn, .with-personal-area ul .upper-menu-main-tabs.active-parent > ..sub-menu-open-btn { font-weight: 600; } .sub-menu-second-tier li { font-weight: 400; } .sub-menu-second-tier li:hover { font-weight: 600; } .upper-menu-sub-menu > li.active, .upper-menu-sub-menu > li.active-parent, .sub-menu-second-tier li.active, .sub-menu-second-tier li.active-parent, .upper-menu-sub-menu li:hover:not(.banner-list-item) { background-color: rgb(224, 238, 245); color: var(--navigation-open-title) !important; font-weight: 600; } .more-content-in-site .more-content-header { border-bottom: none; padding: 12px; padding-bottom: 0px; } .arrow-icon-anchor { margin-left: 9px; } .active.mobile-menu-topic-item > .topic-item-name, .active-parent.mobile-menu-topic-item > .topic-item-name, .active.mobile-menu-topic-item > a, .active-parent.mobile-menu-topic-item > a, .mobile-sub-menu-level-3 li.active > a, .mobile-sub-menu-level-3 li.active-parent > a, .active.level-two-menu-link > .topic-item-name, .active-parent.level-two-menu-link > .topic-item-name, .active.mobile-menu-topic-item.personal-area a, .active-parent.mobile-menu-topic-item.personal-area a { font-weight: 600; } .new-mobile-menu-list .mobile-menu-topic-item span { color: #333333; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .list-item-arrow-icon g { stroke: #476681; } nav ul li ul.sub-menu-second-tier a { font-size: 17px; } .upper-menu-sub-menu .list-item-with-sub-menu .sub-menu-second-tier li:hover, .sub-menu-second-tier li:hover a { color: var(--navigation-open-title) !important; } .with-personal-area ul .upper-menu-main-tabs:hover { border-bottom: none; } li.active.upper-menu-main-tabs::after, li.active-parent.upper-menu-main-tabs::after, .with-personal-area ul .upper-menu-main-tabs:hover::after { content: ""; float: left; background: var(--line-color); width: 100%; height: 2.5px; border-radius: 3px; margin-top: 6px; } .with-personal-area ul .upper-menu-main-tabs:hover::after { background: var(--line-under-item-color-hover); } .upper-menu-sub-menu { max-height: none; } .new-mobile-menu-list li.active-parent, .new-mobile-menu-list li.active { background-color: var(--mobile-nav-current-bg); } li.static.upper-menu-main-tabs .sub-menu-open-btn { border: none; background-color: transparent; color: var(--title-color); font-size: 18px; padding:0px; } .upper-menu-sub-menu .menu-item{ display:flex; justify-content:space-between; } .upper-menu-sub-menu .menu-item a.static-item-collapse{ display: flex; justify-content: space-between; padding:0; } .upper-menu-sub-menu li .navigation-collapse-arrow { width: 5%; } .upper-menu-sub-menu li .navigation-collapse-arrow img { width: 12px; } .upper-menu-sub-menu li a.static-item-collapse.collapsed .navigation-collapse-arrow img { transform: rotate(90deg); } .upper-menu-sub-menu li a.collapsed.navigation-collapse-arrow img { transform: rotate(90deg); } .HeaderMenu nav ul li ul.sub-menu-second-collapse-tier li{ padding:8px; } .upper-menu-sub-menu li.collapse-nav-item { padding: 0px; } .upper-menu-sub-menu li.collapse-nav-item.collapse-open { background-color: var(--background-light-blue); } .upper-menu-sub-menu li.collapse-nav-item .menu-item { padding: 8px; width:100%; } .upper-menu-sub-menu li.collapse-nav-item.collapse-open .menu-item { text-decoration: underline; } .upper-menu-main-tabs .nav-item { display: flex; gap: 0; margin-top:4px; } .upper-menu-main-tabs .nav-item a { background-color: transparent !important; color: var(--title-color); font-size: 18px; font-weight: 400; } li.personal-area{ width:max-content; } .upper-menu-sub-menu li.second-level-item{ width:295px; } .upper-menu-main-tabs .nav-item a:hover { text-decoration: none !important; } .HeaderMenu nav ul li ul a.navigation-collapse-arrow:focus, .HeaderMenu nav ul li ul a.static-item-collapse:focus { background-color: transparent; } /*ovveried*/ .popXtn .practice-search-result .courseItemInfo .rsltsDataItem.indicator { padding-right: 10px; } .popXtn .practice-search-result .courseItemInfo .rsltsDataItem:first-child { margin-right: 0; } .activities-list-item { background-color: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.1607843137); padding: 16px 16px 20px 16px; font-size: 17px; color: black; font-weight: 400; line-height: 20px; margin: 10px 0 20px } .popXtn .activities-list-title a.ContainerPopularButton{ margin-top:2px; } .page-component-edu.activities-list-title a.ContainerPopularButton:focus { color:#fff!important; } .activity-item { display: flex; gap: 16px; border-bottom: 1px solid #f0edef; padding: 16px 0 30px 0; } .activity-item:last-child { border-bottom:none; } .activity-item .text { flex:1; } .activities-list-item .activities-list-results{ background-color: rgb(48,152,207); color: white; font-family: Assistant, Arial !important; font-size: 22px; height: 40px; padding: 6px 20px; display: table; } .activity-item .image-block { flex: 1; } .activity-item .title { margin-top: 0px; font-size: 24px; margin-bottom:5px; } .activity-item .sub-title { font-weight: 700; margin-bottom:5px; } .activity-item p{ line-height:20px; margin:0px; } /*.page-component-edu .activity-item .slick-slide { width:400px!important; }*/ .activities-list-item button.slick-arrow { line-height: 0; position: absolute; top: 50%; display: block; width: 13px; height: 13px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: transparent; } .activities-list-item button.slick-arrow.slick-next { left: -15px; right: auto; } .activities-list-item button.slick-arrow.slick-prev { right: -15px; left: auto; } .activities-carousel{ width:380px!important; } .activities-list-item .slick-dots { bottom:-45px; } .activities-list-item .slick-dots li button:focus{ outline: -webkit-focus-ring-color auto 1px; } .activities-list-item .slick-dots button::before { font-family: slick; font-size: 10px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; content: "•"; text-align: center; opacity: 1; color: #D5E4EF; -webkit-font-smoothing: antialiased; } .activities-list-item .slick-dots li.slick-active button:before { color: #1776B5; } .activity-item .stop-start-buttons{ position:relative; margin-top:3px; display:block; float:left; } .activities-carousel .slick-dots li { margin: 0px; } @media(max-width:991px) { #left_col[role=main] .activities-carousel ul.slick-dots { margin-right: 0px; } .activity-item .stop-start-buttons button { margin-left: 15px; } .activity-item { flex-direction:column; } .activities-carousel { width: 100%!important; padding:5px; } .activities-list-item button.slick-arrow.slick-next { left: -10px; } .activities-list-item button.slick-arrow.slick-prev { right: -10px; } } .icons-lobby { padding: 20px; } .icons-lobby .separator-line { border: 0; height: 1px; background: #e0e0e0; margin: 20px 0; } .icons-lobby .categories-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-start; align-items: flex-start; } .icons-lobby .category-item { flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); background: #E9F4FC 0% 0% no-repeat padding-box; border-radius: 4px; padding: 20px; text-align: center; min-height: 129px; } .icons-lobby .category-title { font-size: 18px; font-weight: bold; /*margin-bottom: 10px;*/ } .icons-lobby .category-title img { width: 30px; height: 30px; /*margin-bottom: 10px;*/ } .icons-lobby .category-title .btn-collapse { width: 16px; height: 16px; display: contents; } .icons-lobby .category-title[aria-expanded="false"] .btn-collapse:before { content: url('/images/icons/navigation-blue-side.svg'); } .icons-lobby.ltr .category-title[aria-expanded="false"] .btn-collapse:before { content: url('/images/icons/navigation-blue-side.svg'); display: inline-block; transform: rotateY(180deg); } .icons-lobby .category-title[aria-expanded="true"] .btn-collapse:before { content: url('/images/icons/navigation-blue-down.svg'); } .icons-lobby .items-grid { margin-top: 10px; display: flex; flex-direction: column; gap: 5px; } .icons-lobby .item { background: #E9F4FC; /*padding: 6px;*/ border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); transition: background 0.2s ease; border: 1px solid #0B3860A8; } .icons-lobby .item a { text-decoration: none; color: #123A5E; } .icons-lobby .item:hover { background: #FFFFFF4F 0% 0% no-repeat padding-box; } .icons-lobby .single-item { background: #ffffff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: background 0.2s ease, transform 0.2s ease; } .icons-lobby .single-item-link { text-decoration: none; color: #007bff; font-size: 18px; font-weight: bold; display: block; padding: 20px; } .icons-lobby .text-beneath { margin-top: 20px; text-align: right; font: normal normal normal 18px/24px Assistant; letter-spacing: 0px; color: #2272BB; } .icons-lobby.ltr .text-beneath { text-align: left; } .icons-lobby .main-link { width: 151px; background: #1776B5 0% 0% no-repeat padding-box; border-radius: 19px; opacity: 1; padding: 4px 20px; margin: 20px 0px; } .icons-lobby .main-link a { text-align: center; font: normal normal normal 18px/29px Assistant; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .icons-lobby .category-title h3 { margin: 16px 0 0; font-size: 20px; } /* Mobile Specific Styles */ @media (max-width: 768px) { .icons-lobby { /*padding: 10px;*/ } .icons-lobby .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; display:grid; } .icons-lobby .category-item { padding: 10px; max-width: none; } .icons-lobby .category-title { font-size: 14px; } .icons-lobby .items-grid { gap: 10px; } /* .icons-lobby .item { padding: 10px; }*/ .icons-lobby .single-item-link { font-size: 14px; padding: 10px; } .icons-lobby .text-beneath { font-size: 14px; margin-top: 10px; } } .terms-Dictionaries { } .terms-Dictionaries .termSection { background-color: #FFFFFF; padding: 0px 16px; } .searchTermsContainer { font-size: 18px; line-height: 24px; padding: 16px; } .searchTermsContainer .insideTitle { margin-bottom: 4px; font-size: 20px; font-weight: 600; } .searchTermsContainer.stock-search{ padding:16px; } .searchTermsContainer .searchTitle { margin-bottom: 12px; } .searchTermsContainer .searchContainer { display: flex; align-items: center; } .searchTermsContainer .searchContainer .inputContainer { width: 50%; height: 34px; padding: 6px 12px; border: 1px solid #D1DAE2; border-radius: 3px; } .searchTermsContainer .searchContainer .buttons { display: flex; align-items: center; } .searchTermsContainer .searchContainer .buttons .clearBtn { font-size: 14px; font-weight: 700; color: #1776B5; padding: 0 32px; } .searchTermsContainer .searchContainer .buttons .searchBtn { /* background-color: $buttonColor; border-radius: 2px; padding: 5px 24px; font-size: 14px; font-weight: 700; color: $white; border: none;*/ } .charButtonContainer { display: flex; align-items: center; justify-content: space-around; margin-bottom: 24px; } /* .charButtonContainer .slick-list { margin: 0 30px; }*/ .charButtonContainer .slick-slide { text-align: center; } .charButtonContainer .slick-initialized .slick-slide { display: block; } .charButtonContainer .slick-loading .slick-slide { visibility: hidden; } /* .charButtonContainer div:hover .charButton { background-color: #f4f4f4; }*/ .charButtonContainer .charButton { font-size: 22px; font-weight: 700; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1607843137); border: 1px solid #1f3e7e; border-radius: 4px; color: #123A5E; background-color: #eaecf0; width: 34px; height: 48px; } .charButtonContainer .charButton.selected { border: 2px solid #2272BB; background-color: #2272BB; color: #FFFFFF; } .charButtonContainer .charButton:hover { background-color: #FFFFFF; } .charButtonContainer .charButton.selected:hover { background-color: #2272BB; } .charButtonContainer .charButton:disabled:hover { background-color: #FFFFFF; } .termsContainer { font-size: 18px; line-height: 24px; } .termsContainer .termSection { margin-bottom: 24px; } .termsContainer .termSection h2 { font-size: 24px; line-height: 32px; color: #1f3e7e; margin-bottom: 10px; } .termsContainer .termSection .termItem { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 16px 0; } .termsContainer .termSection .termItem:first-child { padding-top: 0; } .termsContainer .termSection .termItem:last-child { padding-bottom: 0px; border: none; } .termsContainer .termSection .termItem h3 { font-size: 24px; line-height: 32px; color: #1f3e7e; margin-bottom: 10px; } @media screen and (max-width: 1199px) { .searchTermsContainer { font-size: 16px; line-height: 21px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1607843137); padding: 12px; } .searchTermsContainer .insideTitle { margin-bottom: 12px; } .searchTermsContainer .searchContainer { flex-direction: column; } .searchTermsContainer .searchContainer .inputContainer { width: 100%; height: 31px; margin-bottom: 20px; padding: 0 12px; } .searchTermsContainer .searchContainer .buttons { align-self: flex-end; } .searchTermsContainer .searchContainer .buttons .clearBtn { text-decoration: underline; } .charButtonContainer { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .charButtonContainer .lettersBtn { border-radius: 4px; min-width: 24px; height: 34px; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1607843137); } .charButtonContainer .lettersBtn.left { background: url("../images/gallery-slick-arrow-left.svg") no-repeat center, #3d9be2; background-size: 6px; } .charButtonContainer .lettersBtn.right { background: url("../images/gallery-slick-arrow-right.svg") no-repeat center, #3d9be2; background-size: 6px; } .charButtonContainer .lettersBtn.slick-disabled { border: 1px solid #1f3e7e; min-width: 24px; } .charButtonContainer .lettersBtn.slick-disabled.left { background: url("../images/gallery-slick-arrow-left.svg") no-repeat center, transparent; background-size: 6px; } .charButtonContainer .lettersBtn.slick-disabled.right { background: url("../images/gallery-slick-arrow-right.svg") no-repeat center, transparent; background-size: 6px; } .charButtonContainer div:hover { transform: unset; } .charButtonContainer div:hover .charButton { background-color: #eaecf0; } .charButtonContainer .charButton { font-size: 16px; color: #1f3e7e; width: 24px; height: 34px; } .charButtonContainer .charButton.selected { border: 1px solid #1f3e7e; } .termsContainer { font-size: 16px; line-height: 21px; } .termsContainer .termSection .termItem { padding: 12px 0; } .termsContainer .termSection .termItem h3 { font-size: 21px; line-height: 27px; } } /*ovveried*/ .charButtonContainer .charButton { background-color: #FFFFFF; margin: 0px 8px; padding-inline-start: 2px; padding-inline-end: 2px; line-height: 20px; width: 21px; height: 30px; border: 1px solid #123A5E; } .charButtonContainer .charButton:disabled { background-color: #F2F4F6; border: 1px solid #818181; color: #7A7979; } .slick-buttons .slick-next { top: 0; left: 0; right: auto; background-color: initial; } .slick-buttons .slick-prev { top: 0; left: auto; background-color: initial; } .slick-buttons .slick-prev img, .slick-buttons .slick-next img { width: 16px; height: 29px; } .slick-buttons .charButtonContainer .charButton { background-color: #FFFFFF; margin: 0px 8px; padding-inline-start: 2px; padding-inline-end: 2px; line-height: 20px; width: 25px; height: 30px; border: 1px solid #123A5E; } .slick-buttons .charButtonContainer .charButton:disabled { background-color: #F2F4F6; border: 1px solid #818181; color: #7A7979; } .slick-buttons .slick-prev:hover, .slick-buttons .slick-next:hover { background-color: initial; /* מחזיר את צבע הרקע למצב ההתחלתי */ } @media(max-width:992px){ .charButtonContainer .slick-list { margin: 0 30px; } .charButtonContainer div:hover { transform: scale(1.15); } } @media(min-width:992px) { .charButtonContainer { display: flex !important; } .charButtonContainer .charButton { width: 22px!important; } } .table-component{ padding:0px 16px; } .table-row { display: flex; gap: 16px; flex-wrap: wrap; } .table-item { background-color: #E9F4FC; border-radius: 4px; width: calc(33.33% - 10.66px); padding: 16px; } .table-row.two-display .table-item { width: calc(50% - 8px); } .table-item h4 { margin-top: 0px; } .table-item .no-title-first-p p:first-of-type { margin: 0px 0 16px; } .table-item .collapse-text-section { margin-inline-start: 16px; } .table-item .collapse-text-section .collapse-item { display: flex; align-items: flex-start; line-height:20px; } .table-item .collapse-text-section .collapse-item::before { content: url(/images/icons/minus.svg); width: 16px; height: 16px; display: inline-block; line-height: 16px; /* margin: 2px -16px 0px 5px;*/ padding: 0 0 16px 0; margin-inline-start: -16px; margin-inline-end: 5px; margin-top: 2px; margin-bottom: 0; } .table-item .collapse-text-section .collapse-item.collapsed::before { content: url(/images/icons/plus.svg) } .table-item .collapse-item { font-weight: 600; color: var(--title-color); } .table-item .collapse-list-item{ margin-bottom:8px; } .table-item .collapse-text-section .collapse p { margin: 5px 0px; } /*.table-item .collapse-text-section .collapse{ margin-right:16px; }*/ .table-item p, .table-item span, .table-item div { color: var(--title-color); } @media(max-width:992px){ .table-row { flex-direction:column; } .table-item,.table-row.two-display .table-item { width: 100%; } } /*.component-container { padding: 16px; } .component-container .table-component{ padding:0px; } */ .component-container hr { /* margin: 0px 16px;*/ border-color: rgba(0, 0, 0, 0.1607843137); } /*.component-container h3, .component-container h4{ margin-top:0px; }*/ .component-container hr:last-of-type{ display:none; } /*.component-container h3, .component-container h4 { margin: 0 16px; } .component-container p { margin:16px; }*/ .text-below { margin: 0 16px; } .text-below { padding-bottom: 8px; } .buffer.page-component-edu{ background-color:transparent; } .buffer > .page-component-edu { margin-bottom: 24px !important; } .anchors-icon-component { padding-bottom: 16px; padding-top: 8px; } .anchorsWithIcon { display: flex; flex-wrap: wrap; /*gap: 25px;*/ justify-content: center; text-align: center; margin: 6px 16px 0; } .anchorsWithIcon .anchorLink { flex-basis: 130px; display: flex; flex-direction: column; align-items: center; cursor: pointer; /* margin: 0 25px 25px;*/ } .anchorsWithIcon .anchor-item { display: flex; } .anchorsWithIcon.text-under .anchor-item { align-items: center; flex-direction: column; } .anchorsWithIcon .anchor-item img { width: 39px; height: 39px; } .anchorsWithIcon .anchor-item .text { color: #123A5E; font-size: 16px; line-height: 18px; font-weight: 600; max-width: 140px; margin-top: 5px; text-align: center; } .anchorsWithIcon.text-next_to .anchorLink .anchor-item { flex-direction: row; gap: 8px; } .anchorsWithIcon.text-next_to .anchorLink .anchor-item .text { margin-left: 10px; margin-top:0px; text-align:right; } @media screen and (max-width: 768px) { .anchorsWithIcon { display: grid; grid-template-columns: repeat(3, 1fr); gap:15px; } .anchors-icon-component { padding-bottom: 16px; } .anchorsWithIcon.text-next_to { justify-content: space-evenly; display:flex; } .anchorsWithIcon .anchorLink { flex-basis: 90px; flex-direction: column; /*margin-bottom: 20px;*/ text-align: center; } .anchorsWithIcon .anchor-item { flex-direction: column; } .anchorsWithIcon .anchor-item .text { max-width: none; } .anchorsWithIcon .anchor-item img { width: 39px; height: 39px; } } @media screen and (min-width: 768px) { .anchorsWithIcon { justify-content: space-between; } } .icon-with-link-component { padding-bottom: 16px; padding-top: 8px; } .iconWithLink { display: flex; flex-wrap: wrap; /*gap: 25px;*/ justify-content: center; text-align: center; margin: 6px 16px 0; } .iconWithLink .anchorLink { flex-basis: 130px; display: flex; flex-direction: column; align-items: center; cursor: pointer; /* margin: 0 25px 25px;*/ } .iconWithLink .anchor-item { display: flex; } .iconWithLink.text-under .anchor-item { align-items: center; flex-direction: column; } .iconWithLink .anchor-item img { width: 39px; height: 39px; } .iconWithLink .anchor-item .text { color: #123A5E; font-size: 16px; line-height: 18px; font-weight: 600; max-width: 140px; margin-top: 5px; text-align: center; } .iconWithLink.text-next_to .anchorLink .anchor-item { flex-direction: row; gap: 8px; } .iconWithLink.text-next_to .anchorLink .anchor-item .text { margin-left: 10px; margin-top:0px; text-align:right; } @media screen and (max-width: 768px) { .iconWithLink { display: grid; grid-template-columns: repeat(3, 1fr); gap:15px; } .icon-with-link-component { padding-bottom: 16px; } .iconWithLink.text-next_to { justify-content: space-evenly; display:flex; } .iconWithLink .anchorLink { flex-basis: 90px; flex-direction: column; /*margin-bottom: 20px;*/ text-align: center; } .iconWithLink .anchor-item { flex-direction: column; } .iconWithLink .anchor-item .text { max-width: none; } .iconWithLink .anchor-item img { width: 39px; height: 39px; } } @media screen and (min-width: 768px) { .iconWithLink { justify-content: space-between; } } .bannerHeaderComponent .bannerLink h3, .bannerHeaderComponent .bannerLink h4, .bannerHeaderComponent .bannerLink p { text-decoration: none; } .bannerHeaderComponent .bannerLink h3:hover, .bannerHeaderComponent .bannerLink h4:hover, .bannerHeaderComponent .bannerLink p:hover { text-decoration: underline; } .bannerHeaderComponent .banner { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; width: 100%; height: 310px; border-radius: 4px; font-family: Assistant; } .bannerHeaderComponent .banner.img-narrow { height: 200px; } .bannerHeaderComponent .banner.img-narrow .bannerLink { height: 200px; } .bannerHeaderComponent .banner .bannerLink { position: absolute; width: 100%; height: 310px; border-radius: 4px; font-family: Assistant; } .bannerHeaderComponent .banner .image { width: 100%; height: auto; max-height: 100%; border-radius: 4px; } .bannerHeaderComponent .banner .content { position: absolute; display: flex; flex-direction: column; padding: 16px; justify-content: center; width: 55%; height: auto; max-height: 90%; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 4px; opacity: 0.9; } .bannerHeaderComponent .banner .content .summary > *:last-child { padding-bottom: 0; margin-bottom: 0; } .bannerHeaderComponent .banner .content .summary { text-align: right; } .bannerHeaderComponent .banner .content .summary h3, .bannerHeaderComponent .banner .content .summary h4, .bannerHeaderComponent .banner .content .summary h5, .bannerHeaderComponent .banner .content .summary h6 { font-weight: 600; padding: 0 0 16px 0; color: #123A5E; margin-top: 0; padding-bottom: 0px; } .bannerHeaderComponent .banner .content .summary h3 { font-size: 30px; } .bannerHeaderComponent .banner .content .summary h4 { font-size: 30px; } .bannerHeaderComponent .banner .content .summary h5 { font-size: 25px; } .bannerHeaderComponent .banner .content .summary h6 { font-size: 20px; } .bannerHeaderComponent .banner .content .summary p { padding: 0 0 8px 0; font-size: 25px; } .bannerHeaderComponent .banner .content .summary a { color: #123A5E; text-decoration: none; } .bannerHeaderComponent .banner .content .summary a:hover { text-decoration: underline; } .bannerHeaderComponent .banner.text-left .content { left: 16px; text-align: left; justify-content: flex-start; } .bannerHeaderComponent .banner.text-right .content { right: 16px; text-align: right; justify-content: flex-start; } .bannerHeaderComponent .banner.text-center .content { left: 50%; transform: translateX(-50%); text-align: center; justify-content: center; } .bannerHeaderComponent .banner.text-center .content .summary { text-align: center; } @media screen and (max-width: 768px) { .bannerHeaderComponent .banner { height: auto; text-align: center; border-radius: 0; flex-direction: column; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; margin-bottom: 0 !important; } .bannerHeaderComponent .banner.img-narrow { height: auto; } .bannerHeaderComponent .banner .image { width: 100%; height: auto; border-radius: 4px; } .bannerHeaderComponent .banner .content { display: flex; width: 100%; height: auto; padding: 16px; bottom: 0px; border-radius: 0px; position: relative; } .bannerHeaderComponent .banner .content .summary { font-size: 16px; margin: 0px; text-align: center; letter-spacing: 0px; color: #000000; } .bannerHeaderComponent .banner .content .summary h3 { margin: 0px 0px 8px; color: #123A5E; font-size: 20px; margin: 0px; text-align: center; } .bannerHeaderComponent .banner .content .summary h4 { font-size: 20px; padding: 0 0 16px 0; color: #123A5E; } .bannerHeaderComponent .banner .content .summary p { padding: 0 0 8px 0; font-size: 16px; } .bannerHeaderComponent .banner.text-right .content { right: 0px; } .bannerHeaderComponent .banner.text-left .content { left: 0px; } } .google-classrooms-units .form-filters .select-btn { width: 100%; } .google-classrooms-units .btn-multi-select { height: 39px; } .google-classrooms-units .form-filters .btn-group { width: 100%; } .google-classrooms-units .form-actions { display: flex; width: 100%; align-items: baseline; justify-content: flex-end; } @media screen and (min-width: 992px) { .google-classrooms-units .form-filters { column-gap: 30px; display: flex; align-items: normal; justify-content: space-between; } .google-classrooms-units .form-filters .form-group { width: 100%; display: inline-flex; align-items: center; column-gap: 10px; } .google-classrooms-units .form-filters .languages-form-group { width: 500px; } .google-classrooms-units .form-filters .grades-form-group { width: 500px; } .google-classrooms-units .free-search-group input { max-width: 464px; } } .unit-sub-title { margin-top: 0; } .google-classroom-unit { margin-bottom: 30px; box-shadow: var(--btn-box-shadow); background-color: var(--background-color); padding: 16px; } .google-classroom-unit h2 { font-size: 25px; } .google-classroom-unit .unit-details-title { margin-top: 25px; margin-bottom: 5px; } .google-classroom-unit .unit-details { line-height: 24px; } .google-classroom-unit .unit-text { margin-top: 15px; } .google-classroom-unit .unit-details ul { list-style-image: url(/images/icons/navigation-blue-side.svg) !important; } .google-classroom-unit-district .district-text-container { list-style-image: url(/images/icons/navigation-blue-side.svg); } @media screen and (min-width: 992px) { .google-classroom-unit { min-height: 294px; } .unit-imgae { display: block; float: left; max-width: 388px; } .google-classroom-unit-district .district-text-container { column-count: 2; /* חלוקת הרשימה לשתי עמודות */ column-gap: 20px; /* מרווח בין העמודות */ } .google-classroom-unit-district .district-text { position: relative; /* מאפשר שליטה על התוכן הפנימי */ } .google-classroom-unit-district .district-text-container .district-text a { display: inline-block; white-space: nowrap; /* מונע מעבר שורה */ overflow: hidden; /* מסתיר תוכן שחורג */ text-overflow: ellipsis; /* קוטע עם ... */ padding-inline-end: 20px; /* רווח כדי לא להסתיר את האייקון */ width: 100%; /* מבטיח שהקישורים יתאימו לגודל של העמודה */ } .google-classroom-unit-district .district-text::before { content: ''; position: absolute; right: -15px; top: 8px; width: 7px; height: 11px; background-image: url(/images/icons/navigation-blue-side.svg); background-size: contain; background-repeat: no-repeat; } .google-classroom-unit-district .district-text::marker { content: ''; } } @media screen and (max-width: 991px) { .unit-image-container { margin-top: 20px; } } .access_img { background: transparent !important; display: none !important; } #wizIframeInBox { width: 100%; height: calc(100% - 70px) !important; } #wizChatChecker { position: absolute; right: -3px; top: -4px; width: 29px; height: 30px; } .newMessagesWaiting { display: none; text-align: center; width: 27px; height: 22px; text-shadow: 0.5px 0.9px 3px #35393e; box-shadow: -5px 9.8px 16px 0 rgba(53, 57, 62, 0.39); background-color: #bf1f1f; font-weight: bold; border-radius: 15px; font-size: 14px; top: -10px; padding-top: 5px; color: #ffffff; } #WizquestionMark { border: 2px solid white; border-radius: 50%; width: 14px; height: 14px; font-size: 13px; margin: 5px auto; } #WizquestionMark:after { content: '?'; } .WizclosedSideBubbleTitle { width: 160px; color: #1776B5; font-size: 19px; font-weight: 600; margin-top: 80px; text-align: center; display: none; } .WizWiztopBarTitle { display: none; } .WizclosedSideBubbleTitle img { display: none; } #WizagentTapping { direction: rtl; font-size: 14px; font-weight: 100; } #WiznewMessages { color: white; border: 3px solid white; border-radius: 50%; width: 19px; height: 19px; background-color: #02356c; font-size: 16px; } .WizaskCloseBox { outline: none; margin: 0 auto; text-align: center; color: #727272; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: normal; padding: 0; border: transparent; width: 331px; height: 163px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #123A5E; border-radius: 15px; opacity: 1; } @media screen and (max-width: 335px) { .WizaskCloseBox { width: 100%; } } .WizaskCloseBoxTopBar { margin: 0; height: 30px; width: calc(100% - 0px); height: 47px; font-family: Assistant, Regular; font-size: 22px; text-align: center; border-radius: 15px; width: 90%; margin-right: 15px; content: 'סגירת הצ׳אט'; } .WizaskCloseBoxTitle { font-size: 18px; padding-top: 30px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; text-align: center; letter-spacing: normal; color: #727272; top: 220px; left: 77px; height: 28px; text-align: right; font: normal normal 410 22px Assistant; letter-spacing: 0px; color: #123A5E; opacity: 1; /*padding-right: 35px;*/ padding-bottom: 12px; padding-top: 5px; display: flex; justify-content: center; align-items: center; } .WizaskCloseBoxYesNo { margin-top: 25px; box-sizing: inherit !important; -webkit-box-sizing: inherit !important; } .WizaskCloseBoxYesBtn { top: 273px; left: 225px; width: 113px !important; height: 38px; background: #1776B5 0% 0% no-repeat padding-box !important; border: 1px solid #1776B5 !important; border-radius: 19px !important; opacity: 1; margin-left: 10px !important; padding-bottom: 0px !important; padding-top: 0px !important; padding-left: 10px !important; padding-right: 0px !important; cursor: pointer; display: inline-block; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; color: #ffffff; box-sizing: unset; } .WizaskCloseBoxNoBtn { top: 273px; left: 71px; width: 139px; height: 38px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #1776B5 !important; border-radius: 19px; opacity: 1; text-align: center; padding-right: 0px; cursor: pointer; display: inline-block; margin-left: calc(100% - 99%); font-size: 16px; font-style: normal; font-stretch: normal; color: #1776B5; box-sizing: unset; } .Wizblanket { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; background-color: rgba(0, 0, 0, 0.27); z-index: 99999; direction: rtl; box-sizing: unset; opacity: 1; /*display: flex;*/ justify-content: center; align-items: center; } .WizcloseMode { position: fixed; z-index: 100000; left: -590px !important; top: 0px; height: 100%; vertical-align: middle; box-sizing: initial; } .WizaskCloseBoxTitle::after { top: 12px; left: 215px; width: 97px; height: 26px; text-align: right; font: normal normal normal 20px/22px Assistant; letter-spacing: 0px; color: #123A5E; opacity: 1; position: absolute; vertical-align: middle; } .WizopenMode { /*position: fixed; z-index: 100000; top: 0px; height: 100%; vertical-align: middle; box-sizing: initial; border-right: 0px !important; width: 455px; left: 15px;*/ /*position: fixed; z-index: 100000; left: 15px; bottom: 0; width: 455px; height: auto;*/ /* זה הגובה האמיתי */ /*max-height: 90vh;*/ /* ביטחון שלא יגלוש */ position: fixed; z-index: 100000; left: 15px; bottom: 15px; width: 455px; height: 72vh; /* גובה קבוע */ display: flex; flex-direction: column; background: white; /* או רקע מתאים */ background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #0000003B; border-radius: 15px 15px 0px 0px; } @media screen and (max-width: 991px) { .WizopenMode { width: calc(100% - 15px); max-width: 455px; } } @media screen and (max-width: 600px) { .WizopenMode { left: 7px; } } .WizdataArea { /*width: 370px !important;*/ max-height: 800px; opacity: 1; /* background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #0000003B; height: 72%; */ /*position: absolute;*/ top: 0; bottom: 0px; border-radius: 15px 15px 0px 0px; top: auto; /*left: 30px;*/ bottom: 15px; max-width: 455px; width: 100%; flex: 1; display: flex; flex-direction: column; overflow-y: hidden; } @media screen and (max-width: 600px) { .WizdataArea { left: 0px; } } .WizclosedSideCenter { bottom: 0px; position: fixed; left: 2vw; height: 127px; } /*.WizclosedSideBubble { background: url('/images/icon_chat.png'); direction: rtl; width: 210px; height: 100px; object-fit: contain; background-repeat: no-repeat; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: none; text-align: center; cursor: pointer; padding-bottom: 110px; } */ @media screen and (max-width: 600px) { .WizclosedSideBubble { width: 150px; background-size: contain; margin-left: 2vw; } } .WiztopBar { width: 100%; border-radius: 15px 15px 0px 0px; } .WiztopBarCloseBtn { /* margin-top: 20px; margin-right: 310px;*/ cursor: pointer; background-image: url('/images/icons/close-chat.png'); height: 15px; width: 15px; /*position: absolute;*/ background-size: 100% 100%; background-color: transparent !important; border: transparent !important; padding: 5px 6px !important; } .WizaskCloseBoxTopBarBtn { background-image: url('/images/icons/close_X.png'); width: 20px; height: 20px; float: left; object-fit: contain; margin-top: 17px; background-repeat: no-repeat; cursor: pointer; border: none; background-color: unset; } .WizBackBtn { background-image: url('/images/icons/back-chat.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 15px; height: 15px; border: none; background-color: transparent; cursor: pointer; margin-inline-end: 10px; opacity: 1; transition: opacity 0.2s ease; } .WizBackBtn:disabled { opacity: 0.4; cursor: default; } .WiztopBarWellcome { /*top: 148px; left: 425px;*/ /*width: 370px !important;*/ height: 55px; background: #123A5E 0% 0% no-repeat padding-box; border-radius: 16px 16px 0px 0px; opacity: 1; display: flex; /*justify-content: center;*/ align-items: center; font-size: 22px; text-align: center; color: #ffffff; background: #0C3058 0% 0% no-repeat padding-box; border-radius: 16px 16px 0px 0px; opacity: 1; justify-content: space-between; padding: 16px; } .WiztopBarTitle { color: white; font-weight: bold; font-size: 16px; float: right; margin-top: 30px; text-align: right; direction: rtl; display: none; } .dataArea { width: 100% !important; } .closedSideBubbleTitle { font-size: 13px; width: 80px; } .footerArea { height: 29px; } button.WizclosedSideBubble { background-color: transparent; border: transparent; /*outline: none;*/ } button.WizaskCloseBoxYesBtn { height: 36px; padding-bottom: 29px; background-color: transparent; border-color: transparent; /*color: transparent;*/ /*outline: none;*/ } button.WizaskCloseBoxNoBtn { height: 36px; border-color: transparent; /*color: transparent;*/ /*outline: none;*/ } .WiztopBarMinBtn { display: none; } .screenReaderText { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .WizcloseMode { position: fixed; z-index: 100000; left: -590px !important; top: 0px; height: 100%; vertical-align: middle; box-sizing: initial; } .WizclosedSideCenter { bottom: 0px; position: fixed; left: 2vw; height: 110px; } button.WizclosedSideBubble { background-color: transparent; border: transparent; /*outline: none;*/ } /*.imgMode*/ .WizclosedSideBubble { /*background: url('/images/icon_chat.png'); direction: rtl;*/ width: auto; /*height: 100px;*/ /*object-fit: contain; background-repeat: no-repeat; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: none; text-align: center; cursor: pointer;*/ padding-bottom: 110px; position: relative; border: none; padding: 0; cursor: pointer; background: none; display: inline-block; } .gifMode.WizclosedSideCenter { bottom:25px; } /*.gifMode .WizclosedSideBubble { position: relative; background-image: url('/images/icon_chat.png'); direction: rtl; width: 210px; height: auto;*/ /* height: 100px;*/ /*object-fit: contain; background-repeat: no-repeat; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: none; text-align: center; cursor: pointer;*/ /*background-size: cover;*/ /*background-position: left; background-position-y: top;*/ /* transition: opacity 0.5s ease-in-out;*/ /*padding-bottom: 110px; margin-bottom: 20px; }*/ /* .gifMode .WizclosedSideBubble img { display: none; }*/ /*.imgMode*/ .WizclosedSideBubble img { display: block; width: 100%; /* או גודל קבוע */ height: auto; } .gifMode .WizclosedSideBubble .WizclosedText { display: none; } .imgMode .WizclosedSideBubble .WizclosedText { position: absolute; top: 36%; left: 43%; transform: translate(-50%, -50%); color: white; border-radius: 8px; font-size: 16px; text-align: center; pointer-events: none; font-weight: 600; } .WizclosedSideBubbleTitle { width: 160px; color: #1776B5; font-size: 19px; font-weight: 600; margin-top: 80px; text-align: center; display: none; } #wizChatChecker { position: absolute; right: -3px; top: -4px; width: 29px; height: 30px; } /* end 1 */ /* start 2 */ /* .O0 { margin: 6px !important; }*/ .AgentIcon { background-image: url('/images/icons/agentBubbleImg.png'); background-size: contain; /* חשוב: מונע גלישה */ background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; display: inline-flex; /* מאפשר מרכוז אנכי ואופקי */ justify-content: center; /* מרכז אופקית */ align-items: center; flex-shrink: 0; /* מונע הקטנה כשאין מקום */ } .AgentBubble span { font: normal normal normal 18px/24px Assistant !important; } .access_img { display: none !important; } .agentTexting .AgentIcon { right: -10px !important; top: 10px !important; } .ClientIcon { display: none; position: absolute; background-image: url(./getFile.aspx?profile=537&fname=client_logo.png&sug=2); background-size: 100%; background-repeat: no-repeat; width: 40px; height: 40px; left: -65px; top: 1px; } .ClientBubble { margin-right: 10px; } .ClientBubble:after { content: ""; position: absolute; display: none; width: 0; z-index: 1; border-style: solid; border-color: transparent #4b96dc !important; border-width: 7px 20px 7px 0; top: 50%; left: -20px; margin-top: -7px; } .AgentBubble { top: 10px; background: #E8F4FF 0% 0% no-repeat padding-box; border-radius: 16px 0px 16px 16px; opacity: 1; color: #123A5E; text-align: right; display: inline-block; direction: rtl; word-wrap: break-word; font: normal normal normal 18px/24px Assistant; padding: 12px; -moz-border-radius: 10px; letter-spacing: 0px; flex: 1; min-width: 0; /* חשוב כדי לאפשר קיפול טקסט ולא גלילה אופקית */ } .AgentBubble:after { content: ""; position: absolute; display: block; z-index: 1; border-style: solid; border-color: transparent !important; border-width: 7px 0 7px 20px; top: 50%; right: -20px; margin-top: -7px; } .InputText { display: none !important; top: 877px; left: 887px; width: 350px; height: 55px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #E9F4FC; opacity: 1; width: 280px; height: 35px; font-size: 20px; direction: rtl; border-radius: 20px; font-family: Assistant, Arial; color: black !important; padding: 11px 10px 11px 10px; background-color: #fbfaf9; resize: none; background-image: url(./getFile.aspx?profile=537&fname=message_logo.png&sug=2); } .NewAgentLine { display: inline-flex; gap: 10px; padding-inline: 16px; padding-block: 8px; width: 100%; } .NewOptionLine { padding-block: 0; clear: both; margin: auto; padding-inline: 16px; } .OptionBubble { text-align: center; font: normal normal normal 18px/22px Assistant; letter-spacing: 0px; opacity: 1; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #1776B5; border-radius: 23px; opacity: 1; color: #1776B5; cursor: pointer; padding: 6px; direction: rtl; margin-top: 8px; margin-left: auto; margin-right: auto; width: 100%; } .OptionBubble:hover { background-color: #1776B5; color: #FFFFFF; } .OptionBubbleSelected { text-align: center; font: normal normal normal 18px/22px Assistant; letter-spacing: 0px; color: #FFFFFF; opacity: 1; background-color: #0084FF; background-repeat: no-repeat; background-position: 0% 0%; background-size: padding-box; } .Stage { /*height: 98vh;*/ /*min-height: 280px;*/ overflow-x: hidden; overflow-y: auto; height: inherit; padding-block: 10px; } .Stage p { font-size: 18px; /*line-height: 18px;*/ } .agentTexting { position: relative; direction: rtl; margin: 15px; } .agentTexting img { display: none; content: url("./getFile.aspx?profile=537&fname=agenttyping.gif&sug=2"); background-image: url("./getFile.aspx?profile=537&fname=agenttyping.gif&sug=2"); background-size: contain; width: 45px; height: 45px; top: 10px; right: 50px; position: absolute; } .mainArea { /*height: 90%;*/ /*font-family: Assistant, Arial !important;*/ background-color: #fffcfc; /*width: 100vw;*/ text-align: center; flex: 1; overflow-y: auto; padding: 10px; } .topLogo { background-image: url("./getFile.aspx?profile=537&fname=support_girl.png&sug=2"); background-repeat: no-repeat; height: 143px; margin-top: 10px; background-position-x: center; display: none; } .formButton { float: left; background: #598abd; color: white; width: 70px; height: 30px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-decoration: none; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer; margin-top: 8px; } .formFieldSet .formField { font-family: Assistant, Arial; width: 100%; } .formFieldSet textarea { height: 50px; border-radius: 3px; border-radius: 3px; text-decoration: none; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer; margin-top: 8px; } .InputDateTime { width: calc(70%); } .InputDateTimeBtn { width: calc(25%); } .InputAreaDateTime { position: absolute; bottom: 5px; width: calc(100vw - 30px); left: 6px; height: 40px; font-size: 20px; color: black; direction: ltr; max-width: 500px; border: 0px; } .InputArea { direction: rtl; display: inline-flex; } input.btnSend { position: relative; cursor: pointer; background-color: transparent; border: transparent; color: transparent; background-repeat: no-repeat !important; height: 43px; width: 53px; top: 8px; } ::-webkit-input-placeholder { color: black; line-height: 4vh; } :-moz-placeholder { /* Firefox 18- */ color: black; line-height: 4vh; font-size: 15px; } ::-moz-placeholder { /* Firefox 19+ */ color: black; line-height: 4vh; font-size: 15px; } :-ms-input-placeholder { color: black; line-height: 4vh; font-size: 15px; } .InputText ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; line-height: 4vh; font-size: 20px; } .InputText ::-moz-placeholder { /* Firefox 19+ */ color: white; line-height: 4vh; font-size: 20px; } .InputText :-ms-input-placeholder { /* IE 10+ */ color: white; line-height: 4vh; font-size: 20px; } .InputText :-moz-placeholder { /* Firefox 18- */ color: white; line-height: 4vh; font-size: 20px; } .Stage::-webkit-scrollbar { width: 5px !important; height: 7px; cursor: pointer; } .Stage::-webkit-scrollbar-button { width: 0px; height: 0px; cursor: pointer; } .Stage::-webkit-scrollbar-thumb { background: #9a9a9a; border: none; border-radius: 5px; cursor: pointer; } .Stage::-webkit-scrollbar-thumb:hover { background: #d1c9c7; cursor: pointer; } .Stage::-webkit-scrollbar-thumb:active { background: #9a9a9a; } .Stage::-webkit-scrollbar-track { background: #e2dddb; border: 0px solid #ff0000; border-radius: 5px; } .Stage::-webkit-scrollbar-track:hover { background: #e2dddb; } .Stage::-webkit-scrollbar-track:active { background: #e2dddb; } .Stage::-webkit-scrollbar-corner { background: transparent; } ::-webkit-scrollbar { width: 5px !important; height: 7px; cursor: pointer; } ::-webkit-scrollbar-button { width: 0px; height: 0px; cursor: pointer; } ::-webkit-scrollbar-thumb { background: #9a9a9a; border: none; border-radius: 5px; cursor: pointer; } ::-webkit-scrollbar-thumb:hover { background: #d1c9c7; cursor: pointer; } ::-webkit-scrollbar-thumb:active { background: #9a9a9a; } ::-webkit-scrollbar-track { background: #e2dddb; border: 0px solid #ff0000; border-radius: 5px; } ::-webkit-scrollbar-track:hover { background: #e2dddb; } ::-webkit-scrollbar-track:active { background: #e2dddb; } ::-webkit-scrollbar-corner { background: transparent; } textarea#clientInput { display: none; } textarea#clientInput::-webkit-scrollbar-button { width: 0px; height: 0px; cursor: pointer; } textarea#clientInput::-webkit-scrollbar-thumb { background: transparent; border: none; border-radius: 5px; cursor: pointer; } textarea#clientInput::-webkit-scrollbar-thumb:hover { background: transparent; cursor: pointer; } textarea#clientInput::-webkit-scrollbar-thumb:active { background: transparent; } textarea#clientInput::-webkit-scrollbar-track { background: transparent; border: 0px solid transparent; border-radius: 5px; } textarea#clientInput::-webkit-scrollbar-track:hover { background: transparent; } textarea#clientInput::-webkit-scrollbar-track:active { background: transparent; } textarea#clientInput::-webkit-scrollbar-corner { background: transparent; } /*:focus { outline: none !important; } */ textarea::-webkit-input-placeholder { color: #5d5952; } textarea:-moz-placeholder { /* Firefox 18- */ color: #5d5952; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #5d5952; } textarea:-ms-input-placeholder { color: #5d5952; } textarea::placeholder { color: #5d5952; } .NewClientLine { text-align: right; font: normal normal normal 18px/22px Assistant; letter-spacing: 0px; color: #FFFFFF !important; background: #1776B5 0% 0% no-repeat padding-box; border-radius: 16px 0px 16px 16px; position: relative; padding: 7.5px; vertical-align: top; /*width: 80%; min-width: 286px;*/ /*margin-left: auto; margin-right: auto; margin-top: 10px;*/ margin-inline: 16px; margin-block: 8px; } @media only screen and (min-width: 450px) { /* body { position: unset; background-color: #fff; } */ /* rivka comment */ /*.mainArea { box-shadow: 5px 3px 6px #0000003b; border-radius: 10px 10px 10px 10px; height: calc(100% - 2vh); font-family: Assistant, Arial !important; font-size: 18px background-color: #fffcfc !important; margin-top: 1vh; margin-bottom: 1vh; position: absolute; left: calc(50vw - 225px); width: 450px; min-width: 450px; min-height: 595px; text-align: center; }*/ .Stage { /*max-height: 69vh;*/ /*min-height: 280px;*/ overflow-y: auto; height: inherit; /* height: 69vh; */ } input.btnSend { top: 8px; } .access_img { display: none !important; position: absolute; top: 20px; left: calc(50vw - 225px); display: none; } } @media only screen and (max-height: 600px) { /*. { font-size: 14px; } */ .InputText { font-size: 16px; height: 25px; } .topLogo { background-image: url("./getFile.aspx?profile=537&fname=support_girl_60.png&sug=2"); height: 60px; } } #OptionLine_0 { display: none; } /* end 2 */ /* mine */ .WizcloseMode .WizdataArea { display: none; } .WizopenMode .WizclosedSideCenter { display: none; } .WizopenMode .WizdataArea { display: flex; } /* .WizopenMode .Wizblanket { display: block; }*/ #chatSpinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.7); /* אופציונלי */ /*padding: 10px;*/ border-radius: 10px; } .AgentLinksList { /*list-style-image: url(/images/icons/navigation-blue-side.svg);*/ list-style-type: none; /*margin-inline: 16px;*/ margin-bottom: 0; } .AgentBubble p { margin: 0 0 8px; } .AgentBubble p:last-child { margin-bottom: 0; } .AgentListIcon { background-image: url(/images/icons/navigation-blue-side.svg); display: inline-block; width: 7px; height: 11px; background-repeat: no-repeat; background-size: contain; margin-inline-end: 6px; vertical-align: middle; flex-shrink: 0; /* מונע מהאייקון להתכווץ */ } .AgentLink { color: var(--link-color-on-l-blue); } .OptionDropdown { position: absolute; top: 100%; left: 0; z-index: 999; background: white; border: 1px solid #ccc; display: none; direction: rtl; min-width: 150px; } .AgentLinkWrapper { display: flex; align-items: baseline; } .AgentBubble ul { list-style-image: url(/images/icons/navigation-blue-side.svg); padding-inline-start: 16px; margin-bottom: 0; } .AgentLinks { margin-top: 8px; } .bot-loading-gif { display: inline-block; vertical-align: middle; margin-left: 10px; } .bot-loading-gif img { width: 46px; height: 46px; } @charset "UTF-8"; /*@import "variables.scss";*/ @media (max-width: 991px) { .StripHeader { position: static; } .bottom { padding-bottom: 40px; } } @media (max-width: 767px) { .bottom { padding-bottom: 0; } } /*.ContainerRadioButtns { width: 403px; }*/ .modal-dialog { margin-bottom: 60px; } /*.InfoBannerBox .ImgBanner { max-height: 165px; }*/ @media (max-width: 768px) { .dropdown-content { left: 15px; } } @media (max-width: 991px) { .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative, .BoxDropdownContent { display: block; } .MessagesBottom { height: 35px; } .ColLoginAndSearch .navbar-toggle { margin-left: -15px; } } .DetailsIcon img { width: auto; } .navbar-form { padding: 0; margin: 0; } .ContainerListMessage .Title { color: black; } .InquiriesAndServicing .ContainerLogin, .AdministrativeSpace .ContainerLogin { min-width: 10px; } .SearchOptionsBox { z-index: 999; } img.profile { width: auto; } #search_field { width: 100%; } .CloseSearch { width: auto; } .btn-default { border-radius: var(--item-radius); } nav.profile { float: right; width: 100%; } .StripMain.AdministrativeSpace .BoxTitlepage .Title { background-color: rgb(48, 152, 207); } /*.HeaderMenu nav > ul > li.Active > a, .HeaderMenu nav > ul > li > a:focus, .HeaderMenu nav > ul > li > a:hover, a.active { background-color: #BEC8D2 !important; }*/ a.profile { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } a.ButtonSearchOptions { display: flex; gap: 5px; } a.ButtonSearchOptions img { width: 15px; } header.show.affix { position: relative !important; } .ContainerCredit > a:not(:first-child) { margin-right: 4px; padding-right: 8px; border-right: var(--footer-font-color) solid 1px; } li.profile { margin-bottom: 0; } .NavMenuMobil .nav > li > a:link, .NavMenuMobil .nav > li > .li-menu > a:link { -webkit-tap-highlight-color: transparent; } /*.TopMenu ul li.active, .TopMenu ul li:first-child a .ContentLinkLi:hover, .NavMenuMobil .nav > li:first-child > a:hover, .NavMenuMobil .nav > li:first-child > a:active { background-color: #1E2B35; } .TopMenu ul li:nth-child(2).active, .TopMenu ul li:nth-child(2) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(2) > a:hover, .NavMenuMobil .nav > li:nth-child(2) > a:active { background-color: #71A240; } .TopMenu ul li a .ContentLinkLi:hover, .TopMenu ul li:nth-child(3), .TitleSpace.Administrative.pop, .NavMenuMobil .nav > li:nth-child(3) > a:hover, .NavMenuMobil .nav > li:nth-child(3) > a:active { background-color: #3098CF; } .TopMenu ul li:nth-child(4).active, .TopMenu ul li:nth-child(4) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(4) > a:hover, .NavMenuMobil .nav > li:nth-child(4) > a:active { background-color: #1E2B35; } .TopMenu ul li:nth-child(5).active, .TopMenu ul li:nth-child(5) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(5) > a:hover, .NavMenuMobil .nav > li:nth-child(5) > a:active { background-color: #92518D; } .TitleSpace.Administrative.pop > a > div { color: #fff; } .TopMenu ul li.active, .TopMenu ul li:last-child a .ContentLinkLi:hover, .NavMenuMobil .nav > li:last-child > a:hover, .NavMenuMobil .nav > li:last-child > a:active { background-color: #DF943B; }*/ .TopMenu ul li:nth-child(3) { background-color: var(--header-hover); } .TopMenu ul li.active, .TopMenu ul li .ContentLinkLi:hover, .NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:active { background-color: var(--header-hover); } .ContainerTotalSearch .BoxTotalItem .SucTitle a { /* color: #3098CF;*/ display: inline-block; } .Containerpagination .pagination > .active > a, .Containerpagination .pagination > .active > a:focus, .Containerpagination .pagination > .active > a:hover, .Containerpagination .pagination > .active > span, .Containerpagination .pagination > .active > span:focus, .Containerpagination .pagination > .active > span:hover { color: var(--pagination-active-color); font-weight: 600; background-color: transparent; } /*.StripMain.AdministrativeSpace aside { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important; } */ /*.StripMain.AdministrativeSpace .search-learn-container aside { min-height: 346px; }*/ /*@media (max-width:767px) {*/ /*.StripMain.ProfessionalSpace aside,*/ /*.StripMain.AdministrativeSpace aside { min-height: 1px; } }*/ .popXtn .ltr .pre-text .pre-text-info { /* for left to right */ display: inline-block; } .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: grey !important; } .form-control.has-error::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #e62626 !important; } .form-control.has-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e62626 !important; opacity: 1; } .form-control.has-error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e62626 !important; opacity: 1; } .form-control.has-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e62626 !important; } .form-control.has-error::-ms-input-placeholder { /* Microsoft Edge */ color: #e62626 !important; } .myIdeaCmpnt .divContainerButtons { float: left; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img div.text { color: rgb(51, 51, 51); } .page-component-edu.popXtnCmpnt .page-panel .myIdeaTeaserBnnr .link-with-img .text-container.myIdeaText a.title, .page-component-edu.popXtnCmpnt .page-panel .myIdeaTeaserBnnr.link-with-img div.text { color: #fff; } .ltr.popXtnCmpnt a.btn.btn-default.smallBtn { margin-right: 8px; margin-left: 0; } .popXtn .srch-panel.srchFilterTopics { background-color: rgb(224, 238, 245); } @media (min-width: 768px) { .popXtn .container1:not(.ltr) .pre-text .pre-text-info { display: inline; } } @media (min-width: 992px) { .teaching-materials-ctrl.knowledge-field .row.free-search .input-search { width: 50%; } .teaching-materials-ctrl.knowledge-field.rtl .row.search-filter .selectWrap { margin-right: 5px; } .teaching-materials-ctrl.knowledge-field .row.free-search .clearBtnWrap { margin-left: 0px; margin-right: 30px; } } .srchFilterTopics select, option { width: 100%; } .popXtn .srch-panel.srchFilterTopics .checkbox-inline { margin-right: 0; margin-left: 10px; } .popXtnCmpnt .engBanner .bannerImg { padding-bottom: 1px; /* fix for IE */ } .clearBtnWrap { padding-top: 15px; } .popXtn .courseNoticeWrapper .noticeIcon { display: initial; } .StripHeader { z-index: 1010; } .popXtn .checkbox-custom-label.checkbox-disabled { cursor: not-allowed; opacity: 0.6; } /*.popXtn .checkbox-custom { opacity: 1; position: absolute; width: 15px; height: 18px; }*/ .select-label { margin-top: 7px; } .popXtn .page-component-edu .link-with-img .text-container .item-name.courseItem h5 { outline: none; } .popXtn .btn.goBtn.darkBlue { text-align: center; } .popXtn .btn.goBtn.darkBlue:hover { color: #fff !important; opacity: 1; } .popXtn .clearBtnWrap a:link.clearBtn { text-decoration: underline !important; color: #23527c; } .slickSliderSlide.no-icon { padding-right: 0; background-image: none; } .popXtn .ContainerItemInfo .ItemInfo div { margin-bottom: 0; } .popXtn .ContainerItemInfo .ItemInfo div.row { margin-bottom: 8px; } .page-component-edu .link-with-img .text-container .item-name { white-space: normal; } .popXtn a.ContainerPopularButton { margin-top: 5px; } .courseNoticeWrapper a { font-size: 18px; } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/icons/triangle-up.png); } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/icons/triangle-down.png); } .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/icons/triangle-up.png); } .TopMenu ul li { width: 20%; } .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-serv-education-office.png); /* Fix 13-11-2017 */ width: 189px; /* Fix 13-11-2017 */ } .broadcast-search-space { margin-bottom: 48px; } .broadcast-search-space label { font-size: 16px; } .broadcast-item h5 { margin-top: 0; color: #3098CF; } .popXtn .search-broadcast-erea .btn-group, .popXtn .search-broadcast-erea .btn-group > .btn:first-child { width: 100%; text-align: right; } .popXtn .search-broadcast-erea .boxMultiSelect { /*margin-bottom: 20px;*/ min-height: 36px; /*padding: 0 10px;*/ font-size: 16px; } @media (max-width: 991px) { .popXtn .search-broadcast-erea .boxMultiSelect { padding: 0; } } /*.popXtn .search-broadcast-erea .btn-group .btn {*/ /* border-radius: 0;*/ /*border-color: #a9a9a9;*/ /*}*/ .popXtn .search-broadcast-erea .btn-group .caret { float: left; margin-top: 9px; } .radio label, .checkbox label { padding-right: 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: var(--combo-option-hover) !important; color: var(--text-color); text-decoration: none !important; } .dropdown-menu > li > a { font-size: 14px; } .dropdown-menu > li { margin-bottom: 0; } .search-time-erea .form-control { min-height: 36px; } .broadcast-item-bottom { margin-top: 10px; } .search-time-erea { padding-top: 0; } input[type=checkbox][disabled] ~ label { opacity: 0.7 !important; cursor: not-allowed; } @media (max-width: 480px) { .slickSliderSlide.quote .slideText, .slickSliderSlide.videoClip .slideText, .slickSliderSlide.no-icon .slideText, .slickSliderSlide.no-icon .slideTitle { margin-right: -25px !important; margin-top: 10px !important; } } /*@media (max-width: 767px){ .teacher-pic { display: block; margin-left: auto; margin-right: auto; max-width: 150px; margin-top: 20px; } }*/ /* A smaller margin between hours and text */ .calendar-content-row .calendar-hours { padding-left: 0 !important; } .calendar-content-row .calendar-content-item { padding-right: 15px !important; } .calendar-content-item h5 { margin: 0px; } .calendar-content-item h6 { margin-top: 0px; } .links-with-imgs.big ~ .links-with-imgs.big { border-top: 1px solid #E2E2E2; } .popXtn .link-with-img.courseItemBox { border-top: none; } .broadcast-item-bottom { margin-top: 10px; } @media (min-width: 992px) { .academy-slick .row.page_component.try-gallery .item.first a .try-overlayicon p:last-child { min-height: 0 !important; } } .page-component-edu .lecture.main-content h2 { font-size: 24px; padding-top: 0; } .page-component-edu .lecture.main-content h2.lecture-padding { padding-top: 10px; } .nowrap { white-space: nowrap; } /* .popXtn .main-content .courseInfo { color: #3098CF; }*/ .fc-today span:before { height: 34px; width: 34px; margin-top: -7px; } .popXtn .link-with-img.courseItemBox { border-top: 1px solid #E2E2E2; } .links-with-imgs.big ~ .links-with-imgs.big { border-top: none; } .popXtn .btn.goBtn.registration-btn { padding: 2px 12px; } .upcoming-broadcasts .broadcast-date-section .listing { border-top: none; } .upcoming-broadcasts .broadcast-date-section .date-broadcast + .listing { border-top: 1px solid #E2E2E2; } /*.broadcast-date-section { margin-bottom: 0; }*/ .broadcast-item-bottom .ContainerButtons { margin-right: 0; } .live-broadcast { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .live-broadcast iframe { height: 100% !important; } @media (max-width: 425px) { .lecture .devider-gray { margin-right: 0; } } .page-component-edu .page_component .broadcastItemBox .big-img-container { margin-right: 0; margin-left: 0; } .page-component-edu .page_component .listing-with-icons .broadcastItemBox .big-img-container { margin-right: 15px; margin-left: 15px; } .line { border-top: 1px solid #E2E2E2; padding: 20px 0; } .listing .links-with-imgs:first-child .link-with-img.line { padding-top: 0px; border-top: none; } .line-space { border-top: var(--line-between-items); padding-top: 20px; } .space { padding: 0 20px; } .listing .links-with-imgs:first-child .link-with-img.line-space { padding-top: 0px; border-top: none; } .search-broadcast-erea .form-control { min-height: 36px; border: 1px solid #a9a9a9; } /*, lectuar-search-space-form ul*/ .search-broadcast-erea ul, .outstanding-and-gifted-form ul { border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; left: 0px; margin-right: 0 !important; margin-top: 0; border-radius: 0; max-height: 300px; overflow: auto; } .search-broadcast-erea ul li a, .outstanding-and-gifted-form ul li a { font-size: 16px; margin-top: 5px; } .search-broadcast-erea .dropdown-menu > .active > a, .search-broadcast-erea .dropdown-menu > .active > a:hover, .search-broadcast-erea .dropdown-menu > .active > a:focus, .page-component-edu .search-broadcast-erea li.active a:hover, .search-broadcast-erea .btn-default { background-color: #f5f5f5; /**/ color: rgb(85, 85, 85) !important; cursor: pointer; } .search-broadcast-erea .btn-default, .containerCourseSearch .btn-default, .search-broadcast-erea .btn-default:active:focus, .containerCourseSearch .btn-default:active:focus { background-color: white; } .broadcast-calendar-space .dropdown-multiselect label { font-size: 16px; } .dropdown-menu { padding-top: 0; } @media (max-width: 560px) { .update-diary { margin-top: 0; } .ask-lecturer { margin-bottom: 10px; } .search-time select { padding: 3px; } } .popXtn .ContainerItemInfo.vod { margin-bottom: 0px; } .tours-space .listing { border-top: 0; } .tours-space .page-component-edu .page_component.main-content { box-shadow: none; } /*.video-description { margin-bottom: 25px; }*/ .page-component-edu.live-broadcast .main-content { padding-bottom: 5px; } @media (min-width: 768px) and (max-width: 991px) { .gallery4 img { height: auto !important; } } @media (max-width: 425px) { .gallery4 .image { height: 260px; } .try-gallery .item img { width: 100% !important; height: auto !important; } } /*@media (min-width: 426px) { .video-description { margin-top: -20px; } }*/ .checkboxCustomContainer div:first-child .checkboxCustomWrap { width: auto; } .role-search-space .checkboxCustomContainer div:first-child .checkboxCustomWrap { width: 48px; } @media (max-width: 600px) { .tours-space .lecture-description { margin-top: 10px; } } @media (max-width: 767px) { .popXtn .btn.goBtn.trip-button { margin-top: 0; } section.content.tours-space .home-container .row.home-row h2 { width: 100%; } } .caret.trip-name-caret { float: left; border-top: 11px dashed #c7c7c7 !important; border-right: 6px solid transparent; border-left: 6px solid transparent; background-position: center; top: 19px; left: 9px; padding-left: 0; position: absolute; cursor: pointer; } .lecture.page_component.main-content { padding-bottom: 28px; } /*li:focus, .btn:active:focus, .btn:focus, .btn:active, a:focus { outline: none; }*/ .page-component-edu.tours-space .main-content h2 { font-size: 24px; padding: 0; } section.content .box-recommendation h2 { margin-top: 0; } .tours-space .ContainerItemInfo { margin-bottom: 0; } @media (min-width: 601px) { .tours-space .main-content .image-lecture { margin-bottom: 20px; } } .box-recommendation { margin-bottom: 0; border-radius: var(--item-radius); } .dropdown-menu > li { overflow: hidden; } @media (max-width: 991px) { .image-lecture { padding-right: 0; } } @media (max-width: 767px) and (min-width: 600px) { .image-lecture { margin-right: 0; } } @media (max-width: 600px) { .page-component-edu .main-content .image-lecture { margin: 0px 16px; } } @media (max-width: 425px) { .trip-tours-space .lecture-description { margin-right: -15px !important; margin-left: -25px !important; } } /* START TODO - REMOVE after profile change */ ol { line-height: 1.4 !important; } .search-broadcast-erea ol { line-height: 0.8 !important; } .social-search-space label { font-size: 16px; } .social-search-space.role-search-space label { font-size: 18px; } .social-search-space .socialMultiselect .dropdown-menu label { margin-top: 0px; padding-right: 20px; } /*check if i had to do it yisca*/ /*@media (min-width: 900px) { #left_col[role=main] ul.pagination.rolePagination { width: 50%; margin-right: 40%; } }*/ /*check if i had to do it yisca*/ /*@media (max-width: 767px) and (min-width: 400px) { .InfoBannerBox .ImgBanner { height: 295.5px; } } @media (max-width: 400px) { .InfoBannerBox .ImgBanner { height: 165px; } }*/ @media (min-width: 900px) { .InfoBannerBox .ImgBanner { height: 165px; } } .role-search-space .select-grade-erea { margin-top: 5px; } .role-search-space .search-col-left { padding-left: 16px !important; padding-top: 0px !important; } .popXtn .slickSliderSlide .slideText { font-style: normal; } .rec-role-erea { padding: 30px 30px 10px 30px; } .search-main a.hipus.btn.btn-primary { height: 55px; } .ltr.popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 5px 1px 8px !important; } /*.social-main .listing { margin-bottom: 0px; }*/ /*.overlay-text { padding-bottom: 10px; }*/ .banner-main { margin-bottom: 20px; } .banners-strip .banner-main h3 { margin-top: 0; } .banners-strip { padding-bottom: 0px; } .articles-wrapper .articles-links-container { margin-bottom: 0; } .links-list { /*padding-top: 8px !important;*/ padding: 0 !important; margin: 0 !important; } .articles-links-container.no-top-padding { padding-top: 0; } .three-long-title .TitleInfo { min-height: 56px; } .three-long-title .InfoBannerBox .TitleInfo { font-size: 17px; line-height: 17px; } nav.quick-links-wrapper { float: none; } .TitleBar { padding: 0; } .StripTitleBar { padding-top: 178px; } @media (min-width: 992px) and (max-width: 1199px) { .popXtn .academy-slick .try-gallery.gallery3 .image .galleryReadMore, .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: absolute; } } .item-time-wrap span { margin-right: 0px; } .item-time-wrap img.broadcast-icon { margin-bottom: 0px; } /*start kinder garten*/ .kinder-garden.search button { font-size: 16px; } /*.popXtn .kinder-garden.search .btn-group .btn { border-radius: 0; border-color: #a9a9a9; }*/ .popXtn .kinder-garden.search .btn-group .caret { float: left; margin-top: 9px; } .popXtn .kinder-garden.search .boxMultiSelect { /*margin-bottom: 20px;*/ min-height: 36px; /*padding: 0 10px;*/ font-size: 16px; } /*@media (min-width:992px) { .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 0; } }*/ /*.kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { outline: none; }*/ .kinder-slider .slick-prev, .kinder-slider .slick-next { transform: translate(0, -50%); } .page-component-edu .page_component.main-content.kinder-garden { max-width: none; } .kinder-garden-title .page_component.main-content { max-width: none; } .kinder-garden-content { margin-bottom: 48px; } .popXtn .kinder-garden.search .btn-group, .popXtn .kinder-garden.searc .btn-group > .btn:first-child { width: 100%; } /*@media (max-width:991px) { .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 50%; } }*/ .search-materials.page-component-edu .page_component .resltsDataContainer { border: solid #fff 15px; margin: 0; } .search-materials .materials-results .listing:last-child { border-bottom: none; } @media (max-width: 991px) { .search-materials .materials-results .listing:first-child { border-top: none; } } .kinder-garden-title .page_component.main-content { max-width: none; } .page-component-edu .main-content.kinder-garden.search { max-width: none; } .search-materials { max-width: none; } .kinder-garden-form { margin-left: 15px; margin-right: 15px; } /*@media(min-width: 992px) { .kinder-garden.search .search-materials-inner { padding-right: 10px; } }*/ .kinder-garden.search .form-control { min-height: 36px; border: 1px solid #a9a9a9; } .kinder-garden.search .RowButtns { margin-top: 25px; } .academy-advance-search.advance-search { text-decoration: none; } .kinder-garden.search .btn-default { color: rgb(85, 85, 85); } .popXtn .ContainerTitlePage.kinder-garden-title { margin: 0px 0px 20px 0px; } @media (min-width: 992px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { max-width: 50%; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { max-width: 50%; } } .ltr .opened-list.listing.section .pre-text-info span { /* todo - change on site.css row 4713*/ float: none !important; } .academy-advance-search .adv-search-link { text-decoration: underline; } /*.slick-slider.kinder-main-slider ul.slick-dots li.slick-active button { color: rgb(48, 152, 207); opacity: 0.75; width: 100%; height: 100%; background: rgb(48, 152, 207); border-radius: 50%; opacity: 1; }*/ /*.page-component-edu .main-content.kinder-garden.search*/ .page-component-edu .page_component.main-content.kinder-garden { padding-top: 0px; } .page-component-edu .page_component.main-content.kinder-garden.kinder-garden-item { padding-top: 19px; } .kinder-garden-form .clearBtnWrap.search-btn-wrapper a { display: inline-block; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding-right: 0px; margin-right: 25px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption p, .kinder-garden .lecture-description p, .outstanding-and-gifted .lecture-description p { margin: 0px; } .kinder-garden .lecture-description { margin-top: 12px; } .kinder-garden-content.ltr img.reading-link-icon { transform: rotate(180deg); } @media (max-width: 991px) { .kinder-garden.kinder-garden-item dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: none; } } @media (max-width: 991px) { .kinder-garden.search .search-col-field:last-child { margin-bottom: 20px; } } /*.page-component-edu a:focus { color:#fff!important; }*/ .page-component-edu.kinder-garden .main-content .kinder-slider .item.slick-current .slide-caption p { display: block; } .page-component-edu.kinder-garden-content { background-color: white; } .kinder-garden.search .RowButtns .clearBtnWrap { margin-left: 20px; } .kinder-garden.search .RowButtns .ContainerButtons { text-align: left; width: auto; } .kinder-garden.search .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .kinder-garden-form div.open-advance-collapse, .kinder-garden-form div.close-advance-collapse { color: rgb(44, 112, 148); } .kinder-garden.search .RowButtns .ContainerButtons #SearchMterials { width: auto !important; border-radius: 5px; padding: 4px 40px; } @media (max-width: 991px) { .kinder-garden.search .search-btn-wrapper { display: block; } .kinder-garden.search .RowButtns .ContainerButtons { padding: 0; } } @media (min-width: 992px) { .kinder-garden.search .RowButtns .ContainerButtons { padding-left: 15px; padding-right: 0px; } } .kinder-garden.search .search-col-field label { margin-top: 5px; } /*end kinder garten*/ .search-broadcast-erea .academy-advance-search.advance-search a { display: inline-block; } /* Start Practices */ .practice-search .search-col-field label { margin-top: 5px; } .practice-search .search-col-field label { font-size: 16px; } .practice-search-result .listing { margin-top: 0; border-bottom: 1px solid #E2E2E2; padding: 17px 0 0; } .practice-search-result .listing:last-child { border-bottom: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time img { width: 17px; height: 20px; } @media (max-width: 991px) { /* .parctices-item .parctices-item-description { padding-bottom: 15px; }*/ .parctices-item-description dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: none; } } @media (min-width: 992px) { .parctices-item-page .page_component.main-content { padding: 16px; } } @media (max-width: 991px) { .practice-search .search-btn-wrapper { display: block; } } @media (max-width: 991px) { .practice-search .search-col-left { padding-top: 0 !important; } } .teaching-practices-container .banner-text p { display: inline; } .teaching-practices-container .banner-text a { color: #e2e2e2; } .teaching-practices-container .banner-text-wrapper .banner-text span { margin-right: 0; } .teaching-practices-container .banner-text-wrapper .banner-text img { margin-left: 15px; } .teaching-practices-container .banner-text-wrapper { padding-left: 10px; } .teaching-practices-container .banner-mask { min-height: 245px; border-radius: var(--item-radius); } @media (min-width: 992px) { .teaching-practices-proffisonal-dev .practice-subject-item, .teaching-practices-proffisonal-dev .practice-subject-item.left { padding-bottom: 12px; } /*.teaching-practices-container .banner-bg { height: 245px; }*/ .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 18px; } /*.teaching-practices-proffisonal-dev .proffisonal-dev-title { padding-top: 0; }*/ } /*.teaching-practices-proffisonal-dev { padding-top: 16px; }*/ @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item, .teaching-practices-proffisonal-dev .practice-subject-item.left { padding-left: 12px; padding-right: 12px; } } .practice-search .search-btn-wrapper a { cursor: pointer; } .teaching-practices-container.ltr .banner-text-wrapper { padding-right: 10px; padding-left: 23px; } .teaching-practices-container.ltr .banner-text-wrapper h3.banner-title { margin-right: 15px; margin-left: 0; } .teaching-practices-container.ltr .banner-text-wrapper .banner-text img { margin-right: 15px; margin-left: 0; } .teaching-practices-container.ltr .banner-text-wrapper .banner-text span { margin-left: 0; } /*.teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { color: rgb(51, 51, 51); font-weight: 600 !important; margin-bottom: 5px; }*/ .teaching-practices-proffisonal-dev .text-practice p { margin: 0; } @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: auto; min-height: 85px; } } .no-border, .social-main .no-border { border: none; } @media (max-width: 991px) { .search-col-field .col-md-7 { padding: 0; } } @media (min-width: 426px) { .parctices-item-page .box-recommendation { margin-left: 0; } } @media (min-width: 768px) { .image-practice-wrap { padding-left: 0; } } dl.additional-properties .dl-row { margin-bottom: 0; } .dl-inner-wrap { margin-bottom: 8px; } .page-component-edu .main-content .main-image-overlay { background-color: var(--stock-search-bg) !important; padding: 7px 20px !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .page-component-edu .bg-lightblue .main-content .main-image-overlay { background-color: var(--grey-background) !important; } .multi-collapse.collapse.in { margin-bottom: 20px; } /*@media (max-width: 991px) { .search-col-field:last-child { margin-bottom: auto; } }*/ @media (max-width: 991px) { .three-columns .columnTitle.TwoColumns { height: unset; min-height: initial; padding-top: 15px; } } .popXtn .courseItemInfo .rsltsDataItem { padding: 0 0 0 24px; } .popXtn .courseItemInfo.vod .rsltsDataItem { padding: 0 0 0 14px; } .search-broadcast-erea .dropdown-menu > li > a { padding-right: 10px; padding-left: 10px; } .practice-search .search-broadcast-erea .dropdown-menu li label > span { display: flex; } .practice-search .search-broadcast-erea .dropdown-menu li label > span > span { /*text-overflow: ellipsis;*/ white-space: initial; overflow: hidden; } .teaching-practices-container .banner-bg { background-size: auto; border-radius: var(--item-radius) } @media (max-width: 991px) { .teaching-practices-container .banner-bg, .teaching-practices-container.ltr .banner-bg { max-width: 100%; width: auto; background-size: auto; background-position: left bottom; min-height: 580px; margin: 12px; } } @media (max-width: 991px) { .teaching-practices-container { flex-direction: column; } } .popXtn .resltsDataContainer .rsltsDataItem span { padding-left: 8px; } .popXtn .resltsDataContainer .rsltsDataItem { padding-right: 0; padding-left: 0; margin-left: 12px; } .popXtn .resltsDataContainer .rsltsDataItem strong { padding-left: 8px; padding-right: 0; } .popXtn .resltsDataContainer .rsltsDataItem strong:last-child { padding-left: 12px; } .popXtn .resltsDataContainer .rslts-title { padding-left: 12px; } .teaching-practices-container { box-shadow: none; } .collapse-items-container .page-component-edu.edu-newspaper-component, .collapse-items-container .edu-newspaper-component .teaching-practices-container, .collapse-items-container .page-component-edu.newspaper-component, .collapse-items-container .page-component-edu.newspaper-component .edu-article-container, .collapse-items-container .page-component-edu .text-image, .collapse-items-container .page-component-edu .text-image .main-content { background-color: var(--stock-search-bg); } .collapse-component .page-component-edu.edu-newspaper-component, .collapse-component .edu-newspaper-component .teaching-practices-container, .collapse-component .page-component-edu.newspaper-component, .collapse-component .page-component-edu.newspaper-component .edu-article-container, .collapse-component .page-component-edu .text-image, .collapse-component .page-component-edu .text-image .main-content { background-color: var(--stock-search-bg); } @media (max-width: 991px) { .teaching-practices-container .container-content-media.embed { min-height: initial; height: auto; } .teaching-practices-container .container-content, .teaching-practices-container .container-content-media { flex: auto; } .container-content-media .newspaper-img { height: auto; } } @media (max-width: 991px) { .teaching-practices-container .container-content-media .media-iframe { background-position: center; } } .teaching-practices-container .container-content { padding-bottom: 24px; } .teaching-practices-proffisonal-dev .proffisonal-dev-title { padding-top: 0; } .parctices-item-page .box-recommendation { margin-top: 20px; margin-bottom: 15px; } @media (min-width: 992px) { .teaching-practices-container .container-content-media { height: 261px; padding-bottom: 20px; } } .parctices-item-page .lecture-description { margin: 0 0 20px; } @media (max-width: 991px) { .parctices-item-page .lecture-description { margin: 0 !important; padding: 0 0 5px; } .parctices-item-page .image-practice { padding-left: 5px; padding-right: 5px; } } .page_component.main-content.parctices-item-page .video-erea, .page_component.main-content.parctices-item-page img { margin-top: 8px; } .parctices-item-page .video-erea { max-width: 100%; width: auto; margin: 0 auto; margin-bottom: 20px; } @media (max-width: 991px) { .parctices-item-page .practice-text-container { padding-right: 15px; padding-left: 15px; } .parctices-item-page .box-recommendation { margin-right: 15px; margin-left: 15px; } } .parctices-item-page .image-area { margin-bottom: 20px; } .parctices-item-page .practice-text-container img { width: auto; max-width: 100%; display: block; margin: 0 auto; } /* End Practices */ .HeaderMenu nav { background-color: #e9eef3; } .kinder-garden-content.search-materials.page-component-edu .page_component .resltsDataContainer, .outstanding-and-gifted-content.search-materials.page-component-edu .page_component .resltsDataContainer { border-bottom: none; } /*start outstanding-and-gifted*/ .page-component-edu.outstanding-and-gifted-content .main-content.outstanding-and-gifted { max-width: none; } /*.outstanding-and-gifted-form { margin-left: 15px; margin-right: 15px; }*/ /*.outstanding-and-gifted-content { margin-bottom: 48px; }*/ .page-component-edu.outstanding-and-gifted-content .courseItemInfo .rsltsDataItem { padding-right: 0px; } .popXtn .outstanding-and-gifted-content .btn-group, .popXtn .outstanding-and-gifted-content .btn-group .btn { width: 100%; } .popXtn .outstanding-and-gifted-content .btn-group .btn { text-align: right; /* border-radius: 0;*/ border-color: #a9a9a9; font-size: 16px; color: rgb(85, 85, 85); } .popXtn .outstanding-and-gifted-content .btn-group .caret { float: left; margin-top: 9px; } @media (min-width: 992px) { .practice-main-content-container { margin-bottom: 15px; } /*.practice-main-content-container.with-img { float: right; }*/ } @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: auto; min-height: 85px; } /*.NavMenuMobil .AdministrativeSpace ul.nav li ul li a.active { background-color: #d8e6f3; }*/ } .outstanding-and-gifted-content .box-recommendation { margin: 0 auto; } .outstanding-and-gifted-title .page_component.main-content { max-width: none; } .popXtn .ContainerTitlePage.outstanding-and-gifted-item-title { margin: 0px 0px 20px 0px; } .page-component-edu.outstanding-and-gifted-content { background-color: white; } @media (min-width: 992px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 15px; } } @media (max-width: 991px) { .outstanding-and-gifted .outstanding-and-gifted-form .comp-title-container { margin-bottom: 21px; } } .main-content.outstanding-and-gifted .outstanding-and-gifted-form .search-col .form-control { min-height: 36px; border: 1px solid #a9a9a9; } @media (max-width: 991px) { .outstanding-and-gifted .outstanding-and-gifted-form .search-col-field:last-child { margin-bottom: 20px; } } .outstanding-and-gifted .outstanding-and-gifted-form .input-search .form-control { min-height: 36px; border: 1px solid #a9a9a9; } /*end outstanding-and-gifted*/ .page-component-edu .main-content.kinder-garden.search { padding-top: 0px; } @media (max-width: 1199px) and (min-width: 992px) { .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 130px; } } .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .clearBtnWrap { margin-left: 20px; } .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons #SearchMterials { width: auto !important; border-radius: 5px; padding: 4px 40px; } @media (min-width: 992px) and (max-width: 1199px) { .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons { padding-left: 28px; padding-right: 0px; } } @media (min-width: 1200px) { .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons { padding-left: 24px; padding-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .search-label-wrap { min-width: unset; } .main-content.outstanding-and-gifted .search-col-field { padding-left: 33px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .col-md-9 { padding: 0; max-width: 195px; margin-right: 3px; } } /*@media (max-width: 1199px)and (min-width: 992px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 35px; } }*/ .outstanding-and-gifted-form .search-col-field label { margin-top: 5px; } .popXtn .main-standart-content.ltr .ContainerTitlePage h1.title { float: left; } .popXtn .main-standart-content.ltr .ContainerTitlePage a.ContainerPopularButton { float: right; } .HeaderMenu nav ul li ul a { color: #175575; } /* Start NavMenuMobil */ /*.NavMenuMobil { display: none; }*/ /* Mobile */ .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } /*.NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:focus { background-color: #283948; }*/ .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; } /*.ContainerTitlePortal a { text-decoration: none; color: #000; } .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; }*/ .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } /*header.AdministrativeSpace { padding-bottom: 0px; }*/ .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li:last-of-type a { border-bottom: none; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .BoxGeneralMessages .GeneralMessages { width: 100%; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .nav > li { width: 100%; } .NavMenuMobil .AdministrativeSpace .nav > li > a.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu > a.nav-mobil-text:hover::before, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu > a.nav-mobil-text:focus::before, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.active, .NavMenuMobil .AdministrativeSpace .nav li ul li a.active, .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover, .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:focus { background-color: #edf5fa !important; /* ebf2f9 eef2f7 */ /*font-weight: bold;*/ } .NavMenuMobil .AdministrativeSpace .nav > li > a.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.parent-active, .NavMenuMobil .AdministrativeSpace .nav li ul li a.active { font-weight: bold; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul { margin: 0 0 0 0; padding: 0 0 0 0; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu a:link { -webkit-tap-highlight-color: transparent; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul li, .NavMenuMobil .AdministrativeSpace .nav .SubMenu { margin-bottom: 0; } @media (max-width: 991px) { .NavMenuMobil { display: block !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-nav { float: none !important; } } @media (min-width: 768px) { .navbar-collapse.in { overflow-y: visible; } } @media screen and (max-width: 991px) and (min-width: 768px) { .StripMain .container, header .container, .container { width: 100%; } } /* Mobile */ /* End NavMenuMobil */ /*useful-art-content */ .useful-art-content { margin-bottom: 48px; background-color: white; } .useful-art-content form { margin-left: 15px; margin-right: 15px; } .page-component-edu .main-content.useful-art { max-width: none; } .page-component-edu.useful-art-content .page_component .broadcastItemBox .big-img-container { margin-right: 15px; margin-left: 15px; } .main-content.useful-art .search-materials-inner .input-search { padding-left: 45px; } @media (max-width: 991px) { .main-content.useful-art .search-materials-inner .input-search { margin-bottom: 0px; } .main-content.useful-art .search-col-field { margin: 15px 0 0; } .main-content.useful-art .search-col-field .col-md-9 { margin-left: 1px; } .main-content.useful-art .search-col-field.row.RowButtns { margin-top: 20px; } } @media (max-width: 1199px) { .main-content.useful-art .search-materials-inner .input-search { padding-left: 0px; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin-bottom: 10px; margin-top: 5px; } } @media (min-width: 1200px) { .main-content.useful-art .search-col-field .col-md-9 { margin-right: 0px; max-width: 272px; padding-left: 5px; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 272px; } .main-content.useful-art .search-col-field .search-label-wrap { width: 80px; min-width: 80px; } .main-content.useful-art .search-col-field .col-md-9 div#learningEnvironment { margin-right: 20px; } } .main-content.useful-art .search-col-field label, .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin-top: 5px; margin-right: 2px; } @media (max-width: 425px) { .page-component-edu.useful-art-content .page_component .broadcastItemBox .big-img-container { margin-bottom: 0px !important; } } .popXtn .useful-art-content .resltsDataContainer .showingRslts { padding-right: 0px; } .search-materials.useful-art-content .materials-results .listing:first-child { padding-top: 0px; } .popXtn .useful-art .ContainerItemInfo { margin-bottom: 0px; } .page-component-edu:not(.not-shaped).useful-art-content .comp-title-container h4 { margin-right: 0px; } .page-component-edu .main-content.useful-art { padding-top: 0px; } /*useful-art-content */ .calendar-left-scoll-content { overflow-y: auto; overflow-x: hidden; height: 305px; } .broadcast-calendar-space .col-md-6.calendar-left-content { overflow-y: hidden; height: auto; } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content { font-size: 20px; color: var(--title-color); } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content h4 { font-size: 20px; margin-top: 0px; } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content.vod-title-calendar { font-size: 18px; /*color:rgb(44,112,148);*/ } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content.vod-title-calendar h5 { font-size: 18px; line-height: 1.42857143; margin-top: 0px; /*color:rgb(44,112,148);*/ } @media (max-width: 991px) { .calendar-left-scoll-content { height: auto; } } .broadcast-calendar-space .calendar-content-row { margin-bottom: 10px; } /*lecturer css*/ #left_col[role=main] .srchLecturer .typeahead-lecturer ul { margin-right: 0px; } /*.search-lectuar-erea .search-col-left { padding-top:0px!important; }*/ .page-component-edu.lecturers .links-with-imgs.big { padding-right: 15px; padding-left: 15px; } /*.page-component-edu.lecturers .resltsDataContainer .comp-title-container h3{ margin-right:0px; }*/ /*.lectuar-search-space-form .lecturer-search-button { width: 100%; }*/ /*.lectuar-search-space-form .search-lectuar-erea .search-col-field label { margin-top: 5px; }*/ .popXtn .srch-panel.srchLecturer { margin: 0px; } /*lecturer css*/ /*.page-component-edu.ltr .lecture.page_component.main-content.vod-box .col-md-8 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .col-md-4 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .col-md-8 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .col-md-4 { float: left; } .ltr .future-box .col-md-2, .ltr .future-box .col-md-4, .ltr .future-box .col-md-6, .ltr .future-box .col-md-10 { float: left; } .ltr .vod-box .col-md-2, .ltr .vod-box .col-md-4, .ltr .vod-box .col-md-6, .ltr .vod-box .col-md-10 { float: left; }*/ /*ltr academy broadcast css*/ .page-component-edu.ltr .lecture.vod-box .lecture-description h2, .page-component-edu.ltr .lecture.vod-box .lecture-description p { text-align: left; } /*.lecture.vod-box .info-side { width: 100%; }*/ .page-component-edu.ltr .future-box .col-md-6.side-info-lecture.pull-left .col-md-4, .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4 { float: left; } .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4, .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4 { /*/to do remove padding or set width for regular mobile*/ } .page-component-edu .lecture.page_component.main-content.vod-box .col-md-6 { padding-right: 0px; } @media (max-width: 425px) { .page-component-edu.ltr .lecture.vod-box .lecture-description .lecture-description1 { padding-left: 15px; } } /*.page-component-edu.ltr .lecture.vod-box .lecture-description*/ @media (max-width: 991px) { .page-component-edu.ltr .lecture.page_component.main-content .collapse-container .read-more { margin-left: 15px !important; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .collapse-container .read-more { margin-left: -15px !important; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box { padding-left: 20px; padding-right: 40px; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .video-erea { padding-left: 20px; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .row.ContainerTitlePage { margin-left: -20px; } } @media (min-width: 992px) { .page-component-edu.ltr .lecture.page_component.main-content .col-md-6 { padding-left: 0px; } .page-component-edu.ltr .lecture.recording-broadcast.page_component.main-content .col-md-6 { padding-left: 15px; } .page-component-edu.ltr .lecture.page_component.main-content .row.lecture-description .row.col-xs-12 { padding-left: 0px; } } .page-component-edu.ltr .future-box .lecture-description .row.col-xs-12 { padding-left: 0px; } .page-component-edu.ltr .future-box .but-lecture-erea { float: left; text-align: left; padding-left: 0px; padding-right: 0px; } @media (min-width: 426px) and (max-width: 991px) { .page-component-edu.ltr .future-box .but-lecture-erea .update-diary { margin-top: 15px; } } @media (max-width: 425px) { .page-component-edu.ltr .future-box .but-lecture-erea .ask-lecturer { width: 140px; text-align: left; } } @media (max-width: 670px) { .page-component-edu.ltr .future-box .but-lecture-erea .update-diary { float: left; } } @media (min-width: 992px) { .page-component-edu.ltr .future-box .but-lecture-erea { width: 75%; /*margin-right: 35px;*/ } .page-component-edu.ltr .future-box .to-register-button { width: 21%; } .popXtn .page-component-edu.ltr .future-box .btn.goBtn { font-size: 22px; } /*.popXtn .page-component-edu.ltr .future-box .btn.goBtn { width: 16.66666667%; }*/ } .page-component-edu.ltr .future-box .date-and-time { padding-left: 15px; } .popXtn .page-component-edu.ltr .future-box .ContainerTitlePage h1.title, .popXtn .page-component-edu.ltr .vod-box .ContainerTitlePage h1.title { float: left; } .lecture.vod-box .ContainerItemInfo.vod .img-vod-box { padding-right: 0px; padding-left: 0px; } @media (max-width: 600px) { .page-component-edu.ltr .lecture.vod-box .ContainerItemInfo.vod .img-vod-box { padding-left: 15px; } } @media (max-width: 425px) { .page-component-edu.ltr .lecture.future-box .side-info-lecture { padding-left: 15px !important; } } /*ltr academy broadcast css*/ /* Start Study Program Tabs */ .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.file-extension { width: 25px; height: 27px; margin-left: 12px; } .knowledge-field.ltr .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.file-extension { margin-right: 12px; margin-left: 0; } /*.page-component-edu.ltr .future-box .col-md-6.side-info-lecture.pull-left { padding-left: 0px; }*/ .age-group-components .squares-tabs .material-teaching-title .areaTitle, .knowledge-field.teaching-materials-ctrl .title-wrap .areaTitle { padding-left: 20px; } /*.read-more-text { display: flex; align-items: center; }*/ .knowledge-field .panel .tab-content .read-more-text img { width: 8px; height: 14px; object-fit: contain; } .knowledge-field .read-more-text .collapsed-text-container { display: flex; align-items: center; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .read-more-text a span { margin-right: 0; margin-left: 6px; color: #3098CF; font-size: 17px; font-weight: 400; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span, .knowledge-field .age-group-components .panel .read-more-text .collapsed-text { margin-right: 0; color: #337ab7; font-size: 17px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item.link-list a span { margin-right: 15px; color: #474747; font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span.collapsed-text, .knowledge-field .age-group-components .panel .tab-content .read-more-text .collapsed-text { margin-right: 0; margin-left: 6px; color: #3098CF; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin-right: 15px; text-align: end; } .ltr.knowledge-field .age-group-components .panel .tab-content .read-more-text .collapsed-text { margin-right: 6px; margin-left: 0; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a.collapsed-text-container img { /*width: auto; height: auto;*/ object-fit: contain; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a.collapsed-text-container img.collapsed, .knowledge-field .age-group-components .panel .tab-content .tab-content-wrap .content-inner .collapsed-text-container .collapse-arrow.collapsed { transform: rotate(180deg); } .knowledge-field .age-group-components .slick-list .slick-slide:focus { outline: none; } .ltr.knowledge-field .age-group-components .choose-class, .ltr.knowledge-field .age-group-components .squares-tabs timeline, .ltr.knowledge-field .age-group-components .timeline { direction: ltr; } .ltr.knowledge-field .age-group-components .squares-tabs .panel-body .row.headline .search-wrap .link-arrow, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img, .ltr.knowledge-field .age-group-components .posts-big-picture .read-more-text img, .ltr.knowledge-field .age-group-components .tab-header.timeline .read-more-text img { transform: rotateY(180deg); } .ltr.knowledge-field .age-group-components .squares-tabs .panel-body .row.headline .search-wrap a span { margin-right: 8px; margin-left: 0; } .ltr.knowledge-field .age-group-components .slick-list { direction: ltr; } .ltr.knowledge-field .age-group-components .slick-list .slick-slide, .ltr.knowledge-field .age-group-components .slick-list .slick-track { float: left; } .ltr.knowledge-field .age-group-components .panel.panel-default.squares-tabs .posts-grid .posts-inner-wrap .item a .post-details h4.title { margin-left: 11px; margin-right: 0px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { text-align: left; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img { margin-right: 0; margin-left: 4px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-right: 5px; margin-left: 0; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { margin-right: 10px; margin-left: 0; } .ltr.knowledge-field .age-group-components .panel.panel-default.squares-tabs .posts-grid .posts-inner-wrap .item a .post-details .post-link { margin-right: 15px; margin-left: 15px; } .ltr.knowledge-field .age-group-components .row.headline .col-md-6.search-wrap { text-align: right; } /*.ltr.knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap:after { background: url(../images/knowladge-field-dropdown.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 39px; height: 38px; background-color: #2C7094; background-repeat: no-repeat; background-size: auto; background-position: center; color: #434B67; pointer-events: none; }*/ .ltr.knowledge-field .age-group-components .panel.tabs { direction: ltr; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span.collapsed-text { margin-right: 6px; margin-left: 0; color: #3098CF; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .open-online a span { margin-left: 13px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons { margin-right: 0; margin-left: auto; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.link-of-com { margin-right: 0; margin-left: 2px; transform: rotateY(180deg); } /*.ltr.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 0; margin-left: 15px; }*/ .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .read-more-text a span { margin-right: 6px; margin-left: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width span { margin-left: 12px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item.link-list a span { margin-left: 15px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .nav.nav-tabs li { margin-left: 0; margin-right: 4px; } .ltr.knowledge-field .age-group-components .panel .nav.nav-tabs li:last-child { margin-right: 0; } .knowledge-field .age-group-components .collapsed-text-container .collapse-arrow { height: 5px !important; } section.content .knowledge-field .panel .panel-body .row.subjects-grid { margin-bottom: 15px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item .file-line a span { /*margin-right: 12px;*/ font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item .open-online a span { margin-right: 15px; } .knowledge-field .age-group-components .squares-tabs .title-wrap .title { padding-inline-end: 20px; } /*.knowledge-field.ltr .age-group-components .squares-tabs .title-wrap .title { padding-right: 20px; }*/ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: auto; left: -25px; border-left: 2px solid #2C7094; border-top: 2px solid #2C7094; border-right: 0; border-bottom: 0; } .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: -25px; left: auto; border-left: 0; border-top: 0; border-right: 2px solid #2C7094; border-bottom: 2px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next { border-left: 0; border-top: 0; border-right: 5px solid #2C7094; border-bottom: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev { border-right: 0; border-bottom: 0; border-left: 5px solid #2C7094; border-top: 5px solid #2C7094; } @media (max-width: 991px) { .knowledge-field .age-group-components .search-col-field:last-child { margin-bottom: 10px; } .knowledge-field .read-more-text .collapsed-text-container { display: block; align-items: center; } .knowledge-field .collapsed-text-container .collapsed-text { margin-right: 0 !important; margin-left: 6px !important; color: #3098CF !important; } .knowledge-field .collapsed-text-container .collapse-arrow { /*width: 8px !important;*/ /*height: 14px !important;*/ /*height: 5px !important;*/ margin-right: 2px !important; /*object-fit: contain;*/ } .knowledge-field .collapsed-text-container .collapse-arrow.collapsed { transform: rotate(180deg); } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item a span { margin-right: 15px; color: #474747; font-size: 16px; } .ltr.knowledge-field .collapsed-text-container .collapsed-text { margin-right: 6px !important; margin-left: 0 !important; } /*section.content .ltr.knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse span { margin-left: 7px; margin-right: 0; right: 12px; }*/ .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item a span { margin-left: 15px; margin-right: 0; } section.content .ltr.knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse img.link-of-com, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { transform: rotateY(180deg); } .ltr.knowledge-field .age-group-components .tab-content-wrap .ContainerButtons .search-btn { text-align: initial; } /*section.content .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; }*/ /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.components-title { margin-bottom: 0; }*/ .knowledge-field .age-group-components .components-title .select-wrap .form-control { font-size: 18px !important; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: 100%; font-size: 22px; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .search-wrap { margin-bottom: 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-content-wrap.knowledge .content-item span { margin-right: 0; } section.content .ltr.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-content-wrap.knowledge .content-item span { margin-right: 0; } /*section.content .ltr.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse img.file-extension.link-icon { transform: rotateY(180deg); }*/ .knowledge-field .age-group-components .link-list .link-of-com, .knowledge-field .age-group-components .open-online img, .knowledge-field .age-group-components .detail-line .file-extension { margin-left: 7px; } .knowledge-field.ltr .age-group-components .link-list .link-of-com, .knowledge-field.ltr .age-group-components .open-online img, .knowledge-field.ltr .age-group-components .detail-line .file-extension { margin-right: 7px; margin-left: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { left: 0; } .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: 0; } .knowledge-field .age-group-components .tab-content-wrap .ContainerButtons { max-width: 255px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 10px 5px auto; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { margin-left: 6px; margin-right: 0; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field { text-align: right; } } .knowledge-field.item-page .age-group-components .choose-class.squares-tabs { margin-bottom: 0; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.choose-class .row.headline .title-wrap h2 { margin: 0; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; } #left_col .knowledge-field > .page-component-edu:not(:last-child), .age-group-components { margin-bottom: var(--space-between-components); } .knowledge-field .age-group-components .panel.tabs { border: none; /*border-radius: 0;*/ /*border-color: #d7d7d7;*/ border-width: 0px 1px 1px 1px; } .knowledge-field .age-group-components .panel.tabs .panel.tabs { border: none; padding: 0; } .knowledge-field .age-group-components .choose-class.squares-tabs > .panel-body.tabs { padding: 20px 18px 27px; } .knowledge-field .age-group-components .panel .nav.nav-tabs > li a { padding: 3px 0 0 0; color: black; height: 44px; } section.content .knowledge-field .page-component-edu.tabs-components .panel .panel-body, section.content .knowledge-field .page-component-edu.container-component .panel .panel-body { padding: 0; } /*@media (max-width: 991px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body.title-container { margin-bottom: 30px; } }*/ .knowledge-field.ltr .age-group-components .file-extension.link-icon { transform: rotateY(180deg); } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.search-btn { height: 35px; padding: 2px 10px; } .knowledge-field .age-group-components .tab-content ul { font-size: 17px; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-next, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-prev { background-image: url(../images/left-arrow-timeline.png); left: -5px; right: auto; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-prev, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-next { background-image: url(../images/right-arrow-timeline.png); right: -5px; left: auto; } @media (max-width: 991px) { .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-clamp { position: relative; /*max-height: 100px;*/ } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-next, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-prev { left: -1px; right: auto; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-prev, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-next { right: -1px; left: auto; } } @media (min-width: 992px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .timeline-title { margin-bottom: 30px; } .knowledge-field .age-group-components .posts-big-picture .text-wrap { width: 100%; max-height: 129px; } } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption .slide-caption-text { max-height: 90px; width: auto; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption { position: relative; min-height: 77px; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { position: absolute; bottom: 6px; left: 0; } .knowledge-field.ltr .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { right: 0; left: auto; } @media (max-width: 991px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { font-size: 16px; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption .slide-caption-text { max-height: 45px; } } @media (min-width: 992px) { .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption { position: relative; min-height: 107px; } .knowledge-field .age-group-components .posts-grid .post-details { position: relative; } .knowledge-field .age-group-components .posts-grid .post-details .post-link { position: absolute; bottom: 0; left: 0; } .knowledge-field.ltr .age-group-components .posts-grid .post-details .post-link { left: auto; right: 0; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption { height: 136px; min-height: 136px; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption .high-sub-title { min-height: 50px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption.high-slide-caption { height: 179px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { height: 155px; } } @media (min-width: 1200px) { .knowledge-field .posts-big-picture { min-width: 750px; } .knowledge-field .knowlage-slider { min-width: 750px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: auto; } } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption a { width: 100%; height: 100%; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-text h4 { white-space: nowrap; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { text-align: left; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-left: 14px; } .knowledge-field.ltr .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-right: 20px; margin-left: 0; text-align: right; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { top: 6px; position: absolute; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin-top: 45px; margin-bottom: 45px; } .knowledge-field .age-group-components .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p, .knowledge-field .age-group-components .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .posts-big-picture .read-more-text a span { font-size: 18px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .posts-big-picture .read-more-text { padding-top: 25px; } .knowledge-field .age-group-components .knowlage-slider .slick-slider .slick-disabled { opacity: 0; /*0.6*/ pointer-events: none; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .text-clamp { font-size: 16px; } section.content .knowledge-field.ltr .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .text-clamp { text-align: left; margin-left: 7px; margin-right: 0; } .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption { text-align: left; } .knowledge-field.ltr .age-group-components .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap:after { left: auto; right: 0; } .knowledge-field.ltr .age-group-components .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap .form-control { padding-left: 14px; padding-right: 45px; } @media (max-width: 991px) { /*section.content .panel.timeline .panel-group.collapsing-tabs .panel-collapse .panel-body,*/ section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body { padding: 0 0 20px; } section.content .knowledge-field .panel-group.collapsing-tabs .timeline .panel-collapse .panel-body, section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .timeline .panel-collapse .collapse-panel-body { padding: 0 11px 20px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body .links { margin: 0 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body .links .content-inner .content-item { display: flex; margin-bottom: 15px; } .knowledge-field .age-group-components .tab-header.timeline .read-more-text .collapsed-text-container { font-size: 17px; } } @media (max-width: 480px) { .knowledge-field .age-group-components .tab-header.timeline .read-more-text .collapsed-text-container { text-align: center; } } .knowledge-field .age-group-components .main-subjects-link .search-wrap { text-align: right; padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .main-subjects-link .search-wrap { margin-bottom: 0; } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.main-subjects-link { margin-bottom: 0; } } .ltr.knowledge-field .age-group-components .main-subjects-link .search-wrap { text-align: left; } .knowledge-field .age-group-components .main-subjects-link .search-wrap a { display: flex; align-items: center; justify-content: flex-start; } .knowledge-field .age-group-components .main-subjects-link .search-wrap a span { margin-left: 8px; /*color: #000000;*/ font-size: 16px; font-weight: 400; } .ltr.knowledge-field .age-group-components .main-subjects-link .search-wrap a span { margin-right: 8px; margin-left: auto; } .knowledge-field .panel ul.nav.nav-tabs { display: initial; } .knowledge-field .panel .nav.nav-tabs li { padding: 0 30px; } .knowledge-field .panel ul.nav.nav-tabs.wide-title { display: flex; } .knowledge-field .panel .nav.nav-tabs.wide-title li { padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { margin-right: 7px; margin-left: 7px; } /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: auto; }*/ @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { font-size: 20px; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: 250px; border-end-start-radius: 0; border-start-end-radius: var(--item-radius); } } @media (min-width: 992px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 165px; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: 144px; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner { width: 100%; } /*section.content .knowledge-field .age-group-components h2 { font-size: 20px; color: rgb(48, 152, 207); margin-top: 10px; }*/ .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner h2 { font-weight: 400 !important; color: #2C7094; font-size: 26px; } @media (max-width: 991px) { section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h3 > span, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h3, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h3 { font-size: 20px; color: #2C7094; font-weight: 400 !important; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h2 > span, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h2, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h2 { font-size: 22px; color: #2C7094; font-weight: 400 !important; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .detail-line span { color: #337ab7; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge .content-inner .content-item a, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills .content-inner .content-item a, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values .content-inner .content-item a { display: inline; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills .content-inner .content-item a.collapsed-text-container, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values .content-inner .content-item a.collapsed-text-container, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge .content-inner .content-item a.collapsed-text-container { display: flex; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol { list-style: decimal; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item { margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1024px) { .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { width: 100% !important; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item div { color: #000000; font-size: 17px; margin: 0 0 5px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner h3 { font-size: 22px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h3, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h3, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h3 { margin: 15px 0 10px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h2:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h2:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h2:first-child { margin-top: 0; } .knowledge-field .row.posts-big-picture:before { display: none; } .knowledge-field .row.posts-big-picture:after { display: none; } .knowledge-field .age-group-components .tab-panel { min-height: 100px; } /* End Study Program Tabs */ @media (max-width: 750px) { .parctices-item .parctices-item-description { /* padding-right: 30px; padding-left: 30px;*/ } } .teaching-materials-ctrl.knowledge-field .listing.section .info { padding-right: 15px; } .teaching-materials-ctrl.knowledge-field .listing.section .info.pull-left { padding-right: 0px; padding-left: 15px; } /*section.content .teaching-materials-ctrl.knowledge-field .ltr.panel .panel-body { padding: 15px 38px 20px 18px; }*/ .teaching-materials-ctrl.knowledge-field .panel.ltr .row.free-search .input-search { margin-left: 0px; margin-right: 54px; } .teaching-materials-ctrl.knowledge-field .panel.ltr .row.free-search .clearBtnWrap { margin-left: 0px; } section.content .teaching-materials-ctrl.knowledge-field .panel.ltr .panel-body .row .col-xs-6.search-wrap { text-align: right; } /*move to site.css*/ .tabs-jump-box { margin: 0; display: inline-flex; background: rgba(208, 227, 242, 0.48); padding: 7px 14px; align-items: flex-end; margin-top: 0px; } .knowledge-field .page-component-edu.split-media-content { margin: 0px; } .knowledge-field.item-page .split-media-content.ltr .inner-wrap .content-wrap { padding: 0px; } .knowledge-field .listing.section .info.listing-with-arrows .link-container i.fa { margin-right: 0px; } .listing .item .listing-with-arrows .text, .listing .item .listing-with-arrows > div, .knowledge-field .listing.section .info.listing-with-arrows .text { /*:not(a.arrow-img)*/ margin-right: 23px; } .teaching-materials-ctrl.knowledge-field .link-container span { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 5px; padding-right: 20px; font-size: 16px; font-weight: normal; } .teaching-materials-ctrl.knowledge-field .link-container.pull-left span { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; font-size: 16px; font-weight: normal; float: left; } .teaching-materials-ctrl.knowledge-field .opened-list .opened-item .pull-left.listing-with-arrows img.matrial-arrow { float: left; transform: rotateY(180deg); } .listing .item .pull-left.listing-with-arrows .text, .listing .item .pull-left.listing-with-arrows > div, .knowledge-field .listing.section .info.listing-with-arrows.pull-left .text { margin-left: 23px; margin-right: 8px; } .teaching-materials-ctrl.knowledge-field.ltr .resltsDataContainer { direction: ltr; } /*.knowledge-field.item-page .split-media-content .inner-wrap .media-wrap img { min-width: 452px; height: 216px; }*/ .knowledge-field.item-page .split-media-content .inner-wrap { padding-top: 0px; padding-right: 0px; padding-left: 0px; } .page-component-edu .page-component-edu.split-media-content { margin-bottom: 0px !important; } @media (max-width: 991px) { .page-component-edu.split-media-content .inner-wrap .media-wrap img.img-responsive { max-width: 100%; min-width: auto; height: auto; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin-left: 0px; margin-right: 0px; padding-right: 14px; padding-left: 14px; } } @media (min-width: 360px) and (max-width: 380px) { .knowledge-field.item-page .split-media-content .data-list dl .headline dt, .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 120px; } } @media (max-width: 359px) { .knowledge-field.item-page .split-media-content .data-list dl .headline dt, .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 100px; } } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin: 10px 0px 0px; border-radius: 4px; } .knowledge-field.item-page .split-media-content .inner-wrap { padding-bottom: 8px; } .teaching-materials-ctrl.knowledge-field .teaching-materials:not(:last-child) { margin-bottom: 48px; } .knowledge-field .listing.section .listing-with-arrows.info { width: 90%; } @media (max-width: 991px) { /*.teaching-materials-ctrl .row.search-filter .selectWrap label { margin-left: 10px; margin-right: 10px; }*/ .teaching-materials-ctrl.knowledge-field .row.free-search .input-search { margin-bottom: 0px; } } .teaching-materials-ctrl.knowledge-field .resltsDataContainer .showingRslts { margin-right: 5px; margin-left: 5px; } .teaching-materials-ctrl.knowledge-field.ltr .resltsDataContainer { border-left-width: 0px; } .knowledge-field.teaching-materials-ctrl .opened-list.listing.section { padding: 0px; } .knowledge-field.teaching-materials-ctrl .comp-title-container.search-rezult-title { padding-top: 15px; } .knowledge-field.teaching-materials-ctrl .opened-item { margin-top: 5px; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem { border-right: 1px solid #666; border-left: none; padding-right: 12px; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem:last-child { border-right: none; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem span { padding-left: 0px; } .teaching-materials-ctrl.ltr.knowledge-field .srchFilterTopics.row.headline .search-col-field .col-md-12:after { left: unset; right: 5px; } section.content .page-component-edu .panel-body { padding: 0; } .item-page.knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit h3.about-title { margin-left: 18px; } .knowledge-field .age-group-components .panel.choose-class { margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .knowledge-field .age-group-components .tab-header { background-color: #f5f5f5; } @media (max-width: 991px) { .knowledge-field.item-page .page-component-edu.split-media-content.blue-teaching-unit .inner-wrap img.inside-content { margin-top: 10px; margin-bottom: 0px; } } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .link-btn-wrap a { padding: 4px 36px; } .knowledge-field .split-media-content.about.blue-teaching-unit .read-more:hover { opacity: 0.7; /*font-size: 17px;*/ /*text-shadow: 0.1px 0.1px;*/ /*//background: -webkit-linear-gradient(#fff, #fff);*/ /*background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ /*font-size: 17px;*/ } @media (max-width: 1199px) and (min-width: 992px) { .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-right: 16px; } } @media (max-width: 767px) { .knowledge-field .panel.panel-default.choose-class .row.headline .age-group-search .search-col-field { max-width: none; } } [hidden] { display: none !important; } /* bootstrap hack: fix content width inside hidden tabs */ .timeline > .collapse { display: block; /* undo display:none */ height: 0; /* height:0 is also invisible */ overflow-y: hidden; /* no-overflow */ } .timeline > .collapse.in { height: auto; /* let the content decide it */ } /* bootstrap hack end */ @media (min-width: 1200px) { .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container { margin-bottom: 15px; } .ltr .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-left: -25px; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-top: 68px; margin-bottom: 25px; } .page_component.knowledge-field .row.no-margin.links-wrap.pedagogic-of-no-title .image-wrap { margin-top: 20px; } .page_component.knowledge-field .row.no-margin.links-wrap.pedagogic-of-no-title .col-md-8 { margin-top: 20px; } } .page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { list-style-image: url(../images/icons/Arrow-Link-List-dark-LTR.png); list-style-position: outside; list-style-type: disc; background: none; padding-right: 8px; /*padding-left: 25px;*/ /*background: url(../images/icons/Arrow-Link-List-ltr.png) no-repeat top 7px right #fff;*/ } #left_col[role=main] .page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap ul.link-items { margin-right: 0px; margin-left: 22px; } /*.page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container h4 { margin-left: 18px; }*/ .ltr .page_component.knowledge-field .row.no-margin.links-wrap { margin-left: 15px; } .knowledge-field .page-component-edu.search-bar.fillter { background-color: white; } .popXtn .btn.goBtn.darkBlueNarrow:hover { color: #fff !important; } .broadcast-date-section.emergency { margin-bottom: 0px; } .page_component.knowledge-field.teaching-materials-ctrl .row.no-margin.links-wrap .link-items li { padding-right: 15px; } .popXtn .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label.disabled { color: gray; } .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .checkbox-group.style-checkbox .disabled input { border: 1px solid gray; } .teaching-materials-ctrl.ltr.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-right: 10px; margin-left: 0px; } @media (min-width: 992px) { .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper.col-md-7 .form-group.checkbox-group label { margin-left: 10px; margin-right: 0px; } .teaching-materials-ctrl.knowledge-field.rtl .row.search-filter .checkbox-wrapper .form-group.checkbox-group label.control-label { margin-right: 0px; } /*.popXtn teaching-materials-ctrl.ltr .row.search-filter .checkbox-wrapper .form-group.checkbox-group label*/ .teaching-materials-ctrl.knowledge-field .srchFilterTopics .title-wrap, .teaching-materials-ctrl .srchFilterTopics .row.search-filter, .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.free-search { padding-right: 0px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .title-wrap, .teaching-materials-ctrl.ltr .srchFilterTopics .row.search-filter, .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .row.free-search { padding-left: 0px; } .teaching-materials-ctrl.knowledge-field.ltr .row.search-filter .selectWrap label { margin-right: 5px; } } @media (max-width: 320px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 35%; } } @media (max-width: 500px) and (min-width: 321px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 30%; } } @media (max-width: 1199px) and (min-width: 501px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 20%; } } @media (max-width: 1199px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap .form-control { max-width: none; } .teaching-materials-ctrl.ltr.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { margin-left: 0px; } .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { margin-left: 7px; } } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .clearBtnWrap { margin-right: 7px; } @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics.row.headline .search-col-field .col-md-12:after { left: unset; right: 2px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics.row.headline .search-col-field .col-md-12:after { width: 10px; height: 5px; } .teaching-materials-ctrl.knowledge-field .listing.section .info.pull-left { padding-left: 0px; } } #left_col.ltr .teaching-materials-ctrl.knowledge-field.ltr .opened-list.listing.section { padding-left: 25px; padding-right: 40px; } .teaching-materials-ctrl.ltr.knowledge-field .link-container.pull-left span { text-align: left; } .topics-fast-search .learn-subject .dropdown-menu > .active > a, .topics-fast-search .learn-subject .dropdown-menu > .active > a:hover, .topics-fast-search .learn-subject .dropdown-menu > .active > a:focus { background-color: rgb(30, 144, 255); color: white !important; } input.form-control.topics-auto-complete::-webkit-input-placeholder { opacity: 1; color: rgb(51, 51, 51) !important; } /*input.form-control.topics-auto-complete:disabled::-webkit-input-placeholder { color: grey !important; }*/ .topics-fast-search .learn-subject .dropdown-menu > li > a { font-size: 18px; color: rgb(51, 51, 51); } .topics-fast-search .form-control.topics-auto-complete { font-size: 18px !important; } @media (max-width: 680px) { .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 25px; top: 135px; } } @media (min-width: 992px) and (max-width: 1199px) { .topics-fast-search .learn-subject { width: 30%; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 170px; } } @media (min-width: 681px) and (max-width: 991px) { .home-learn-dlg.topics-fast-search .ma-lomdim { width: 40%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .search-main .learn-inputs select#edulevel { width: 30%; } .home-learn-dlg.topics-fast-search .learn-subject { width: 30%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .ma-lomdim h1 { width: 100%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .search-main div.hipus { width: 100%; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 25px; top: 23px; } /*.home-learn-dlg.topics-fast-search .learn-inputs #edulevel { width: 30%; }*/ } @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field .RowButtns.visible-xs.visible-sm { display: flex !important; align-items: flex-end; padding: 0; margin: 0; margin-top: 30px; justify-content: flex-end; width: 100%; } .teaching-materials-ctrl.knowledge-field .row.free-search .ContainerButtons { margin-right: 20px; } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .ContainerButtons { margin-right: 0px; } section.content .teaching-materials-ctrl.knowledge-field .ltr.panel .panel-body { padding: 10px 12px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .title-wrap { margin-right: 2px; } .teaching-materials-ctrl.knowledge-field .srchFilterTopics .title-wrap { margin-left: 2px; } .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap img.inside-content { width: 100%; max-width: none; height: auto; } .knowledge-field .page-component-edu.split-media-content.main-subject-fields .inner-wrap .content-wrap { padding: 0px; margin-bottom: 0px; } .knowledge-field.item-page .page-component-edu.split-media-content.main-subject-fields .inner-wrap img.inside-content { margin: 0px; } } @media (min-width: 992px) { .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap img.inside-content { width: 452px; height: 216px; max-width: none; } } @media (min-width: 1200px) { .main-subject-lable { width: 20%; } .ltr .main-subject-lable { width: 25%; } /*.popXtn .knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { width: 70%; }*/ .popXtn .knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { max-width: none; margin-right: 5px; } .popXtn .ltr.knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { margin-right: 0px; } } @media (max-width: 1199px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 20px; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.main-subjects-link { margin-bottom: 0; } @media (min-width: 992px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.components-title { margin-bottom: 30px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.age-group-search { margin-bottom: 0; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: fit-content; font-size: 22px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.age-group-search { margin-bottom: 0; } /* Start Expanded Calendar */ .expand-calendar.quick-search-broadcast-erea { margin-right: auto; margin-left: auto; } .expand-calendar .title-search-broadcast { margin-right: auto; } .broadcast-calendar-tabs .expand-calendar .title-search-broadcast { margin-right: 0px; padding-right: 0px; } @media (max-width: 768px) { .broadcast-calendar-tabs .expand-calendar .title-search-broadcast { /*margin-right: 0px;*/ /*padding-right: 0px;*/ margin-top: 5px; } } @media (min-width: 992px) and (max-width: 1199px) { #left_col[role=main] .expand-calendar .narrow-dropdown ul.dropdown-menu-form { min-width: initial; width: 75px; } .popXtn .search-broadcast-erea .narrow-dropdown .btn-group { width: 75px; } } @media (min-width: 1200px) { #left_col[role=main] .expand-calendar .narrow-dropdown ul.dropdown-menu-form { min-width: initial; width: 100px; } .popXtn .search-broadcast-erea .narrow-dropdown .btn-group { width: 100px; } } .expand-calendar .search-btn { font-size: 18px !important; width: 100px !important; } .expand-calendar .text-right { text-align: right; } .expand-calendar .wide-btn { font-size: 18px !important; width: 210px !important; } .popXtn .btn.narrow-btn { padding: 2px 25px; } .page-component-edu a.share-btn:hover { color: white !important; } .expand-calendar { margin-bottom: 12px; } .expand-calendar .clearBtnWrap { padding-top: 0; } @media (max-width: 991px) { .expand-calendar .clearBtnWrap { display: inline; position: absolute; margin-top: 15px; margin-right: 30px; } } /* End Expanded Calendar */ .jssocials-share { margin-top: 0px; } .jssocials-share:last-child { margin-right: 15px; } .jssocials-shares { margin-top: 0px; } .fa-whatsapp:before { content: "\f232"; color: transparent; background-image: url(../images/icons/icons8-whatsapp-16.png); background-position: center; background-repeat: no-repeat; } @media (max-width: 425px) { .future-box .social-button, .future-box .btn.goBtn.darkBlueNarrow.real-time-live-link { max-width: 260px !important; } .page-component-edu .btn-primary.social-button { padding: 2px 0px; } } @media (max-width: 430px) { .future-box .emergancy-links .btn.goBtn.darkBlueNarrow, .page-component-edu .emergancy-links .btn-primary.social-button { width: 260px !important; } } @media (max-width: 991px) and (min-width: 430px) { .future-box .emergancy-links .btn.goBtn.darkBlueNarrow, .page-component-edu .emergancy-links .btn-primary.social-button { width: 336px !important; } } @media (max-width: 991px) { .future-box .btn.goBtn.darkBlueNarrow.real-time-live-link, .future-box .emergancy-links .btn.goBtn.darkBlueNarrow { margin-bottom: 5px; } } .vod-broadcast-item-bottom { margin-top: 32px; } .page-component-edu .main-content div .broadcast-link-container { margin-right: 15px; font-size: 16px; } .broadcast-link-container .broadcast-link { margin-top: 10px; } .page-component-edu a.darkBlueNarrow:focus, .page-component-edu a.jssocials-share-link:focus { color: #fff !important; } .popXtn .vod-emergency .ContainerItemInfo .ItemInfo div.row, .popXtn .schedulted-vod .ContainerItemInfo .ItemInfo div.row { margin-bottom: 2px; } /*.popXtn .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-right:0px; }*/ .teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap label { margin-left: 0px; } .teaching-materials-ctrl.knowledge-field .row.free-search .input-search input { width: 100%; } .teaching-materials-ctrl.knowledge-field.rtl .row.free-search .ContainerButtons { margin-right: 10px; } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .ContainerButtons { margin-right: 0px; } .col-md-6.forms-buttons-section { padding-left: 0px; } /*.col-md-4.forms-buttons-section { padding-left: 0px; }*/ /*.teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap { margin-right: 5px; }*/ @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap { width: 100%; } } .teaching-materials-ctrl.ltr .col-md-6.forms-buttons-section { padding: 0px; } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row.in-collapse { display: block; } /*.page-component-edu.teaching-units.ltr .panel.panel-default { padding: 20px 0px; }*/ } .blue-teaching-unit-text a.read-more, .blue-teaching-unit-text a.read-less, .blue-teaching-unit-text a:hover:focus.read-more, .blue-teaching-unit-text a:hover:focus.read-less { color: white !important; } @media (min-width: 991px) { .page-component-edu.teaching-units.ltr .panel.panel-default { padding: 30px 18px 30px 5px; } } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container h4 { margin: 12px 15px 0 15px; } .page-component-edu.recorded-lessons .panel.panel-default { padding: 0 0 15px 0; } .recorded-lessons.ltr .link-arrow { transform: rotateY(180deg); } .page-component-edu.recorded-lessons.ltr .panel.panel-default .items-wrap .item a:not(:last-child) { margin-left: 0; margin-right: 25px; } .page-component-edu.recorded-lessons.ltr .panel.panel-default .items-wrap .item a span { margin-right: 3px; margin-left: 0; } .teaching-materials-ctrl.knowledge-field.ltr { direction: ltr; } /*.knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 8px 0 0; }*/ /*.knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-left: 20px; margin-right: 0; }*/ @media (max-width: 991px) { .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator, .knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; margin-left: 0; margin-top: 5px; } } .knowledge-field .teaching-materials .row.headline.srchFilterTopics .search-col-field .col-md-12:after { content: none; } .knowledge-field .teaching-materials .tabs-jump-box .tabs-jump .collapse-arrow { width: auto; height: auto; object-fit: contain; margin-right: 6px; max-width: 16px; } .teaching-practices-container.expertises .categories-indicators .item.physical-expertise span:before { background-color: #30B000; } .teaching-practices-container.expertises .categories-indicators .item.intra-personality span:before { background-color: #7F7597; } /* Expertise Modal */ .modal.expertises .modal-dialog .modal-content .red .modal-body .conteiner.details { background-color: rgba(236, 101, 62, 0.15); } .modal.expertises .modal-dialog .modal-content .orange .modal-body .conteiner.details { background-color: rgba(231, 145, 25, 0.24); } .modal.expertises .modal-dialog .modal-content .purple .modal-body .conteiner.details { background-color: rgba(127, 117, 151, 0.25); } .modal.expertises .modal-dialog .modal-content .green .modal-body .conteiner.details { background-color: rgba(48, 176, 0, 0.21); } .modal.expertises .modal-dialog .modal-content .red .modal-body .conteiner.details h3 { color: rgb(236, 101, 62); } .modal.expertises .modal-dialog .modal-content .orange .modal-body .conteiner.details h3 { color: rgb(231, 145, 25); } .modal.expertises .modal-dialog .modal-content .purple .modal-body .conteiner.details h3 { color: rgb(127, 117, 151); } .modal.expertises .modal-dialog .modal-content .green .modal-body .conteiner.details h3 { color: rgb(48, 176, 0); } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap { font-size: 14px; line-height: 20px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:last-child:after { content: none; } @media (max-width: 991px) { .modal.expertises .modal-dialog { width: 100%; margin: 47px auto; } } @media (min-width: 992px) { .modal.expertises .modal-dialog { width: 900px; margin: 77px auto; } } /*.units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 84px; }*/ .expertises-items-wrap .item:hover .modal-btn { transition-duration: 0.1s; left: auto; right: 0; bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .expertises-items-wrap.wide-expertises .item:nth-child(1n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(2n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 0; } .expertises-items-wrap.wide-expertises { max-width: 435px; } } @media (max-width: 767px) { .expertises-items-wrap.wide-expertises { max-width: 276px; } .expertises-items-wrap.wide-expertises .item, .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(2n) { margin-left: 0; } .expertises-items-wrap.inside-tabs { max-width: 235px; } } @media (min-width: 1200px) { .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 51px; } } .expertises-items-wrap.wide-expertises .item { max-height: 168px; height: 168px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills { margin-bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 25px; } @media screen and (min-width: 992px) { .accessibility-container { position: relative; } } .accessibility-container span { font-size: 18px; color: var(--title-color); float: left; } .accessibility-container span:hover { text-decoration: underline; } .accessibility-container a.accessibility-toggle { display: flex; gap: 5px; } .accessibility-container img { width: 15px; } .accessibility-options { display: none; position: absolute; background: white; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000; list-style: none; left: 0; margin-inline-end: 0; text-align: start; white-space: nowrap; } .accessibility-options li { margin-bottom: 0px; padding: 5px 8px; } .accessibility-options a { display: block; margin-bottom: 5px; } /*.accessibility-toggle[aria-expanded="false"]:before { content: url('/images/icons/navigation-blue-side.svg'); } .accessibility-toggle[aria-expanded="true"]:before { content: url('/images/icons/navigation-blue-down.svg'); }*/ .accessibility-container .arrow { content: url('/images/icons/navigation-blue-down.svg'); margin: 12px 2px 0 0; } .accessibility-container a[aria-expanded="true"] .arrow { content: url('/images/icons/navigation-blue-down.svg'); transform: rotate(180deg); } .accessibility-mode button, .accessibility-mode a, .accessibility-mode a span, .accessibility-mode a div { text-decoration: underline !important; } .accessibility-options a { text-decoration: underline !important; } .accessibility-toggle.accessibility-link { text-decoration: underline !important; } .toggle-accessibility { background-color: none; } .accessibility-mode .toggle-accessibility { background-color: rgb(224, 238, 245); position: relative; padding-right: 18px; } .accessibility-mode .toggle-accessibility::before { content: '\2713'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #000; } .btn-link { color: var(--link-color); } .toggle-accessibility-btn { text-decoration: underline; } /*.ContainerRadioButtns { width: 480px; } .SearchOptionsBox .ContainerRadioButtns { width: 420px; } @media (max-width: 767px) { .ContainerRadioButtns { width: 100%; } } @media (max-width: 991px) { .SearchOptionsBox .ContainerRadioButtns { width: 100% !important; } }*/ .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link { padding-top: 11px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a { display: inline; } .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link a img { display: initial; } .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link a span { display: block; } .expertises-items-wrap .item .text-wrap { width: 100%; right: 0; bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 35px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step { min-height: 100px; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { margin-top: 0; } li.personal-area a.active { background-color: var(--primary-btn-click-color); } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a { white-space: nowrap; display: flex; gap: 8px; background-color: var(--primary-btn-color); font-size: 18px; color: var(--primary-btn-text-color); line-height: 24px; padding: 4px 8px; box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a img { max-width: 16px; } .units-search-container .search-text-container { max-width: inherit; } .page-component-edu .ContainerButtons a:focus { color: #fff !important; } .page-component-edu a.secondary-btn:focus { color: var(--secondary-btn-text-color) !important; } @media (max-width: 991px) { .practice-search .search-col-field.no-wrap { flex-direction: initial; } .accessibility-options { display: none; position: absolute; top: auto; left: 0; background: white; border: 1px solid #ccc; /*padding: 10px;*/ box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000; } .practice-search .search-col-field.no-wrap .full-width { width: 100%; } /* .practices-stock-search .search-col-field:last-child { margin-bottom: 20px; }*/ .practices-stock-search .search-col-left .search-col-field:last-child { margin-bottom: auto; } } @media (max-width: 1199px) { .practice-search .search-col-field.no-wrap .full-width .checkboxCustomWrap { margin-right: 15px; } } .cbx-container .checkboxCustomWrap, .cbx-container label { display: inline-block; } .practices-stock-search .checkboxCustomWrap { width: 24px; } #left_col[role=main] ul.list-itur-yehidot-container { margin-right: 0; } @media (max-width: 991px) { .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { top: 9px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse][aria-expanded=true]:before { margin-top: 15px; } } i.fa.fa-whatsapp.jssocials-share-logo { font-family: "Assistant"; } #socialModal .modal-body { font-size: 16px; } .page-component-edu .main-content.recording-broadcast h2 { color: var(--title-color); font-size: 24px; margin-top: 0px; } .recording-broadcast .recodings-subjects-title span { color: black; font-size: 20px; font-weight: 600; } .recodings-subjects-title { margin-bottom: 5px; } @media (max-width: 560px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 0px; } } .main-pedagogic .search-main-erea.reverse .topics-fast-search .ma-lomdim h1 { font-size: 30px; padding-top: 13px; } .topics-fast-search select#edulevel, .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete { background: url(../images/arrow_icon.png) no-repeat left #fff; background-position: 5px; } @media (max-width: 480px) { select#edulevel { font-size: 18px !important; } } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 205px; } /*Elad*/ .HeaderMenu nav ul.big-menu > li { margin: 5px; width: 200px; max-width: 200px; margin-top: 20px; } .HeaderMenu nav ul.big-menu span.SucTitle { font-weight: 600; } .HeaderMenu nav .sub-pages ul.big-menu { max-width: 1100px; } @media (max-width: 991px) { section.content .knowledge-field .teaching-materials.wide .srchFilterTopics .materials-title h1 { font-size: 22px; max-width: none; } section.content .knowledge-field .teaching-materials.wide .panel .panel-body .srchFilterTopics .row.srchFilterTopics { justify-content: flex-start; } .ltr.knowledge-field .teaching-materials.wide .row.free-search .clearBtnWrap { margin-right: 0; margin-left: auto; } .ltr.teaching-materials-ctrl.knowledge-field .teaching-materials.wide .row.free-search .ContainerButtons { margin-right: 0; margin-left: 10px; } .practices-stock-search .search-col-field .col-md-9 { padding: 0; } } .knowledge-field.tabs-components .panel .nav.nav-tabs li { vertical-align: middle; padding: 0; text-align: center; border-radius: 4px; border-top: 2px solid #A5A5A5; background-color: var(--grey-background); border-bottom: 4px solid #ffffff; flex-grow: 1; text-align: center; margin-left: 4px; } .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li { border-bottom-color: var(--stock-search-bg); } /*.knowledge-field.tabs-components .panel .nav.nav-tabs li.active { border-bottom: 4px solid var(--stock-search-bg); }*/ .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { border-bottom: 4px solid var(--background-blue-in-blue); } .knowledge-field.tabs-components .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { margin: 15px; } .knowledge-field.page-component-edu.tabs-components .nav-tabs > li > a { line-height: 1.42857143; } .knowledge-field.page-component-edu.tabs-components .nav-tabs > li.active > a { color: rgb(51, 51, 51); } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { width: auto; height: auto; margin-left: 7px; margin-right: 0; } .tabs-components.page-component-edu li.active a:hover { color: rgb(29, 139, 209) !important; } /*.tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap.links { margin-bottom: 25px; }*/ .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: black; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a:hover span { color: rgb(29, 139, 209); } @media (max-width: 991px) { .tabs-components.knowledge-field .panel.panel-default.tab-header { border-radius: 4px; border: 1px solid transparent; border-color: #ddd; margin-bottom: 32px; } section.content .knowledge-field.tabs-components .panel .panel-group.collapsing-tabs .panel-collapse img { float: right; } section.content .knowledge-field.tabs-components.ltr .panel .panel-group.collapsing-tabs .panel-collapse img { float: left; } section.content .knowledge-field.tabs-components.ltr .panel .panel-group.collapsing-tabs .panel-collapse span { text-align: left; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-heading a h2 { text-align: center; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item a { align-items: flex-start; } .tabs-components.knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body, .tabs-components.knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .tab-pane { padding: 0 0 20px 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-pane { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-pane .links .content-inner .content-item { display: flex; margin-bottom: 15px; } } .tabs-components.knowledge-field .panel .nav.nav-tabs li a { font-weight: 600; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 10px; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item:last-child { margin-bottom: 0px; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner { padding: 0px; } .tabs-components.knowledge-field.ltr .panel .nav.nav-tabs li { margin-right: 4px; margin-left: 0; } section.content .knowledge-field.tabs-components .panel.panel-default.squares-tabs .panel-body { padding: 0; } .tabs-components.knowledge-field.ltr .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { margin-left: 0; margin-right: 7px; } .tabs-components.knowledge-field .panel .nav.nav-tabs li a { color: var(--title-color); padding: 10px 16px; background-color: transparent; font-size: 20px; line-height: 22px; vertical-align: middle; height: auto; } .tabs-components.knowledge-field .panel .nav.nav-tabs li a:hover { color: black !important; opacity: 0.6; } .page-component-edu.ltr .recording-broadcast .left-info::before { border-left: 1px #DFDFDF solid; border-right: none; left: -30px; right: 0; } .page-component-edu.ltr .copyright-container { margin-left: 0; margin-right: 25px; } .page-component-edu.ltr .copyright-container img, .page-component-edu.ltr .main-content .copyright-container img { float: left; margin-right: 12px; margin-left: 0; transform: rotateY(180deg); } @media (min-width: 992px) { .page-component-edu.ltr .side-info-lecture { float: left; } } .popXtn .ltr a.ContainerPopularButton { float: right; } .modal.ltr { direction: ltr; } .modal.ltr .close { float: right; } .modal.ltr .share-col { float: left; } .modal.ltr .jssocials-share-label { padding-left: 0; padding-right: 0.3em; } @media (max-width: 991px) { .page-component-edu.ltr .copyright-container { display: flex; } } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row.compt-tit-con { display: block; } } :target { scroll-margin-top: 110px; } .container-component .tabs-components .squares-tabs.panel { box-shadow: none; } .page-component-edu.listing-items-content .pagination a:focus { color: #fff !important; } .listing-items-main h1.title.areaTitle { margin-top: 0px; } .main-pedagogic .search-main { padding: 25px 70px; } @media (min-width: 767px) { .knowledge-field.item-page .arabic-topic.split-media-content .data-list dl .headline dt, .knowledge-field.item-page .arabic-topic.split-media-content .data-list dl .content dd { min-width: 250px; } } .my-units .teaching-units-delimiter { color: rgb(29, 139, 209) !important; font-weight: 600; } section.content .knowledge-field .panel .panel-body .collapseHolder .row { margin-bottom: 0px; } .home-page-component { visibility: hidden; } .galleries-component .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .kinder-main-slider .slick-next:before, .kinder-main-slider .slick-prev:before { background-image: none; content: none; } .kinder-main-slider .slick-next:before, .kinder-main-slider .slick-arrow img { width: 24px; } .kinder-main-slider .slick-prev { left: auto; right: -10px; } .kinder-main-slider .slick-next { right: auto; left: 10px; } @media (max-width: 992px) { .kinder-main-slider .slick-prev { right: -21px; } .kinder-main-slider .slick-next { left: 0px; } } a.skip-link:focus { top: 0px; } a.skip-link { right: auto; top: -50px; height: auto; width: auto; display: block; font-size: 16px; font-weight: 700; padding: 15px 23px 14px; color: #050646; z-index: 10000; line-height: normal; text-decoration: none; position: fixed; background-color: white; width: 190px; } .skip-sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #skiptocontent { display: block; } .main-fields-paragraph .article-paragraph p { font-size: 16px; line-height: 150%; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin-left: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator img { margin-left: 8px; } .knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator img { margin-right: 8px; margin-left: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { display: block; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { width: fit-content; margin-top: 8px; margin-right: 0; margin-left: 0; padding-right: 5px; padding-left: 6px; } .activities-carousel-slider button.slick-arrow { line-height: 0; position: absolute; top: 50%; display: block; width: 13px; height: 13px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: transparent; } .activities-carousel-slider button.slick-arrow.slick-next { left: -15px; right: auto; } .activities-carousel-slider button.slick-arrow.slick-prev { right: -15px; left: auto; } .activities-carousel-slider { width: 380px !important; } .activities-carousel-slider .slick-dots { bottom: -45px; } .activities-carousel-slider .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .activities-carousel-slider .slick-dots button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.85; color: black; -webkit-font-smoothing: antialiased; } .activities-carousel-slider .slick-dots li button:before { font-size: 15px; color: #838383; } .activities-carousel-slider .slick-dots li.slick-active button:before { color: #3098cf; } .activities-carousel-slider-section .stop-start-buttons { position: relative; margin-top: 3px; display: block; float: left; } .activities-carousel-slider-section .stop-start-buttons button { margin-left: 10px; } .activities-carousel-slider .slick-dots li { margin: 0px; } @media (min-width: 992px) { .teaching-practices-container .container-content-media.activities-carousel-slider-section { height: 280px; } } @media (max-width: 991px) { .activities-carousel-slider { width: 100% !important; } #left_col[role=main] .activities-carousel-slider ul.slick-dots { margin-right: 0px; } .activities-carousel-slider-section .stop-start-buttons button { margin-left: 15px; } /*.teaching-practices-container { flex-direction: column; }*/ .activities-carousel-slider { width: 100% !important; padding: 5px; } .activities-carousel-slider-section button.slick-arrow.slick-next { left: -10px; } .activities-carousel-slider-section button.slick-arrow.slick-prev { right: -10px; } .teaching-practices-container .container-content-media.activities-carousel-slider-section { height: 100%; } } .popXtn .btn.goBtn.darkBlueNarrow.register-lecture { padding: 4px 3px; } .page-title-comp { margin-bottom: 16px; display: flex; justify-content: space-between; } .page-title-comp h1 { color: var(--title-color); border-inline-start: 4px solid #1776B5; padding: 0px 8px; font-size: 30px; display: inline-block; line-height: 38px; display: inline-block; vertical-align: middle; margin-bottom: 0; } .page-title-comp.skill-activity h1 { font-size: 25px; line-height: 30px; } .ltr.page-title-comp h1, .ltr .page-title-comp h1 { border-left: 4px solid #1776B5; border-right: none; } .ltr.page-title-comp, .ltr .page-title-comp { direction: ltr; } .ltr.page-title-comp .fa-angle-left, .ltr .page-title-comp .fa-angle-left { transform: scaleX(-1); } .compt-tit-con h2 { color: var(--title-color); text-align: right; font: normal normal 600 25px/24px Assistant; letter-spacing: 0px; opacity: 1; /* margin-top: 0px;*/ /* margin: 12px 15px 0 15px;*/ margin: 16px; } .ltr .compt-tit-con h2 { text-align: left; } /*.ltr a.article-headline:after { left: 75px; margin-left: 0px; }*/ /*.current-strip .compt-tit-con h2 { font-size: 30px; }*/ .ltr a.article-headline { padding-right: 40px; padding-left: 0px; margin-right: 0px; } .page-component-edu .main-content .compt-tit-con h2:first-child { padding-top: 15px; } .compt-tit-con .sub-title { margin-inline-start: 20px; } .compt-tit-con .sub-title p { margin-bottom: 0px; } /*.container-component .page-component-edu .title-in-container { margin-bottom: 0px !important; }*/ /*.container-component .page-component-edu .compt-tit-con.title-in-container h3 { background-color: rgb(197, 224, 237) !important; font-family: Assistant, Arial !important; font-size: 22px !important; font-weight: bold !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; text-align: right !important; padding: 0px 20px 0px 20px !important; height: 33px; margin: 0px; float: right; }*/ .container-component.ltr .page-component-edu .compt-tit-con.title-in-container h3 { float: left; } /*.page-component-edu.ltr .compt-tit-con h2 { float: left; }*/ .tabs-components .squares-tabs .tabs { margin-top: 15px; margin-bottom: 0px; } .page-component-edu.container-component .narrow { margin-top: 15px; } h2.title-black-above { font-size: 26px; font-weight: 400 !important; margin-top: 0px; } .course-banner .slideQuote { margin-top: 15px; } /*a.hipus { float: left; width: 40px; height: 40px; border-radius: 25px; border-color: transparent; margin-top: 4px; margin-left: 4px; }*/ a.hipus .search-img { width: 23px; height: 23px; } a.hipus:after { content: none; } a.hipus .search-img-elm { height: 48px; width: 48px; } .dlg-inner .search-properties { background-color: white; display: flex; justify-content: space-between; border-radius: 30px; height: 50px; } .search-properties .learn-subject, .search-properties .learn-inputs { width: 48%; } .search-border { border: 1px solid #94C0DD; opacity: 1; width: 0px; height: 20px; margin-top: 15px; } @media (max-width: 1199px) { .search-properties .learn-subject, .search-properties .learn-inputs { width: 100%; } .main-pedagogic .ma-lomdim h1 { text-align: center; } .main-pedagogic .dlg-inner div.ma-lomdim { float: none; } .dlg-inner .search-properties { flex-direction: column; gap: 10px; } /* h1 { font-size: 32px; line-height: 150%; color: #fff; width: 230px; }*/ select#learnsubject { min-width: 25%; width: 32%; } .dlg-inner .search-properties { background-color: transparent; } .search-main select#learnsubject, .search-main select#edulevel { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D1DAE2; border-radius: 3px; opacity: 1; min-height: unset; height: 42px; font-size: 18px !important; } .search-border { display: none; } } @media (min-width: 992px) { a.hipus .mobile-text { display: none; } } @media (max-width: 991px) { a.hipus .mobile-text { display: inline-block; margin-right: 5px; font-size: 18px; } a.hipus { text-align: center; width: 100%; /* margin-top:10px;*/ } } .img-radius { border-radius: var(--item-radius); } .img-top-radius { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .img-start-radius { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); } /*.ltr .img-start-radius { border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); }*/ .img-end-radius { border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); } /*.ltr .img-end-radius { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); }*/ .img-start-radius-top-m { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); } @media screen and (max-width: 991px) { .img-start-radius-top-m { border-end-start-radius: 0; border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } } .component-panel { padding: 16px; } .collapse-items-container .PanelCollapse .pictures-and-icons-component .component-panel { padding: 0; } .collapse-items-container .pictures-and-icons-component { background-color: var(--stock-search-bg); } .collapse-items-container .ContentCollapse .page-component-edu .rtl .tikshuv-strip .strip-no-title { background-color: var(--stock-search-bg); } .component-container .component-panel .component-panel { padding: 0px; } .component-panel .compt-tit-con h2, .component-panel .component-panel .compt-tit-con h3, .component-panel .component-panel .compt-tit-con h4 { margin: 0; } .collapse-container .component-panel .collapse-sub-title h3 { margin-top: 0px; } .component-panel .compt-tit-con { margin-bottom: 16px; } .climate-change-container.component-panel .compt-tit-con { margin-bottom: 16px; } .component-panel .compt-tit-con a.article-headline { padding-inline-end: 25px; margin-top: 0; } .component-panel .compt-tit-con a.article-headline:after { margin-inline-end: 15px; } .component-panel .compt-tit-con .sub-title { margin-inline-start: 0; margin-top: 15px; } .component-panel .compt-tit-con .sub-title p { margin: 0; } .component-panel .compt-tit-con .sub-title p:last-of-type { padding-bottom: 0; } .container-component .component-panel .component-panel { background-color: var(--stock-search-bg); border-radius: var(--item-radius); } .container-component .component-panel .component-panel a { color: var(--link-color-on-l-blue); } .container-component .component-panel .component-panel a.primary-btn { color: var(--primary-btn-text-color); } .container-component .component-panel .tochen-mugan-component .component-panel { background: var(--grey-background); } .page-component-edu.container-component .component-panel .panel { background-color: var(--stock-search-bg); } .component-panel .panel { box-shadow: none; } /*.mooc-strip .overlay-text { height: 100%; } .mooc-strip .overlay-text { height: auto;*/ /* right:20px; left:20px;*/ /*}*/ .stock-area { background: var(--background) 0% 0% no-repeat padding-box; box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: var(--space-between-components); /*to check*/ } .stock-area.maagar-topics-display { background-color: transparent; box-shadow: none; padding: 0px; } .stock-area.maagar-topics-display .search-area-shadow { background: var(--background) 0% 0% no-repeat padding-box; box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: 24px; } .stock-area.maagar-topics-display .search-area-shadow .stock-search { margin-bottom: 0px; } .stock-area.maagar-topics-display .tchum-daat { box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: 24px; } .stock-area.maagar-yehidot-horaa-container { /*to check*/ } .stock-area.maagar-yehidot-horaa-container .stock-item .stock-item-props span { margin-right: 0px; } .stock-area.maagar-yehidot-horaa-container .stock-item .stock-item-props span.teaching-unit-label { margin-right: 5px; } .stock-search { background: var(--stock-search-bg); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1098039216); padding: 10px 10px 10px; margin-bottom: 16px; } .page-component-edu .stock-search { margin-bottom: 0px; } .stock-search.kinder-garden { width: 100%; } .page-component-edu .main-content.stock-search { background: var(--stock-search-bg); padding: 16px; } .stock-search .form-control { border-radius: 3px; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .stock-search .compt-tit-con h2 { margin-inline-start: 0px; margin-top: 0px; font-size: 20px; } .page-component-edu .stock-search .compt-tit-con h2 { font-size: 24px; } .primary-btn { background-color: var(--primary-btn-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--primary-btn-text-color); padding: 6px 20px; border: none; font-size: 18px; line-height: 18px; display: inline-block; } .primary-btn:hover { background-color: var(--primary-btn-hover-color); color: var(--primary-btn-text-color); } .primary-btn:focus { background-color: var(--primary-btn-click-color); color: var(--primary-btn-text-color); } .primary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } .page-component-edu .primary-btn { background-color: var(--primary-btn-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--primary-btn-text-color); padding: 6px 20px; border: none; font-size: 18px; line-height: 18px; display: inline-block; } .page-component-edu .primary-btn:hover { background-color: var(--primary-btn-hover-color); color: var(--primary-btn-text-color) !important; } .page-component-edu .primary-btn:focus { background-color: var(--primary-btn-click-color); color: var(--primary-btn-text-color) !important; } .page-component-edu .primary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } a.primary-btn:hover, a.secondary-btn:hover { opacity: 1; text-decoration: none !important; } .clear-btn { margin-left: 10px; margin-top: 5px; margin-bottom: 5px; } .page-component-edu .secondary-btn { background-color: var(--background-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--secondary-btn-text-color); padding: 5px 19px; border: var(--secondary-btn-border); font-size: 18px; line-height: 18px; display: inline-block; } .page-component-edu .secondary-btn:hover { background-color: var(--secondary-btn-hover-color) !important; color: var(--secondary-btn-text-color) !important; } .page-component-edu .secondary-btn:focus { background-color: var(--secondary-btn-click-color); } .page-component-edu .secondary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } .secondary-btn { background-color: var(--background-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--secondary-btn-text-color); padding: 6px 20px; border: var(--secondary-btn-border); font-size: 18px; line-height: 18px; display: inline-block; } .secondary-btn:hover { background-color: var(--secondary-btn-hover-color) !important; color: var(--secondary-btn-text-color) !important; } .secondary-btn:focus { background-color: var(--secondary-btn-click-color); } .secondary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } @media (min-width: 767px) { .HeaderMenu { margin-top: 5px; } } .side-component { background-color: var(--background-color); /*padding: 10px 18px;*/ padding: 15px 15px; margin-bottom: var(--space-between-components); box-shadow: var(--btn-box-shadow); } .side-component .side-component-title { font-size: var(--side-comp-title-font-size); line-height: 24px; color: var(--title-color); border-bottom: 2px solid var(--line-under-title-color); margin: 0 0 5px 0; padding-bottom: 10px; text-align: start; } .side-component .side-component-title a { color: var(--title-color); } .side-component ul { list-style: none; margin: 0; } .side-component .side-component-item { color: var(--text-color); font-size: 16px; line-height: 20px; /*border-bottom: 1px solid var(--line-under-item-color);*/ /*padding-top: 12px;*/ padding-top: 10px; } .side-component .side-component-item:not(:last-child) { /*padding-bottom: 12px;*/ padding-bottom: 10px; } .side-component .side-component-item a { color: var(--text-color); gap: 13px; display: flex; align-items: center; } .side-component .side-component-item a img { width: auto; /*margin-inline-end: 13px;*/ max-height: 20px; } .side-component .side-component-item:nth-child(n+2) { border-top: 1px solid var(--line-under-item-color); } .component-items { display: flex; flex-direction: column; } .component-items .component-item h5 { margin-bottom: 0; margin-top: 0; color: var(--title-color); } .component-items .component-item .container-link-to-item { margin-top: 5px; } .component-items .component-item .container-link-to-item a { color: var(--link-color); font-size: 16px; font-weight: 600; } .component-items .component-item .container-link-to-item a span:after { content: url("/images/icons/navigation-blue-side.svg"); padding-inline-start: 5px; } .ltr .component-items .component-item .container-link-to-item a span:after { content: url("/images/icons/navigation-blue-side-ltr.svg"); padding-inline-start: 5px; } .ltr .component-items { text-align: left; } .component-items .component-item:not(:last-of-type) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 32px; } .component-items .component-item:not(:first-of-type) { padding-top: 32px; } .component-items .component-item:first-of-type { padding-top: 15px; } .component-items .component-item .text { margin-top: 5px; font-size: 16px; } .component-items .component-item .item-button { margin-top: 10px; } .component-items .item-img-container { margin-inline-end: 15px; } .bottom-component .component-items .component-item:nth-last-of-type(2) { border-bottom: none; } .bottom-component .component-items .my-idea-bottom { background-color: #F1F4F9; padding: 10px 0 10px 10px; padding-inline-start: 0; padding-inline-end: 10px; } .bottom-component .component-items .my-idea-bottom .item-img-container .image { min-width: 160px; text-align: center; } .bottom-component .component-items .my-idea-bottom .item-img-container .image img { width: auto; height: auto; } @media screen and (min-width: 768px) { .bottom-component .component-items .my-idea-bottom .item-text-container { display: flex; flex-direction: column; min-height: 133px; justify-content: center; } } h3, h4, h5 { color: var(--title-color); } /*overlay-text tiles*/ .overlay-text { position: absolute; text-align: right; padding: 10px 5px; background-color: #E9F4FC; height: auto; /*display: flex;*/ bottom: 0; width: 100% } .ltr .overlay-text { text-align: left; } a:active .overlay-text { text-decoration: var(--link-hover-decoretion); } .current-strip .overlay-text { position: relative; } .current-strip .current-pics .overlay-text { position: absolute; } .high-overlay-text { height: auto; display: block; /* right: 20px; left: 20px;*/ } /*.overlay-text div { padding-inline-start: 8px; }*/ .overlay-text h3 { color: var(--title-color); font-size: 16px; font-weight: 600; font-family: Assistant; margin: 0px; position: relative; } .overlay-text.high-overlay-text h3 { font-size: 25px; } .listing-container.listing-container-three-columns-with-title .overlay-text h3 { font-size: 18px; } .overlay-text.title-current { flex-direction: column; position: relative; } .tile { border-radius: var(--item-radius); box-shadow: var(--tile-box-shadow); position: relative; background-color: var(--background-over-grey-color); } .tile img { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); margin-bottom: 37.6px; /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);*/ } .tile.big-tile img { margin-bottom: 96px; } .tile .overlay-text { border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .tile-pair { display: flex; gap: 16px; justify-content: space-between; } .tile-pair .tile-pair-item.current-pics { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; } .tile-properties { /* margin-right: 10px;*/ color: var(--title-color); } .travel-strip .travel-content { display: flex; gap: 16px; } /*overlay-text tiles media*/ @media screen and (min-width:992px) { .tile-pair .tile-pair-item { width: 50%; } .tile-pair .tile-pair-item.current-pics .tile { width: 48%; } .travel-strip .travel-content .tile { width: 33%; } .title-current h3 { font-size: 25px; } .overlay-text.title-current h3 { padding-inline-start: 15px; } /* .current-strip .current-pics .tile{ max-height:183px; }*/ /* .current-pics*/ .component-panel .compt-tit-con.title-with-link { display: flex; justify-content: space-between; align-items: center; } } @media(max-width:992px) { .tile-pair, .tile-pair .tile-pair-item.current-pics, .travel-strip .travel-content { flex-direction: column; } .overlay-text { padding: 5px; } .main-list-component .overlay-text { padding: 10px 5px } } /*end overlay-text tiles media*/ /*end overlay-text tiles*/ /*stock*/ .current-strip .tile img { margin-bottom: 0px; /* min-height: 143px;*/ } .stock-item { display: flex; padding: 16px 0px; margin-bottom: 0px; border-top: var(--stock-items-border); } .stock-item.stock-item-cols { flex-direction: column; border-top: none; } .stock-items-pair { display: flex; gap: 30px; margin-top: 30px; margin-bottom: 16px; } .stock-items-pair .stock-item-in-pair { width: 50%; background-color: var(--grey-background); } .stock-items-pair .stock-item-in-pair .tile-item { background-color: var(--grey-background); } .stock-item-cols h3 { margin-top: 0px; } .stock-item-cols .stock-item-cols-content-row { display: flex; gap: 5px; justify-content: space-between; } .stock-item .image img { border-radius: var(--item-radius); } .stock-item:first-of-type { border-top: none; } .social-activity-search .stock-item .title h3 { line-height: 1.1; } .lecturers .stock-results .stock-item { padding: 16px; } .page-title-comp .title-side-link { color: var(--link-color-on-l-blue); } @media (min-width: 992px) { /*.page-title-comp h1 { max-width: 80%; }*/ .page-title-comp .title-side-link { text-wrap: nowrap; margin-top: 4px; } .page-title-comp.skill-activity .title-side-link { margin-top: 3px; } .stock-item .image { width: 23%; padding-left: 16px; } .stock-item .image.icon { width: 7%; } .upcoming-broadcasts .stock-item .image { width: 25%; } .lecturers .stock-item .image { width: 25%; } .climate-change-maagar-homarim .stock-item .image { width: 24%; } .nearest-broadcast-section .stock-item .image { width: 24%; } .stock-item.yahida-horaa-card-container .image { width: 28%; } .social-activity-search .stock-item .image { width: 55%; padding-left: 0px; } .social-activity-search .stock-item .text-container { width: 42%; } .climate-change-professional-development .stock-item .image { width: 57%; padding-left: 0px; padding-right: 16px; } .climate-change-professional-development .stock-item .text-container { width: 40%; } .kindergarten-maagar-haklatot .stock-item .text-container { width: 100%; } .maagar-hatsaot-wrapper .stock-item .image { width: 58%; padding-left: 0px; padding-right: 16px; } .maagar-hatsaot-wrapper .stock-item .text-container { width: 40%; } .social-activity-search .stock-item { justify-content: space-between; } } .stock-item .text-container { width: 75%; } .stock-item-in-pair .text-container { padding: 16px; } .stock-item .title h3, .stock-item-in-pair .title h3 { font-size: 20px; letter-spacing: -0.33px; color: var(--title-color); margin: 0px; line-height: 20px; margin-bottom: 5px; margin-top: -2px; } .stock-item .title h4 { font-size: 20px; letter-spacing: -0.33px; color: var(--title-color); margin: 0px; line-height: 14px; margin-bottom: 5px; } .broadcast-date-section { border-bottom: var(--stock-items-border); } .broadcast-date-section .stock-item { border-top: none; } .broadcast-date-section .date-broadcast { margin-top: 16px; margin-bottom: 0px } .stock-item-props { font-size: 16px; letter-spacing: -0.27px; color: var(--title-color); /* .rsltsDataItem { margin-right: 5px;*/ /* }*/ } .stock-item-props .rsltsDataItem { padding-left: 5px; } .stock-item-props .rsltsDataItem span { margin-left: 0px; } .stock-item-props .prop-name { margin-left: 3px; } .stock-item-props span { margin-right: 5px; } .stock-item-props span:first-child { margin-right: 0px; } .stock-item-props .rsltsDataItem:first-of-type { margin-right: 0px; } .stock-item-indicator .indicator { background-color: var(--indicator-bg-color); border-radius: 9px; margin-left: 16px; } .stock-item-indicator .indicator img { height: 15px; width: 15px; margin-bottom: 3px; } .stock-item-indicator .indicator .text { color: var(--title-color); padding: 9px; line-height: 1.8; white-space: nowrap; } .kindergarten-maagar-haklatot .stock-item-indicator { margin: 8px 0px; } .kindergarten-maagar-haklatot .stock-item-indicator .indicator { padding: 2px 7px; } .communityListing.stock-area .stock-item-indicator .indicator { padding: 2px 5px; } .stock-summary { font-size: 16px; line-height: 22px; letter-spacing: -0.27px; color: var(--text-color); } .stock-summary p { margin: 0px; } .stock-item-link { font: normal normal 600 16px/22px Assistant; letter-spacing: 0px; color: #1776B5; } .stock-item-link button.stock-item-btn { border: none; background-color: transparent; font-weight: 600; font-size: 16px; font-family: Assistant; line-height: 22px; } .kindergarten-maagar-haklatot .stock-item-link { margin-top: 16px; } .Containerpagination .pagination > li.active > a, .Containerpagination .pagination > li > a { cursor: pointer; border: none; background-color: transparent; font-size: 16px; color: var(--pagination-color); padding-bottom: 0px; } .Containerpagination .pagination > li.active > a { color: var(--pagination-active-color); font-weight: 900; } .pagination { margin: 0px; } .stock-results .compt-tit-con { margin-bottom: 8px; } .stock-results .compt-tit-con h2 { margin: 0px; font-size: 24px; line-height: 23px; } .stock-results i.fa { color: var(--link-color); } .stock-results .pagination i.fa { font-weight: 900; color: var(--pagination-active-color); } .stock-results .stock-count-rslts { font: normal normal normal 16px/18px Assistant; letter-spacing: -0.24px; color: var(--text-color); margin-bottom: 5px; } .stock-results.outstanding-and-gifted-content .stock-item .image { width: 25%; } /*.stock-results .*/ /*.stock-results { .srcEmptyResults{ a{ color:var(--link-color); } } }*/ .stock-showing-rslts { font-size: 18px; margin-bottom: 5px; } .stock-showing-rslts .rsltsDataItem { padding-left: 5px; } .stock-link a { /*color: var(--link-color);*/ font-weight: 600; font-size: 16px; } .select-btn .btn, .select-btn { background: var(--select-bg); -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; } .select-btn { border: var(--select-border); border-radius: 3px; } .select-btn .btn { border: none; } .select-btn .caret { display: none; } .select-btn button { border-radius: var(--item-radius); /* border: var(--select-border);*/ } .rsltsDataItem span { margin-left: 5px; } .rsltsDataItem { border-left: 1px solid var(--text-color); } .stock-item-props .rsltsDataItem { border-left: 1px solid var(--title-color); } .popXtn .rsltsDataItem:last-child { border-left: none; } #left_col[role=main] .stock-item ul { margin-right: 0px; color: var(--title-color); } .search-field-row { display: flex; margin-bottom: 16px; margin-right: 0px; margin-left: 16px; } .search-field-row .search-label-wrap { width: 25%; } .search-field-row .search-select-wrap { width: 75%; margin-right: 16px; } .search-col-left .search-field-row { margin-right: 16px; margin-left: 0px; } a { color: var(--link-color); } a:hover { text-decoration: var(--link-hover-decoretion) !important; } a:active { text-decoration: var(--link-hover-decoretion) !important; } li.upper-menu-main-tabs > a:hover, li.upper-menu-main-tabs > a:active { text-decoration: none !important; } .stock-search a { color: var(--link-color-on-l-blue); font-weight: 600; } /*ltr*/ .ltr .clear-btn { margin-right: 20px; } .ltr .select-btn .btn, .ltr .select-btn { background: url(../images/icons/border_arrow.svg) no-repeat left #fff; } .ltr .stock-item .image { padding-right: 16px; padding-left: 0px; } .ltr .checkbox-group.style-checkbox input[type=checkbox]:checked:before { padding-left: 4px; } .ltr .stock-item-indicator .indicator { margin-left: 0px; margin-right: 16px; } .ltr .stock-item .stock-item-props .prop-name { margin-left: 3px; } /*stock*/ /*ltr*/ /*mobile*/ @media (max-width: 992px) { .practice-main-content-container { padding-top: 15px; } .page-title-comp { margin-bottom: 16px; /* display: flex; justify-content: space-between; */ flex-direction: column; } .page-title-comp h1 { margin-bottom: 16px; } .page-title-comp a.ContainerPopularButton { float: none; } .compt-tit-con h2 { margin-bottom: 10px; } /*stock*/ .stock-item { flex-direction: column; /* padding: 0px;*/ } .stock-item .title h3 { font-size: 18px; } .stock-results .compt-tit-con h2 { font-size: 22px; } .stock-item .image { margin-bottom: 16px; } .stock-item .text-container { width: 100%; } .search-field-row { flex-direction: column; margin-bottom: 10px; margin-inline-end: 0px; } .search-field-row .search-label-wrap { width: 100%; } .search-field-row .search-select-wrap { width: 100%; margin-inline-start: 0px; } .search-col-left .search-field-row { margin-inline-start: 0px; } .search-col-field { margin-bottom: 0px; } .knowledge-field .row.free-search { align-items: unset; padding-inline-start: 0px; flex-direction: column; } .social-activity-search .stock-item .text-container { margin-bottom: 16px; } .stock-items-pair { flex-direction: column; } .stock-items-pair .stock-item-in-pair { width: 100%; } .lecturers .primary-btn { margin-top: 15px; } /*stock*/ } /*mobile*/ /*stock*/ .side-arrow { width: auto !important; height: auto; margin-inline-end: 7px; margin-inline-start: 0; } .side-link { font-size: 16px; } /*home search and trips stock search*/ .dlg-inner, .trip-container .trips-search { display: flex; gap: 16px; height: 38px; } .dlg-inner .ma-lomdim, .trip-container .trips-search .trip-title { background-color: var(--fast-search-items-bg-color); border-radius: 4px; } .dlg-inner .ma-lomdim h1, .trip-container .trips-search .trip-title h2 { color: #FFFFFF; margin-bottom: 0px; padding: 2px 7px; } .trip-container .trips-search .trips-select { height: 38px; } .dlg-inner .fast-search-select .select-btn { width: 100%; height: 100%; padding: 5px; color: #646464; border-radius: 3px; border: var(--select-border); } .trip-container .trips-search .trips-select .select-btn .multiselect-parent { width: 100%; height: 100%; color: #646464; /* border-radius: 3px;*/ /* border: var(--select-border);*/ } .trip-name-select { border-radius: 4px; border: var(--select-border); } .trip-container .trips-search .trips-select .select-btn .multiselect-parent .btn { font-size: 18px; font-weight: 400; } .dlg-inner .hipus .link, .trip-container .trips-search .trip-search-btn .link .trip-button { width: 100%; background-color: var(--fast-search-items-bg-color); color: #FFFFFF; height: 100%; border-radius: 4px; text-align: center; } .dlg-inner .hipus .link .search-txt { color: #FFFFFF; font-size: 20px; display: inline-block; margin-right: 5px; } span.trip-name-caret { background: url(../images/icons/border_arrow.svg) no-repeat left #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .trip-container .reset-autocomplete { top: 8px; } @media(min-width:992px) { .dlg-inner .ma-lomdim, .trip-container .trips-search .trip-title { width: 20%; } .dlg-inner .hipus, .trip-container .trips-search .trip-search-btn { width: 10%; } .dlg-inner .fast-search-select, .trip-container .trips-search .trips-select { width: 30%; } } @media(max-width:992px) { .dlg-inner, .trip-container .trips-search { flex-direction: column; height: auto; } .trip-container .trips-search .trip-title { text-align: center; } .trip-container .trips-search { padding: 0px 30px; } /*.dlg-inner .fast-search-select, .trip-container .trips-search .trips-select { width: 100%; }*/ } /*end home search and trips stock search*/ /*slick dots*/ .slick-slider ul.slick-dots li { margin: 1px; height: 26px; width: 13px; } .slick-slider ul.slick-dots li button:before { font-family: slick; font-size: 10px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; content: "•"; text-align: center; opacity: 1; color: rgb(213, 228, 239); -webkit-font-smoothing: antialiased; } .slick-slider ul.slick-dots li.slick-active button:before { color: #1776B5; } /*end slick dots*/ .ligh-blue-bg { background-color: var( --background-light-blue) !important; } .ligh-blue-bg a { color: var(--link-color-on-l-blue) !important; } .ligh-blue-bg a.primary-btn { color: var(--primary-btn-text-color) !important; } .ligh-blue-bg a.secondary-btn { color: var( --secondary-btn-text-color) !important; } .item-radius-right { border-top-right-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); } .item-radius-left { border-top-left-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .ltr .item-radius-right { border-top-left-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ltr .item-radius-left { border-top-right-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .item-radius-top { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .item-radius-bottom { border-bottom-left-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); } /*galleries*/ .big-image-gallery .sub-title { padding: 0px 16px 16px; } .collapse-component .component-panel .component-panel { padding-top: 0; } iframe { border-radius: var(--item-radius); } #left_col[role=main] .links-with-icon-component ul { margin-inline-start: 0; } .qa-component .PanelCollapse .panel-heading a:hover { text-decoration: none !important; } .popXtn .page-component-edu.quotes-carousel-component .page_component .content.advanced-component.banner .slides .slick-slide { padding: 0 40px !important; margin: 0 !important; } .quotes-carousel-component .content.advanced-component.banner .slick-prev.slick-arrow { right: -6px; left: auto; } .page-component-edu.quotes-carousel-component .page_component .content.advanced-component.banner .slick-next { width: 30px; } /*general listing*/ .listing-items-main .broadcast-item-bottom .broadcastReadMore { margin-bottom: 16px; } .listing-items-main .title h3 { margin: 0px; } .listing-with-icons .image.icon img { max-width: 50px; } @media(max-width:992px) { .listing-with-icons .stock-item { flex-direction: row; } .listing-with-icons .image.icon { margin-left: 16px; width: 10%; } .gallery-side-caption .item-radius-right { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } .gallery-side-caption .item-radius-left { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; } .gallery-with-image-right .item-radius-left { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .gallery-with-image-right .item-radius-right { border-top-left-radius: 4px; border-top-right-radius: 4px; } } .live-broadcast .image-lecture { margin: 0px 16px; } .nearest-broadcast-section .stock-item-props .rsltsDataItem:first-of-type { padding-left: 5px; } .nearest-broadcast-section .stock-item .title h3 { margin-bottom: 10px; } .stock-area .ContainerRadioButtns { width: 100%; } .page-component-edu.search-results { padding: 1px 5px; } .Search .TotalTitle h3 { font-size: 18px; } .Search .SucTitle h4 { font-size: 20px; } .myIdeaCmpnt .form-control, .myIdeaModal .form-control { border-radius: var(--item-radius); min-height: 36px; border: 1px solid #a9a9a9; } .myIdeaCmpnt .ContainerButtons, myIdeaModal .ContainerButtons { text-align: end; } .search-level-topic .text-summary p:first-child { margin-top: 0px; } .collapse-component .PanelCollapse .panel-collapse .component-panel { padding-inline-start: 32px; } .collapse-component .PanelCollapse .panel-collapse .ContentCollapse > .sub-title { padding-inline: 32px 16px; padding-top: 0; padding-bottom: 6px; } .collapse-component .PanelCollapse .panel-collapse .ContentCollapse .compt-tit-con { margin-bottom: 20px; } .collapse-component .PanelCollapse .panel-collapse .images-and-buttons .page_component { padding-inline-start: 16px; } a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover .text-link, a:active h2, a:active h3, a:active h4, a:active h5, a:active .text-link { text-decoration: var(--link-hover-decoretion) !important; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, option:hover, option:checked, option:focus option:focus-visible, option:visited { background-color: var(--combo-option-hover) !important; color: var(--text-color); text-decoration: none !important; } .modal.ltr .primary-btn, .modal.ltr .secondary-btn { float: right; } .images-and-buttons .image-link .panel.panel-default { padding-top: 16px; } .images-and-buttons .image-link .panel.panel-default .compt-tit-con h2 { margin-top: 0; } .multiselect-parent .dropdown-menu > li > a { font-size: 16px; line-height: 150%; padding: 3px 10px; } .multiselect-parent .dropdown-menu > li > a input[type="checkbox"] { margin-top: 7px; } #modalTermDefinition h2 { margin-top: 0px; font-size: 20px; } #modalTermDefinition .btn-close { padding: 0px; background: url(/images/close.png) no-repeat; background-size: 26px; width: 26px; height: 26px; position: absolute; top: 15px; z-index: 1; opacity: 1; left: 15px; /* background: none; */ border: none; } #modalTermDefinition .modal-dialog { top: 30%; } #modalTermDefinition .modal-content { border: 2px solid #1d65c7; } #modalTermDefinition .buttons-section { display: flex; justify-content: space-between; } #modalTermDefinition .buttons-section .terms-dictionary-link { align-content: center; } button.term-defination { background: none; border: none; font-weight: 600; color: var(--link-color); font-size: 16px; padding: 0px; } .buffer .compt-tit-con .sub-title { /* margin-inline-start: 16px;*/ } .buffer .compt-tit-con .sub-title p { margin-top: 2px; } .buffer h2.title { margin-bottom: 0px; } .buffer .page-component-edu.buffer-title { /*padding-bottom: 16px;*/ } .buffer-title .component-panel .compt-tit-con { margin-bottom: 0px; } @media screen and (min-width: 992px) { .main-list-component .tiles-list { display: flex; column-gap: 30px; flex-wrap: wrap; } .main-list-component .tiles-list .row-col { flex-basis: calc(33.33% - 20px); box-sizing: border-box; } } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { margin: 10px 16px 16px; } .advanced-page-components .page-component-edu { margin-bottom: var(--space-between-components); } .component-panel .link-all { padding-inline-end: 0; } .qa-component .more-less-container, .main-list-component .more-less-container { padding: 0; } .disabled-button { pointer-events: none; opacity: 0.8; } .service-component-page .btn-section { margin-top: 15px; } @media screen and (max-width: 991px) { .service-component-page .main-image-container.with-button.with-two-buttons { margin-bottom: 100px; } .teaching-practices-container .container-content-media { padding: 0; } .teaching-practices-container .container-content { padding: 0; } } /* @media (min-width: 1200px) { .container { width: 100%; max-width: 1400px; } } .page-component-edu { max-width: 1400px; } */ .bannerGifComponent { position: relative; width: 100%; min-height: 280px; /* קובע את גובה הבאנר */ overflow: hidden; display: flex; justify-content: center; align-items: center; text-align: center; color: white; } .bannerGifComponent .gif-banner-image img { position: absolute; top: 0; left: 0; width: 100%; height: 280px; object-fit: cover; z-index: 1; } .bannerGifComponent .gif-banner-content { position: absolute; width: 100%; padding: 0px 30px 16px; padding-inline-end: 32px; padding-top: 40px; margin-right: 0px; z-index: 2; text-align: right; } .bannerGifComponent .gif-banner-content .title { font-size: 25px; font-weight: bold; margin:0; } .bannerGifComponent .gif-banner-content .subtitle p { font-size: 20px; line-height: 30px; } .bannerGifComponent .stop-start-buttons { position: absolute; bottom: 8px; left: 8px; display: flex; gap: 6px; z-index: 3; } .bannerGifComponent .stop-start-buttons button { width: 32px; height: 32px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; cursor: pointer; padding: 0; } /* PLAY / PAUSE icon background images */ .bannerGifComponent .stop-start-buttons.play-mode button { background-image: url('/images/Gallery-Button-Pause.svg'); } .bannerGifComponent .stop-start-buttons.pause-mode button { background-image: url('/images/Gallery-Button-Play.svg'); } @media (max-width: 768px) { .bannerGifComponent { min-height: 550px; /* קובע את גובה הבאנר */ } .bannerGifComponent .gif-banner-image img { height: 100%; } .bannerGifComponent .gif-banner-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 16px 20px; text-align: center; } .bannerGifComponent .gif-banner-content .title{ text-align:center; } /* כפתור הפליי */ .bannerGifComponent .stop-start-buttons { top: 12px; left: 8px; bottom: auto; z-index: 3; } } .desktop-only { display: block; } .mobile-only { display: none; } @media (max-width:768px) { .desktop-only { display: none; } .mobile-only { display: block; } }