/* Minification failed. Returning unminified contents. (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9644,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10462,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10821,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10825,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10834,20): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (10886,20): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (10938,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10947,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10964,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10968,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11034,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11058,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11228,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11291,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11345,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11362,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11376,33): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11386,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11396,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11426,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11431,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11491,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11505,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11568,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11689,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11712,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11718,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (11725,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11731,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (11735,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14150,1): run-time error CSS1019: Unexpected token, found '@import' (14150,9): run-time error CSS1019: Unexpected token, found 'url(common.css)' (14151,1): run-time error CSS1019: Unexpected token, found '@import' (14151,9): run-time error CSS1019: Unexpected token, found 'url(fonts.css)' (14152,1): run-time error CSS1019: Unexpected token, found '@import' (14152,9): run-time error CSS1019: Unexpected token, found 'url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css")' (14153,1): run-time error CSS1019: Unexpected token, found '@import' (14153,9): run-time error CSS1019: Unexpected token, found 'url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap-grid.min.css")' (14156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14222,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family' (14250,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14270,19): run-time error CSS1039: Token not allowed after unary operator: '-container-max-width' (14291,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14298,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14310,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14326,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14332,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14362,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (14380,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14391,11): run-time error CSS1035: Expected colon, found '{' (14562,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14572,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14597,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14623,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (14631,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14635,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14663,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14671,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14672,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14691,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14698,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14717,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14718,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (14728,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14811,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14819,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (14826,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (14835,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14850,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14865,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (14875,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14876,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (14878,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-transition' (14882,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (14883,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14901,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (14905,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15025,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (15182,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15184,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15192,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15205,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15206,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15224,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15234,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (15240,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15262,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15264,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15300,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15327,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (15390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>' (15907,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15913,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (15968,33): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16044,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16056,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16142,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16154,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16189,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16198,30): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16277,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16296,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16327,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16543,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16564,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (16572,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (16578,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (16680,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (16811,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16812,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16930,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (16977,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17034,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (17161,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17168,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17351,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17352,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17360,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17363,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17392,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (17408,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (17487,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17534,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (17581,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17599,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (17638,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17639,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17648,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17689,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17800,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17833,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17875,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (17994,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18003,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18036,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18043,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18166,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18208,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (18271,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (18309,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18321,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18328,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18329,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18369,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18370,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18515,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (18521,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (18664,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (19869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19906,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19978,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20000,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20096,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20116,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20335,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20358,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20491,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20492,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20501,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20502,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20510,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20511,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20516,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20517,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20524,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20525,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20533,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20534,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20542,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20543,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20575,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (20580,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21345,3): run-time error CSS1019: Unexpected token, found '@keyframes' (21346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21407,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21419,40): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21515,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21521,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21539,1): run-time error CSS1019: Unexpected token, found '}' (21564,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (21569,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22329,3): run-time error CSS1019: Unexpected token, found '@keyframes' (22330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22391,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22403,40): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22499,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22505,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22523,1): run-time error CSS1019: Unexpected token, found '}' (22527,31): run-time error CSS1039: Token not allowed after unary operator: '-base-secondary-rgb' (22538,31): run-time error CSS1039: Token not allowed after unary operator: '-base-secondary-rgb' (22550,24): run-time error CSS1030: Expected identifier, found '.' (22550,31): run-time error CSS1031: Expected selector, found ')' (22550,31): run-time error CSS1025: Expected comma or open brace, found ')' (22592,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22596,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (22640,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22643,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22644,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22653,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (22662,15): run-time error CSS1039: Token not allowed after unary operator: '-block-color' (22663,16): run-time error CSS1039: Token not allowed after unary operator: '-block-height' (22667,26): run-time error CSS1039: Token not allowed after unary operator: '-block-border-color' (22670,23): run-time error CSS1039: Token not allowed after unary operator: '-block-border-radius' (22671,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-transition' (22675,15): run-time error CSS1039: Token not allowed after unary operator: '-block-icon-size' (22676,16): run-time error CSS1039: Token not allowed after unary operator: '-block-icon-size' (22692,16): run-time error CSS1039: Token not allowed after unary operator: '-block-input-height' (22715,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (22716,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (22728,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (22729,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (22736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22752,39): run-time error CSS1039: Token not allowed after unary operator: '-block-shadow-color' (22764,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (22765,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (22791,16): run-time error CSS1039: Token not allowed after unary operator: '-block-height' (22796,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22814,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22817,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22822,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (22823,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22835,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22836,8): run-time error CSS1035: Expected colon, found '{' (22851,47): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22851,65): run-time error CSS1046: Expect comma, found '88' (22851,71): run-time error CSS1046: Expect comma, found '/' (22903,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22912,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (22916,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22927,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22943,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22946,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22964,46): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22971,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22974,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (22992,46): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23006,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23011,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23030,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23042,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23079,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23088,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23097,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23098,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (23099,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23106,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23138,61): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23180,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23186,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23194,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23201,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23216,20): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23223,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23228,32): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23243,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23247,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23251,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23255,15): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23260,32): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23272,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family' (23287,16): run-time error CSS1039: Token not allowed after unary operator: '-logo-width' (23303,16): run-time error CSS1039: Token not allowed after unary operator: '-logo-width' (23308,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23313,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (23324,16): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23325,22): run-time error CSS1039: Token not allowed after unary operator: '-stroke-width' (23329,24): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23330,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23385,37): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23387,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23393,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23399,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23404,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23409,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23413,24): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration' (23414,35): run-time error CSS1039: Token not allowed after unary operator: '-animation-count' (23418,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23426,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (23435,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (23443,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23444,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (23453,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (23458,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23459,8): run-time error CSS1035: Expected colon, found '{' (23468,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23469,8): run-time error CSS1035: Expected colon, found '{' (23478,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23479,8): run-time error CSS1035: Expected colon, found '{' (23488,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23489,8): run-time error CSS1035: Expected colon, found '{' (23499,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (23504,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23531,33): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23532,32): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23539,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23569,33): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23570,32): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23574,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23596,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23600,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (23611,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23649,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23658,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23711,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23754,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary-color' (23755,26): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23756,22): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (23760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23772,28): run-time error CSS1039: Token not allowed after unary operator: '-block-padding' (23774,6): run-time error CSS1035: Expected colon, found '{' (23828,26): run-time error CSS1039: Token not allowed after unary operator: '-block-margin' (23830,23): run-time error CSS1035: Expected colon, found '{' (23996,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (23997,15): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (24001,26): run-time error CSS1039: Token not allowed after unary operator: '-block-margin' (24004,24): run-time error CSS1039: Token not allowed after unary operator: '-pills-width' (24004,49): run-time error CSS1039: Token not allowed after unary operator: '-block-padding' (24006,20): run-time error CSS1035: Expected colon, found '{' (24133,31): run-time error CSS1039: Token not allowed after unary operator: '-base-primary' (24145,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (24156,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (24223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24227,5): run-time error CSS1035: Expected colon, found ',' (24676,22): run-time error CSS1035: Expected colon, found '{' (25818,2056): run-time error CSS1019: Unexpected token, found '@keyframes' (25818,2075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #262626; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { /* font-size: 1.75rem; */ } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .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-left: -1px; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .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(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #80bdff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { 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; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } /*# sourceMappingURL=bootstrap.css.map */ /*Start Common Properties (Authour Sriram)*/ /*start font size*/ :root { --base-secondary: var(--primary); --base-primary: #ffb700; } .f8 { font-size: 8px !important; } .f10 { font-size: 10px !important; } .f12 { font-size: 12px !important; } .f14 { font-size: 14px !important; } .f16 { font-size: 16px !important; } .f18 { font-size: 18px !important; } .f20 { font-size: 20px !important; } .f22 { font-size: 22px !important; } /*end font size*/ /*start margin*/ .mauto { margin: auto !important; } .m0 { margin: 0 !important; } .m5 { margin: 5px !important; } .m10 { margin: 10px !important; } .m15 { margin: 15px !important; } .m20 { margin: 20px !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; } .mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; } .mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; } .mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mr0 { margin-right: 0px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr50 { margin-right: 50px !important; } .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml50 { } /*end margin*/ /*start padding*/ .pad0 { padding: 0 !important; } .pad5 { padding: 5px !important; } .pad10 { padding: 10px !important; } .pad15 { padding: 15px !important; } .pad20 { padding: 20px !important; } .padt5 { padding-top: 5px !important; } .padt10 { padding-top: 10px !important; } .padt15 { padding-top: 15px !important; } .padt20 { padding-top: 20px !important; } .padb5 { padding-bottom: 5px !important; } .padb10 { padding-bottom: 10px !important; } .padb15 { padding-bottom: 15px !important; } .padb20 { padding-bottom: 20px !important; } .padtb5 { padding-top: 5px !important; padding-bottom: 5px !important; } .padtb10 { padding-top: 10px !important; padding-bottom: 10px !important; } .padtb15 { padding-top: 15px !important; padding-bottom: 15px !important; } .padtb20 { padding-top: 20px !important; padding-bottom: 20px !important; } .padr5 { padding-right: 5px !important; } .padr10 { padding-right: 10px !important; } .padr15 { padding-right: 15px !important; } .padr20 { padding-right: 20px !important; } .padl5 { padding-left: 5px !important; } .padl10 { padding-left: 10px !important; } .padl15 { padding-left: 15px !important; } .padl20 { padding-left: 20px !important; } .padrl5 { padding-right: 5px !important; padding-left: 5px !important; } .padrl10 { padding-right: 10px !important; padding-left: 10px !important; } .padrl15 { padding-right: 15px !important; padding-left: 15px !important; } .padrl20 { padding-right: 20px !important; padding-left: 20px !important; } .padrl25 { padding-right: 25px !important; padding-left: 25px !important; } .padrl30 { padding-right: 30px !important; padding-left: 30px !important; } /*end padding*/ /*start position*/ .pos-rel { position: relative; } .pos-abs { position: absolute; } .pos-fix { position: fixed; } .p-t-r { position: absolute; top: 10px; right: 15px; } .p-t-l { position: absolute; top: 10px; left: 15px; } .p-b-r { position: absolute; bottom: 0; right: 0; } .p-b-l { position: absolute; bottom: 0; left: 0; } /*end position*/ /*start text-align*/ .txt-c { text-align: center !important; } .txt-r { text-align: right !important; } .txt-l { text-align: left !important; } .txt-j { text-align: justify !important; } /*end text-align*/ /*start float*/ .fl-r { float: right !important; } .fl-l { float: left !important; } .fl-n { float: none !important; } /*end float*/ /*start width*/ .w2 { width: 2% !important; } .w5 { width: 5% !important; } .w10 { width: 10% !important; } .w15 { width: 15% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w30 { width: 30% !important; } .w35 { width: 35% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w50 { width: 50% !important; } .w55 { width: 55% !important; } .w60 { width: 60% !important; } .w65 { width: 65% !important; } .w70 { width: 70% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w95 { width: 95% !important; } .w100 { width: 100% !important; } .w-col-12 { width: calc(100% / 12) !important; } .w-col-11 { width: calc(100% / 11) !important; } .w-col-10 { width: calc(100% / 10) !important; } .w-col-9 { width: calc(100% / 9) !important; } .w-col-8 { width: calc(100% / 8) !important; } .w-col-7 { width: calc(100% / 7) !important; } .w-col-6 { width: calc(100% / 6) !important; } .w-col-5 { width: calc(100% / 5) !important; } .w-col-3 { width: calc(100% / 3) !important; } /*end width*/ /*start display properties*/ .none, .visible-xs { display: none !important; } .hide { visibility: hidden !important; opacity: 0 !important; } .show { visibility: visible !important; opacity: 1 !important; } .d-block { display: inline-block !important; } .d-table { display: table !important; } .d-table:nth-child(1n + 1) { display: table-cell !important; } /*start flex concept*/ .d-flex { display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox !important; /* TWEENER - IE 10 */ display: -webkit-flex !important; /* NEW - Chrome */ display: flex !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .f-col-cc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: center; align-items: center; } .f-col-sac { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: space-around; align-items: center; } .f-col-sbc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: space-between; align-items: center; } .f-col-sec { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: space-evenly; align-items: center; } .f-col-fsc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: flex-start; align-items: center; } .f-col-fec { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; /* Safari 6.1+ */ flex-direction: column; justify-content: flex-end; align-items: center; } .f-row-cc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: center; align-items: center; } .f-row-sac { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: space-around; align-items: center; } .f-row-sbc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: space-between; align-items: center; } .f-row-sec { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: space-evenly; align-items: center; } .f-row-fsc { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: flex-start; align-items: center; } .f-row-fec { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; /* Safari 6.1+ */ flex-direction: row; justify-content: flex-end; align-items: center; } .jc-c { justify-content: center !important; } .jc-sa { justify-content: space-around !important; } .jc-sb { justify-content: space-between !important; } .jc-se { justify-content: space-evenly !important; } .jc-fs { justify-content: flex-start !important; } .jc-fe { justify-content: flex-end !important; } .alit-c { align-items: center !important; } .alit-fs { align-items: flex-start !important; } .alit-fe { align-items: flex-end !important; } .alit-s { align-items: stretch !important; } .flex-d-r { -webkit-flex-direction: row !important; /* Safari 6.1+ */ flex-direction: row !important; } .flex-d-c { -webkit-flex-direction: column !important; /* Safari 6.1+ */ flex-direction: column !important; } /*end flex concept*/ /*end display properties*/ /*start border style*/ /*start solid border*/ .bd-0 { border: 0 !important; } .bd-s { border: 1px solid #dcdcdc !important; } .bd-s-t { border-top: 1px solid #dcdcdc !important; } .bd-s-b { border-bottom: 1px solid #dcdcdc !important; } .bd-s-r { border-right: 1px solid #dcdcdc !important; } .bd-s-l { border-left: 1px solid #dcdcdc !important; } /*end solid border*/ /*start dashed border*/ .bd-d { border: 1px dashed #dcdcdc !important; } .bd-d-t { border-top: 1px dashed #dcdcdc !important; } .bd-d-b { border-bottom: 1px dashed #dcdcdc !important; } .bd-d-r { border-right: 1px dashed #dcdcdc !important; } .bd-d-l { border-left: 1px dashed #dcdcdc !important; } /*end dashed border*/ /*end border-style*/ /*start scrollbar*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: var(--primary); } .iziModal ::-webkit-scrollbar { overflow: visible; height: 5px !important; width: 5px !important; } .iziModal ::-webkit-scrollbar-thumb { background: #ff6882 !important; } .iziModal ::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent; border-width: 0 0 0 0px !important; } /*end scrollbar*/ .disabled { opacity: 0.2; cursor: not-allowed; } /*start toast alert style*/ .iziToast { padding: 5px 45px 5px 0 !important; min-height: 40px !important; } .iziToast > .iziToast-body .iziToast-icon { margin-top: -10px !important; width: 20px !important; height: 20px !important; } .iziToast > .iziToast-body .iziToast-title { font-size: 11px !important; } .iziToast > .iziToast-body .iziToast-message { font-size: 10px !important; color: #fff !important; letter-spacing: 0.5px; } .toast-info { background-image: linear-gradient( to right, #17a2b8, #3daec1, #56b9cb, #6bc5d4, #7fd1de ); } .toast-warn { background-image: linear-gradient( to right, #ffc107, #ffca3c, #ffd35b, #ffdc77, #ffe492 ); } .toast-success { background-image: linear-gradient( to right, #28a745, #40af57, #55b869, #67c07a, #79c88b ); } .toast-fail { background-image: linear-gradient( to right, #696969, #777777, #848484, #939393, #a1a1a1 ); } .toast-danger { background-image: linear-gradient( to right, #dc3545, #e24d58, #e7616b, #eb757e, #ee8790 ); } .toast-wait { background-image: linear-gradient( to right, #db7093, #e283a2, #e895b0, #eea8bf, #f4bacd ); } .toast-cancel { background-image: linear-gradient( to right, #8b008b, #9e329d, #b051b0, #c36dc2, #d588d5 ); } .toast-mail { background-image: linear-gradient( to right, #764fa4, #7a61ad, #8071b4, #8781bb, #9191c0 ); } .toast-bell { background-image: linear-gradient( to right, #c9ae62, #cdb074, #cfb286, #cfb597, #cbb9a8 ); } /*end toast alert style*/ .filterSearchResult { width: 400px; display: flex; align-items: baseline; justify-content: space-between; } /* Custom Backgrounds */ .bg_orange { background: #fd7140; color: #fff; } .bg_yellow { background: #f6c951; color: #271d60; } .bg_dark-gray { background: #95a5a6; color: #fff; } .bg_red { background: #ef4a44; color: #fff; } .bg_purple { background: #8d55a0; color: #fff; } .bg_pink { background: #d13b7b; color: #fff; } .bg_blue { background: #279fba; color: #fff; } .bg_dark { background: #271d60; color: #fff; } .bg_gray { background: #f8faff; } .bg_white { background: #fff; } .bg_primary { background: #49aa72; } .bg_secondary { background: #fd7140; color: #fff; } .text_purple { color: #8d55a0; } .text_dark { color: #271d60; } .text_pink { color: #d13b7b; } .text_blue { color: #279fba; } .text_white { color: #ffffff; } /*start tooltip*/ [data-toggle="tooltip"] { position: relative; display: inline-block; } [data-toggle="tooltip"]::before { content: ""; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); border-width: 4px 6px 0 6px; border-style: solid; border-color: #181919 transparent transparent transparent; z-index: 99; opacity: 0; } [data-placement="left"]::before { left: 0%; top: 50%; margin-left: -12px; transform: translateY(-50%) rotate(-90deg); } [data-placement="top"]::before { left: 50%; } [data-placement="bottom"]::before { top: 100%; margin-top: 8px; transform: translateX(-50%) translatey(-100%) rotate(-180deg); } [data-placement="right"]::before { left: 100%; top: 50%; margin-left: 1px; transform: translateY(-50%) rotate(90deg); } [data-toggle="tooltip"]::after { content: attr(tooltip-title); position: absolute; left: 50%; top: -6px; transform: translateX(-50%) translateY(-100%); background: #181919; text-align: center; color: #fff; font-size: 12px; min-width: 140px; border-radius: 5px; pointer-events: none; padding: 5px 5px; z-index: 99; opacity: 0; } [data-placement="left"]::after { left: 0%; top: 50%; margin-left: -7px; transform: translateX(-100%) translateY(-50%); } [data-placement="top"]::after { left: 50%; } [data-placement="bottom"]::after { top: 100%; margin-top: 8px; transform: translateX(-50%) translateY(0%); } [data-placement="right"]::after { left: 100%; top: 50%; margin-left: 8px; transform: translateX(0%) translateY(-50%); } [data-toggle="tooltip"]:hover::after, [data-toggle="tooltip"]:hover::before { opacity: 1; } /*end tooltip*/ /*start radio button*/ [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #ddd; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:before { border: 2px solid var(--primary); } [type="radio"]:checked + label { color: var(--primary); font-weight: 600; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ""; width: 8px; height: 8px; background: var(--base-primary); position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*end radio button*/ /*start checkbox*/ .ticket-confirm-agreement { display: flex; align-items: center; gap: 0.75rem; } .ticket-confirm-agreement input[type="checkbox"] { display: block !important; } .ticket-confirm-agreement input[type="checkbox"] + label::after, .ticket-confirm-agreement input[type="checkbox"] + label::before { display: none !important; } .ticket-confirm-agreement input[type="checkbox"] + label { padding: 0 !important; } input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + label::after { display: block; } input[type="checkbox"]:checked + label::before { background: var(--base-primary); border: 0; } input[type="checkbox"] + label { cursor: pointer; display: inline-block; position: relative; padding-left: 20px; width: 100%; margin: 0; } input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { content: ""; display: inline-block; position: absolute; } input[type="checkbox"] + label::before { width: 15px; height: 15px; background: #fff; left: 0px; top: 2px; border-radius: 2px; border: 1px solid #d4d4d4; } input[type="checkbox"] + label::after { width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; left: 5px; top: 4px; transform: rotate(45deg); display: none; } /*end checkbox*/ /*End Common Properties (Authour Sriram)*/ /*start datepicker style*/ ngb-datepicker { min-width: 320px; } .ngb-dp-header .btn-link { color: var(--primary); } ngb-datepicker .ngb-dp-month { width: 100%; } ngb-datepicker-month-view .ngb-dp-weekday, ngb-datepicker-month-view .ngb-dp-day { color: var(--primary); width: calc(100% / 7); font-weight: 500; font-style: normal; } ngb-datepicker-month-view .ngb-dp-day [ngbDatepickerDayView] { width: 100%; border-radius: 3px; } ngb-datepicker-month-view .ngb-dp-day [ngbDatepickerDayView]:hover { background-color: #c7d6f1; border-color: #c7d6f1; } ngb-datepicker-month-view .ngb-dp-day [ngbDatepickerDayView].bg-primary { background-color: var(--primary) !important; } ngb-datepicker .custom-select { color: var(--primary); margin: 0 5px; border-radius: 0; } ngb-datepicker.dropdown-menu { width: 320px; } /*end datepicker style*/ .fl100 { width: 100% !important; float: left !important; } .f24 { font-size: 24px; } .result-grid { background: #ffffff none repeat scroll 0 0; border: 1px solid #c0dddf; border-radius: 5px; float: left; margin: 0 0 10px; padding: 15px 10px 5px; width: 100%; /* height: 95px; */ } .result-grids ul { margin: 0px; padding: 0px; border-right: 1px solid #d5d5d5; } label.Currency-sym { font-weight: 700; float: left; } .result-grid.result-grids { overflow: hidden; padding: 0; border: 1px solid #d5d5d5; } .result-grids li.page-item { display: flex; align-items: center; border-left: 0; border-top: 0; border-bottom: 0; width: 100%; list-style-type: none; min-width: 50%; height: 4.5rem; } a.arrow { position: absolute; background: #fff; z-index: 1; height: 30px; width: 30px; border: 1px solid var(--primary); text-align: center; border-radius: 50%; font-weight: 600; top: 85px; } a.arrow.right { right: 1px; } a.arrow.left { left: 1px; } a.arrow i { margin: 8px; } .result-grids input[type="checkbox"] + label::before { display: none !important; } .result-grids input[type="checkbox"]:checked + label { border: 1px solid var(--base-primary); height: 4.5rem; } .result-grids input[type="checkbox"]:checked + label::after { display: none !important; } .result-grids input[type="checkbox"] + label { padding: 0.1rem; display: flex; object-fit: cover; flex-direction: column; text-align: center; } a.fimg.fimgs { float: none; margin-block-start: 5px; height: 25px; } .fimg.fimgs img { /* max-width: 138px; */ max-height: 25px; } label.Currency-sym { font-weight: 700; float: left; } .result-grids ul.check-list-style-3.pagination-lg { overflow-x: auto; } .result-grids span { margin: 2px 0 0 !important; } .d-block { display: block !important; } f11 { font-size: 11px; } ul.transfer-panel { list-style: none; padding: 5px 5px; margin: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; box-shadow: 0px 0px 5px 1px #f3f3f3; border-radius: 3px; border: 1px solid #d5d5d5; } ul.transfer-panel > li { width: 100%; } ul.transfer-panel > li > ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } ul.transfer-panel > li > ul > li { width: 60%; padding: 0 10px; } ul.transfer-panel > li > ul > li:first-child { width: 20%; position: relative; padding: 0; } ul.transfer-panel > li > ul > li:last-child { width: 20%; position: relative; padding: 0; padding: 10px 15px; } ul.transfer-panel > li > ul > li > .transfer-img { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: fill; object-position: center; } ul.transfer-panel > li > ul > li .email { position: absolute; top: -8px; right: 5px; } ul.transfer-panel > li > ul > li.transfer-info { display: grid; height: 100px; border-right: 1px solid #f3f3f3; } ul.transfer-panel > li > ul > li.transfer-info > label { margin: 0; } ul.transfer-panel > li > ul > li.transfer-info > label > img.info { cursor: pointer; width: 10px; margin-top: -2px; margin-left: 2px; } ul.transfer-panel > li > ul > li > h6 { margin: 0; } ul.transfer-panel > li > ul > li h6 { margin: 0 0 3px; } ul.transfer-panel > li > ul > li .search-button { padding: 0 10px; font-size: 12px; } ul.transfer-panel > li ul.transfer-details { list-style: square; width: 100%; } ul.transfer-panel > li ul.transfer-details > li { margin: 5px 0; width: 100%; } ul.transfer-panel > li ul.transfer-details > li > p { color: #868688; margin: 0; } ul.transfer-panel > li ul.transfer-details > li > p > span { font-size: 14px; color: var(--base-primary); font-weight: 600; } .transfer-details { padding: 5px; } .transfer-details h5 { margin: 0; } .transfer-details .transfer-img { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: fill; object-position: center; } .transfer-details .transfer-info { display: grid; height: 100px; } .transfer-details .transfer-info > label { margin: 0; } .transfer-details .transfer-info > label > img.info { cursor: pointer; width: 10px; margin-top: -2px; margin-left: 2px; } .transfer-details label { margin: 0; } .transfer-details .txt-lightgary { font-weight: 600; } .transfer-details ul.transfer-details { list-style: square; width: 100%; } .transfer-details ul.transfer-details > li { margin: 5px 0; width: 100%; } .transfer-details ul.transfer-details > li > p { color: #868688; margin: 0; } .transfer-details ul.transfer-details > li > p > span { font-size: 14px; color: var(--base-primary); font-weight: 600; } .modify-panel ul { list-style: none; padding: 0; margin: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; color: #fff; } .modify-panel ul > li { margin: 0 12px; position: relative; } .modify-panel ul > li:first-child { margin-left: 0; } .modify-panel ul > li:last-child { margin-right: 0; } .modify-panel ul > li > img.trip { position: absolute; top: 5px; right: -30px; } .modify-panel ul > li > h6 { margin: 0 0 5px; font-size: 14px; } .modify-panel ul > li > label { color: #d6e0f9; margin-bottom: 3px; } .modify-button { background-color: #fff; text-align: center; color: var(--base-primary); font-size: 14px; font-weight: 600; border-radius: 3px; height: 40px; line-height: 3; cursor: pointer; width: 120px; float: left; text-decoration: none; } .modify-button:hover { text-decoration: none; } .modify-button > a { color: var(--base-primary); text-decoration: none; } .modify-button > a:hover { text-decoration: none; } .filter-panel { width: 100%; float: left; padding: 10px; box-shadow: 1px 2px 4px 0px #dcdcdc; border-radius: 5px; border-bottom: 5px solid var(--primary); } .filter-panel .filter-heading { margin: 10px 0; border-bottom: 1px solid #f3f3f3; } .filter-panel .filter-heading h6 { font-weight: 600; color: var(--primary) !important; } .filter-panel .filter-title { border-bottom: 1px solid #f3f3f3; width: 100%; padding: 10px 5px; } .filter-panel .filter-title h6 { color: var(--primary) !important; font-weight: 700; position: relative; margin: 0; } .filter-panel .filter-title a h6 img { position: absolute; right: 0; top: calc(50% - 3px); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; transform: rotate(0deg); } .filter-panel .filter-title a.collapsed h6 img { transform: rotate(180deg); } .filter-panel .divider { width: 80%; margin: 10px auto; height: 1px; background-color: #dcdcdc; } ul.bound { border: 1px solid var(--primary) !important; border-radius: 3px; } ul.bound > li { border-right: 1px solid var(--primary) !important; } ul.stop { list-style: none; padding: 0; margin: 15px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; width: 100%; border: 1px solid #f3f3f3; border-radius: 3px; } ul.stop > li { width: 100%; text-align: center; border-right: 1px solid #f3f3f3; cursor: pointer; color: #667274; font-size: 14px; font-weight: 600; font-size: 12px; padding: 0 !important; } ul.stop > li > i.fa { margin: 8px 0 4px; } ul.stop > li:last-child { border: 0 !important; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.stop > li:last-child > input[type="checkbox"]:checked + label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.stop > li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.stop > li:first-child > input[type="checkbox"]:checked + label { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.stop > li.active { background: var(--primary) !important; color: #fff; } ul.stop > li > input[type="checkbox"] + label { padding: 5px 0 5px 0px !important; } ul.stop > li > input[type="checkbox"] + label:before, ul.stop > li > input[type="checkbox"] + label:after { display: none !important; } ul.stop > li > input[type="checkbox"]:checked + label { background-color: var(--primary) !important; color: #fff !important; } ul.depart { list-style: none; padding: 0; margin: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; width: 100%; } ul.depart li { padding: 3px 0; width: 100%; position: relative; } ul.depart li > label { width: 100%; color: #667274; font-weight: 600; font-size: 14px; } ul.depart li > label + span { float: right; color: #3c4142; position: absolute; top: 7px; width: max-content; right: 0; font-size: 12px; font-weight: 600; } .slider { margin: 30px 0 40px; padding: 0 20px; position: relative; } .slider .ui-slider-horizontal { height: 0.5em; border: 2px solid #c5c5c5 !important; background: #eee; } .slider .ui-widget-header { background-color: #f3f3f3; border: 1px solid #f3f3f3; } .slider .ui-widget-content .ui-state-default { border: 5px solid var(--primary); background: #fff; font-weight: normal; border-radius: 50px; width: 1.5em; height: 1.5em; top: -0.7em; } .slider .minval { position: absolute; top: 20px; left: 0; text-align: center; border: 0; font-weight: 700; color: #667274; font-size: 12px; } .slider .maxval { position: absolute; top: 20px; right: 0; text-align: center; border: 0; font-weight: 700; color: #667274; font-size: 12px; } ul.sort-bar { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; font-weight: 600; margin-bottom: 15px; } ul.sort-bar > li { width: 50%; text-align: center; margin-left: 5%; } ul.sort-bar > li:first-child { width: 30%; text-align: left; margin: 0; } ul.sort-bar > li:last-child { width: 20%; text-align: right; margin: 0; padding-right: 15px; } ul.sort-bar > li.round { width: 25%; } ul.sort-bar > li.hotel > li { width: 60% !important; } ul.sort-bar > li.hotel > li:first-child { width: 20% !important; } ul.sort-bar > li.hotel > li:first-child > a { color: #777777; font-weight: 700; } ul.sort-bar > li.hotel > li:last-child { width: 20% !important; } ul.sort { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; font-weight: 600; } ul.sort > li { width: 100%; text-align: center; color: #777777; font-weight: 700; } ul.sort > li a { color: #777777; font-weight: 700; } ul.sort > li.active a { color: var(--primary); } #flight-result ul.flt-footer > li { width: unset; } .static-panel { width: 100%; float: left; margin: 20px 0; box-shadow: 0px 0px 4px 2px #dcdcdc; min-height: 300px; position: relative; padding: 20px; } .static-panel::before { content: ""; position: absolute; top: 0px; left: 0; width: 5px; height: 100%; background-color: var(--base-primary); } .static-panel h4, h5, h6 { color: var(--base-primary); margin-bottom: 20px; } .static-panel p { font-size: 14px; line-height: 2; color: var(--primary); font-weight: 500; } .static-panel label { font-size: 14px; color: var(--primary); font-weight: 500; } .static-panel span { color: var(--primary); } /*start muli fontface*/ @font-face { font-family: 'Muli'; font-weight: 300; src: url(../Assets/fonts/Muli/Muli-Light.ttf); } @font-face { font-family: 'Muli'; font-weight: 400; src: url(../Assets/fonts/Muli/Muli-Regular.ttf); } @font-face { font-family: 'Muli'; font-weight: 600; src: url(../Assets/fonts/Muli/Muli-SemiBold.ttf); } @font-face { font-family: 'Muli'; font-weight: 700; src: url(../Assets/fonts/Muli/Muli-Bold.ttf); } /*end muli fontface*/ /*start Montserrat fontface*/ @font-face { font-family: 'Montserrat'; font-weight: 300; src: url(../Assets/fonts/Montserrat/Montserrat-Light.ttf); } @font-face { font-family: 'Montserrat'; font-weight: 400; src: url(../Assets/fonts/Montserrat/Montserrat-Regular.ttf); } @font-face { font-family: 'Montserrat'; font-weight: 600; src: url(../Assets/fonts/Montserrat/Montserrat-SemiBold.ttf); } @font-face { font-family: 'Montserrat'; font-weight: 700; src: url(../Assets/fonts/Montserrat/Montserrat-Bold.ttf); } /*end Montserrat fontface*/ /*start Sigvar fontface*/ @font-face { font-family: 'Sigvar'; font-weight: 400; src: url(../Assets/fonts/Sigvar/SigvarRegular.ttf); } @font-face { font-family: 'Sigvar'; font-weight: 700; src: url(../Assets/fonts/Sigvar/SigvarBold.ttf); } /*end Sigvar fontface*/ /*start nasalization*/ @font-face { font-family: 'Nasalization'; font-weight: 400; src: url(../Assets/fonts/Nasalization/nasalization-rg.ttf); } /*end nasalization*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../Assets/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../Assets/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../Assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('../Assets/fonts/fontawesome-webfont.svg#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; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.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: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .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; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-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 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-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 { -ms-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: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .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-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .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, .fa-gratipay: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-pp: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-resistance: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-y-combinator-square:before, .fa-yc-square:before, .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"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .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; } @import url(common.css); @import url(fonts.css); @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"); @import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap-grid.min.css"); :root { --base-secondary: var(--primary); --base-primary-rgb: 249, 159, 28; --base-secondary-rgb: 0, 38, 107; --base-primary: #ffb700; --base-primary-color: #252525; --base-primary-rgb: 90, 90, 90; --pre-loader-rgba: 0, 0, 156, 0.74; --base-hover-btn: #535a60; --container-max-width: 1320px; --main-font-family: "Muli", sans-serif; --bs-transition: all 0.3s ease-in-out; --bs-border-radius: 6px; --bs-border-color: #dddddd; --bs-border: 1px solid var(--bs-border-color); --body-bg: #252525; --base-bg: #e9ecef; --logo-width: 100px; --secondary: #fff; --full-name-opacity: 0.1; --animation-duration: 2s; --animation-count: 1000; --stroke-width: 1; --stroke-color: var(--primary); --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; } body { font-family: var(--main-font-family); font-size: 12px; font-weight: normal; position: relative; min-height: 100vh; width: 100%; float: left; } h3, .h3 { font-size: 1.75rem; } .form-select { display: block; width: 100%; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 10px; height: 40px; padding: 0 10px; font-size: 14px; } .text-primary { color: var(--base-primary) !important; } .clear--both { clear: both; } .clear--left { clear: left; } .clear--right { clear: right; } .horizontal-scroll { overflow-x: scroll; } .container { max-width: var(--container-max-width); } .muli { font-family: "Muli", sans-serif !important; } .sigvar { font-family: "Sigvar"; } .txt-lower { text-transform: capitalize !important; } table { width: 100%; } a, a:hover { color: var(--base-primary); font-weight: 600; text-decoration: none; } .title { font-weight: 700; color: var(--primary); font-size: 25px; } .empty-space { width: 100%; float: left; height: 1px; margin: 50px 0; } .bg-blue { background-color: var(--primary); } .bg-register { backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; width: calc(100% - 24vw); } .register-custom { text-align: center; } .lnkbtn, .lnkbtn:hover { color: var(--base-primary); text-decoration: none; } .lnkblue, .lnkblue:hover { color: var(--primary) !important; font-weight: bold; text-decoration: none; } .mandatory { color: red; font-size: 14px; } body section { margin: 9px 0; width: 100%; float: left; } .txt-lightblue { color: #6382b9 !important; font-weight: 600 !important; } .txt-lightgary { color: #9d9fa4 !important; } .txt-blue { /* color: var(--primary) !important; */ } .txt-white { color: var(--bs-white); } .txt-dark { color: #02112d !important; font-weight: 600 !important; } .txt-gray { color: #7b8188 !important; font-weight: 600 !important; } .txt-white { color: #fff !important; } .txt-orange { color: var(--base-primary) !important; font-weight: 600 !important; } .error { font-size: 12px; color: red; font-weight: 700; } form .validationError { .__body { border-color: #ff0000; } .icon { color: #ff0000; } } .w120px { width: 120px !important; } .truncate { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .light { font-weight: 300 !important; } .regular { font-weight: 400 !important; } .semibold { font-weight: 600 !important; } .bold { font-weight: 700 !important; } .f11 { font-size: 11px; } .form-control { font-size: 12px; } /*start toast alert style*/ .iziToast { padding: 5px 45px 5px 0 !important; min-height: 40px !important; } .iziToast > .iziToast-body .iziToast-icon { margin-top: -10px !important; width: 20px !important; height: 20px !important; } .iziToast > .iziToast-body .iziToast-title { font-size: 11px !important; } .iziToast > .iziToast-body .iziToast-message { font-size: 10px !important; color: #fff !important; letter-spacing: 0.5px; } .toast-info { background-image: linear-gradient( to right, #17a2b8, #3daec1, #56b9cb, #6bc5d4, #7fd1de ); } .toast-warn { background-image: linear-gradient( to right, #ffc107, #ffca3c, #ffd35b, #ffdc77, #ffe492 ); } .toast-success { background-image: linear-gradient( to right, #28a745, #40af57, #55b869, #67c07a, #79c88b ); } .toast-fail { background-image: linear-gradient( to right, #696969, #777777, #848484, #939393, #a1a1a1 ); } .toast-danger { background-image: linear-gradient( to right, #dc3545, #e24d58, #e7616b, #eb757e, #ee8790 ); } .toast-wait { background-image: linear-gradient( to right, #db7093, #e283a2, #e895b0, #eea8bf, #f4bacd ); } .toast-cancel { background-image: linear-gradient( to right, #8b008b, #9e329d, #b051b0, #c36dc2, #d588d5 ); } .toast-mail { background-image: linear-gradient( to right, #764fa4, #7a61ad, #8071b4, #8781bb, #9191c0 ); } .toast-bell { background-image: linear-gradient( to right, #c9ae62, #cdb074, #cfb286, #cfb597, #cbb9a8 ); } /*end toast alert style*/ /*start header*/ header { background-color: var(--primary); height: 70px; } header .main-logo { width: 110px; margin-block-end: 7px; } .header { background-color: var(--primary); height: 70px; } .header .main-logo { width: 110px; height: 48px; margin-block-end: 7px; object-fit: fill; object-position: center; } .header ul.navbar-nav > li.nav-item { min-width: 100px; text-align: center; cursor: pointer; } .header ul.navbar-nav > li.nav-item > a { color: #fff; font-size: 16px; font-weight: 400; } .header ul.navbar-nav > li.nav-item.active > a { color: var(--base-primary); } .header ul.navbar-nav.nav-right > li.nav-item > a { border-right: 1px solid #fff; padding: 0px 20px; } .header ul.navbar-nav > li.hover-item > .hover-menu { visibility: hidden; opacity: 0; transition: transform 200ms ease, opacity 200ms; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 6px -2px #848484; min-width: 200px; text-align: center; position: absolute; top: 50px; padding: 5px; z-index: 9; } .header ul.navbar-nav.nav-right > li.nav-item:last-child > a { border: 0; background: #3d3c3c; color: var(--white); padding: 0.2rem 1rem 0.2rem 0rem; border-radius: 5px; font-weight: bolder; transition: all 0.4s ease-in-out 0s; } .header ul.navbar-nav.nav-right > li.nav-item:last-child:hover > a { color: var(--base-primary); } .header .navbar-nav .nav-item:hover > a { color: var(--base-primary); } .nav-right .dropdown:hover > .dropdown-menu { right: 0 !important; left: auto; } .dropdown:hover > .dropdown-menu, .dropdown:focus > .dropdown-menu, .dropdown:focus-within > .dropdown-menu { display: block; top: 79%; } .dropdown-menu h6 { padding-left: 5px; } .dropdown > .dropdown-toggle:active { pointer-events: none; } .nav-link { padding: unset; } .custom-btn-style { background: var(--primary); color: #fff; padding: 10px; border-radius: 5px; margin-left: 1px; } .custom-btn-style :hover { background-color: var(--primary) c7; color: var(--base-primary); } #otp_error { color: white; text-align: center; background-color: red; text-transform: uppercase; padding: 5px; } .loaderSpinner { text-align: center; } .loader-Spin { width: 38px; height: 38px; border: 5px solid; border-color: var(--primary) transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotationloaderSpin 1s linear infinite; } @keyframes rotationloaderSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .dropdown-item { padding: 0.25rem 0.5rem; font-size: 13px; letter-spacing: 0.5px; color: #fff; } .dropdown-item:hover { font-weight: 400; background-color: var(--base-primary); color: var(--white); transition: 0.5s; } /*end header*/ /*strat footer*/ .footer { /* background-color: rgba(255, 255, 255, 0.06); */ background-color: var(--primary); height: 60px; width: 100%; position: absolute; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .footer ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; } .footer ul > li > a { color: #fff !important; font-size: 12px; text-decoration: none; } .footer ul.social { justify-content: space-evenly; } .footer label { margin: 0; color: #fff; font-size: 12px; width: 100%; text-align: right; } /*end footer*/ /*start login page*/ .login-panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-flex-direction: column; width: 100%; float: left; min-height: 100vh; } .login-panel.register { margin-bottom: 100px; } .login-panel .bg-white { background-color: #fff; width: 75%; float: left; } .login-panel .xs-block { display: none !important; } .login-panel h2 { font-weight: 700; color: var(--primary); text-align: center; margin-bottom: 30px; } .login-panel h4 { text-transform: uppercase; font-weight: 900; color: var(--white); } .login-panel label { font-weight: 600; font-size: 14px; width: 100%; color: var(--white); } .login-panel .login-button { width: 100%; float: left; text-align: center; text-transform: uppercase; color: #fff; background-color: var(--primary); font-size: 17px; padding: 15px; letter-spacing: 0.5px; text-decoration: none; cursor: pointer; } .login-button-submit { font-size: 17px; width: 100%; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; padding: 0.5rem 1.5rem; background-color: var(--primary); color: #ffffff; border: none; border-radius: 0.35rem; cursor: pointer; display: flex; transition: background-color 0.3s ease-in-out; justify-content: center; gap: 0.75rem; font-weight: 700; align-items: center; height: 45px; } .login-button-submit:hover { background-color: var(--base-primary); } .back-button { position: absolute; inset-block-start: 0; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: var(--primary); color: var(--bs-white); border-radius: 0.6rem 0 0.6rem 0; transition: var(--bs-transition); } .back-button:hover { background-color: var(--bs-white); color: var(--primary); } .login-logo { min-width: 150px; } .login-logo img { width: 100%; } .input-field-icons { width: 40px; padding: 10px 12px !important; background-color: rgba(255, 255, 255, 0.5) !important; } .input-field-icons i { color: var(--primary); } .showPassword-login { color: var(--primary) !important; background-color: rgba(255, 255, 255, 0.5) !important; border: 0; border-radius: 0; } .login-panel input[type="text"], .login-panel input[type="password"], input::placeholder { border-radius: 0; font-size: 14px; height: 50px; color: #8f9194; } .login-panel .input-group input[type="text"], .login-panel .input-group input[type="password"] { border-left: 0; } .login-panel .input-group input[type="text"]:focus, .login-panel .input-group input[type="password"]:focus { border-color: #ced4da; outline: 0; box-shadow: 0 0 0 0 #000; } .login-panel .input-group-text { border-radius: 0; background-color: #f4f5f6; border-right: 0; padding: 10px 10px; } .login-panel .input-group-text img { width: 15px; } .login-panel .register-panel { padding: 20px; margin: 0; } .login-panel .register-panel input[type="checkbox"] + label { font-weight: 400; color: #5b5d61; } .login-panel .logo-section { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 10px; } .login-panel .logo-section h6, .login-panel .login-section h6 { position: absolute; bottom: 15px; color: #61656c; font-size: 20px; } .login-panel .logo-section h6 > a, .login-panel .login-section h6 > a { color: #000; font-weight: 700; } .login-panel .login-section { } .login-panel .reset-error { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; justify-content: center; align-items: center; } /*end login page*/ /*start home page*/ .search-panel { } .search-panel .card-body { min-height: 355px; } .search-panel .nav-pills { margin: 0 !important; width: 100%; } /* .search-panel .nav-pills>li { width: 20%; } */ .search-panel .nav-pills .nav-link { color: #fff; background-color: transparent; font-size: 18px; text-transform: capitalize; letter-spacing: 1px; padding: 0 1rem; font-weight: 400; } .search-panel .nav-pills .nav-link.active { color: var(--base-primary); } .search-panel .nav-pills .nav-link > i { margin-right: 5px; } ul.triptype { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; justify-content: flex-start; align-items: center; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; font-size: 14px; } ul.triptype > li { margin-right: 10px; } .autocomplete-container .input-container input { border-radius: 10px; } .search-engine { position: relative; } .search-engine #inputSearchGroup { display: flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 900; } .search-engine .search-group { position: relative; } .search-engine.select-fields .search-group .addon { top: 10px !important; } .search-engine .search-group .addon { position: absolute; top: 7px; right: 10px; text-align: center; } .search-engine .search-group .addon img, .lnkbtn img { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0.6; } .search-engine .search-group .form-control { padding: 0 40px 0 20px; } .search-engine .form-control { border-radius: 10px; height: 40px; padding: 0 10px; font-size: 14px; color: #000000; } .search-engine .form-control[readonly] { background-color: transparent; cursor: pointer; } .search-engine select.form-control { -webkit-appearance: none; padding: 0 25px 0 20px !important; } .search-engine .form-control::placeholder { color: #777; } .search-engine .drpdown { background-color: #ffffff; padding: 10px; box-shadow: 0px 0px 6px -2px #848484; border-radius: 5px; } .search-engine .drpdown ul.tripclass { list-style: none; padding: 0; margin: 0; width: 100%; flex-direction: column; -webkit-flex-direction: column; } .search-engine .drpdown ul.tripclass > li { padding: 5px 0; } .search-engine .drpdown ul.pax { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; width: max-content; flex-wrap: nowrap; } .search-engine .drpdown ul.pax > li { margin: 5px; padding: 5px; width: 30px; height: 30px; background: #f3f3f3; color: #666; border: 1px solid #fff; text-align: center; border-radius: 5px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .search-engine .drpdown ul.pax > li:hover { background: #ddd; color: #777; border: 1px solid #ddd; } .search-engine .drpdown ul.pax > li.active { background: var(--primary); color: #fff; border: 1px solid var(--primary); } .search-engine .multi .lnkbtn, .search-engine .multiroom .lnkbtn { height: 40px; width: 120px; background-color: #ffffff; color: var(--primary); text-decoration: none; font-size: 12px; float: left; line-height: 3; font-weight: 700; border-radius: 3px; } .search-button { float: left; text-align: center; color: #fff !important; background-color: var(--primary); border: 1px solid var(--primary); font-size: 16px; padding: 6px 10px; letter-spacing: 1px; text-decoration: none; border-radius: 3px; cursor: pointer; font-weight: 400; min-width: 105px; } .search-button:hover { color: #fff; text-decoration: none; font-weight: 400; } .view-price-btn { color: var(--primary); min-width: 105px; text-align: center; font-size: 11px; font-weight: 400; padding: 2px 0px; transition: all 0.2s ease; } .view-price-btn:hover { color: var(--base-primary); } .round-button { background-color: #fff; text-align: center; color: var(--primary); font-size: 16px; font-weight: 600; border-radius: 50px; height: 50px; width: 50px; cursor: pointer; float: left; text-decoration: none; cursor: pointer; } .round-button > .fa { font-size: 25px; line-height: 2; } .sub-button { width: 100%; float: left; text-align: center; text-transform: uppercase; color: var(--primary); background-color: #fff; border: 1px solid var(--primary); font-size: 16px; padding: 6px; /* margin: 15px 0; */ letter-spacing: 0.5px; text-decoration: none; border-radius: 3px; cursor: pointer; } /*start my wallet*/ .h-divider { margin-top: 0; margin-bottom: 10px; height: 1px; width: 90%; border-top: 1px solid #ffffff4a; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: 0.25; } .my-wallet { max-height: 460px; color: #fff; display: grid; padding-top: 10px; position: relative; isolation: isolate; border-radius: 5px; background-color: var(--primary); font-size: 16px; } .my-wallet::after { background-blend-mode: luminosity; background-image: url(https://wonderfulengineering.com/wp-content/uploads/2017/01/aircraft-noise.jpg); background-size: cover; background-position: center; content: ""; position: absolute; inset: 0; opacity: 0.2; z-index: -1; } .my-wallet .d-flex { padding-inline-start: 17px; } .recharge-btn button { color: #c5c5c5; border-color: #5a5a5a; } .my-wallet h2 { font-weight: 700; color: var(--base-primary); } .my-wallet h6 { color: #d9870e; } .my-wallet h3 { font-weight: 700; } /*end my wallet*/ /*start card style*/ /* Cancellation card */ #cancellationPolicy .card { border: unset; background-color: #f9f9f900; transition: transform 0.3s ease, box-shadow 0.3s ease; } #cancellationPolicy .card:hover { transform: translateY(-5px); } #cancellationPolicy .card h2 { font-size: 1.5rem; color: #333; border-bottom: 2px solid #ddd; padding: 0.5rem; } #cancellationPolicy .card p { font-size: 1rem; color: #555; margin: 3px 0; } #cancellationPolicy .allowCx { color: #28a745; text-transform: uppercase; } #cancellationPolicy .notAllowCx { color: #d9534f; text-transform: uppercase; } #cancellationPolicy .card strong { color: #d9534f; } #cancellationPolicy .charge { color: #28a745; font-size: 1.2rem; } .card { border: 0; /* box-shadow: 1px 2px 4px 0px #848484; */ border: 2px solid #f3f3f3; border-radius: 3px; > .card-header { background-color: var(--primary); display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-block: 0.5rem; padding-inline: 0.6rem; .title { color: #fff; font-weight: 400; letter-spacing: 0.5px; margin: 0; width: 100%; font-size: 20px; &-icon { float: right; width: 50px; height: 50px; } } .search-group { position: relative; .form-control { height: 40px; padding: 0 50px 0 20px; } .addon { position: absolute; top: 7px; right: 10px; width: 50px; height: 30px; text-align: center; } } .nav { margin: 0; padding: 0; gap: 0.5rem; .nav-item:is(.group-request-button) { margin-inline-start: auto; .nav-link { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25); } } .nav-link { color: #fff; background-color: transparent; font-size: 16px; text-transform: capitalize; padding: 0.4rem 0.9rem; font-weight: 400; transition: var(--bs-transition); border-radius: inherit; border-radius: 0.35rem; cursor: pointer; &:not(.active):hover { background-color: var(--light); color: var(--dark); box-shadow: none; transform: scale(1.05); } &:is(.active) { font-weight: 700; color: var(--primary); background-color: var(--base-primary); } } } } } /*end card styles*/ /*start table*/ table.table { border: 0; margin: 0; width: 100%; } table.table th { border-top: 0; font-size: 14px; color: #41464e; font-weight: 700; width: 20%; } table.table td { color: #676d76; font-size: 14px !important; } table.table td .truncate { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table.table td:first-child { color: #010d22; } table.table .airlogo { width: 30px; height: 30px; background-color: #fff; border-radius: 50px; border: 1px solid #bbbbbb; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } table.table .airlogo img { width: 20px; height: 20px; } /*end table*/ /*start topseller*/ ul.topseller { list-style: none; padding: 0; margin: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: nowrap; width: 100%; } ul.topseller > li { width: 30%; box-shadow: 1px 2px 4px 0px #848484; position: sticky; border-radius: 3px; top: 0; margin: 0 1%; } ul.topseller > li ul.top-airline, ul.topseller > li ul.top-route, ul.topseller > li ul.top-dest { list-style: none; padding: 0; margin: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } ul.topseller > li ul.top-airline > li, ul.topseller > li ul.top-route > li, ul.topseller > li ul.top-dest > li { width: 100%; } ul.topseller > li ul.top-airline > li > ul.airline { list-style: none; padding: 0; margin: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; height: 50px; } ul.topseller > li ul.top-airline > li > ul.airline > li { margin: 0 5px; } ul.topseller > li ul.top-airline > li > ul.airline .air-logo { width: 50px; height: 50px; padding: 10px; background-color: #fff; border: 2px solid #b5b8bd; border-radius: 5px; } ul.topseller > li ul.top-airline > li > ul.airline .air-logo > img { width: 25px; height: 25px; } ul.topseller > li ul.top-airline > li > ul.airline h5, ul.topseller > li ul.top-route > li.route h6, ul.topseller > li ul.top-dest > li.dest h6 { margin: 0; font-size: 18px; width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.topseller > li ul.top-airline > li > ul.airline label, ul.topseller > li ul.top-route > li.route label, ul.topseller > li ul.top-dest > li.dest label { margin: 1px 0; color: #6a6d73; font-size: 14px; } ul.topseller > li ul.top-route > li.route { padding-left: 50px; position: relative; margin: 10px 0; height: 68px; } ul.topseller > li ul.top-route > li.route:before { content: ""; width: 7px; height: 7px; border-radius: 100%; background-color: #b5b8bd; position: absolute; top: 8px; left: 17px; z-index: 1; } ul.topseller > li ul.top-route > li.route:after { content: ""; content: ""; width: 7px; height: 7px; border-radius: 100%; background-color: #b5b8bd; position: absolute; bottom: 5px; left: 17px; z-index: 1; } ul.topseller > li ul.top-route > li.route .line { position: absolute; top: 10px; left: 20px; width: 1px; height: 75%; background-color: #b5b8bd; margin: auto; } ul.topseller > li ul.top-route > li.route.empty:before { content: ""; display: none; } ul.topseller > li ul.top-route > li.route.empty:after { content: ""; display: none; } ul.topseller > li ul.top-dest > li.dest { padding-left: 30px; position: relative; margin: 6.5px 0; height: 57px; } ul.topseller > li ul.top-dest > li.dest .location { position: absolute; top: 3px; left: 5px; } ul.topseller > li ul.top-dest > li.dest > h6 > span { font-size: 16px; color: #7b7f86; } ul.topseller > li ul.top-dest > li.dest label { color: #6a6d73; } /*end topseller*/ /*start topdeal*/ #topDeal .carousel-inner .active, #topDeal .carousel-inner .active + .carousel-item, #topDeal .carousel-inner .active + .carousel-item + .carousel-item, #topDeal .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item { display: block; opacity: 1; } #topDeal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #topDeal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #topDeal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #topDeal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; } #topDeal .carousel-control-prev { left: -45px; background-color: #ccc; height: 50px; top: calc(50% - 25px); width: 50px; border-radius: 50px; } #topDeal .carousel-control-next { right: -45px; background-color: #ccc; height: 50px; top: calc(50% - 25px); width: 50px; border-radius: 50px; } #topDeal .carousel-inner .carousel-item-next, #topDeal .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } #topDeal .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: 100%; z-index: -1; display: block; visibility: visible; } /* left or forward direction */ #topDeal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #topDeal .carousel-item-next.carousel-item-left + .carousel-item, #topDeal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #topDeal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #topDeal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } /* farthest right hidden item must be abso position for animations */ #topDeal .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } /* right or prev direction */ #topDeal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #topDeal .carousel-item-prev.carousel-item-right + .carousel-item, #topDeal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #topDeal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #topDeal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } /* Bootstrap Lightbox using Modal */ #profile-grid { overflow: auto; white-space: normal; } #profile-grid .profile { padding-bottom: 40px; } #profile-grid .panel { padding: 0; } #profile-grid .panel-body { padding: 15px; } #profile-grid .profile-name { font-weight: bold; } #profile-grid .thumbnail { margin-bottom: 6px; } #profile-grid .panel-thumbnail { overflow: hidden; } #profile-grid .img-rounded { border-radius: 4px 4px 0 0; } .panel-default a { text-decoration: none; } .dealbox { box-shadow: 0px 1px 4px 1px #dcdcdc; display: grid; height: 230px; border-radius: 5px; margin: 5px; padding: 3px; letter-spacing: 0.5px; } .dealbox > img { width: 245px !important; height: 225px; border-radius: 5px; object-fit: fill; object-position: center; } .dealbox h4 { color: var(--primary); text-transform: uppercase; font-weight: 700; } .dealbox h5 { color: var(--primary); text-transform: uppercase; font-weight: 400; } .dealbox .label { font-size: 16px; color: #777777; font-weight: 400; } .dealbox .airlogo { width: 40px; height: 40px; margin-bottom: 10px; } .dealbox span { color: #e67112; font-size: 14px; font-weight: 400; } /*end topdeal*/ /*end home page*/ /*start breadcrumb*/ .breadcrumb { background-color: #fff; margin: 0; padding: 0.75rem 0; align-items: center; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105 "; font-family: "FontAwesome"; color: #6b7885 !important; font-size: 14px; } .breadcrumb .breadcrumb-item a { color: #6b7885 !important; font-size: 12px; font-weight: 600; } .breadcrumb .breadcrumb-item a > img { margin-top: -5px; margin-right: 5px; } .breadcrumb-border { border-bottom: 2px solid var(--primary); } /*end breadcrumb*/ /*start tooltip*/ .tltip { position: relative; width: auto !important; } .tltip, .tltip * { cursor: pointer; } .tltip .ttip { visibility: hidden; opacity: 0; transition: transform 200ms ease, opacity 200ms; background: #ddedff; border-radius: 5px; box-shadow: 0px 0px 6px -2px #848484; min-width: 150px; text-align: center; position: absolute; bottom: 10px; padding: 5px; z-index: 9; width: 100%; left: -62px; } .tltip .ttip.maxh { max-height: 250px; overflow-y: auto; min-width: 300px; max-width: 400px; } .tltip .ttip .arrow { position: absolute; bottom: -14px; left: 0; font-size: 20px; width: 100%; text-align: center; } .tltip .ttip .arrow .caret { color: #c8d8ea; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; display: inline-block; width: 0; height: 0; margin-left: 0px; vertical-align: middle; } .tltip:hover .ttip { visibility: visible; opacity: 1; transform: translateY(-14px); } .tltip .ttip table { width: 100%; margin: 0; text-align: center; } .tltip .ttip table thead td { padding: 5px; color: var(--primary); font-size: 10px; opacity: 0.5; border-bottom: 1px dashed #5d5d5d; } .tltip .ttip table td { padding: 2px; } .tltip .ttip table td label { font-size: 10px !important; color: var(--primary) !important; font-weight: 600; margin: 0; } .tltip .ttip table td i { font-size: 10px !important; color: #faa81c !important; font-weight: normal; margin: 0 3px; } /*start tooltip*/ .tltips { position: relative; /*width: auto !important;*/ width: 70% !important; text-align: center; } .tltips, .tltips * { cursor: pointer; } .tltips .tltips { visibility: hidden; opacity: 0; transition: transform 200ms ease, opacity 200ms; background: #ddedff; border-radius: 5px; box-shadow: 0px 0px 6px -2px #848484; /*min-width: 150px;*/ text-align: center; position: absolute; bottom: 10px; padding: 5px; z-index: 9; width: 100%; min-width: 400px; left: -333px; } .tltips .tltips.maxh { max-height: 250px; overflow-y: auto; min-width: 300px; max-width: 400px; } .tltips .tltips .arrow { position: absolute; bottom: -14px; left: 100px; font-size: 20px; width: 100%; text-align: center; } .tltips .tltips .arrow .caret { color: #c8d8ea; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; display: inline-block; width: 0; height: 0; margin-left: 0px; vertical-align: middle; } .tltips:hover .tltips { visibility: visible; opacity: 1; transform: translateY(-14px); } .tltips .tltips table { width: 100%; margin: 0; text-align: center; } .tltips .tltips table thead td { padding: 5px; color: var(--primary); font-size: 10px; opacity: 0.5; border-bottom: 1px dashed #5d5d5d; } .tltips .tltips table td { padding: 2px; } .tltips .tltips table td label { font-size: 10px !important; color: var(--primary) !important; font-weight: 600; margin: 0; } .tltips .tltips table td i { font-size: 10px !important; color: #faa81c !important; font-weight: normal; margin: 0 3px; } /*end tooltip*/ .supplierInfo { position: relative !important; /* width: auto !important; */ opacity: 1 !important; visibility: visible !important; background: none !important; border: none !important; bottom: 0px !important; box-shadow: none !important; min-width: 10px !important; left: 0px !important; padding: 5px !important; } .supplierInfo img { width: 10px !important; } /*end tooltip*/ /*start modal*/ .modal .modal-header h4 { color: var(--primary); text-align: center; } /*end modal*/ /*start flight review*/ .pax-details { border-top: 1px solid var(--primary); } .pax-details .lblval { color: #3b4d6e; font-size: 14px; margin: 0; font-weight: 600; } .pax-details .lblval > span { margin-right: 20px; margin-left: 5px; font-weight: 400; } .pax-details .lbltitle { color: #787d85; font-size: 14px; margin: 0; font-weight: 600; } /*end flight review*/ /*start input style*/ .form .form-control { border-radius: 2px; font-size: 12px; height: 40px !important; } #booking-result .form .form-select { border-radius: 2px; font-size: 12px; height: 40px !important; } .form label { color: #666666; font-weight: 600; letter-spacing: 0.5px; } .multi-input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: nowrap; width: 100%; } .multi-input .search-group { width: 100%; } .multi-input .form-control { border-right: 0; } .multi-input .form-control:last-child, .multi-input .search-group:last-child .form-control { border-right: 1px solid #949fb0; } /*end input style*/ /*start ul table*/ .table { width: 100%; float: left; border: 1px solid var(--primary); border-radius: 3px; } .table > ul.table-head { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: nowrap; width: 100%; background-color: var(--primary); border-top-left-radius: 3px; border-top-right-radius: 3px; } .table > ul.table-head > li { color: #fff; padding: 10px 10px; width: 100%; text-align: center; } .card-footer ul li { min-width: 150px; } .table > ul.table-body { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: nowrap; width: 100%; border: 1px solid var(--primary); } .table > ul.table-body li { padding: 10px 10px; width: 100%; text-align: center; } .table > ul.table-body:last-child li { border-bottom: 0; } .table > ul.table-body li:first-child { margin-left: 15px; } .table > ul.table-body li:last-child { margin-right: 15px; } /*end ul table*/ /*start hotel result panel*/ ul.htl-panel { list-style: none; padding: 5px 5px; margin: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; box-shadow: 0px 0px 5px 1px #dcdcdc; border-radius: 3px; } ul.htl-panel > li:first-child, ul.htl-panel > li:last-child { width: 20%; position: relative; padding: 0; } ul.htl-panel > li { width: 60%; padding: 0 10px; } ul.htl-panel > li > .htl-img { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; } ul.htl-panel > li .email { position: absolute; top: -8px; right: 5px; } ul.htl-panel > li:last-child { padding: 10px 15px; } ul.htl-panel > li.htl-info { display: grid; height: 100px; border-right: 1px solid #f1f1f1; } ul.htl-panel > li.htl-info > label { margin: 0; } ul.htl-panel > li > ul.star, ul.htl-panel > li > ul.amenities { list-style: none; padding: 0px; margin: 0 !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; } ul.htl-panel > li > h6 { margin: 0; } ul.htl-panel > li > ul.star > li { margin-right: 5px; } ul.htl-panel > li > ul.amenities > li { margin-right: 10px; width: 25px; text-align: center; } ul.htl-panel > li h6 { margin: 0 0 3px; } ul.htl-panel > li .search-button { padding: 0 10px; font-size: 12px; } /*end hotel result panel*/ /*start hotel booking*/ .activites-details { padding: 5px; } .activites-details h5 { margin: 0; } .activites-details .htl-img { width: 100%; height: 170px; background-position: center; background-repeat: no-repeat; background-size: cover; } .activites-details .htl-info { display: grid; min-height: 200px; } .activites-details label { margin: 0; } .activites-details ul.star { list-style: none; padding: 0px; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; } .activites-details .txt-lightgary { font-weight: 600; } ul.checklist { list-style: none; padding: 0px; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } ul.checklist > li { width: 23%; margin: 5px; } /*end hotel booking*/ /*start loader styles*/ .loader-wrapper { width: 100%; margin: auto; height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; background-color: var(--primary); z-index: 999; top: -125px; height: 100vh; overflow: auto; } .loader-wrapper .loader .logo { max-height: 50px; object-fit: fill; object-position: center; margin: auto; } .loader-wrapper .loader .logo img { width: 30%; } .loader-wrapper .loader h4 { margin-top: 50px; font-weight: 500; color: var(--base-primary); letter-spacing: 0.5px; word-spacing: 2px; } .loader-wrapper .loader > h5 { margin-top: 20px; font-weight: 500; color: var(--white); letter-spacing: 0.5px; word-spacing: 2px; } .loader-wrapper .loader h4 > .highlight { color: var(--white); text-transform: uppercase; font-weight: 700; } .loader-wrapper .loader label { width: 100%; letter-spacing: 0.5px; word-spacing: 2px; margin: 0; } .loader-wrapper .loader .loader-img { margin: 30px auto; width: 200px; } .loader-wrapper .loader .loader-img img { width: 100%; letter-spacing: 0.5px; word-spacing: 2px; } /*end loader styles*/ /*start hotel details*/ /*start hotel details*/ .detail-info { border-top: 2px solid #1a4faf; margin: 0; padding: 10px 0 0px; } .detail-info ul.star { list-style: none; padding: 0px; margin: 0 0 0 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; } .detail-info ul.star > li { margin-right: 5px; } .detail-info h5 { margin: 0 0 5px 0; } .detail-info label { margin: 5px 0; color: #6b7885 !important; font-size: 12px; font-weight: 600; width: 100%; } .detail-info label > img { margin-right: 10px; } .hotel-nav .nav-pills { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; } .hotel-nav .nav-pills > li { width: 20%; } .hotel-nav .nav-pills .nav-link { color: #fff; background-color: transparent; font-size: 14px; text-transform: capitalize; letter-spacing: 1px; padding: 15px 0; position: relative; width: max-content; } .hotel-nav .nav-pills .nav-link.active:after { content: ""; position: absolute; bottom: 10px; left: 0; background-color: var(--base-primary); height: 4px; width: 100%; border-radius: 15px; } .hotel-content .room .txt-blue { border-bottom: 1px solid #d2e2ff; padding-bottom: 10px; } .hotel-content ul.room { list-style: none; padding: 0px; margin: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; flex-wrap: nowrap; width: 100%; border: 1px solid #79819b; border-radius: 3px; } .hotel-content ul.room > li > ul, .hotel-content ul.room-head { list-style: none; padding: 0px; margin: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } .hotel-content ul.room > li > ul > li { padding: 0 10px; width: 100%; min-height: 70px; border-bottom: 1px solid #79819b; border-right: 1px solid #79819b; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; align-items: center; } .hotel-content ul.room > li > ul > li h5, .hotel-content ul.room > li > ul > li h4, .hotel-content ul.room > li > ul > li label { margin: 0; } .hotel-content ul.room > li > ul > li [type="radio"]:checked + label:before, .hotel-content ul.room > li > ul > li [type="radio"]:not(:checked) + label:before { top: -10px; } .hotel-content ul.room > li > ul > li [type="radio"]:checked + label:after, .hotel-content ul.room > li > ul > li [type="radio"]:not(:checked) + label:after { top: -5px; } .hotel-content ul.room-head > li { width: 100%; text-align: center; margin: 10px 0; font-size: 14px; } .hotel-content ul.room > li > ul > li:first-child, .hotel-content ul.room-head > li:first-child { width: 20%; } ul.htl-panel > li > ul.amenities > li.vmame { width: 60px; } .search-group ngb-datepicker.dropdown-menu { width: auto; } .hotel-content ul.room > li > ul > li:nth-child(3), .hotel-content ul.room-head > li:nth-child(3) { width: 60%; } .hotel-content ul.room > li > ul > li:last-child { border-right: 0; } .hotel-content ul.room > li:last-child > ul > li { border-bottom: 0; } .btnselect, .btnselect:hover { width: max-content; float: left; text-align: center; color: #fff; background-color: var(--primary); border: 1px solid var(--primary); font-size: 12px; padding: 0 5px; margin: 5px 0 5px 0; letter-spacing: 0.5px; text-decoration: none; border-radius: 3px; cursor: pointer; } .hotel-content .detail p { color: #555555; font-size: 12px; font-weight: 600; letter-spacing: 0px; text-align: justify; line-height: 22px; } .hotel-content .detail .amen h6 { color: #1c2c49; text-transform: uppercase; font-weight: 700; font-size: 14px; } .hotel-content .detail .amen ul { list-style: none; padding: 0; margin: 5px 0 25px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; align-items: center; } .hotel-content .detail .amen ul > li { padding: 3px 0; font-size: 12px; color: #5f6a7d; font-weight: 600; width: 25% !important; } .hotel-content table td { padding: 5px; } #hotelImages .bg-img { width: 100%; height: 507px; background-position: center; background-repeat: no-repeat; background-size: cover; } .col-img { width: 100%; height: 249px; background-position: center; background-repeat: no-repeat; background-size: cover; } /*end hotel details*/ /*start admin page*/ .agent-profile .lnkbtn > img, .manage-user .lnkbtn > img { margin-right: 5px; width: 20px; } .agent-profile table { width: 100%; margin: 20px 0; } .agent-profile table > tbody > tr > td { width: 5%; padding: 10px 5px; font-size: 12px; margin: 0; font-weight: 600; } .agent-profile table > tbody > tr > td > label { margin: 0; } .agent-profile table > tbody > tr > td:first-child { width: 20%; color: #787d85; } .agent-profile table > tbody > tr > td:last-child { width: 65%; color: #3b4d6e; } .manage-user table { width: 100%; margin: 20px 0; } .manage-user table > thead > tr > td { min-width: 10%; padding: 15px 10px; font-size: 14px; margin: 0; font-weight: 600; background-color: var(--primary); color: #ffffff; } .manage-user table > thead > tr > td > label { margin: 0; } .manage-user table > tbody > tr > td { min-width: 10%; padding: 15px 10px; font-size: 12px; margin: 0; font-weight: 600; border-bottom: 1px solid #bac1cc; } .manage-user table > tbody > tr > td > label { color: #3b4d6e; margin: 0; } .preference .search-engine .search-group .addon { top: 15px; } input[type="file"]::-webkit-file-upload-button { visibility: hidden; } input[type="file"] { background-color: #fff; color: transparent; text-transform: uppercase; cursor: pointer; margin-right: 5px; width: 100%; opacity: 1; outline: 0; } input[type="file"]:active { outline: 0; } input[type="file"]::before { content: "Upload Logo"; background-color: var(--primary); color: #fff; display: inline-block; border-radius: 3px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 600; font-size: 12px; } input[type="file"].image::before { content: "Upload Image"; } input[type="file"].file::before { content: "Upload File"; } tfoot > tr > td { padding: 15px 10px; } /*end admin page*/ /*start common pages*/ .search-filter { box-shadow: 0px 2px 3px 0px #dcdcdc; } .filter-pagination ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .filter-pagination ul > li { width: 35px; text-align: center; font-size: 11px; } .filter-pagination ul > li.current { background-color: var(--base-primary); color: #fff; border-radius: 3px; width: 18px; height: 18px; float: left; text-align: center; padding: 0; line-height: 18px; font-size: 11px; } .filter-pagination ul > li.pagination-next > a:after, .filter-pagination ul > li.pagination-next:after { content: ""; background-image: url(../assets/images/icons/pagination-right.png); width: 100%; height: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; top: 2px; } .filter-pagination ul > li.pagination-previous > a:before, .filter-pagination ul > li.pagination-previous:before { content: ""; background-image: url(../assets/images/icons/pagination-left.png); width: 100%; height: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; top: 3px; } .filter-pagination ul > li > a:hover { background-color: transparent; } .filter-pagination ul > li > a > img { width: 7px; margin-top: 3px; } ul.filter-result { list-style: none; margin: 10px 0; padding: 0 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; border: 1px solid #d2d9da; border-radius: 3px; } ul.filter-result:hover { box-shadow: 1px 1px 5px 2px #dcdcdc; } ul.filter-result > li { width: 100%; padding: 10px; } ul.filter-result > li.filter-header { border-bottom: 1px solid #e5e9f0; } ul.filter-result > li.filter-body ul.flt-body > li { width: 25%; } ul.filter-result > li.filter-body ul.flt-body > li > .timeline { width: 120px; } ul.filter-result > li.filter-footer { background-color: #f5f8ff; border-top: 1px solid #d6e0f9; } ul.filter-result > li.filter-footer .search-button { font-size: 12px; padding: 0 15px; min-width: max-content !important; margin: 0 0px 0 10px; } /*end common pages*/ /*start common table*/ ul.default, ul.default > li.head > ul, ul.default > li.body > ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; } ul.default > li { width: 100%; } ul.default > li.head { background-color: var(--primary); border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 10px 20px; } ul.default > li.body { border: 2px solid var(--primary); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 10px 20px; } ul.default > li.head > ul, ul.default > li.body > ul { flex-direction: row; -webkit-flex-direction: row; } ul.default > li.body > ul { border-bottom: 1px solid #c3cad7; padding: 10px; } ul.default > li.body > ul:last-child { border: 0; } ul.default > li.head > ul > li, ul.default > li.body > ul > li { width: 100%; padding: 5px; } ul.default > li.head > ul > li > a { text-decoration: none; color: #fff; font-size: 14px; } ul.default > li.head > ul > li.serial, ul.default > li.body > ul > li.serial { max-width: 5%; } ul.default > li.body > ul > li > label { margin: 0; font-size: 12px; font-weight: 600; color: #676d76; word-break: break-all; } ul.default > li.foot { padding: 20px; } ul.default > li.foot > .filter-pagination ul { justify-content: flex-end; } /*end common table*/ .splitter { width: 100%; height: 1px; background-color: #dee2e6; margin: 15px 0; } /*start dialog styles*/ .dialog-wrapper { display: flex; justify-content: center; align-items: center; opacity: 0; width: 100%; left: 0; margin: auto; position: absolute; top: -2000px; } .dialog-wrapper.open { position: fixed; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; opacity: 1; width: 100%; top: 0; background-color: #0000006b; height: 100vh; right: 0; justify-content: center; align-items: center; z-index: 9999; /*-webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transition: all .4s ease 0s;*/ } .dialog-wrapper.open .dialog-box { top: 0; /* width: unset; height: unset; */ /*-webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transition: all .4s ease 0s;*/ } .dialog-wrapper .dialog-box { width: 400px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 5px 0px #696969; text-align: center; position: relative; top: -1000px; /*-webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transition: all .4s ease 0s;*/ max-height: 450px; overflow-y: auto; } .dialog-wrapper .dialog-box .icon { width: 50px; height: 50px; margin: 20px auto; } .dialog-wrapper .dialog-box .icon > .success { background-image: url(../Assets/images/icons/success-icon.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 50px; height: 50px; } .dialog-wrapper .dialog-box .icon > .warning { background-image: url(../Assets/images/icons/warning-icon.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 50px; height: 50px; } .dialog-wrapper .dialog-box .icon > .info { background-image: url(../Assets/images/icons/info-icon.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 50px; height: 50px; } .dialog-wrapper .dialog-box .icon > .danger { background-image: url(../Assets/images/icons/danger-icon.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 50px; height: 50px; } .dialog-wrapper .dialog-box h6 { font-size: 16px; position: relative; bottom: 0; } .dialog-wrapper .dialog-box label { font-size: 11px; } .dialog-wrapper .dialog-box a.okay { color: #ffffff; border: 2px solid var(--primary); background-color: var(--primary); padding: 5px 30px; margin: 10px; border-radius: 2px; } .dialog-wrapper .dialog-box a.cancel { background-color: #ffffff; border: 1px solid var(--primary); padding: 5px 30px; margin: 10px; color: var(--primary); border-radius: 2px; } /*end dialog styles*/ /*start progress bar loader*/ .preloader-overlay { height: 100%; width: 100%; backdrop-filter: blur(1px); background: rgba(0, 0, 0, 0.75); overflow: hidden; z-index: 1000; position: fixed; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; } .preloader-line { height: 5px; width: 100%; background-color: var(--base-primary); z-index: -1; position: fixed; top: 70px; left: 0; pointer-events: none; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .preloader-line::after { content: ""; height: 100%; background-color: var(--base-primary); opacity: 0; position: absolute; top: 0; right: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-transform: rotate(2deg) translateY(-2px); transform: rotate(2deg) translateY(-2px); } .preloader-line.loader-animate { z-index: 100; opacity: 1; -webkit-transition: -webkit-transform 3s ease-in, opacity 1s 3s; transition: transform 3s ease-in, opacity 1s 3s; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .preloader-line.loader-animate::after { opacity: 1; } .loader--c::before { background: url("../Assets/images/common/ndc-x-logo__light.svg") no-repeat center center; background-size: contain; content: ""; position: absolute; top: calc(50% - 121px); left: calc(50% - 100px); width: 200px; height: 100px; text-align: center; color: #fff; font-size: 16px; } .loader-inner, .loader-inner:before, .loader-inner:after { border-radius: 50%; width: 2em; height: 2em; animation-fill-mode: both; animation: bblFadInOut 1.8s infinite ease-in-out; } .loader-inner { color: #fff; font-size: 7px; position: relative; display: inline-block; top: calc(50% - 25px); text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } .loader-inner:before, .loader-inner:after { content: ""; position: absolute; top: 0; } .loader-inner:before { left: -3.5em; animation-delay: -0.32s; } .loader-inner:after { left: 3.5em; } @keyframes bblFadInOut { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /*end progress bar loader*/ .voucher { cursor: pointer; width: 15px; } /*start switch style*/ ul.pricebar { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 100%; } ul.pricebar > li { margin: 0 10px; } ul.pricebar > li a { color: #777; } ul.pricebar > li.active a { color: var(--base-primary); } /*end switch style*/ .error-page { height: 100vh; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-flex-direction: column; } .error-page.fheight { height: calc(100vh - 200px) !important; } .error-page span { font-weight: 300; font-size: 150px; } .error-page > h1 { margin-top: 50px; font-size: 30px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; } .error-page > label { width: 35%; text-align: center; font-weight: 600; margin: 20px 0; color: #777; } .error-page > a { width: max-content; padding: 10px 25px; background-color: var(--primary); color: #fff; border-radius: 20px; font-size: 12px; letter-spacing: 0.5px; } .error-page .error404 { width: 150px; height: 150px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border: 2px dashed #333; background-color: var(--base-primary); transform: rotate(45deg); } .error-page .error404 > h1 { font-weight: 700; color: #000; margin: 0; font-size: 60px; transform: rotate(-45deg); } ul.default > li.head > ul > li.serial, ul.default > li.body > ul > li.serial > input[type="checkbox"] + label::before { top: -10px; } ul.default > li.head > ul > li.serial, ul.default > li.body > ul > li.serial > input[type="checkbox"] + label::after { top: -7px; } /*start scroll top*/ .scrollTop { position: fixed; right: 2.5%; bottom: 10%; border: 2px solid #e6e6e6; background-color: #e6e6e6; opacity: 0; transition: all 0.4s ease-in-out 0s; border-radius: 50%; width: 50px; height: 50px; text-align: center; } .scrollTop:hover { border: 2px solid var(--primary); background-color: var(--primary); } .scrollTop:hover a { color: #fff; } .scrollTop a { font-size: 28px; color: var(--primary); text-decoration: none; } /*end scroll top*/ /*Failure Page*/ .failure-page { height: 100vh; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; } .failure-page > h1 { margin-top: 50px; font-size: 30px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; } .failure-page > label { width: 35%; text-align: center; font-weight: 600; margin: 20px 0; color: #777; } .failure-page > a { width: max-content; padding: 10px 25px; background-color: var(--primary); color: #fff; border-radius: 20px; font-size: 12px; letter-spacing: 0.5px; text-decoration: none; } .failure-page .rectangle { position: relative; width: 170px; height: 145px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 25px; } .failure-page .rectangle.success { background-color: forestgreen; } .failure-page .rectangle.failure { background-color: indianred; } .failure-page .rectangle .box { position: absolute; width: 170px; height: 150px; background-color: transparent; border-bottom: 3px dashed #333; } .failure-page .rectangle .box:after { content: ""; position: absolute; bottom: -6px; right: 0px; width: 100%; height: 3px; background-color: #fff; } .failure-page .rectangle .box.bottom { bottom: -150px; right: 0px; transform: rotate(180deg); z-index: 2; } .failure-page .rectangle .box.left { bottom: 38px; right: -108px; transform: rotate(60deg); background-color: #fff; z-index: 2; } .failure-page .rectangle .box.right { bottom: 38px; right: 109px; transform: rotate(-60deg); background-color: #fff; z-index: 2; } .failure-page .rectangle > .fa { font-weight: 700; color: #000; margin: 0; font-size: 60px; z-index: 2; } /*Failure Page*/ table.payment-details { width: 100%; margin-top: 25px; } table.payment-details > tbody > tr > td { padding: 0px 0 25px; width: 15%; font-size: 16px !important; } table.payment-details > tbody > tr > td:first-child { width: 70%; } table.payment-details > tbody > tr > td:last-child { width: 15%; text-align: right; } table.payment-details > tbody > tr:last-child > td { border-top: 2px solid #dee2e6; border-bottom: 2px solid #dee2e6; } .payment-box { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; background-color: var(--primary); border-top: 1px solid #dcdcdc; border-radius: 2px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .payment-box .payment-form { width: 100%; float: left; padding: 30px; border: 1px solid #dcdcdc; border-left: 0; border-top: 0; background-color: #fff; min-height: 300px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .payment-box li a { color: #fff; padding: 20px 15px; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .payment-box li .active { color: var(--primary) !important; } .payment-box li { width: 100%; float: left; } .payment-box .nav-tabs { border-bottom: 0; } .align-c { align-items: center; } .list-cash ul { margin: 0 0 20px; list-style: none; padding: 0; width: 100%; float: left; } .list-cash li { height: 120px; border: 1px solid #d5d5d5; padding: 15px; text-align: center; width: 33.3%; } .list-cash li:nth-child(even) { background: #f5f5f5; } .list-cash li label { display: block; font-size: 18px; } .list-cash li span { color: var(--primary) !important; font-weight: 700; } .subagent-profile table { width: 100%; margin: 20px 0; } .subagent-profile table > tbody > tr > td { width: 5%; padding: 10px 5px; font-size: 12px; margin: 0; font-weight: 600; } .subagent-profile table > tbody > tr > td > label { margin: 0; } .subagent-profile table > tbody > tr > td:first-child { width: 30%; color: #787d85; } .subagent-profile table > tbody > tr > td:last-child { width: 65%; color: #3b4d6e; } .fl100 { float: left; width: 100%; } .payment-box .nav img { margin: 0 15px 0 0; } .hname .form-control.ng-autocomplete { padding: 0 40px 0 0px !important; } .hname .autocomplete-container { box-shadow: none !important; } ul.stop { list-style: none; padding: 0; margin: 15px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; width: 100%; border: 1px solid #f3f3f3; border-radius: 3px; } ul.stop > li { width: 100%; text-align: center; border-right: 1px solid #f3f3f3; cursor: pointer; color: #667274; font-size: 14px; font-weight: 600; font-size: 12px; padding: 0 !important; } ul.stop > li > i.fa { margin: 8px 0 4px; } ul.stop > li:last-child { border: 0 !important; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.stop > li:last-child > input[type="checkbox"]:checked + label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.stop > li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.stop > li:first-child > input[type="checkbox"]:checked + label { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.stop > li.active { background: #0db2f4; color: #fff; } ul.stop > li > input[type="checkbox"] + label { padding: 5px 0 5px 0px !important; } ul.stop > li > input[type="checkbox"] + label:before, ul.stop > li > input[type="checkbox"] + label:after { display: none !important; } ul.stop > li > input[type="checkbox"]:checked + label { background-color: var(--primary) !important; color: #fff !important; } .txt-underline { text-decoration: underline !important; } .ng5-slider.animate .ng5-slider-selection { background: var(--primary) !important; } #documentUpload input[type="text"] { height: 40px; } .owl-nav.disabled { display: block; opacity: 1; } .owl-nav button span { font-size: 32px; } button.owl-prev { position: absolute; left: -80px; top: 40%; } button.owl-next { position: absolute; right: -80px; top: 40%; } app-common-banner picture img { width: 100%; } button.owl-prev span, button.owl-next span { background: var(--primary); width: 25px; height: 25px; padding: 3px; line-height: 15px; border-radius: 50px; display: block; color: var(--white); } button.owl-prev, button.owl-next { outline: none; } .agent-api { padding: 10px 0 10px 20px; } .agent-api div { border-collapse: collapse; line-height: 30px; } .agent-api table th { font-size: 14px; font-weight: 600; } .agent-api table td { font-size: 13px; padding: 8px; white-space: nowrap; overflow: hidden; } .agent-api input[type="checkbox"] + label::after { top: 12px; } .agent-api input[type="checkbox"] + label::before { top: 9px; } ul.transfer-panel { list-style: none; padding: 5px 5px; margin: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; box-shadow: 0px 0px 5px 1px #f3f3f3; border-radius: 3px; border: 1px solid #d5d5d5; } ul.transfer-panel > li { width: 100%; } ul.transfer-panel > li > ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } ul.transfer-panel > li > ul > li { width: 60%; padding: 0 10px; } ul.transfer-panel > li > ul > li:first-child { width: 20%; position: relative; padding: 0; } ul.transfer-panel > li > ul > li:last-child { width: 20%; position: relative; padding: 0; padding: 10px 15px; } ul.transfer-panel > li > ul > li > .transfer-img { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: fill; object-position: center; } ul.transfer-panel > li > ul > li .email { position: absolute; top: -8px; right: 5px; } ul.transfer-panel > li > ul > li.transfer-info { display: grid; border-right: 1px solid #f3f3f3; } ul.transfer-panel > li > ul > li.transfer-info > label { margin: 0; } .traveller h5 { border-bottom: 1px solid #d6e0f9; color: var(--primary); padding-bottom: 10px; font-weight: 700; } ul.transfer-panel > li > ul > li.transfer-info > label > img.info { cursor: pointer; width: 10px; margin-top: -2px; margin-left: 2px; } ul.transfer-panel > li > ul > li > h6 { margin: 0; } ul.transfer-panel > li > ul > li h6 { margin: 0 0 3px; } ul.transfer-panel > li > ul > li .search-button { padding: 0 10px; font-size: 12px; } ul.transfer-panel > li ul.transfer-details { list-style: square; width: 100%; } ul.transfer-panel > li ul.transfer-details > li { margin: 5px 0; width: 100%; } ul.transfer-panel > li ul.transfer-details > li > p { color: #868688; margin: 0; } ul.transfer-panel > li ul.transfer-details > li > p > span { font-size: 14px; color: var(--base-primary); font-weight: 600; } .transfer-details { padding: 5px; } .transfer-details h5 { margin: 0; } .transfer-details .transfer-img { width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: fill; object-position: center; } .transfer-details .transfer-info { display: grid; height: 100px; } .transfer-details .transfer-info > label { margin: 0; } .transfer-details .transfer-info > label > img.info { cursor: pointer; width: 10px; margin-top: -2px; margin-left: 2px; } .transfer-details label { margin: 0; } .transfer-details .txt-lightgary { font-weight: 600; } .transfer-details ul.transfer-details { list-style: square; width: 100%; } .transfer-details ul.transfer-details > li { margin: 5px 0; width: 100%; } .transfer-details ul.transfer-details > li > p { color: #868688; margin: 0; } .transfer-details ul.transfer-details > li > p > span { font-size: 14px; color: var(--base-primary); font-weight: 600; } .bg-tan { background: transparent !important; padding: 10px 0 0 !important; } .pos-ficedloader { position: fixed !important; top: 0 !important; left: 0 !important; } .flight-details { background-color: #fff; padding: 0px 10px; border-radius: 5px; margin: 20px 0 10px; border: 2px solid #f3f3f3; } .search-group ngb-datepicker.dropdown-menu { width: auto !important; } ul.transfer-panel > li > ul > li.transfer-info { height: auto; } .fare-details .fares .card { box-shadow: none; margin: -3px 0 0; } .fare-details .fares .card > .card-header h5 { margin: 0; color: var(--primary); font-weight: 700; position: relative; width: 100%; font-size: 14px; } .fare-details .card-body { padding: 10px; } .fare-details .bd-d-t label.heading { color: var(--primary); font-weight: 600; font-size: 14px; padding: 10px 0 0; } .showPassword { background-color: var(--primary); border-color: var(--primary); color: #fff; } /* View Price Content */ .viewPriceContent { margin: 20px 10px 10px 10px; } .viewPriceContent > .card { padding: 0px; } .vp-heading { color: #ffffff; position: absolute !important; top: 0px; right: 0; padding: 12px 15px; } .vp-heading:hover { color: #f9f9f9; } /* Table Design */ .fare-details-style .card > .card-header { color: #fff; } .fare-details-style .book-btn { text-transform: capitalize; font-size: 12px; padding: 0px 10px; border-radius: 3px; float: left; text-align: center; color: #fff; background-color: var(--primary); border: 1px solid var(--primary); letter-spacing: 1px; text-decoration: none; cursor: pointer; font-weight: 400; min-width: 105px; } /* GNT */ .fare-title { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 10px; font-weight: 500; line-height: 1.5; color: #333333; } .fare-title i { font-size: 16px; margin: 5px 0px; color: #888888; } .fare-details-style table { margin: 0px; } .fare-details-style table thead tr th { vertical-align: middle; width: 12.5% !important; } .fare-details-style table thead tr th.size2 { width: 12.5%; } .fare-details-style table tr { vertical-align: middle; } .fare-details-style table th, .fare-details-style table td { font-size: 11px !important; vertical-align: middle; text-align: center; color: #333333; padding: 10px 10px; } .fare-details-style table th.ftitle, .fare-details-style table td.ftitle { font-weight: 600; } .fare-details-style table th .price, .fare-details-style table td .price { margin: 0px; padding: 0px !important; font-size: 13px; font-weight: 600; } .fare-details-style table th .price a, .fare-details-style table td .price a { margin: 5px 0px 0px; } .fare-details-style table th a, .fare-details-style table td a { font-size: 12px; } .fare-details-style table th a.yes i, .fare-details-style table td a.yes i { font-size: 20px; color: #2ecc71; } .fare-details-style table th a.no i, .fare-details-style table td a.no i { font-size: 20px; color: #e74c3c; } .fare-details-style table th a.pay i, .fare-details-style table td a.pay i { font-size: 20px; color: #f39c12; } /*# sourceMappingURL=view-fare.css.map */ /* Upgrade Fair - Review Page */ .upgrade-container .upgrade-content .heading { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .upgrade-container .upgrade-content p { position: relative; margin: 0px; font-size: 14px; font-weight: 500; color: #000000; padding-left: 30px; } .upgrade-container .upgrade-content p::before { content: ""; width: 20px; height: 20px; background-image: url("./../Assets/images/icons/upgrade-ticket.png"); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; position: absolute; left: 0px; top: 0px; filter: invert(11%) sepia(96%) saturate(1909%) hue-rotate(205deg) brightness(105%) contrast(114%); } .upgrade-container .upgrade-content button, .upgrade-container .upgrade-content a { text-decoration: none; margin: 0px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; } .upgrade-container .upgrade-content button.close-btn, .upgrade-container .upgrade-content a.close-btn { cursor: pointer; padding: 0px 10px; text-transform: capitalize; color: var(--base-primary); transition: all 0.2s ease; } .upgrade-container .upgrade-content button.close-btn:hover, .upgrade-container .upgrade-content a.close-btn:hover { color: var(--primary); } .upgrade-container .upgrade-content .fare-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-size: 12px; font-weight: 500; line-height: 1.5; color: #888888; } .upgrade-container .upgrade-content .fare-title i { font-size: 14px; margin: 0px 10px; color: #888888; width: 16px; } .upgrade-container .upgrade-content .fare-title.fare-head { font-size: 14px; font-weight: 700; color: #000000; } .upgrade-container .upgrade-content table { margin: 0px; } .upgrade-container .upgrade-content table tr { vertical-align: text-top; } .upgrade-container .upgrade-content table tr th.fare-type-title { min-width: 15%; width: 15%; border-color: #f0f0f0; } .upgrade-container .upgrade-content table tr th.fares-type { width: 17%; border-color: #f0f0f0; } .upgrade-container .upgrade-content table tr td { border-color: #f0f0f0; } .upgrade-container .upgrade-content table th, .upgrade-container .upgrade-content table td { font-size: 11px !important; text-align: left; color: #333333; border-top: 1px solid #f0f0f0; } .upgrade-container .upgrade-content table th.ftitle, .upgrade-container .upgrade-content table td.ftitle { font-weight: 600; } .upgrade-container .upgrade-content table th .price, .upgrade-container .upgrade-content table td .price { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0 !important; font-size: 14px; font-weight: 600; } .upgrade-container .upgrade-content table th .price a, .upgrade-container .upgrade-content table td .price a { margin: 5px 0px 0px; } .upgrade-container .upgrade-content table th a, .upgrade-container .upgrade-content table td a { font-size: 12px; } .upgrade-container .upgrade-content table th a.yes i, .upgrade-container .upgrade-content table td a.yes i { font-size: 20px; color: #2ecc71; } .upgrade-container .upgrade-content table th a.no i, .upgrade-container .upgrade-content table td a.no i { font-size: 20px; color: #e74c3c; } .upgrade-container .upgrade-content table th a.pay i, .upgrade-container .upgrade-content table td a.pay i { font-size: 20px; color: #f39c12; } /*# sourceMappingURL=view-fare.css.map */ /* Upgrade Fair - Review Page - End */ /* Activities Module */ /* result Box */ .activites-result-page { margin-top: 20px; } .activites-result-page ul { margin: 0; padding: 0; list-style: none; } .activites-result-page ul li .activites-result-box { background-color: #ffffff; position: relative; padding: 5px; margin: 20px 0px 20px 0px; border: 1px solid #e0e0e0; border-radius: 3px; } .activites-result-page ul li .activites-result-box:hover { box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } .activites-result-page ul li .activites-result-box:hover .activites-pic img { transform: scale(1.1); } .activites-result-page ul li .activites-result-box:hover::before { content: ""; width: 3px; height: 100%; display: block; background-color: var(--primary); border-radius: 0px 3px 3px 0px; position: absolute; right: 0px; top: 0px; } .activites-result-page ul li .activites-result-box .activites-title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 5px; } .activites-result-page ul li .activites-result-box .activites-title .rating { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 3px 0px 3px; } .activites-result-page ul li .activites-result-box .activites-title .rating ul { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .activites-result-page ul li .activites-result-box .activites-title .rating ul li { font-size: 12px; color: #ffd700; margin: 0px 1px; } .activites-result-page ul li .activites-result-box .activites-title .rating p { margin: 0px 5px; font-size: 12px; } .activites-result-page ul li .activites-result-box .activites-title h1 { margin: 0px 0px 5px 0px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .activites-result-page ul li .activites-result-box h1 { font-size: 16px; font-weight: 700; text-transform: capitalize; color: #212529; } .activites-result-page ul li .activites-result-box h2 { font-size: 12px; font-weight: 400; text-transform: capitalize; color: #888888; } .activites-result-page ul li .activites-result-box ul { margin: 0; padding: 0; list-style: none; } .activites-result-page ul li .activites-result-box .activites-pic { overflow: hidden; } .activites-result-page ul li .activites-result-box .activites-pic img { object-fit: cover; object-position: center; width: 100%; max-height: 168px; transform: scale(1); transition: all 0.3s ease; } .activites-result-page ul li .activites-result-box .activites-desc p { font-size: 12px; font-weight: 400; color: #212529; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; } .activites-result-page ul li .activites-result-box .activites-desc p.location { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .activites-result-page ul li .activites-result-box .activites-desc p.location span { font-weight: 600; } .activites-result-page ul li .activites-result-box .activites-desc p.location::before { content: "\f3c5"; font-weight: 900; font-size: 12px; color: #f2a7a7; padding-right: 5px; } .activites-result-page ul li .activites-result-box .activites-desc ul { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .activites-result-page ul li .activites-result-box .activites-desc ul.highlights { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border-top: 1px solid #f1f1f1; padding-top: 3px; } .activites-result-page ul li .activites-result-box .activites-desc ul.highlights li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0px 10px 0px 0px; padding: 2px 5px 2px 0px; color: #888888; text-align: center; font-size: 10px; width: auto; cursor: default; } .activites-result-page ul li .activites-result-box .activites-desc ul.highlights li i { font-size: 10px; color: #cecece; margin: 0px 5px 0px 5px; } .activites-result-page ul li .activites-result-box .activites-desc ul.highlights li img { width: 10px; margin: 0px 5px 0px 0px; filter: invert(61%) sepia(0%) saturate(891%) hue-rotate(277deg) brightness(100%) contrast(92%); } .activites-result-page ul li .activites-result-box .activites-desc ul.highlights li:hover { background-color: #fcfcfc; } .activites-result-page ul li .activites-result-box .activites-desc ul li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 10px; margin: 0px 5px; padding: 5px 0px; color: #333333; text-align: center; width: auto; cursor: default; } .activites-result-page ul li .activites-result-box .activites-desc ul li i { font-size: 14px; color: #cecece; margin: 0px 5px 0px 0px; } .activites-result-page ul li .activites-result-box .activites-desc ul li:hover { background-color: #fcfcfc; } .activites-result-page ul li .activites-result-box .priceSelection { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .activites-result-page ul li .activites-result-box .priceSelection::before { content: ""; width: 1px; height: 100%; background-color: #f9f9f9; display: block; position: absolute; left: 0px; top: 0px; } .activites-result-page ul li .activites-result-box .priceSelection .price { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .activites-result-page ul li .activites-result-box .priceSelection .strike-price { text-decoration: line-through; font-size: 12px; font-weight: 400; color: #888888; } .activites-result-page ul li .activites-result-box .priceSelection .price { font-size: 16px; font-weight: 700; color: #000000; text-align: center; margin: 3px 0px; } .activites-result-page ul li .activites-result-box .priceSelection .price-per { font-size: 11px; font-weight: 400; color: #9d9fa4 !important; } /*# sourceMappingURL=view-fare.css.map */ /* result Box - End */ /* Activities Module - End */ /* Service Request */ .service-request .service-request-tabs { background-color: #fff; margin-bottom: 20px; } .service-request .service-request-tabs .notification-msg p { font-size: 12px; font-weight: 400; color: #666; text-align: left; } .service-request .service-request-tabs h1 { margin: 5px 0px 20px; font-size: 16px; font-weight: 600; color: #000000; text-transform: uppercase; text-align: left; } .service-request .service-request-tabs h2 { position: relative; } .service-request .service-request-tabs h2.sub-title { position: relative; margin: 0px; font-size: 12px; font-weight: 500; color: #000000; text-transform: capitalize; padding: 3px 15px; margin: 40px 0px 15px 30px; background-color: #e2e2e2; border-radius: 5px; display: inline-block; } .service-request .service-request-tabs h2::before { content: ""; display: inline-block; width: 30px; height: 1px; background-color: #e0e0e0; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); } .service-request .service-request-tabs h2::after { content: ""; display: inline-block; width: 100px; height: 1px; background-color: #e0e0e0; position: absolute; right: -100px; top: 50%; transform: translateY(-50%); } .service-request .service-request-tabs h3 { position: relative; margin: 15px 0px; } .service-request .service-request-tabs h3.accordion-btn { position: relative; margin: 0px; font-size: 12px; font-weight: 500; color: #204387; text-transform: capitalize; padding: 3px 15px; margin: 15px 0px 15px 30px; background-color: #00adef; border-radius: 5px; display: inline-block; } .service-request .service-request-tabs h3 button.accordion-btn { position: relative; margin: 0px; font-size: 14px; font-weight: 500; color: #000000; text-transform: capitalize; padding: 10px 15px 10px 15px; background-color: #fcfcfc; border-radius: 5px; } .service-request .service-request-tabs h3 button span { position: relative; background-color: #f0f0f0; padding: 3px 15px; border-radius: 5px; } .service-request .service-request-tabs h3 button span::before { content: ""; display: inline-block; width: 30px; height: 1px; background-color: #e0e0e0; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); } .service-request .service-request-tabs h3 button span::after { content: ""; display: inline-block; width: 100px; height: 1px; background-color: #e0e0e0; position: absolute; right: -100px; top: 50%; transform: translateY(-50%); } .service-request .service-request-tabs label { font-size: 14px; font-weight: 400; color: #000000; line-height: 1.5; } .service-request .service-request-tabs input { font-size: 14px; font-weight: 400; border-radius: 0px; border-color: #cecece; } .service-request .service-request-tabs input:focus { outline: none; box-shadow: none; border-color: #ccc; } .service-request .service-request-tabs input[type="checkbox"] { font-size: 16px; font-weight: 400; border-radius: 0px; border-color: rgba(0, 0, 0, 0.25); } .service-request .service-request-tabs input[type="checkbox"]:focus { outline: none; box-shadow: none; border-color: #ccc; } .service-request .service-request-tabs select { font-size: 14px; font-weight: 400; border-radius: 0px; border-color: #cecece; } .service-request .service-request-tabs select:focus { outline: none; box-shadow: none; border-color: #ccc; } .service-request .service-request-tabs .accordion-body { border: 1px solid #f9f9f9; background-color: #fdfdfd; } .service-request .service-request-tabs .agree a { text-decoration: none; color: #204387; } .service-request .service-request-tabs .agree a:hover { color: #000000; } .service-request .service-request-tabs .agree-btn button { font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2px; } .seat-mapping { position: relative; z-index: 3; background-color: #ffffff; } .seat-mapping::-webkit-scrollbar { width: 5px !important; height: 5px; } .seat-mapping::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); height: 5px; } .seat-mapping::-webkit-scrollbar-thumb { background-color: #a9a9a9; border-radius: 10px; } .seat-mapping .cabin { border: 1px solid #dbdbdb; display: flex; flex-direction: row; padding: 80px 0px 36px; width: 100%; overflow-x: scroll; } .seat-mapping .cabin::before { content: ""; width: 100%; height: 1px; background-color: #cecece; display: block; position: absolute; left: 0px; top: 80px; z-index: 1; } .seat-mapping .cabin::after { content: ""; width: 100%; height: 1px; background-color: #cecece; display: block; position: absolute; left: 0px; bottom: 82px; z-index: 1; } ol { list-style: none; padding: 0; margin: 0; } .chair-set { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; position: relative; padding: 0px 12px; } .chair { display: flex; padding: 5px; position: relative; } .chair input[type="checkbox"] { position: absolute; opacity: 0; } .chair input[type="checkbox"]:checked + label { -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; } .chair input[type="checkbox"]:checked + label > span::before { background-color: #a6acaf !important; } .chair input[type="checkbox"]:disabled + label { text-indent: -9999px; } .chair input[type="checkbox"]:disabled + label > span::before { content: "X"; text-indent: 0; line-height: 1.5; color: #cecece; font-size: 12px; font-weight: 700; } .chair input[type="checkbox"]:disabled + label:hover { box-shadow: none; cursor: not-allowed; } .chair > label { display: block !important; position: relative !important; width: 100% !important; text-align: center; font-size: 0px; font-weight: bold; line-height: 1.5rem; padding: 4px 0 !important; background: transparent; border-radius: 5px; animation-duration: 300ms; animation-fill-mode: both; margin: 0px !important; } .chair > label:hover { cursor: pointer; } .chair > label > span { font-size: 0px; line-height: unset; width: 30px; height: 24px; display: block; background-color: #f9f9f9; position: relative; overflow: hidden; } .chair > label > span::before { content: ""; width: 30px; height: 24px; display: block; background-color: transparent; border: 3px solid #cecece; border-radius: 6px; position: absolute; top: 0px; left: 0px; } .label-number > .chair > label > span::before, .label-number > .chair > label > span::after, .label-number > .chair > label::before, .label-number > .chair > label::after { content: none !important; } .label-number > .chair > label > span { font-size: 12px; font-weight: 600; background-color: #fff; } .chair.label-number > label > span::before, .chair.label-number > label > span::after, .chair.label-number > label::before, .chair.label-number > label::after { content: none !important; } .chair.label-number > label > span { font-size: 12px; font-weight: 600; background-color: transparent; } .chair > label > span::after { content: ""; width: 10px; height: 24px; display: block; background-color: #cecece; border-radius: 50%; position: absolute; top: 0px; right: -2px; } .chair > label::after { content: "" !important; width: 18px !important; height: 3px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; top: -1px !important; left: 6px !important; transform: none !important; border: none !important; margin: 0px !important; z-index: 1 !important; opacity: 1 !important; min-width: unset !important; padding: 0px !important; } .chair > label::before { content: "" !important; width: 18px !important; height: 3px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; bottom: -1px !important; left: 6px !important; transform: none !important; border: none !important; top: unset !important; margin: 0px !important; z-index: 1 !important; opacity: 1 !important; } .chair.available > label > span::before { border: 3px solid #2e86c1 !important; } .chair.available > label > span::after { background-color: #2e86c1 !important; } .chair.available > label::after { background-color: #2e86c1 !important; } .chair.available > label::before { background-color: #2e86c1 !important; } .chair.premiumseat > label > span::before { border: 3px solid #1b4f72 !important; } .chair.premiumseat > label > span::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::before { background-color: #1b4f72 !important; } .chair.wingseat label > span::before { border: 3px solid #e67e22 !important; } .chair.wingseat > label > span::after { background-color: #e67e22 !important; } .chair.wingseat > label::after { background-color: #e67e22 !important; } .chair.wingseat > label::before { background-color: #e67e22 !important; } .chair.removeseat > label > span { visibility: hidden; opacity: 0; } .chair.removeseat > label { visibility: hidden; opacity: 0; } .chair.left-wing::before, .chair.right-wing::before { content: ""; display: block; width: 150px; height: 60px; background: #e7e7e7; position: absolute; z-index: -1; } .chair.left-wing[data-wing-length="1"]::before, .chair.right-wing[data-wing-length="1"]::before { width: calc(40px * 1); } .chair.left-wing[data-wing-length="2"]::before, .chair.right-wing[data-wing-length="2"]::before { width: calc(40px * 2); } .chair.left-wing[data-wing-length="3"]::before, .chair.right-wing[data-wing-length="3"]::before { width: calc(40px * 3); } .chair.left-wing[data-wing-length="4"]::before, .chair.right-wing[data-wing-length="4"]::before { width: calc(40px * 4); } .chair.left-wing[data-wing-length="5"]::before, .chair.right-wing[data-wing-length="5"]::before { width: calc(40px * 5); } .chair.left-wing[data-wing-length="6"]::before, .chair.right-wing[data-wing-length="6"]::before { width: calc(40px * 6); } .chair.left-wing[data-wing-length="7"]::before, .chair.right-wing[data-wing-length="7"]::before { width: calc(40px * 7); } .chair.left-wing[data-wing-length="8"]::before, .chair.right-wing[data-wing-length="8"]::before { width: calc(40px * 8); } .chair.left-wing[data-wing-length="9"]::before, .chair.right-wing[data-wing-length="9"]::before { width: calc(40px * 9); } .chair.left-wing[data-wing-length="10"]::before, .chair.right-wing[data-wing-length="10"]::before { width: calc(40px * 10); } .chair.left-wing[data-wing-length="11"]::before, .chair.right-wing[data-wing-length="11"]::before { width: calc(40px * 11); } .chair.left-wing[data-wing-length="12"]::before, .chair.right-wing[data-wing-length="12"]::before { width: calc(40px * 12); } .chair.left-wing[data-wing-length="13"]::before, .chair.right-wing[data-wing-length="13"]::before { width: calc(40px * 13); } .chair.left-wing[data-wing-length="14"]::before, .chair.right-wing[data-wing-length="14"]::before { width: calc(40px * 14); } .chair.left-wing[data-wing-length="15"]::before, .chair.right-wing[data-wing-length="15"]::before { width: calc(40px * 15); } .chair.left-wing[data-wing-length="16"]::before, .chair.right-wing[data-wing-length="16"]::before { width: calc(40px * 16); } .chair.left-wing[data-wing-length="17"]::before, .chair.right-wing[data-wing-length="17"]::before { width: calc(40px * 17); } .chair.left-wing[data-wing-length="18"]::before, .chair.right-wing[data-wing-length="18"]::before { width: calc(40px * 18); } .chair.left-wing[data-wing-length="19"]::before, .chair.right-wing[data-wing-length="19"]::before { width: calc(40px * 19); } .chair.left-wing[data-wing-length="20"]::before, .chair.right-wing[data-wing-length="20"]::before { width: calc(40px * 20); } .chair.left-wing[data-wing-length="21"]::before, .chair.right-wing[data-wing-length="21"]::before { width: calc(40px * 21); } .chair.left-wing[data-wing-length="22"]::before, .chair.right-wing[data-wing-length="22"]::before { width: calc(40px * 22); } .chair.left-wing[data-wing-length="23"]::before, .chair.right-wing[data-wing-length="23"]::before { width: calc(40px * 23); } .chair.left-wing[data-wing-length="24"]::before, .chair.right-wing[data-wing-length="24"]::before { width: calc(40px * 24); } .chair.left-wing[data-wing-length="25"]::before, .chair.right-wing[data-wing-length="25"]::before { width: calc(40px * 25); } .chair.left-wing[data-wing-length="26"]::before, .chair.right-wing[data-wing-length="26"]::before { width: calc(40px * 26); } .chair.left-wing[data-wing-length="27"]::before, .chair.right-wing[data-wing-length="27"]::before { width: calc(40px * 27); } .chair.left-wing[data-wing-length="28"]::before, .chair.right-wing[data-wing-length="28"]::before { width: calc(40px * 28); } .chair.left-wing[data-wing-length="29"]::before, .chair.right-wing[data-wing-length="29"]::before { width: calc(40px * 29); } .chair.left-wing[data-wing-length="30"]::before, .chair.right-wing[data-wing-length="30"]::before { width: calc(40px * 30); } .chair.left-wing::before { transform: skew(30deg); top: 100%; left: 20px; } .chair.right-wing::before { transform: skew(-30deg); bottom: 100%; left: 20px; } .empty-row .chair-set .chair { visibility: hidden; opacity: 0; } .empty-row.exit-door.right-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door { position: relative; width: 100%; } .empty-row.exit-door::before { content: "exit"; position: absolute; bottom: 50px; transform: translateX(-25%) rotate(180deg); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door::after { content: "exit"; position: absolute; top: 10px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit, .empty-row.exit-door.right-exit { position: relative; width: 100%; } .empty-row.exit-door.left-exit::before { content: "exit"; position: absolute; bottom: 50px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit::after { content: none; } .empty-row.exit-door.right-exit::before { content: none; } .empty-row.exit-door.right-exit::after { content: "exit"; position: absolute; top: 10px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door[data-exit-door=""]::before, .empty-row.exit-door[data-exit-door=""]::after { left: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="1"]::before, .empty-row.exit-door[data-exit-door="1"]::after { left: calc((40px * 1) / 2); } .empty-row.exit-door[data-exit-door="1"]::before, .empty-row.exit-door[data-exit-door="1"]::after { left: calc((40px * 1) / 2); } .empty-row.exit-door[data-exit-door="2"]::before, .empty-row.exit-door[data-exit-door="2"]::after { left: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="3"]::before, .empty-row.exit-door[data-exit-door="3"]::after { left: calc((40px * 3) / 2); } .empty-row.exit-door[data-exit-door="4"]::before, .empty-row.exit-door[data-exit-door="4"]::after { left: calc((40px * 4) / 2); } .empty-row.exit-door[data-exit-door="5"]::before, .empty-row.exit-door[data-exit-door="5"]::after { left: calc((40px * 5) / 2); } .empty-row.exit-door[data-exit-door="6"]::before, .empty-row.exit-door[data-exit-door="6"]::after { left: calc((40px * 6) / 2); } .empty-row.exit-door[data-exit-door="7"]::before, .empty-row.exit-door[data-exit-door="7"]::after { left: calc((40px * 7) / 2); } .empty-row.exit-door[data-exit-door="8"]::before, .empty-row.exit-door[data-exit-door="8"]::after { left: calc((40px * 8) / 2); } .empty-row.exit-door[data-exit-door="9"]::before, .empty-row.exit-door[data-exit-door="9"]::after { left: calc((40px * 9) / 2); } .empty-row.exit-door[data-exit-door="10"]::before, .empty-row.exit-door[data-exit-door="10"]::after { left: calc((40px * 10) / 2); } .empty-row.exit-door[data-exit-door="11"]::before, .empty-row.exit-door[data-exit-door="11"]::after { left: calc((40px * 11) / 2); } .empty-row.exit-door[data-exit-door="12"]::before, .empty-row.exit-door[data-exit-door="12"]::after { left: calc((40px * 12) / 2); } .empty-row.exit-door[data-exit-door="13"]::before, .empty-row.exit-door[data-exit-door="13"]::after { left: calc((40px * 13) / 2); } .empty-row.exit-door[data-exit-door="14"]::before, .empty-row.exit-door[data-exit-door="14"]::after { left: calc((40px * 14) / 2); } .empty-row.exit-door[data-exit-door="15"]::before, .empty-row.exit-door[data-exit-door="15"]::after { left: calc((40px * 15) / 2); } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } .traveller-seat-selection { position: relative; } .travellerDetailsList { display: block; position: absolute; bottom: 30px; left: 50%; width: 200px; min-height: 50px; z-index: 1; background-color: #fff; border-radius: 0px; border: 1px solid #cecece; transform: translateX(-50%); } #serviceRequest.nav { overflow-x: scroll; flex-wrap: nowrap; white-space: nowrap; } #serviceRequest.nav::-webkit-scrollbar { display: none; } #serviceRequest.nav.nav-tabs .nav-link.active { color: #fff; background-color: var(--primary); } #serviceRequest.nav.nav-tabs .nav-link { padding: 0.25rem 0.75rem; margin: 0px 5px; color: #999; background-color: #f9f9f9; border-color: transparent transparent #dee2e6; } #serviceRequest.nav.nav-tabs .nav-link:hover, #serviceRequest.nav.nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6 !important; } #serviceRequest.nav.nav-tabs .nav-link:focus { outline: none !important; } #serviceRequest.nav-tabs .nav-item.show .nav-link, #serviceRequest.nav-tabs .nav-link.active { border-color: #dee2e6 #dee2e6 var(--primary); } .travellerListContent { min-width: 150px; max-width: 200px; background-color: #ffffff; border: 1px solid #cecece; } .travellerListContent .seat-title { background-color: #cecece; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .travellerListContent .seat-title > h1, .travellerListContent .seat-title > p { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul { margin: 0px; padding: 0px; list-style: none; } .travellerListContent > ul > li { border-bottom: 1px solid #f9f9f9; } .travellerListContent > ul > li > .form-check .form-check-label { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .travellerListContent > ul > li > .form-check .form-check-label > h1 { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check .form-check-label > p { margin: 10px 5px 10px !important; margin-left: auto !important; color: #333 !important; font-size: 12px !important; font-weight: 500 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check { display: block; margin: 0px; padding: 0px; } .travellerListContent > ul > li > .form-check input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .travellerListContent > ul > li > .form-check label { position: relative; cursor: pointer; } .travellerListContent > ul > li > .form-check label:before { content: "\f058"; font-weight: 400; font-size: 18px; color: #cecece; padding: 0px 10px; } .travellerListContent > ul > li > .form-check input:checked + label:before { content: "\f058"; font-weight: 900; font-size: 18px; color: var(--primary); } #mySeating.nav, #myMeals.nav, #myBaggages.nav { overflow-x: scroll; flex-wrap: nowrap; white-space: nowrap; } #mySeating.nav::-webkit-scrollbar, #myMeals.nav::-webkit-scrollbar, #myBaggages.nav::-webkit-scrollbar { display: none; } #mySeating.nav-pills .nav-link.active, #mySeating.nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } #mySeating.nav-pills .nav-link { color: #333333; background-color: #f9f9f9; border: none; border: none; padding: 2px 12px; margin: 10px 5px 5px; font-size: 11px; font-weight: 400; letter-spacing: 0.2px; } #mySeating.nav-pills .nav-link:focus { outline: none !important; border: none !important; } .food-items { position: relative; min-height: 260px; } .food-items .items { width: 100%; } .food-items .items .food-container { border: 1px solid #cecece; border-radius: 3px; margin: 20px 0px; display: block; } .food-items .items .food-container .food-pic { display: block; } .food-items .items .food-container .food-pic img { height: 100px; object-fit: cover; object-position: center; } .food-items .items .food-container .food-pic.no-pic { width: 100%; height: 100px; background-image: url("../Assets/images/food-01.png"); background-color: #f9f9f9; background-position: center; background-repeat: no-repeat; background-size: 40%; border-radius: 3px; } .food-items .items .food-container .food-pic.veg, .food-items .items .food-container .food-pic.non-veg { position: relative; } .food-items .items .food-container .food-pic.veg::before, .food-items .items .food-container .food-pic.non-veg::before { content: ""; width: 16px; height: 16px; background-color: #ffffff; display: block; position: absolute; top: 5px; right: 5px; } .food-items .items .food-container .food-pic.veg::after, .food-items .items .food-container .food-pic.non-veg::after { content: ""; width: 8px; height: 8px; border-radius: 50%; display: block; position: absolute; top: 9px; right: 9px; } .food-items .items .food-container .food-pic.veg { position: relative; } .food-items .items .food-container .food-pic.veg::before { border: 2px solid #008000; } .food-items .items .food-container .food-pic.veg::after { background-color: #008000; } .food-items .items .food-container .food-pic.non-veg { position: relative; } .food-items .items .food-container .food-pic.non-veg::before { border: 2px solid #d40000; } .food-items .items .food-container .food-pic.non-veg::after { background-color: #d40000; } .food-items .items .food-container .food-desc { padding: 5px; } .food-items .items .food-container .food-desc h1 { margin: 0px 0px 5px 0px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #333333; text-align: center; } .food-items .items .food-container .food-desc p { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: 600; color: #000000; text-align: center; } .food-items .items .food-container .food-desc a { margin-top: 5px; } .food-items .items .food-container .food-desc .number { margin: 5px 0px 0px 0px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; } .food-items .items .food-container .food-desc .number span { cursor: pointer; } .food-items .items .food-container .food-desc .number input { height: 31px; width: 70px; text-align: center; font-size: 26px; border: 1px solid #ddd; border-radius: 4px !important; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; border-color: #cecece; } .food-items .items .food-container .food-desc .number .minus, .food-items .items .food-container .food-desc .number .plus { width: 29px; height: 29px; background: #f2f2f2; border-radius: 4px; border: 1px solid #ddd; /* display: inline-block; vertical-align: middle; text-align: center; */ display: flex; justify-content: center; align-items: center; } /* Owl Carsouel */ #meals .owl-theme .owl-nav, #baggage .owl-theme .owl-nav { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin: 0px; } #meals .owl-carousel .owl-nav button.owl-prev, #baggage .owl-carousel .owl-nav button.owl-prev { left: -30px; } #meals .owl-theme .owl-nav [class*="owl-"]:hover, #baggage .owl-theme .owl-nav [class*="owl-"]:hover { color: #000 !important; background-color: #fff !important; } #meals .owl-carousel .owl-nav button.owl-next, #baggage .owl-carousel .owl-nav button.owl-next { right: -30px; } #meals .owl-carousel .owl-nav button.owl-prev, #meals .owl-carousel .owl-nav button.owl-next, #baggage .owl-carousel .owl-nav button.owl-prev, #baggage .owl-carousel .owl-nav button.owl-next { position: absolute; top: -22px; background-color: #f9f9f9; color: #959595; border-radius: 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); padding: 5px 5px !important; } #myMeals.nav-pills .nav-link.active, #myMeals.nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } #myMeals.nav-pills .nav-link { color: #333333; background-color: #f9f9f9; border-radius: 30px; border: none; padding: 2px 12px; margin: 10px 5px 5px; font-size: 11px; font-weight: 400; letter-spacing: 0.2px; } #myMeals.nav-pills .nav-link:focus { outline: none !important; border: none !important; } #myBaggages.nav-pills .nav-link.active, #myBaggages.nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } #myBaggages.nav-pills .nav-link { color: #333333; background-color: #f9f9f9; border-radius: 30px; border: none; padding: 2px 12px; margin: 10px 5px 5px; font-size: 11px; font-weight: 400; letter-spacing: 0.2px; } #myBaggages.nav-pills .nav-link:focus { outline: none !important; border: none !important; } .baggage-items { position: relative; min-height: 260px; } .baggage-items .items { width: 100%; } .baggage-items .items .baggage-container { border: 1px solid #cecece; border-radius: 3px; margin: 20px 0px; display: block; } .baggage-items .items .baggage-container .baggage-pic { display: block; } .baggage-items .items .baggage-container .baggage-pic img { height: 100px; object-fit: cover; object-position: center; } .baggage-items .items .baggage-container .baggage-pic.no-pic { width: 100%; height: 100px; background-image: url("../Assets/images/baggage-1.png"); background-color: #f9f9f9; background-position: center; background-repeat: no-repeat; background-size: 40%; border-radius: 3px; } .baggage-items .items .baggage-container .baggage-desc { padding: 5px; } .baggage-items .items .baggage-container .baggage-desc h1 { margin: 0px 0px 5px 0px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #333333; text-align: center; } .baggage-items .items .baggage-container .baggage-desc p { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: 600; color: #333333; text-align: center; } .baggage-items .items .baggage-container .baggage-desc p.weight { font-size: 18px; font-weight: 500; color: #000000; margin: 5px 0px; } .baggage-items .items .baggage-container .baggage-desc a { margin-top: 5px; } .baggage-items .items .baggage-container .baggage-desc .number { margin: 5px 0px 0px 0px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; } .baggage-items .items .baggage-container .baggage-desc .number span { cursor: pointer; } .baggage-items .items .baggage-container .baggage-desc .number input { height: 31px; width: 70px; text-align: center; font-size: 26px; border: 1px solid #ddd; border-radius: 4px !important; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; border-color: #cecece; } .baggage-items .items .baggage-container .baggage-desc .number .minus, .baggage-items .items .baggage-container .baggage-desc .number .plus { width: 29px; height: 29px; background: #f2f2f2; border-radius: 4px; border: 1px solid #ddd; /* display: inline-block; vertical-align: middle; text-align: center; */ display: flex; justify-content: center; align-items: center; } .btn-check:active + .btn-buttonPrimary, .btn-check:checked + .btn-buttonPrimary { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .btn-check:focus + .btn-buttonPrimary { box-shadow: 0 0 0 0.25rem rgba(253, 83, 83, 0); } .btn-buttonPrimary { color: #ffffff !important; background-color: var(--primary); border-color: var(--primary); } .btn-buttonPrimary.active, .btn-buttonPrimary.dropdown-toggle.show, .btn-buttonPrimary:active, .btn-buttonPrimary:hover { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .btn-buttonPrimary:focus { color: #fff !important; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(27, 68, 134, 0.5); } .btn-check:active + .btn-outline-buttonPrimary, .btn-check:checked + .btn-outline-buttonPrimary { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-check:focus + .btn-outline-buttonPrimary { box-shadow: 0 0 0 0.25rem rgba(253, 83, 83, 0); } .btn-outline-buttonPrimary { color: var(--primary); border-color: var(--primary); } .btn-outline-buttonPrimary.active, .btn-outline-buttonPrimary.dropdown-toggle.show, .btn-outline-buttonPrimary:active, .btn-outline-buttonPrimary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-outline-buttonPrimary:focus { box-shadow: 0 0 0 0.25rem rgba(253, 83, 83, 0); } .chair.aside-path { margin-top: 50px; } /* Screen = B/w (320px) to (575px) */ @media (min-width: 320px) and (max-width: 575px) { .service-request-list { margin: 5px 0px; overflow-x: scroll; } .service-request-list::-webkit-scrollbar { display: none; } .service-request-list .nav.nav-pills .nav-item .nav-link { color: #333333; padding: 2px 15px; border-radius: 30px !important; font-size: 12px; } .service-request-list .nav.nav-pills .nav-item .nav-link.active { color: #ffffff; background-color: var(--primary); } .service-request-list .nav.nav-pills .show > .nav-link { color: #ffffff; background-color: var(--primary); } .seat-mapping { position: relative; z-index: 0; background-color: #ffffff; display: flex; justify-content: center; align-items: center; } .seat-mapping::-webkit-scrollbar { width: 5px !important; height: 5px; } .seat-mapping::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); height: 5px; } .seat-mapping::-webkit-scrollbar-thumb { background-color: #a9a9a9; border-radius: 10px; } .seat-mapping .cabin { position: relative; display: flex; flex-direction: column; align-items: flex-start; flex-basis: content; margin-top: 20px; padding: 10px 0px; width: 100%; overflow-x: scroll; overflow-y: hidden; border: none !important; } .seat-mapping .cabin::before, .seat-mapping .cabin::after { display: none; } .seat-mapping ol.cabin > li { margin: 0px 40px 0px 10px; } ol { list-style: none; padding: 0; margin: 0; } .chair-set { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; position: relative; padding: 0px; } .chair-set::before { content: ""; width: 1px; height: 100%; background-color: #cecece; display: block; position: absolute; left: 30px; top: 10px; z-index: 1; } .chair-set::after { content: ""; width: 1px; height: 100%; background-color: #cecece; display: block; position: absolute; right: 0px; top: 10px; z-index: 1; left: unset; bottom: unset; } .chair { display: flex; padding: 5px 6px; position: relative; } .chair.aside-path { margin-right: 50px; } .chair input[type="checkbox"] { position: absolute; opacity: 0; } .chair input[type="checkbox"]:checked + label { -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; } .chair input[type="checkbox"]:checked + label > span::before { background-color: #a6acaf; } .chair input[type="checkbox"]:disabled + label { text-indent: -9999px; } .chair input[type="checkbox"]:disabled + label > span::before { content: "X"; text-indent: 0; line-height: 1.5; color: #cecece; font-size: 12px; font-weight: 700; } .chair input[type="checkbox"]:disabled + label:hover { box-shadow: none; cursor: not-allowed; } .chair > label { display: block; position: relative; width: 100%; text-align: center; font-size: 0px; font-weight: bold; line-height: 1.5rem; padding: 4px 0; background: transparent; border-radius: 5px; animation-duration: 300ms; animation-fill-mode: both; } .chair > label:hover { cursor: pointer; } .chair > label > span { font-size: 0px; line-height: unset; width: 18px; height: 24px; display: block; background-color: #f9f9f9; position: relative; overflow: hidden; } .chair > label > span::before { content: "" !important; width: 18px !important; height: 24px !important; display: block !important; background-color: transparent !important; border: 2px solid #cecece !important; border-radius: 4px !important; position: absolute !important; top: 0px !important; left: 0px !important; } .label-number > .chair > label > span::before, .label-number > .chair > label > span::after, .label-number > .chair > label::before, .label-number > .chair > label::after { content: none; } .label-number > .chair > label > span { font-size: 12px; font-weight: 600; background-color: #fff; } .chair.label-number > label > span::before, .chair.label-number > label > span::after, .chair.label-number > label::before, .chair.label-number > label::after { content: none; } .chair.label-number > label > span { font-size: 12px; font-weight: 600; background-color: transparent; } .chair > label > span::after { content: ""; width: 18px; height: 8px; display: block; background-color: #cecece !important; border-radius: 50%; position: absolute; bottom: -2px; right: 0; top: unset; } .chair > label::after { content: "" !important; width: 2px !important; height: 14px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; top: 10px !important; right: -3px !important; left: unset !important; } .chair > label::before { content: "" !important; width: 2px !important; height: 14px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; left: -3px !important; top: 10px !important; } .chair.available > label > span::before { border: 2px solid #2e86c1 !important; } .chair.available > label > span::after { background-color: #2e86c1 !important; } .chair.available > label::after { background-color: #2e86c1 !important; } .chair.available > label::before { background-color: #2e86c1 !important; } .chair.premiumseat > label > span::before { border: 2px solid #1b4f72 !important; } .chair.premiumseat > label > span::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::before { background-color: #1b4f72 !important; } .chair.wingseat label > span::before { border: 2px solid #e67e22 !important; } .chair.wingseat > label > span::after { background-color: #e67e22 !important; } .chair.wingseat > label::after { background-color: #e67e22 !important; } .chair.wingseat > label::before { background-color: #e67e22 !important; } .chair.removeseat > label > span { visibility: hidden; opacity: 0; } .chair.removeseat > label { visibility: hidden; opacity: 0; } .chair.left-wing::before, .chair.right-wing::before { content: ""; display: block; width: 40px !important; height: 40px; background: #e7e7e7; position: absolute; z-index: -1; } .chair.left-wing[data-wing-length="1"]::before, .chair.right-wing[data-wing-length="1"]::before { height: calc(40px * 1); } .chair.left-wing[data-wing-length="2"]::before, .chair.right-wing[data-wing-length="2"]::before { height: calc(40px * 2); } .chair.left-wing[data-wing-length="3"]::before, .chair.right-wing[data-wing-length="3"]::before { height: calc(40px * 3); } .chair.left-wing[data-wing-length="4"]::before, .chair.right-wing[data-wing-length="4"]::before { height: calc(40px * 4); } .chair.left-wing[data-wing-length="5"]::before, .chair.right-wing[data-wing-length="5"]::before { height: calc(40px * 5); } .chair.left-wing[data-wing-length="6"]::before, .chair.right-wing[data-wing-length="6"]::before { height: calc(40px * 6); } .chair.left-wing[data-wing-length="7"]::before, .chair.right-wing[data-wing-length="7"]::before { height: calc(40px * 7); } .chair.left-wing[data-wing-length="8"]::before, .chair.right-wing[data-wing-length="8"]::before { height: calc(40px * 8); } .chair.left-wing[data-wing-length="9"]::before, .chair.right-wing[data-wing-length="9"]::before { height: calc(40px * 9); } .chair.left-wing[data-wing-length="10"]::before, .chair.right-wing[data-wing-length="10"]::before { height: calc(40px * 10); } .chair.left-wing[data-wing-length="11"]::before, .chair.right-wing[data-wing-length="11"]::before { height: calc(40px * 11); } .chair.left-wing[data-wing-length="12"]::before, .chair.right-wing[data-wing-length="12"]::before { height: calc(40px * 12); } .chair.left-wing[data-wing-length="13"]::before, .chair.right-wing[data-wing-length="13"]::before { height: calc(40px * 13); } .chair.left-wing[data-wing-length="14"]::before, .chair.right-wing[data-wing-length="14"]::before { height: calc(40px * 14); } .chair.left-wing[data-wing-length="15"]::before, .chair.right-wing[data-wing-length="15"]::before { height: calc(40px * 15); } .chair.left-wing[data-wing-length="16"]::before, .chair.right-wing[data-wing-length="16"]::before { height: calc(40px * 16); } .chair.left-wing[data-wing-length="17"]::before, .chair.right-wing[data-wing-length="17"]::before { height: calc(40px * 17); } .chair.left-wing[data-wing-length="18"]::before, .chair.right-wing[data-wing-length="18"]::before { height: calc(40px * 18); } .chair.left-wing[data-wing-length="19"]::before, .chair.right-wing[data-wing-length="19"]::before { height: calc(40px * 19); } .chair.left-wing[data-wing-length="20"]::before, .chair.right-wing[data-wing-length="20"]::before { height: calc(40px * 20); } .chair.left-wing[data-wing-length="21"]::before, .chair.right-wing[data-wing-length="21"]::before { height: calc(40px * 21); } .chair.left-wing[data-wing-length="22"]::before, .chair.right-wing[data-wing-length="22"]::before { height: calc(40px * 22); } .chair.left-wing[data-wing-length="23"]::before, .chair.right-wing[data-wing-length="23"]::before { height: calc(40px * 23); } .chair.left-wing[data-wing-length="24"]::before, .chair.right-wing[data-wing-length="24"]::before { height: calc(40px * 24); } .chair.left-wing[data-wing-length="25"]::before, .chair.right-wing[data-wing-length="25"]::before { height: calc(40px * 25); } .chair.left-wing[data-wing-length="26"]::before, .chair.right-wing[data-wing-length="26"]::before { height: calc(40px * 26); } .chair.left-wing[data-wing-length="27"]::before, .chair.right-wing[data-wing-length="27"]::before { height: calc(40px * 27); } .chair.left-wing[data-wing-length="28"]::before, .chair.right-wing[data-wing-length="28"]::before { height: calc(40px * 28); } .chair.left-wing[data-wing-length="29"]::before, .chair.right-wing[data-wing-length="29"]::before { height: calc(40px * 29); } .chair.left-wing[data-wing-length="30"]::before, .chair.right-wing[data-wing-length="30"]::before { height: calc(40px * 30); } .chair.left-wing::before { transform: skewY(-30deg); top: 15px; right: 100%; left: unset; } .chair.right-wing::before { transform: skewY(30deg); top: 15px; left: 30px; } .empty-row .chair-set .chair { visibility: hidden; opacity: 0; } .empty-row.exit-door.right-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door { position: relative; width: unset !important; } .empty-row.exit-door::before { content: "exit"; position: absolute; left: 30px !important; bottom: unset !important; transform: translateY(-50%) rotate(90deg); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door::after { content: "exit"; position: absolute; right: 0px; left: unset !important; transform: translateY(-50%) rotate(-90deg); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit, .empty-row.exit-door.right-exit { position: relative; width: 100%; } .empty-row.exit-door.left-exit::before { content: "exit"; position: absolute; bottom: 50px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit::after { content: none; } .empty-row.exit-door.right-exit::before { content: none; } .empty-row.exit-door.right-exit::after { content: "exit"; position: absolute; top: 10px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door[data-exit-door=""]::before, .empty-row.exit-door[data-exit-door=""]::after { top: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="1"]::before, .empty-row.exit-door[data-exit-door="1"]::after { top: calc((40px * 1) / 2); } .empty-row.exit-door[data-exit-door="2"]::before, .empty-row.exit-door[data-exit-door="2"]::after { top: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="3"]::before, .empty-row.exit-door[data-exit-door="3"]::after { top: calc((40px * 3) / 2); } .empty-row.exit-door[data-exit-door="4"]::before, .empty-row.exit-door[data-exit-door="4"]::after { top: calc((40px * 4) / 2); } .empty-row.exit-door[data-exit-door="5"]::before, .empty-row.exit-door[data-exit-door="5"]::after { top: calc((40px * 5) / 2); } .empty-row.exit-door[data-exit-door="6"]::before, .empty-row.exit-door[data-exit-door="6"]::after { top: calc((40px * 6) / 2); } .empty-row.exit-door[data-exit-door="7"]::before, .empty-row.exit-door[data-exit-door="7"]::after { top: calc((40px * 7) / 2); } .empty-row.exit-door[data-exit-door="8"]::before, .empty-row.exit-door[data-exit-door="8"]::after { top: calc((40px * 8) / 2); } .empty-row.exit-door[data-exit-door="9"]::before, .empty-row.exit-door[data-exit-door="9"]::after { top: calc((40px * 9) / 2); } .empty-row.exit-door[data-exit-door="10"]::before, .empty-row.exit-door[data-exit-door="10"]::after { top: calc((40px * 10) / 2); } .empty-row.exit-door[data-exit-door="11"]::before, .empty-row.exit-door[data-exit-door="11"]::after { top: calc((40px * 11) / 2); } .empty-row.exit-door[data-exit-door="12"]::before, .empty-row.exit-door[data-exit-door="12"]::after { top: calc((40px * 12) / 2); } .empty-row.exit-door[data-exit-door="13"]::before, .empty-row.exit-door[data-exit-door="13"]::after { top: calc((40px * 13) / 2); } .empty-row.exit-door[data-exit-door="14"]::before, .empty-row.exit-door[data-exit-door="14"]::after { top: calc((40px * 14) / 2); } .empty-row.exit-door[data-exit-door="15"]::before, .empty-row.exit-door[data-exit-door="15"]::after { top: calc((40px * 15) / 2); } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } .traveller-seat-selection { position: relative; } .travellerDetailsList { display: block; position: absolute; bottom: 30px; left: 50%; width: 200px; min-height: 50px; z-index: 1; background-color: #fff; border-radius: 0px; border: 1px solid #cecece; transform: translateX(-50%); } #serviceRequest.nav.nav-tabs .nav-link.active { color: #fff; background-color: var(--primary); } #serviceRequest.nav.nav-tabs .nav-link { padding: 0.25rem 0.75rem; margin: 0px 5px; color: #999; background-color: #f9f9f9; } #serviceRequest.nav-tabs .nav-item.show .nav-link, #serviceRequest.nav-tabs .nav-link.active { border-color: #dee2e6 #dee2e6 var(--primary); } .travellerListContent { min-width: 150px; max-width: 200px; background-color: #ffffff; border: 1px solid #cecece; } .travellerListContent .seat-title { background-color: #cecece; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .travellerListContent .seat-title > h1, .travellerListContent .seat-title > p { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul { margin: 0px; padding: 0px; list-style: none; } .travellerListContent > ul > li { border-bottom: 1px solid #f9f9f9; } .travellerListContent > ul > li > .form-check .form-check-label { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .travellerListContent > ul > li > .form-check .form-check-label > h1 { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check .form-check-label > p { margin: 10px 5px 10px !important; margin-left: auto !important; color: #333 !important; font-size: 12px !important; font-weight: 500 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check { display: block; margin: 0px; padding: 0px; } .travellerListContent > ul > li > .form-check input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .travellerListContent > ul > li > .form-check label { position: relative; cursor: pointer; } .travellerListContent > ul > li > .form-check label:before { content: "\f058"; font-weight: 400; font-size: 18px; color: #cecece; padding: 0px 10px; } .travellerListContent > ul > li > .form-check input:checked + label:before { content: "\f058"; font-weight: 900; font-size: 18px; color: var(--primary); } #mySeating.nav-pills .nav-link.active, #mySeating.nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } #mySeating.nav-pills .nav-link { color: #333333; background-color: #f9f9f9; border-radius: 30px; padding: 2px 12px; margin: 10px 5px 5px; font-size: 11px; font-weight: 400; letter-spacing: 0.2px; } .chair.aside-path { margin-right: 25px; margin-top: unset !important; } } /* Screen = B/w (320px) to (575px)---m1*/ /* Screen = B/w (576px) to (767px) */ @media (min-width: 576px) and (max-width: 991px) { .service-request-list { margin: 5px 0px; overflow-x: scroll; } .service-request-list::-webkit-scrollbar { display: none; } .service-request-list .nav.nav-pills .nav-item .nav-link { color: #333333; padding: 2px 15px; border-radius: 30px !important; font-size: 12px; } .service-request-list .nav.nav-pills .nav-item .nav-link.active { color: #ffffff; background-color: var(--primary); } .service-request-list .nav.nav-pills .show > .nav-link { color: #ffffff; background-color: var(--primary); } .seat-mapping { position: relative; z-index: 0; background-color: #ffffff; display: flex; justify-content: center; align-items: center; } .seat-mapping::-webkit-scrollbar { width: 5px !important; height: 5px; } .seat-mapping::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); height: 5px; } .seat-mapping::-webkit-scrollbar-thumb { background-color: #a9a9a9; border-radius: 10px; } .seat-mapping .cabin { position: relative; display: flex; flex-direction: column; align-items: center; flex-basis: content; margin-top: 20px; padding: 10px 0px; width: 100%; overflow-x: scroll; overflow-y: hidden; border: none !important; } .seat-mapping .cabin::before { content: ""; width: 1px; height: 100%; background-color: #cecece; display: block; position: absolute; left: 40px; top: 10px; z-index: 1; } .seat-mapping .cabin::after { content: ""; width: 1px; height: 100%; background-color: #cecece; display: block; position: absolute; right: 40px; top: 10px; z-index: 1; left: unset; bottom: unset; } .seat-mapping ol.cabin > li { margin: 0px 40px 0px 10px; } ol { list-style: none; padding: 0; margin: 0; } .chair-set { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; position: relative; padding: 0px; } .chair { display: flex; padding: 5px 6px; position: relative; } .chair.aside-path { margin-right: 50px; } .chair input[type="checkbox"] { position: absolute; opacity: 0; } .chair input[type="checkbox"]:checked + label { -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; } .chair input[type="checkbox"]:checked + label > span::before { background-color: #a6acaf; } .chair input[type="checkbox"]:disabled + label { text-indent: -9999px; } .chair input[type="checkbox"]:disabled + label > span::before { content: "X"; text-indent: 0; line-height: 1.5; color: #cecece; font-size: 12px; font-weight: 700; } .chair input[type="checkbox"]:disabled + label:hover { box-shadow: none; cursor: not-allowed; } .chair > label { display: block; position: relative; width: 100%; text-align: center; font-size: 0px; font-weight: bold; line-height: 1.5rem; padding: 4px 0; background: transparent; border-radius: 5px; animation-duration: 300ms; animation-fill-mode: both; } .chair > label:hover { cursor: pointer; } .chair > label > span { font-size: 0px; line-height: unset; width: 18px; height: 24px; display: block; background-color: #f9f9f9; position: relative; overflow: hidden; } .chair > label > span::before { content: "" !important; width: 18px !important; height: 24px !important; display: block !important; background-color: transparent !important; border: 2px solid #cecece !important; border-radius: 4px !important; position: absolute !important; top: 0px !important; left: 0px !important; } .label-number > .chair > label > span::before, .label-number > .chair > label > span::after, .label-number > .chair > label::before, .label-number > .chair > label::after { content: none; } .label-number > .chair > label > span { font-size: 12px; font-weight: 600; background-color: #fff; } .chair.label-number > label > span::before, .chair.label-number > label > span::after, .chair.label-number > label::before, .chair.label-number > label::after { content: none; } .chair.label-number > label > span { font-size: 12px; font-weight: 600; background-color: transparent; } .chair > label > span::after { content: ""; width: 18px; height: 8px; display: block; background-color: #cecece !important; border-radius: 50%; position: absolute; bottom: -2px; right: 0; top: unset; } .chair > label::after { content: "" !important; width: 2px !important; height: 14px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; top: 10px !important; right: -3px !important; left: unset !important; } .chair > label::before { content: "" !important; width: 2px !important; height: 14px !important; display: block !important; background-color: #cecece !important; border-radius: 10px !important; position: absolute !important; left: -3px !important; top: 10px !important; } .chair.available > label > span::before { border: 2px solid #2e86c1 !important; } .chair.available > label > span::after { background-color: #2e86c1 !important; } .chair.available > label::after { background-color: #2e86c1 !important; } .chair.available > label::before { background-color: #2e86c1 !important; } .chair.premiumseat > label > span::before { border: 2px solid #1b4f72 !important; } .chair.premiumseat > label > span::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::after { background-color: #1b4f72 !important; } .chair.premiumseat > label::before { background-color: #1b4f72 !important; } .chair.wingseat label > span::before { border: 2px solid #e67e22 !important; } .chair.wingseat > label > span::after { background-color: #e67e22 !important; } .chair.wingseat > label::after { background-color: #e67e22 !important; } .chair.wingseat > label::before { background-color: #e67e22 !important; } .chair.removeseat > label > span { visibility: hidden; opacity: 0; } .chair.removeseat > label { visibility: hidden; opacity: 0; } .chair.left-wing::before, .chair.right-wing::before { content: ""; display: block; width: 40px !important; height: 40px; background: #e7e7e7; position: absolute; z-index: -1; } .chair.left-wing[data-wing-length="1"]::before, .chair.right-wing[data-wing-length="1"]::before { height: calc(40px * 1); } .chair.left-wing[data-wing-length="2"]::before, .chair.right-wing[data-wing-length="2"]::before { height: calc(40px * 2); } .chair.left-wing[data-wing-length="3"]::before, .chair.right-wing[data-wing-length="3"]::before { height: calc(40px * 3); } .chair.left-wing[data-wing-length="4"]::before, .chair.right-wing[data-wing-length="4"]::before { height: calc(40px * 4); } .chair.left-wing[data-wing-length="5"]::before, .chair.right-wing[data-wing-length="5"]::before { height: calc(40px * 5); } .chair.left-wing[data-wing-length="6"]::before, .chair.right-wing[data-wing-length="6"]::before { height: calc(40px * 6); } .chair.left-wing[data-wing-length="7"]::before, .chair.right-wing[data-wing-length="7"]::before { height: calc(40px * 7); } .chair.left-wing[data-wing-length="8"]::before, .chair.right-wing[data-wing-length="8"]::before { height: calc(40px * 8); } .chair.left-wing[data-wing-length="9"]::before, .chair.right-wing[data-wing-length="9"]::before { height: calc(40px * 9); } .chair.left-wing[data-wing-length="10"]::before, .chair.right-wing[data-wing-length="10"]::before { height: calc(40px * 10); } .chair.left-wing[data-wing-length="11"]::before, .chair.right-wing[data-wing-length="11"]::before { height: calc(40px * 11); } .chair.left-wing[data-wing-length="12"]::before, .chair.right-wing[data-wing-length="12"]::before { height: calc(40px * 12); } .chair.left-wing[data-wing-length="13"]::before, .chair.right-wing[data-wing-length="13"]::before { height: calc(40px * 13); } .chair.left-wing[data-wing-length="14"]::before, .chair.right-wing[data-wing-length="14"]::before { height: calc(40px * 14); } .chair.left-wing[data-wing-length="15"]::before, .chair.right-wing[data-wing-length="15"]::before { height: calc(40px * 15); } .chair.left-wing[data-wing-length="16"]::before, .chair.right-wing[data-wing-length="16"]::before { height: calc(40px * 16); } .chair.left-wing[data-wing-length="17"]::before, .chair.right-wing[data-wing-length="17"]::before { height: calc(40px * 17); } .chair.left-wing[data-wing-length="18"]::before, .chair.right-wing[data-wing-length="18"]::before { height: calc(40px * 18); } .chair.left-wing[data-wing-length="19"]::before, .chair.right-wing[data-wing-length="19"]::before { height: calc(40px * 19); } .chair.left-wing[data-wing-length="20"]::before, .chair.right-wing[data-wing-length="20"]::before { height: calc(40px * 20); } .chair.left-wing[data-wing-length="21"]::before, .chair.right-wing[data-wing-length="21"]::before { height: calc(40px * 21); } .chair.left-wing[data-wing-length="22"]::before, .chair.right-wing[data-wing-length="22"]::before { height: calc(40px * 22); } .chair.left-wing[data-wing-length="23"]::before, .chair.right-wing[data-wing-length="23"]::before { height: calc(40px * 23); } .chair.left-wing[data-wing-length="24"]::before, .chair.right-wing[data-wing-length="24"]::before { height: calc(40px * 24); } .chair.left-wing[data-wing-length="25"]::before, .chair.right-wing[data-wing-length="25"]::before { height: calc(40px * 25); } .chair.left-wing[data-wing-length="26"]::before, .chair.right-wing[data-wing-length="26"]::before { height: calc(40px * 26); } .chair.left-wing[data-wing-length="27"]::before, .chair.right-wing[data-wing-length="27"]::before { height: calc(40px * 27); } .chair.left-wing[data-wing-length="28"]::before, .chair.right-wing[data-wing-length="28"]::before { height: calc(40px * 28); } .chair.left-wing[data-wing-length="29"]::before, .chair.right-wing[data-wing-length="29"]::before { height: calc(40px * 29); } .chair.left-wing[data-wing-length="30"]::before, .chair.right-wing[data-wing-length="30"]::before { height: calc(40px * 30); } .chair.left-wing::before { transform: skewY(-30deg); top: 15px; right: 100%; left: unset; } .chair.right-wing::before { transform: skewY(30deg); top: 15px; left: 30px; } .empty-row .chair-set .chair { visibility: hidden; opacity: 0; } .empty-row.exit-door.right-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.right-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:first-child:last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):nth-last-child(n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(n + 6) { visibility: hidden; opacity: 0; } .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 2):last-child, .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 3):nth-last-child(-n + 2), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 4):nth-last-child(-n + 3), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 5):nth-last-child(-n + 4), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 6):nth-last-child(-n + 5), .empty-row.exit-door.left-exit .chair-set .chair:nth-child(n + 7):nth-last-child(-n + 6) { visibility: visible; opacity: 1; } .empty-row.exit-door { position: relative; width: 100%; } .empty-row.exit-door::before { content: "exit"; position: absolute; left: 50px !important; bottom: unset !important; transform: translateY(-50%) rotate(90deg); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door::after { content: "exit"; position: absolute; right: 20px; left: unset !important; transform: translateY(-50%) rotate(-90deg); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit, .empty-row.exit-door.right-exit { position: relative; width: 100%; } .empty-row.exit-door.left-exit::before { content: "exit"; position: absolute; bottom: 50px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door.left-exit::after { content: none; } .empty-row.exit-door.right-exit::before { content: none; } .empty-row.exit-door.right-exit::after { content: "exit"; position: absolute; top: 10px; transform: translateX(-25%); margin: 0px auto; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; background-color: red; display: inline; margin: 0 auto; width: 40px; } .empty-row.exit-door[data-exit-door=""]::before, .empty-row.exit-door[data-exit-door=""]::after { top: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="1"]::before, .empty-row.exit-door[data-exit-door="1"]::after { top: calc((40px * 1) / 2); } .empty-row.exit-door[data-exit-door="2"]::before, .empty-row.exit-door[data-exit-door="2"]::after { top: calc((40px * 2) / 2); } .empty-row.exit-door[data-exit-door="3"]::before, .empty-row.exit-door[data-exit-door="3"]::after { top: calc((40px * 3) / 2); } .empty-row.exit-door[data-exit-door="4"]::before, .empty-row.exit-door[data-exit-door="4"]::after { top: calc((40px * 4) / 2); } .empty-row.exit-door[data-exit-door="5"]::before, .empty-row.exit-door[data-exit-door="5"]::after { top: calc((40px * 5) / 2); } .empty-row.exit-door[data-exit-door="6"]::before, .empty-row.exit-door[data-exit-door="6"]::after { top: calc((40px * 6) / 2); } .empty-row.exit-door[data-exit-door="7"]::before, .empty-row.exit-door[data-exit-door="7"]::after { top: calc((40px * 7) / 2); } .empty-row.exit-door[data-exit-door="8"]::before, .empty-row.exit-door[data-exit-door="8"]::after { top: calc((40px * 8) / 2); } .empty-row.exit-door[data-exit-door="9"]::before, .empty-row.exit-door[data-exit-door="9"]::after { top: calc((40px * 9) / 2); } .empty-row.exit-door[data-exit-door="10"]::before, .empty-row.exit-door[data-exit-door="10"]::after { top: calc((40px * 10) / 2); } .empty-row.exit-door[data-exit-door="11"]::before, .empty-row.exit-door[data-exit-door="11"]::after { top: calc((40px * 11) / 2); } .empty-row.exit-door[data-exit-door="12"]::before, .empty-row.exit-door[data-exit-door="12"]::after { top: calc((40px * 12) / 2); } .empty-row.exit-door[data-exit-door="13"]::before, .empty-row.exit-door[data-exit-door="13"]::after { top: calc((40px * 13) / 2); } .empty-row.exit-door[data-exit-door="14"]::before, .empty-row.exit-door[data-exit-door="14"]::after { top: calc((40px * 14) / 2); } .empty-row.exit-door[data-exit-door="15"]::before, .empty-row.exit-door[data-exit-door="15"]::after { top: calc((40px * 15) / 2); } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } .traveller-seat-selection { position: relative; } .travellerDetailsList { display: block; position: absolute; bottom: 30px; left: 50%; width: 200px; min-height: 50px; z-index: 1; background-color: #fff; border-radius: 0px; border: 1px solid #cecece; transform: translateX(-50%); } #serviceRequest.nav.nav-tabs .nav-link.active { color: #fff; background-color: var(--primary); } #serviceRequest.nav.nav-tabs .nav-link { padding: 0.25rem 0.75rem; margin: 0px 5px; color: #999; background-color: #f9f9f9; } #serviceRequest.nav-tabs .nav-item.show .nav-link, #serviceRequest.nav-tabs .nav-link.active { border-color: #dee2e6 #dee2e6 var(--primary); } .travellerListContent { min-width: 150px; max-width: 200px; background-color: #ffffff; border: 1px solid #cecece; } .travellerListContent .seat-title { background-color: #cecece; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .travellerListContent .seat-title > h1, .travellerListContent .seat-title > p { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul { margin: 0px; padding: 0px; list-style: none; } .travellerListContent > ul > li { border-bottom: 1px solid #f9f9f9; } .travellerListContent > ul > li > .form-check .form-check-label { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .travellerListContent > ul > li > .form-check .form-check-label > h1 { margin: 10px 5px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: #000000 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check .form-check-label > p { margin: 10px 5px 10px !important; margin-left: auto !important; color: #333 !important; font-size: 12px !important; font-weight: 500 !important; text-transform: capitalize !important; text-align: left !important; } .travellerListContent > ul > li > .form-check { display: block; margin: 0px; padding: 0px; } .travellerListContent > ul > li > .form-check input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .travellerListContent > ul > li > .form-check label { position: relative; cursor: pointer; } .travellerListContent > ul > li > .form-check label:before { content: "\f058"; font-weight: 400; font-size: 18px; color: #cecece; padding: 0px 10px; } .travellerListContent > ul > li > .form-check input:checked + label:before { content: "\f058"; font-weight: 900; font-size: 18px; color: var(--primary); } #mySeating.nav-pills .nav-link.active, #mySeating.nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } #mySeating.nav-pills .nav-link { color: #333333; background-color: #f9f9f9; border-radius: 30px; padding: 2px 12px; margin: 10px 5px 5px; font-size: 11px; font-weight: 400; letter-spacing: 0.2px; } .chair.aside-path { margin-right: 25px; margin-top: unset !important; } } /* =========== Salman's styles =========== */ ul.faring-tabs { background-color: rgba(var(--base-secondary-rgb), 0.15); display: flex; align-items: center; max-width: max-content; margin-inline-start: auto; border-radius: 0.25rem; font-size: 0.8rem; margin-block: 0.25rem !important; } ul.faring-tabs:hover { background-color: rgba(var(--base-secondary-rgb), 0.25); } li.faring-tabs__tab { padding-inline: 0.95rem; padding-block: 0.2rem; border-radius: inherit; cursor: pointer; transition: all 0.35s ease-in; margin: 0 !important; } li.faring-tabs__tab:is(.active) { background-color: var(--base-primary); color: var(--white); background-color: var(--white); color: #e89112; font-weight: 700; box-shadow: 0 0 0 2px var(--base-primary); } .overall-set { overflow-x: scroll; } .overall-set .set { min-width: 315px; } .login-section form { /* width: 100%; */ max-width: 350px; display: flex; flex-direction: column; gap: 1rem; } .logo-block h4 { max-width: min-content; } .logo-block { display: flex; align-items: center; gap: 1rem; position: relative; margin-block-end: 2.5rem; } .logo-block img { width: 130px; } .logo-block .text-primary { color: var(--base-primary) !important; } .logo-block .text-secondary { color: var(--bs-white) !important; } /* Screen = B/w (576px) to (767px)---m2*/ /*# sourceMappingURL=view-fare.css.map */ /* Service Request - End */ /* Danish */ .input-block-container:first-child .__body { border-end-start-radius: 0; border-end-end-radius: 0; } .input-block-container:last-child .__body { border-block-start: 1px; border-start-start-radius: 0; border-start-end-radius: 0; } #password-container .pass { border-end-start-radius: 0; border-end-end-radius: 0; } #password-container .cpass { border-block-start: 1px; border-start-start-radius: 0; border-start-end-radius: 0; } #block-container { display: flex; flex-direction: column; gap: 0.5rem; } #outline-error-container .no-border { border-end-start-radius: 0.35rem; border-end-end-radius: 0.35rem; } .input-block-container { --block-height: 50px; --block-input-height: calc(var(--block-height) - 6px); --block-border-radius: 0.35rem; --block-icon-size: calc(var(--block-height) - 6px); --block-border-color: #ccc; --block-shadow-color: #ff0000; --block-color: var(--bs-body-color); --bs-transition: var(--bs-transition); position: relative; width: 100%; } .input-block-container label { color: var(--bs-black); } .input-block-container .__header label { margin: 0; } .input-block-container .__body { background-color: #fff; color: var(--block-color); height: var(--block-height); position: relative; display: flex; align-items: center; border: 1px solid var(--block-border-color); padding-block: 3px; padding-inline: 2px; border-radius: var(--block-border-radius); transition: var(--bs-transition); } .input-block-container .__body .__icon { width: var(--block-icon-size); height: var(--block-icon-size); font-size: 1.1rem; aspect-ratio: 1 / 1; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .input-block-container .__body .__icon .icon-after { cursor: pointer; } .input-block-container .__body .form-block, .input-block-container .__body input { width: 100%; height: var(--block-input-height); border: 0; border-radius: 0; background-color: transparent; outline: none; padding-block: 0; padding-inline: 0.25rem; } .input-block-container .__body input:focus { box-shadow: none; } .__error { display: none; } .input-block-container .field-validation-error { display: block; position: absolute; inset-inline-end: 0; font-size: 0.7rem; line-height: 0.7rem; background-color: var(--bs-danger); color: var(--bs-white); padding-block: 0.2rem; padding-inline: 0.4rem; border-start-end-radius: 0.3rem; border-end-start-radius: 0.3rem; } .input-block-container .__error_password { position: absolute; inset-inline-end: 0; font-size: 0.7rem; line-height: 0.7rem; background-color: var(--bs-danger); color: var(--bs-white); padding-block: 0.2rem; padding-inline: 0.4rem; border-end-start-radius: 0.3rem; } .input-block-container.invalid { --block-border-color: var(--bs-danger); --block-color: var(--bs-danger); } .input-block-container.valid { --block-border-color: var(--bs-success); --block-color: var(--bs-success); } .input-block-container:focus-within { z-index: 1; --block-border-color: var(--primary); --block-color: var(--primary); } .input-block-container:focus-within .__body { box-shadow: 0 0 0 0.25rem rgba(var(--block-shadow-color), 0.15); } .form-row { display: flex; } .form-row .password-remember { display: flex; } .error-msg-api { background-color: var(--bs-danger); color: var(--bs-white); padding-block: 10px; border-radius: 0.35rem; } .error-msg-api:empty { display: none; } #registerForm input[type="text"], #registerForm input[type="password"], .upload-file { height: 45px; border-radius: 0.35rem; } .register-logo { width: 120px; } .forgot-passsword-item { margin: 16px 0 12px 0; float: right; } #div-login .dialog-wrapper-validation { height: var(--block-height); background-color: unset; } .form-label { color: var(--primary); padding: 0; margin: 0; } .new-register strong { font-size: 18px; cursor: pointer; } .btn { display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .btn-outline-primary-custom { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .btn-outline-primary-custom:hover { transition: all 0.2s ease; color: var(--white); background-color: var(--primary); } .error-form-register { color: #bd3030; font-weight: 700; } .counter-count { font-size: 20px; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .navbar-nav .dropdown-menu { color: #fff; display: none; position: absolute; background: linear-gradient(to bottom, var(--primary), rgb(92 88 88 / 80%)); border: 1px solid #cccccc52; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); animation: slideDown 0.2s ease; backdrop-filter: blur(5px); } .dropdown:hover .dropdown-menu { display: block; } .dropdown-item { opacity: 0; transform: translateY(-10px); animation: slideDown 0.8s ease forwards; } .dropdown-item:nth-child(1) { animation-delay: 0.1s; } .dropdown-item:nth-child(2) { animation-delay: 0.2s; } .dropdown-item:nth-child(2) { animation-delay: 0.3s; } .dropdown-item:nth-child(2) { animation-delay: 0.4s; } .dropdown-item:nth-child(2) { animation-delay: 0.5s; } .dropdown-divider { border-top: 1px solid #cccccc52; margin: 0.2rem 0; } /* h6 { color: var(--base-primary); } */ .dropdown-menu > div:nth-child(1) h6::before { content: "\f072"; /* Unicode character for the airplane icon */ margin-right: 0.5em; font-family: "Font Awesome 5 Free"; font-weight: 800; color: var(--base-primary); } .__header { display: flex; } #timer-container { text-align: right; color: var(--bs-black); } #timer-container span { color: var(--base-primary); font-weight: 600; } /* Target the second h6 inside a .dropdown-menu */ .dropdown-menu > div:nth-child(5) h6::before { content: "\f236"; /* Unicode character for the bed icon */ margin-right: 0.5em; font-family: "Font Awesome 5 Free"; font-weight: 800; color: var(--base-primary); } .tooltip { position: relative; display: inline-block; opacity: unset; font-size: 17px; cursor: pointer; font-weight: 600; } .tooltip .tooltip_text { visibility: hidden; font-size: 15px; padding: 5px; background-color: var(--primary); color: #f8f8f9; backdrop-filter: blur(14px); border: 1px solid var(--base-primary); text-align: center; position: absolute; z-index: 1; top: 120%; left: 5%; opacity: 0; transition: opacity 1s; } .tooltip .tooltip_text::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; border-width: 8px; border-style: solid; border-color: transparent transparent var(--base-primary) transparent; } .tooltip .tooltip_text_remarks { visibility: hidden; font-size: 13px; padding: 5px; background-color: var(--primary); color: #ffffff; backdrop-filter: blur(14px); border: 1px solid var(--base-primary); text-align: center; position: absolute; z-index: 1; top: 120%; left: 0%; opacity: 0; transition: opacity 1s; } .tooltip .tooltip_text_remarks::after { content: ""; position: absolute; bottom: 100%; left: 5%; margin-left: -6px; border-width: 8px; border-style: solid; border-color: transparent transparent var(--base-primary) transparent; } .tooltip:hover .tooltip_text_remarks { visibility: visible; opacity: 1; } .tooltip:hover .tooltip_text { visibility: visible; opacity: 1; } #announcement { color: var(--base-primary); margin-inline-start: 0; } #announcement i { color: var(--base-primary); } /* Service slide left */ .slideanimleft { visibility: hidden; } .slideleft { animation-name: slideleft; -webkit-animation-name: slideleft; -moz-animation-name: slideleft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; /* Make the element visible */ visibility: visible; } @keyframes slideleft { 0% { opacity: 0; transform: translateX(50%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideleft { 0% { opacity: 0; -webkit-transform: translateX(50%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } a:hover, a:focus { text-decoration: none; outline: none; } .vertical-tab { /* display: table; */ } .vertical-tab .nav-tabs { display: table-cell; width: 25%; min-width: 25%; padding: 7px 0 0; border: none; vertical-align: top; } .vertical-tab .nav-tabs li { float: none; } .vertical-tab .nav-tabs li a { color: #fff; background: var(--primary); font-size: 15px; font-weight: 700; letter-spacing: 0.5px; text-transform: capitalize; text-align: center; padding: 7px 7px 8px; margin: 0 5px 7px 0; border-radius: 0; border: 2px solid var(--primary); position: relative; z-index: 1; transition: all 0.5s ease 0.2s; } .vertical-tab .nav-tabs li a:hover, .vertical-tab .nav-tabs li a.active, .vertical-tab .nav-tabs li a.active a:hover { color: var(--base-primary); background: var(--bs-white); border: 2px solid var(--base-primary); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .vertical-tab .nav-tabs li a:before, .vertical-tab .nav-tabs li a:after { content: ""; background-color: var(--base-primary); height: 100%; width: 0; border-radius: 0 10px 10px 0; position: absolute; left: 100%; top: 0; transition: all 0.4s ease 0s; } .vertical-tab .nav-tabs li a:after { background-color: #fff; width: 25px; border-radius: 10px; transform: scale(0); transition: all 0.4s ease 0.1s; } .vertical-tab .nav-tabs li a.active:before, .vertical-tab .nav-tabs li a.active:after { width: 25px; } .vertical-tab .nav-tabs li a.active:after { transform: scale(0.4, 0.6); } .vertical-tab .tab-content { color: #555; background-color: #fff; line-height: 21px; padding: 15px 15px 15px 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 1px 0 0 1px var(--base-primary); display: flow-root; min-height: 297px; border-radius: 5px; } .vertical-tab .tab-content h3 { color: #5dbc09; font-size: 20px; font-weight: 600; text-transform: capitalize; margin: 0 0 3px; } @media only screen and (max-width: 479px) { .vertical-tab .nav-tabs { width: 100%; display: block; } .vertical-tab .nav-tabs li a { padding: 10px 10px 9px; margin: 0 0 12px; } .vertical-tab .nav-tabs li a:before, .vertical-tab .nav-tabs li a:after { display: none; } } .hotelDetailsBtn { gap: 1px; float: inline-end; display: grid; } .importantNote { gap: 10px; text-align: center; padding: 10px 0px 0px 0px; border-radius: 5px; border: 1px solid var(--base-primary); display: grid; } .importantNote label { text-align: center; color: var(--primary); margin: 0; font-size: 10px; font-weight: 600; } .importantNote .lblnote { text-transform: uppercase; background-color: var(--primary); color: #fff; padding: 5px 5px; border-radius: 3px; } .importantNote .lblnote i { color: var(--base-primary); margin-inline-start: 5px; } #flight-result .farerules { background-color: #f1f1f1; padding: 10px; } .hotel-details .star { list-style-type: none; padding: 0; } .hotel-details .lnkbtn { background: var(--primary); padding: 7px; border-radius: 3px; color: #fff; } .search-group i { color: var(--base-primary); } .navbar-brand:after { content: ""; border-right: 1px solid var(--base-primary); padding: 8px; } #bookingConfirmationById .flightInformation table th { width: 18%; } #latestBooking a { color: #676d76; font-size: 14px; text-decoration: underline; } #show-more .overall { background-color: var(--primary); } #pdf table h4 { color: var(--base-primary) !important; } #pdf table h5 { color: var(--base-primary) !important; } #pdf table tr td { color: var(--primary) !important; } #searchResult ul.flt-panel:hover, ul.htl-panel:hover { border-right: 3px solid var(--base-primary); } /* .nav-pills .nav-link.active { margin: 0px 10px 0px 10px; } */ .header ul.navbar-nav > li.dropdown .dropdown-toggle { cursor: pointer; pointer-events: none; } .farerules .card .card-header h5 { font-family: var(--main-font-family) !important; font-size: 11px; font-weight: 700; } /* Logo animation start */ main { width: 100%; display: flex; justify-content: center; align-items: center; gap: 3rem; } main .pre-loader img { height: var(--logo-width); } main .pre-loader, main .full-logo-loader { position: relative; display: grid; place-items: center; max-width: -moz-fit-content; max-width: fit-content; } main .pre-loader svg, main .full-logo-loader svg { margin-inline: auto; width: 100%; height: var(--logo-width); } main .pre-loader svg .color--primary, main .full-logo-loader svg .color--primary { color: var(--base-primary); } main .pre-loader svg .color--secondary, main .full-logo-loader svg .color--secondary { color: var(--secondary); } main .pre-loader svg .x-strokes, main .full-logo-loader svg .x-strokes { opacity: 1; } main .pre-loader svg .x-strokes path, main .full-logo-loader svg .x-strokes path { fill: transparent; stroke: var(--base-primary); stroke-width: var(--stroke-width); stroke-linecap: round; stroke-dasharray: 300; stroke-dashoffset: 300; animation: dash var(--animation-duration) linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) / 3); } main .pre-loader svg .flight-lines, main .full-logo-loader svg .flight-lines { position: relative; } main .pre-loader svg .flight-lines path, main .full-logo-loader svg .flight-lines path { opacity: 0; animation: show 300ms linear alternate 1 forwards; } main .pre-loader svg .flight-lines .line-1, main .full-logo-loader svg .flight-lines .line-1 { animation-delay: 0.25s; } main .pre-loader svg .flight-lines .line-2, main .full-logo-loader svg .flight-lines .line-2 { animation-delay: 0.5s; } main .pre-loader svg .flight-lines .line-3, main .full-logo-loader svg .flight-lines .line-3 { animation-delay: 0.75s; } main .pre-loader svg .flight-lines .line-4, main .full-logo-loader svg .flight-lines .line-4 { animation-delay: 1s; } main .pre-loader svg .flight-lines .line-5, main .full-logo-loader svg .flight-lines .line-5 { animation-delay: 1.25s; } main .pre-loader svg .flight-lines .line-6, main .full-logo-loader svg .flight-lines .line-6 { animation-delay: 1.5s; } main .pre-loader svg .flight-lines .line-7, main .full-logo-loader svg .flight-lines .line-7 { animation-delay: 1.75s; } main .pre-loader svg .flight-lines .line-8, main .full-logo-loader svg .flight-lines .line-8 { animation-delay: 2s; } main .full-logo-loader svg .full-name { animation: hideFullName calc(var(--animation-duration) / 1.5) linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) * 1.5); } main .full-logo-loader svg .x-filled { opacity: 0; animation: show 300ms linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) * 1.25); } main .full-logo-loader svg .half-name { opacity: 0; animation: show 300ms linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) * 1.65); } main .full-logo-loader svg .x-strokes { animation: hide 300ms linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) * 1.65); } main .full-logo-loader svg .flight-lines { animation: hide 300ms linear alternate 1 forwards; animation-delay: calc(var(--animation-duration) * 1.65); } main .pre-loader svg .x-strokes path { animation: dash var(--animation-duration); animation-iteration-count: var(--animation-count); } #price-filter .ng5-slider .ng5-slider-pointer { border: 5px solid var(--primary) !important; } /* Handling status css for dashboard lastest booking */ .bookingStatus .h { margin: 0; padding: 1px 5px 1px 5px; background-color: #c3a43c; color: var(--white); border-radius: 5px; text-align: center; } .bookingStatus .h { margin: 0; padding: 1px 5px 1px 5px; background-color: #e3b310; color: var(--white); border-radius: 5px; text-align: center; } .bookingStatus .bh { margin: 0; padding: 1px 5px 1px 5px; background-color: var(--primary); color: var(--white); border-radius: 5px; text-align: center; } .bookingStatus label { margin: 0; padding: 1px 5px 1px 5px; background-color: #01a91b; color: var(--white); border-radius: 5px; text-align: center; } @keyframes dash { from { stroke-dashoffset: 300; } to { stroke-dashoffset: 0; } } @keyframes hide { from { opacity: 1; } to { opacity: 0; } } @keyframes hideFullName { from { opacity: var(--full-name-opacity); } to { opacity: 0; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .loader .align-items-center { color: var(--secondary) !important; } .loader .align-items-center i { font-size: 17px; color: var(--base-primary); } /* Arrow Animation start */ .arrowCta { margin-inline-start: 40px; display: block; height: 13px; width: 13px; border: 11px solid transparent; transform: rotate(-45deg); position: relative; } .arrowCta:after, .arrowCta:before { content: ""; display: block; height: inherit; width: inherit; position: absolute; top: 0; left: 0; } .arrowCta:after { border-bottom: 3px solid var(--base-primary); border-right: 3px solid var(--base-primary); top: 0; left: 0; opacity: 1; animation: bottom-arrow 1.65s infinite; } @keyframes bottom-arrow { 0% { opacity: 1; transform: translate(0, 0); } 45% { opacity: 0; transform: translate(12px, 12px); } 46% { opacity: 0; transform: translate(-16px, -16px); } 90% { opacity: 1; transform: translate(-6px, -6px); } 100% { opacity: 1; transform: translate(-6px, -6px); } } .arrowCta:before { top: 0; left: 0; border-bottom: 3px solid var(--base-primary); border-right: 3px solid var(--base-primary); animation: top-arrow 1.65s infinite; } @keyframes top-arrow { 0% { transform: translate(-6px, -6px); } 35% { transform: translate(0, 0); } 90% { opacity: 1; transform: translate(0, 0); } 100% { opacity: 1; transform: translate(0, 0); } } .flt-class .lnkbtn { margin: 0; background-color: var(--primary); padding: 3px 10px; border-radius: 3px; font-size: 10px; color: var(--white); text-align: center; } #flight-result .flt-body.advance > li > ul.flt-class > li > ul.flt-seat > li.active { background-color: var(--primary); } #flight-result ul.flt-body.advance > li:first-child, ul.flt-body.round > li:first-child { width: 100%; margin: unset; } #flight-result .flt-body.advance > li > ul.flt-class > li > ul.flt-seat > li { width: 21px; margin: 1.5px; } ul.flt-body > li .airlogo, ul.flt-header > li > .airlogo { width: 30px !important; height: 35px !important; } #flight-result ul.flt-body > li .airlogo > img { height: auto; width: 100%; } #searchResult ul.flt-body > li.airline { width: 22%; } #searchResult ul.flt-footer > li > label, ul.flt-header > li > label { font-weight: 800 !important; font-size: 10px; } #myProgress { margin-block-end: 5px; width: 100%; background-color: var(--base-primary); overflow: hidden; transition: height 0.5s ease-out; } #myBar { font-weight: bold; height: 10px; font-size: 10px; background-color: var(--primary); text-align: center; line-height: 12px; color: white; transition: width 2s ease; } .clickEventhandler { pointer-events: none; } /* Banner dashboard */ .slider-banner { position: relative; display: inline-block; width: 100%; height: 149px; text-align: center; margin-top: 10px; box-sizing: border-box; overflow: hidden; } .slider-banner input { display: none; } .slider-image { position: absolute; left: 0; display: inline-block; width: 100%; text-align: center; opacity: 0; visibility: hidden; transition: left 0.2s ease-in; overflow: hidden; } .slider-image img { width: 100%; } .nav label { position: absolute; top: 34%; display: block; color: #ffffffff; font-size: 26px; font-weight: bold; line-height: 50px; width: 22px; height: 51px; background-color: var(--base-primary); text-align: center; opacity: 0; z-index: 9; } input:checked + .slider-image { position: absolute; display: inline-block; opacity: 1; visibility: visible; transition: left 0.2s ease-in; } .nav label:hover { opacity: 1; } .slider-image img:hover + .nav label { opacity: 0.75; } .nav .prev { left: 0; border-radius: 0 10px 10px 0; } .nav .next { right: 0; border-radius: 10px 0 0 10px; } .bullet { position: relative; display: inline-block; width: 50px; height: 10px; background-color: #555; border: 1px solid #111; } /* ================== [ Group Request ] ================== */ .btn-primary { color: var(--base-primary-color); background-color: var(--base-primary); border-color: var(--base-primary); } .group-request-section { --container-max-width: 1024px; --block-margin: 1rem; --block-bg: #e6e6e6; --block-error: #ff0000; --block-border-radius: 0.35rem; --block-height: 45px; --pills-width: 158px; --pills-height: calc(var(--block-height) - 6px); --block-padding: 0.25rem; --block-font-size: 1rem; position: relative; margin: 0; padding-block: calc(var(--block-padding) * 4); ul { list-style: none; margin: 0; padding: 0; } .group-request-wrapper { position: relative; max-width: var(--container-max-width); margin-inline: auto; font-size: var(--block-font-size); .group-request-wrapper__header { font-family: "Roboto", "Helvetica Neue"; border-block-end: 1px solid var(--block-bg); margin-block-end: var(--block-margin); h2 { font-weight: 700; text-transform: uppercase; } } .group-request-wrapper__footer { border-block-start: 1px solid var(--block-bg); padding-block-start: var(--block-margin); margin-block-start: var(--block-margin); display: flex; justify-content: flex-end; gap: 0.5rem; } } .col-12 { position: relative; } select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-image: var(--bs-form-select-bg-img); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } } .custom-input-group { position: relative; display: flex; flex-direction: column; gap: 0.5rem; margin-block-end: var(--block-margin); .custom-input-label { position: relative; margin: 0; color: var(--dark); font-weight: 600; } .__input, .__body { width: 100%; height: var(--block-height); border-radius: var(--block-border-radius); border: 1px solid var(--block-bg); display: flex; cursor: pointer; .form-control[readonly] { background-color: unset; cursor: pointer; } .icon { width: calc(var(--block-height) - 2px); height: calc(var(--block-height) - 2px); flex-shrink: 0; display: block; text-align: center; align-content: center; font-size: 1.1rem; border-radius: inherit; &:is(.after, .end, .icon-end, .icon-after) { cursor: pointer; } } input, select, textarea, .selected, .body-content { width: 100%; height: 100%; outline: none; border: none; border-radius: inherit; padding: 10px 10px; font-size: var(--block-font-size); } &:focus-within, &:focus { box-shadow: 0 0 0 2px var(--block-bg); } button { height: var(--block-height); } } .dropdown-container { position: absolute; inset-inline-start: 0; width: 100%; inset-block-start: calc(100% + 1px); background-color: var(--light); border-radius: 0.35rem; border: 1px solid var(--block-bg); overflow: clip; z-index: 1; .dropdown-list { position: relative; display: flex; flex-direction: column; overflow: clip; overflow-y: scroll; max-height: calc(200px + 5vw); .dropdown-list__item { position: relative; cursor: pointer; padding-inline: calc(var(--block-padding) * 3); padding-block: calc(var(--block-padding) * 2); transition: var(--bs-transition); &:not(:last-child) { border-block-end: 1px solid var(--block-bg); } &:not(.active, .selecte):hover { background-color: var(--base-primary); color: var(--base-primary-color); } &:is(.active, .selecte) { font-weight: 700; } } } .pax-dropdown { position: relative; display: flex; flex-direction: column; .pax-dropdown__list { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding-inline: calc(var(--block-padding) * 3) calc(var(--block-padding) * 1); padding-block: calc(var(--block-padding) * 1); transition: var(--bs-transition); .label { font-weight: 700; } .value { cursor: pointer; height: 45px; width: 50%; background-color: var(--block-bg); border: 0; outline: none; padding-inline: calc(var(--block-padding) * 2); border-radius: var(--block-border-radius); &:focus, &:focus-within { box-shadow: 0 0 0 2px var(--block-bg); background-color: #ffff; } } &:not(:last-child) { border-block-end: 1px solid var(--block-bg); } &:not(.active, .selecte):hover { background-color: var(--base-primary); color: var(--base-primary-color); } &:is(.active, .selecte) { font-weight: 700; } } } } &:focus-within, &:is(.active), &:focus { z-index: 2; .dropdown-container { display: block; } } } .dropdown-list__item.highlighted { background-color: var(--primary); color: var(--base-primary); } .trip-type-selection { margin-block-end: var(--block-margin); position: relative; width: 100%; max-width: calc(var(--pills-width) * 3 + var(--block-padding) * 2); .trip-type__list { position: relative; padding: var(--block-padding); background-color: var(--block-bg); border-radius: var(--block-border-radius); display: flex; isolation: isolate; label { margin: 0; } input, [type="radio"]:checked, [type="radio"]:not(:checked) { display: none !important; position: absolute; z-index: -1; opacity: 0; visibility: hidden; user-select: none; pointer-events: none; &:checked ~ label { font-weight: 700; } } .trip-type__list__item { position: relative; border-radius: var(--block-border-radius); transition: var(--bs-transition); label { width: var(--pills-width); height: var(--pills-height); display: flex; align-items: center; justify-content: center; padding: 0; gap: 1rem; text-transform: uppercase; font-family: "Roboto", Arial, Helvetica, sans-serif; cursor: pointer; &::after, &::before { display: none; } } &:has(input:not(:checked)):hover { background-color: var(--light); color: var(--bs-dark); } &:is(.active) { font-weight: 700; color: var(--base-primary-color); } } .selected-strip { pointer-events: none; position: absolute; inset-inline-start: var(--block-padding); height: var(--pills-height); width: var(--pills-width); background-color: var(--base-primary); border-radius: var(--block-border-radius); z-index: -1; transition: var(--bs-transition); } &:has(#roundtrip:checked) { .selected-strip { inset-inline-start: calc( (var(--pills-width) * 1) + var(--block-padding) ); } } &:has(#multi-city:checked) { .selected-strip { inset-inline-start: calc( (var(--pills-width) * 2) + var(--block-padding) ); } } } } /* Auth Css */ .auth-wrapper { display: flex; height: 100vh; margin: 0; } /* Login Panel (30%) */ .login-section-panel { width: 30%; display: flex; justify-content: center; align-items: center; -webkit-flex-direction: column; float: left; min-height: 100vh; } .cover-section { position: relative; width: 70%; height: 100%; overflow: hidden; z-index: 0; } .logo-section-block { display: flex; align-items: center; gap: 1rem; position: relative; margin-block-end: 2.5rem; } .vertical-divider { border-left: 1px solid var(--base-primary); height: 66px; } .bg-auth { width: calc(100% + 5vw); max-width: 400px; padding: calc(1rem + 1vw); backdrop-filter: blur(5px); } .forgot-password { color: var(--bs-black); text-align: end; font-size: 14px; } .login-section-panel h4 { text-transform: uppercase; font-weight: 900; } .logo-section-block .text-secondary { color: var(--bs-black) !important; } .login-section-panel label { font-weight: 600; font-size: 14px; width: 100%; } .auth-wrapper .owl-dots { position: absolute; bottom: 10px; left: 50%; } .multiCityBtn { display: inline-flex; gap: 5px; margin-block-end: 0.5rem; } .login-page .owl-carousel.owl-drag .owl-item { height: 100vh; } .cover-image { height: 100%; width: 100%; } input[type="date"]::-webkit-calendar-picker-indicator { visibility: hidden; } @media (max-width: 992px) { .auth-wrapper { flex-direction: column; } .login-section-panel, .cover-section { width: 100%; min-height: 40vh; } .login-page .owl-carousel.owl-drag .owl-item { height: unset; } } @media (max-width: 576px) { .login-section-panel, .cover-section { width: 100%; min-height: 50vh; } .card { margin-block-end: 15px; } .login-page .owl-carousel.owl-drag .owl-item { height: unset; } } .ticket-veiw { --common-marging: 1rem; position: relative; margin: 0; h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; } .ticket-container { --block-padding: calc(1rem + 0.25vw); font-size: 1rem; position: relative; box-shadow: inset 0 10px 0 0 var(--base-primary); padding-block-start: 10px; max-width: 1100px; margin-inline: auto; .ticket-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding-block: var(--block-padding); .agent-logo { --agent-logo-width: 130px; --agent-logo-height: calc(var(--agent-logo-width) / 2.25); .logo { width: var(--agent-logo-width); height: var(--agent-logo-height); margin-block-end: 0.5rem; img { width: 100%; height: 100% !important; object-fit: contain; object-position: start; } } } .agent-info { position: relative; } } .ticket-body { position: relative; .ticket-type-info { position: relative; width: 100%; background-color: #eee; padding: var(--block-padding); padding-block: calc(var(--block-padding) / 1.5); border-radius: var(--bs-border-radius); display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin-block-end: var(--common-marging); .info-list { li { white-space: nowrap; } } .trip-info { position: relative; display: flex; gap: calc(var(--common-marging) * 2); } } .flight-info-strip { position: relative; background-color: var(--primary); color: var(--white); border-radius: var(--bs-border-radius); border-end-start-radius: 0; padding-inline: var(--block-padding) calc(var(--block-padding) / 2); padding-block: calc(var(--block-padding) / 1.5); display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; .pnr-info { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--common-marging); li { white-space: nowrap; display: flex; align-items: center; gap: var(--common-marging); &:not(:last-child) { border-right: 1px solid rgba(var(--bs-light-rgb), 0.25); padding-inline-end: var(--common-marging); } .__value { font-weight: 700; background-color: rgba(var(--bs-light-rgb), 0.15); color: var(--white); border-radius: var(--bs-border-radius); padding: calc(var(--common-marging) / 2.5) calc(var(--common-marging) / 1.5); font-weight: 700; text-transform: capitalize; line-height: normal; } } } } .content-block { position: relative; margin-block-end: calc(var(--common-marging) * 2); .flight-details-table-container { padding-block-start: var(--common-marging); box-shadow: inset 5px 0 0 0 var(--dark); position: relative; padding-inline-start: calc(var(--common-marging) * 1.5); .flight-details-table__header { position: relative; width: 100%; background-color: rgba(0, 0, 0, 0.05); border-radius: var(--bs-border-radius); margin-block-end: var(--common-marging); .cell { font-weight: 700; } } .flight-details-table-row { position: relative; display: flex; list-style: none; margin: 0; padding: 0; .cell { padding-block: calc(var(--common-marging) / 2); padding-inline: var(--common-marging); flex: 1; &:is(.cell-flight) { min-width: calc(350px + 8vw); } } } .flight-details-table__body { position: relative; display: grid; gap: calc(var(--common-marging) * 1.5); .fight-segment-details { position: relative; display: grid; .segment-header { margin-block-end: calc(var(--common-marging) - 0.25rem); h5, h5 span { display: flex; align-items: center; gap: var(--common-marging); font-size: 1.05rem; } .status-button { padding-inline: 0.65rem; padding-block: 0.35rem; background-color: rgba(0, 0, 0, 0.15); font-size: 0.9rem; line-height: var(--common-marging); border-radius: calc(var(--bs-border-radius) / 1.5); display: inline-block; &:is(.confirmed) { background-color: rgba(var(--bs-success-rgb), 0.2); color: var(--bs-success); } &:is(.pending) { background-color: rgba(var(--bs-warning-rgb), 0.2); color: var(--bs-warning); } &:is(.rejected) { background-color: rgba(var(--bs-danger-rgb), 0.2); color: var(--bs-danger); } } } .segment-body { position: relative; border: var(--bs-border); border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; .cell { padding: calc(var(--common-marging) / 1.25); } .airline-info { position: relative; display: flex; gap: var(--common-marging); .airline-logo { --airline-logo-size: calc(70px + 1vw); width: var(--airline-logo-size); aspect-ratio: 1 / 1; flex-shrink: 0; padding: calc(var(--common-marging) / 4); img { width: 100%; height: 100%; object-fit: contain; } } .airline-name { display: grid; } } .airline-departure-arrival { display: flex; flex-direction: column; } } .segment-footer { position: relative; list-style: none; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--common-marging); background-color: var(--bs-border-color); border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); padding-inline: calc(var(--common-marging) / 1); padding-block: calc(var(--common-marging) / 2); li { display: flex; gap: 0.5rem; } } } } .hotel-header { margin-block-end: 1rem; } } .layover-block { position: relative; background: rgb(0, 0, 0); background: linear-gradient( 90deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.03) 25%, rgba(33, 33, 33, 0.08) 50%, rgba(33, 33, 33, 0.03) 75%, rgba(33, 33, 33, 0) 100% ); width: 100%; padding-block: calc(var(--common-marging) / 1.5); font-weight: 700; text-align: center; margin-block-end: -0.5rem; p { margin: 0; } } .pax-informations-block__header { position: relative; /* padding-inline: calc(var(--common-marging) * 1); padding-block: calc(var(--common-marging) / 1.5); */ margin-block-end: var(--common-marging); text-transform: uppercase; font-weight: 900; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .ticket-table-container { position: relative; border: var(--bs-border); border-radius: var(--bs-border-radius); overflow: clip; .ticket-table__header { position: relative; border-block-end: var(--bs-border); font-weight: 700; background-color: rgba(0, 0, 0, 0.05); } .ticket-table-row { position: relative; display: flex; align-items: center; list-style: none; margin: 0; padding: 0; &:not(:last-child) { border-block-end: var(--bs-border); } .cell { flex: 1; padding-inline: calc(var(--common-marging) / 1); padding-block: calc(var(--common-marging) / 1.5); display: flex; align-items: center; &:is(.cell-select) { max-width: 80px; display: flex; align-items: center; } &:is(.cell-ticket) { max-width: 160px; } &:is(.cell-pax-name) { } &:is(.cell-meals, .cell-seats) { max-width: 100px; } &:is(.cell-ff) { max-width: 120px; } &:is(.cell-baggage) { flex-direction: column; align-items: flex-start; } } input { width: 18px; height: 18px; cursor: pointer; border-radius: 50px; &[type="checkbox"] { accent-color: var(--base-primary); } } &:has(input[type="checkbox"]:checked) { box-shadow: inset 5px 0 0 0 var(--base-primary); } } } } .payment-details-block { position: relative; width: 100%; border: var(--bs-border); background-color: rgba(0, 0, 0, 0.035); padding-block: calc(var(--common-marging) / 2.5); padding-inline: calc(var(--common-marging) * 1.5) calc(var(--common-marging) / 2.5); border-radius: var(--bs-border-radius); margin-block-end: var(--common-marging); display: flex; align-items: center; gap: calc(var(--common-marging) * 2); .breakdowns { margin: 0; padding: 0; list-style: none; width: 100%; max-width: 400px; li { padding-block: 0.5rem; display: flex; justify-content: space-between; &:not(:last-child) { border-block-end: var(--bs-border); } .__value { min-width: 105px; } } } .total-amount-block { background-color: var(--white); width: 100%; padding: var(--common-marging); text-align: center; border-radius: var(--bs-border-radius); display: grid; gap: 0.5rem; } } .note-block { border-radius: var(--bs-border-radius); background-color: rgba(var(--bs-warning-rgb), 0.05); border: 1px solid rgba(var(--bs-warning-rgb), 0.35); box-shadow: 0 3px 0 0 rgba(var(--bs-warning-rgb), 0.65); padding: var(--common-marging); p { margin: 0; } } } } .cta-buttons-group { padding: var(--common-marging); background-color: #f5f5f5; border: var(--bs-border); display: flex; justify-content: flex-end; gap: var(--common-marging); border-radius: calc(var(--bs-border-radius) * 1); margin-block: var(--common-marging); button { outline: none; max-width: max-content; padding-inline: var(--common-marging); font-weight: 700; } } .info-list { position: relative; margin: 0; padding: 0; width: 100%; list-style: none; gap: 1rem; li { display: flex; align-items: center; } .__label { min-width: 70px; } .__value { display: block; } } } .e-ticket-wrapper { position: relative; width: 100%; background-color: rgba(0, 0, 0, 0.035); display: flex; justify-content: center; } app-e-ticket-email-template { display: block; width: 100%; height: 500px; background-color: red; } ul.share-ticket { position: relative; list-style: none; margin: 0; padding: 0; display: flex; color: white; gap: 0.6rem; .share-ticket-list { display: flex; align-items: center; gap: 0.5rem; border-radius: 0.25rem; padding: 0 0.75rem 0 0.2rem; background-color: rgba(255, 255, 255, 0.15); font-size: 0.85rem; transition: var(--bs-transition); cursor: pointer; &:hover { background-color: var(--base-primary); color: #333; } .icon { width: 30px; height: 30px; display: grid; place-items: center; flex-shrink: 0; } } } @media only screen and (max-width: 479px) and (max-width: 768px) { /*start font size*/ .xsf8 { font-size: 8px !important; } .xsf10 { font-size: 10px !important; } .xsf11 { font-size: 11px !important; } .xsf12 { font-size: 12px !important; } .xsf14 { font-size: 14px !important; } .xsf16 { font-size: 16px !important; } .xsf18 { font-size: 18px !important; } .xsf20 { font-size: 20px !important; } /*end font size*/ /*start margin*/ .xsmauto { margin: auto !important; } .xsm0 { margin: 0 !important; } .xsm5 { margin: 5px !important; } .xsm10 { margin: 10px !important; } .xsm15 { margin: 15px !important; } .xsm20 { margin: 20px !important; } .xsm25 { margin: 25px !important; } .xsm30 { margin: 30px !important; } .xsm35 { margin: 35px !important; } .xsm40 { margin: 40px !important; } .xsm45 { margin: 45px !important; } .xsm50 { margin: 50px !important; } /*//start margin top//*/ .xsmt0 { margin-top: 0 !important; } .xsmt5 { margin-top: 5px !important; } .xsmt10 { margin-top: 10px !important; } .xsmt15 { margin-top: 15px !important; } .xsmt20 { margin-top: 20px !important; } .xsmt25 { margin-top: 25px !important; } .xsmt30 { margin-top: 30px !important; } .xsmt35 { margin-top: 35px !important; } .xsmt40 { margin-top: 40px !important; } .xsmt45 { margin-top: 45px !important; } .xsmt50 { margin-top: 50px !important; } /*//end margin top//*/ /*//start margin bottom//*/ .xsmb0 { margin-bottom: 0px !important; } .xsmb5 { margin-bottom: 5px !important; } .xsmb10 { margin-bottom: 10px !important; } .xsmb15 { margin-bottom: 15px !important; } .xsmb20 { margin-bottom: 20px !important; } .xsmb25 { margin-bottom: 25px !important; } .xsmb30 { margin-bottom: 30px !important; } .xsmb35 { margin-bottom: 35px !important; } .xsmb40 { margin-bottom: 40px !important; } .xsmb45 { margin-bottom: 45px !important; } .xsmb50 { margin-bottom: 50px !important; } /*//end margin bottom//*/ /*//start margin top bottom//*/ .xsmtb0 { margin-top: 0px !important; margin-bottom: 0px !important; } .xsmtb5 { margin-top: 5px !important; margin-bottom: 5px !important; } .xsmtb10 { margin-top: 10px !important; margin-bottom: 10px !important; } .xsmtb15 { margin-top: 15px !important; margin-bottom: 15px !important; } .xsmtb20 { margin-top: 20px !important; margin-bottom: 20px !important; } .xsmtb25 { margin-top: 25px !important; margin-bottom: 25px !important; } .xsmtb30 { margin-top: 30px !important; margin-bottom: 30px !important; } .xsmtb35 { margin-top: 35px !important; margin-bottom: 35px !important; } .xsmtb40 { margin-top: 40px !important; margin-bottom: 40px !important; } .xsmtb45 { margin-top: 45px !important; margin-bottom: 45px !important; } .xsmtb50 { margin-top: 50px !important; margin-bottom: 50px !important; } /*//end margin top bottom//*/ /*//start margin right//*/ .xsmr0 { margin-right: 0px !important; } .xsmr5 { margin-right: 5px !important; } .xsmr10 { margin-right: 10px !important; } .xsmr20 { margin-right: 20px !important; } .xsmr25 { margin-right: 25px !important; } .xsmr30 { margin-right: 30px !important; } .xsmr35 { margin-right: 35px !important; } .xsmr40 { margin-right: 40px !important; } .xsmr45 { margin-right: 45px !important; } .xsmr50 { margin-right: 50px !important; } /*//end margin right//*/ /*//start margin left//*/ .xsml0 { margin-left: 0px !important; } .xsml5 { margin-left: 5px !important; } .xsml10 { margin-left: 10px !important; } .xsml20 { margin-left: 20px !important; } .xsml25 { margin-left: 25px !important; } .xsml30 { margin-left: 30px !important; } .xsml35 { margin-left: 35px !important; } .xsml40 { margin-left: 40px !important; } .xsml45 { margin-left: 45px !important; } .xsml50 { margin-left: 50px !important; } /*//end margin left//*/ /*//start margin right left//*/ .xsmrl0 { margin-right: 0px !important; margin-left: 0px !important; } .xsmrl5 { margin-right: 5px !important; margin-left: 5px !important; } .xsmrl10 { margin-right: 10px !important; margin-left: 10px !important; } .xsmrl15 { margin-right: 15px !important; margin-left: 15px !important; } .xsmrl20 { margin-right: 20px !important; margin-left: 20px !important; } .xsmrl25 { margin-right: 25px !important; margin-left: 25px !important; } .xsmrl30 { margin-right: 30px !important; margin-left: 30px !important; } .xsmrl35 { margin-right: 35px !important; margin-left: 35px !important; } .xsmrl40 { margin-right: 40px !important; margin-left: 40px !important; } .xsmrl45 { margin-right: 45px !important; margin-left: 45px !important; } .xsmrl50 { margin-right: 50px !important; margin-left: 50px !important; } /*//end margin right left//*/ /*end margin*/ /*start padding*/ .xspad0 { padding: 0 !important; } .xspad5 { padding: 5px !important; } .xspad10 { padding: 10px !important; } .xspad15 { padding: 15px !important; } .xspad20 { padding: 20px !important; } .xspadt0 { padding-top: 0px !important; } .xspadt5 { padding-top: 5px !important; } .xspadt10 { padding-top: 10px !important; } .xspadt15 { padding-top: 15px !important; } .xspadt20 { padding-top: 20px !important; } .xspadb0 { padding-bottom: 0px !important; } .xspadb5 { padding-bottom: 5px !important; } .xspadb10 { padding-bottom: 10px !important; } .xspadb15 { padding-bottom: 15px !important; } .xspadb20 { padding-bottom: 20px !important; } .xspadtb0 { padding-top: 0px !important; padding-bottom: 0px !important; } .xspadtb5 { padding-top: 5px !important; padding-bottom: 5px !important; } .xspadtb10 { padding-top: 10px !important; padding-bottom: 10px !important; } .xspadtb15 { padding-top: 15px !important; padding-bottom: 15px !important; } .xspadtb20 { padding-top: 20px !important; padding-bottom: 20px !important; } .xspadr0 { padding-right: 0px !important; } .xspadr5 { padding-right: 5px !important; } .xspadr10 { padding-right: 10px !important; } .xspadr15 { padding-right: 15px !important; } .xspadr20 { padding-right: 20px !important; } .xspadl0 { padding-left: 0px !important; } .xspadl5 { padding-left: 5px !important; } .xspadl10 { padding-left: 10px !important; } .xspadl15 { padding-left: 15px !important; } .xspadl20 { padding-left: 20px !important; } .xspadrl0 { padding-right: 0px !important; padding-left: 0px !important; } .xspadrl5 { padding-right: 5px !important; padding-left: 5px !important; } .xspadrl10 { padding-right: 10px !important; padding-left: 10px !important; } .xspadrl15 { padding-right: 15px !important; padding-left: 15px !important; } .xspadrl20 { padding-right: 20px !important; padding-left: 20px !important; } .xspadrl25 { padding-right: 25px !important; padding-left: 25px !important; } .xspadrl30 { padding-right: 30px !important; padding-left: 30px !important; } /*end padding*/ /*start text-align*/ .xstxt-c { text-align: center !important; } .xstxt-r { text-align: right !important; } .xstxt-l { text-align: left !important; } .xstxt-j { text-align: justify !important; } /*end text-align*/ /*start float*/ .xsfl-r { float: right !important; } .xsfl-l { float: left !important; } .xsfl-n { float: none !important; } /*end float*/ /*start width*/ .xsw2 { width: 2% !important; } .xsw5 { width: 5% !important; } .xsw10 { width: 10% !important; } .xsw15 { width: 15% !important; } .xsw20 { width: 20% !important; } .xsw25 { width: 25% !important; } .xsw30 { width: 30% !important; } .xsw35 { width: 35% !important; } .xsw40 { width: 40% !important; } .xsw45 { width: 45% !important; } .xsw50 { width: 50% !important; } .xsw55 { width: 55% !important; } .xsw60 { width: 60% !important; } .xsw65 { width: 65% !important; } .xsw70 { width: 70% !important; } .xsw75 { width: 75% !important; } .xsw80 { width: 80% !important; } .xsw95 { width: 95% !important; } .xsw100 { width: 100% !important; } .xsw-col-12 { width: calc(100%/12) !important; } .xsw-col-11 { width: calc(100%/11) !important; } .xsw-col-10 { width: calc(100%/10) !important; } .xsw-col-9 { width: calc(100%/9) !important; } .xsw-col-8 { width: calc(100%/8) !important; } .xsw-col-7 { width: calc(100%/7) !important; } .xsw-col-6 { width: calc(100%/6) !important; } .xsw-col-5 { width: calc(100%/5) !important; } .xsw-col-4 { width: calc(100%/4) !important; } .xsw-col-3 { width: calc(100%/3) !important; } .xsw-col-2 { width: calc(100%/2) !important; } .xsw-col-1 { width: calc(100%/1) !important; } /*end width*/ /*start display*/ .xs-db, .visible-xs { display: block !important; } .hidden-xs { display: none !important; } /*end display*/ /*start login page*/ .login-panel .xs-block { display: block !important; } .login-panel .logo-section { display: none !important; } .login-panel .login-section { box-shadow: none; } .login-panel .login-section .logo { width: 75%; margin: 20px auto; } .login-panel .login-section h6 { text-align: center; width: 100%; position: static; } .login-panel .bg-white { width: 90%; } /*end login page*/ /*start header*/ .header { height: auto; } .header .main-logo { /* width: 75%; */ } .card-header .nav-pills .nav-link{ font-size: 12px; } .nav-pills .nav-link.active{ margin: 0; } .header ul.navbar-nav > li.nav-item { text-align: left; } .header ul.navbar-nav.nav-right > li.nav-item > a { border: 0; padding: 0.5rem 0; } .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url('../Assets/images/icons/menu.png'); background-size: 25px 25px; } .navbar-toggler .navbar-toggler-icon { background-image: url('../Assets/images/icons/close.png'); background-size: 20px 20px; } .navbar-toggler { background-color: #fff; } /*end header*/ /*start footer*/ .footer { height: 100px; padding: 10px; } /*end footer*/ /*start home page*/ .search-panel .nav-pills > li { width: auto; } .my-wallet { position: static; } .card-body { overflow-x: auto; } ul.topseller { flex-wrap: wrap; } ul.topseller > li { width: 100%; margin: 5px 0; position: static; } .carousel-inner .active + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item { display: none; } .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: 100%; z-index: -1; display: block; visibility: visible; } .carousel-control-prev { left: 0px; background-color: #ccc; height: 30px; top: calc(50% - 15px); width: 30px; border-radius: 50px; } .carousel-control-next { right: 0px; background-color: #ccc; height: 30px; top: calc(50% - 15px); width: 30px; border-radius: 50px; } ul.sort-bar { flex-direction: column; -webkit-flex-direction: column; } ul.sort-bar > li { width: 100% !important; } ul.flt-body { flex-wrap: wrap !important; margin: 10px 0; padding: 20px 10px; } ul.flt-body > li.airline { width: 100% !important; } ul.flt-body > li.depart { text-align: left !important; } ul.flt-body > li.price { width: 50% !important; margin: 10px 0; } ul.flt-body > li.depart, ul.flt-body > li.arrival, ul.flt-body > li.stop { background: #eaf4ff; padding: 15px 10px; width: 33.3%; } ul.flt-body > li h6 > sup { font-size: 10px; position: absolute; right: -5px; top: -7px; } ul.flt-body.round ul.flt-body > li.duration, ul.flt-body.advance ul.flt-body > li.duration { position: absolute; top: 10px; right: 0; text-align: right !important; } ul.flt-body.advance > li > ul.flt-body > li.airline { width: 100% !important; } ul.flt-header > li > .airlogo, ul.flt-body > li .airlogo { margin-right: 25px; } ul.flt-footer > li { width: 25%; } .flight-details { padding: 10px 10px; } ul.flt-body > li { width: 50% !important; } ul.flt-body.round > li, ul.flt-body.advance > li { width: 100% !important; } ul.flt-body.round > li > ul.flt-body { border-right: 0; } .flight-details ul.breakup > li { width: 100% !important; } .flt-body.advance > li > ul.flt-class { flex-wrap: wrap; margin: 10px 0; } .flt-body.advance > li > ul.flt-class > li { width: 50%; text-align: center; } .flt-body.advance > li > ul.flt-class > li > ul.flt-seat { flex-wrap: wrap; } .flt-body.advance > li > ul.flt-class > li:first-child { width: 100%; margin: 10px 0; } .flt-body.advance > li > ul.flt-class > li > ul.flt-seat > li { width: 25px; } /*end home page*/ .modify-panel ul.triptype { flex-wrap: wrap; } .modify-panel ul.triptype > li:first-child { margin: 0 20px; } .sub-button, .search-button { font-size: 10px; letter-spacing: 0px; } input[type=file] { font-size: 9px; } ul.flt-body > li.price .ttip { min-width: 200px; left: -196px !important; } .fare-details .card-body fares { margin-bottom: 30px; } ul.filter-result > li.filter-footer .search-button { font-size: 10px !important; padding: 0 5px !important; margin: 0 0 0 5px !important; } table.table thead th, table.table tbody td { min-width: 150px; } .fare-details { margin-bottom: 80px !important; } ul.default > li.head > ul > li, ul.default > li.body > ul > li { min-width: 100px; } ul.default { overflow-x: auto; align-items: flex-start; } ul.default > li.head, ul.default > li.body { width: 900px; } .loader * { font-size: 14px; } .loader-wrapper .loader .logo img { width: 40%; } .ng-autocomplete { /*z-index: 9 !important;*/ } .ng-autocomplete .clear { z-index: 1 !important; } ngb-datepicker.dropdown-menu { width: 296px; } ul.htl-panel { -webkit-flex-direction: column !important; flex-direction: column !important; } ul.htl-panel > li { width: 100% !important; } ul.htl-panel > li > .htl-img { width: 100% !important; height: 200px !important; } ul.htl-panel > li .email { display: none !important; } ul.htl-panel > li.htl-info { height: 150px !important; } ul.htl-panel > li.htl-info > label, ul.htl-panel > li > ul.amenities { width: 300px !important; } .hotel-content ul.room-head { display: none !important; } .hotel-content ul.room > li > ul { -webkit-flex-direction: column !important; flex-direction: column !important; } .hotel-content ul.room > li > ul > li { width: 100% !important; min-height: 30px !important; border-right: 0px solid #79819b !important; border-bottom: 0px solid #79819b !important; } .hotel-content ul.room > li > ul > li:last-child { border-bottom: 1px solid #79819b !important; } .hotel-content .tltip .ttip { left: -35px !important; min-width: 150px !important; max-width: 150px !important; } .tltip .ttip.maxh { min-width: 150px !important; max-width: 150px !important; } .hotel-content .detail .amen ul > li { width: 100% !important; } .hotel-details { overflow: hidden !important; } .hotel-details .htl-info { display: grid; height: 220px; } .traveller h6 { font-size: 14px !important; } ul.checklist > li { width: 100% !important; } .login-panel { min-height: 110vh !important; } .manage-user table > thead > tr > td { min-width: 100px !important; } ul.default > li.foot > .filter-pagination ul { justify-content: center !important; } } /*Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { } /*Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { } /*Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}