/* Minification failed. Returning unminified contents. (10186,1): run-time error CSS1019: Unexpected token, found '@import' (10186,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css)' (12338,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12348,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18276,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18277,10): run-time error CSS1035: Expected colon, found '{' (18286,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18287,10): run-time error CSS1035: Expected colon, found '{' (18296,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (18297,10): run-time error CSS1035: Expected colon, found '{' (18316,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18317,10): run-time error CSS1035: Expected colon, found '{' (23178,1): run-time error CSS1019: Unexpected token, found '@import' (23178,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css)' (25385,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26000,1): run-time error CSS1019: Unexpected token, found '@import' (26000,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css)' (33926,17): run-time error CSS1038: Expected hex color, found '#0000' (46102,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-min-size' (46102,42): run-time error CSS1039: Token not allowed after unary operator: '-mm-size' (46102,57): run-time error CSS1039: Token not allowed after unary operator: '-mm-max-size_overide' (46153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46187,18): run-time error CSS1039: Token not allowed after unary operator: '-mb-button-size' (46188,25): run-time error CSS1039: Token not allowed after unary operator: '-mb-button-size' (46190,23): run-time error CSS1039: Token not allowed after unary operator: '-mb-button-size' (46201,25): run-time error CSS1039: Token not allowed after unary operator: '-mb-button-size' (46201,55): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-width' (46202,26): run-time error CSS1039: Token not allowed after unary operator: '-mb-button-size' (46202,50): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-width' (46203,22): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46204,34): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46211,37): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-spacing' (46216,35): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46221,34): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-spacing' (46226,30): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46235,27): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46254,29): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-spacing' (46254,53): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46255,30): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-spacing' (46255,55): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46257,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46257,71): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46257,109): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46261,26): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-spacing' (46263,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46263,70): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46267,27): run-time error CSS1039: Token not allowed after unary operator: '-mb-bar-height' (46269,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46269,71): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46287,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46287,70): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46291,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46296,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46296,70): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46312,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46312,70): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46316,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46320,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46320,70): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46340,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46346,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46346,71): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46351,33): run-time error CSS1039: Token not allowed after unary operator: '-mb-animate-timeout' (46377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46409,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46410,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-blocker-visibility-delay' (46410,106): run-time error CSS1039: Token not allowed after unary operator: '-mm-blocker-opacity-delay' (46429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46446,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-icon' (46449,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-btn-rotate' (46480,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-lineheight' (46481,25): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size' (46481,57): run-time error CSS1039: Token not allowed after unary operator: '-mm-lineheight' (46484,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46485,44): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight' (46485,81): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight' (46491,15): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (46495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46504,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text' (46505,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46521,25): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size' (46521,51): run-time error CSS1039: Token not allowed after unary operator: '-mm-lineheight' (46551,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (46555,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight' (46578,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46579,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46580,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text' (46581,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-lineheight' (46582,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (46588,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46592,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46596,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46600,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46604,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46624,41): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-focusring' (46629,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-focusring' (46639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46648,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (46650,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (46653,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46654,35): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46715,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text' (46716,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46717,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46718,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-panel-child-offset' (46723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46730,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size' (46744,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-panel-parent-offset' (46766,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46767,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46768,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text' (46776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46782,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-toggle-size' (46783,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-toggle-size' (46790,25): run-time error CSS1039: Token not allowed after unary operator: '-mm-toggle-size' (46791,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46792,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (46802,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (46811,45): run-time error CSS1039: Token not allowed after unary operator: '-mm-toggle-size' (46815,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-toggle-size' (46836,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size' (46850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46866,8): run-time error CSS1030: Expected identifier, found '.' (46866,20): run-time error CSS1031: Expected selector, found ')' (46866,20): run-time error CSS1025: Expected comma or open brace, found ')' (46884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46904,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-min-size' (46904,42): run-time error CSS1039: Token not allowed after unary operator: '-mm-size' (46904,57): run-time error CSS1039: Token not allowed after unary operator: '-mm-max-size' (46908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46925,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-min-size' (46925,43): run-time error CSS1039: Token not allowed after unary operator: '-mm-size' (46925,58): run-time error CSS1039: Token not allowed after unary operator: '-mm-max-size' (46929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46938,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-translate-horizontal' (46938,64): run-time error CSS1039: Token not allowed after unary operator: '-mm-translate-vertical' (46947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46959,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-translate-horizontal' (46967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47059,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (47067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47071,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size' (47075,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size' (47084,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size' (47088,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47089,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (47090,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (47122,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size' (47122,54): run-time error CSS1039: Token not allowed after unary operator: '-mm-lineheight' (47130,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (47134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47138,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47142,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47146,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47150,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47154,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47158,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size' (47186,35): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47194,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47241,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (47245,41): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47248,31): run-time error CSS1030: Expected identifier, found ' ' (47248,32): run-time error CSS1031: Expected selector, found 'not(' (47248,32): run-time error CSS1025: Expected comma or open brace, found 'not(' (47257,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (47261,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (47265,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47269,31): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47273,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47282,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background' (47286,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (47290,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47294,31): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47301,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (47321,27): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (47329,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (47335,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight' (47336,25): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text' (47340,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border' (47369,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size' (47398,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (47409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47417,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-sectionindexer-size' (47421,38): run-time error CSS1039: Token not allowed after unary operator: '-mm-sectionindexer-size' (47430,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed' (47446,35): run-time error CSS1039: Token not allowed after unary operator: '-mm-sectionindexer-size' (47447,34): run-time error CSS1039: Token not allowed after unary operator: '-mm-sectionindexer-size' (47460,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (47479,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis' (47483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47488,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-collapsed-size' (47489,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-collapsed-size' (47501,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size' (47515,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size' (47516,37): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size' */ /*! * Bootstrap v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 12px; line-height: 15px; color: #333333; background-color: #ffffff; } a { color: #ee3224; text-decoration: none; } a:hover, a:focus { color: #950011; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { /* margin-left: -20px; */ *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } a.muted:hover, a.muted:focus { color: #808080; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover, a.text-error:focus { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover, a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ /* Edited to remove the style from text box -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); */ } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .input-append.input-block { width: 100%; } .input-append.input-block * { display: inline-block !important; float: left !important; margin: 0px !important; } .input-append.input-block input.span12 { width: 100% !important; } .input-append.input-block .btn.span12 { width: 100% !important; } .input-append.input-block input.span11 { width: 91.6666666667% !important; } .input-append.input-block .btn.span11 { width: 91.6666666667% !important; } .input-append.input-block input.span10 { width: 83.3333333% !important; } .input-append.input-block .btn.span10 { width: 83.3333333% !important; } .input-append.input-block input.span9 { width: 75% !important; } .input-append.input-block .btn.span9 { width: 75% !important; } .input-append.input-block input.span8 { width: 66.6666667% !important; } .input-append.input-block .btn.span8 { width: 66.6666667% !important; } .input-append.input-block input.span7 { width: 58.3333333% !important; } .input-append.input-block .btn.span7 { width: 58.3333333% !important; } .input-append.input-block input.span6 { width: 50% !important; } .input-append.input-block .btn.span6 { width: 50% !important; } .input-append.input-block input.span5 { width: 41.6666667% !important; } .input-append.input-block .btn.span5 { width: 41.6666667% !important; } .input-append.input-block input.span4 { width: 33.3333333% !important; } .input-append.input-block .btn.span4 { width: 33.3333333% !important; } .input-append.input-block input.span3 { width: 25% !important; } .input-append.input-block .btn.span3 { width: 25% !important; } .input-append.input-block input.span2 { width: 16.6666667% !important; } .input-append.input-block .btn.span2 { width: 16.6666667% !important; } .input-append.input-block input.span1 { width: 8.33333333% !important; } .input-append.input-block .btn.span1 { width: 8.33333333% !important; } .input-prepend.input-block { width: 100% !important; } .input-prepend.input-block * { display: inline-block !important; } .input-prepend.input-block input.span12 { width: 100% !important; } .input-prepend.input-block .btn.span12 { width: 100% !important; } .input-prepend.input-block input.span11 { width: 91.6666666667% !important; } .input-prepend.input-block .btn.span11 { width: 91.6666666667% !important; } .input-prepend.input-block input.span10 { width: 83.3333333% !important; } .input-prepend.input-block .btn.span10 { width: 83.3333333% !important; } .input-prepend.input-block input.span9 { width: 75% !important; } .input-prepend.input-block .btn.span9 { width: 75% !important; } .input-prepend.input-block input.span8 { width: 66.6666667% !important; } .input-prepend.input-block .btn.span8 { width: 66.6666667% !important; } .input-prepend.input-block input.span7 { width: 58.3333333% !important; } .input-prepend.input-block .btn.span7 { width: 58.3333333% !important; } .input-prepend.input-block input.span6 { width: 50% !important; } .input-prepend.input-block .btn.span6 { width: 50% !important; } .input-prepend.input-block input.span5 { width: 41.6666667% !important; } .input-prepend.input-block .btn.span5 { width: 41.6666667% !important; } .input-prepend.input-block input.span4 { width: 33.3333333% !important; } .input-prepend.input-block .btn.span4 { width: 33.3333333% !important; } .input-prepend.input-block input.span3 { width: 25% !important; } .input-prepend.input-block .btn.span3 { width: 25% !important; } .input-prepend.input-block input.span2 { width: 16.6666667% !important; } .input-prepend.input-block .btn.span2 { width: 16.6666667% !important; } .input-prepend.input-block input.span1 { width: 8.33333333% !important; } .input-prepend.input-block .btn.span1 { width: 8.33333333% !important; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e21410; background-image: -moz-linear-gradient(top, #ee3224, #e23100); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee3224), to(#e23100)); background-image: -webkit-linear-gradient(top, #ee3224, #e23100); background-image: -o-linear-gradient(top, #ee3224, #e23100); background-image: linear-gradient(to bottom, #ee3224, #e23100); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffe23100', GradientType=0); border-color: #e23100 #e23100 #952100; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e23100; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #e23100; *background-color: #c92c00; } .btn-primary:active, .btn-primary.active { background-color: #af2600 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #ee3224; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #950011; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.btn-block .btn { display: inline-block !important; } .btn-group.btn-block .btn.span12 { width: 100%; } .btn-group.btn-block .btn.span11 { width: 91.6666666667%; } .btn-group.btn-block .btn.span10 { width: 83.3333333%; } .btn-group.btn-block .btn.span9 { width: 75%; } .btn-group.btn-block .btn.span8 { width: 66.6666667%; } .btn-group.btn-block .btn.span7 { width: 58.3333333%; } .btn-group.btn-block .btn.span6 { width: 50%; } .btn-group.btn-block .btn.span5 { width: 41.6666667%; } .btn-group.btn-block .btn.span4 { width: 33.3333333%; } .btn-group.btn-block .btn.span3 { width: 25%; } .btn-group.btn-block .btn.span2 { width: 16.6666667%; } .btn-group.btn-block .btn.span1 { width: 8.33333333%; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #e23100; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #ee3224; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; /*border: 1px solid #ddd;*/ border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #ee3224; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #ee3224; border-bottom-color: #ee3224; margin-top: 6px; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #950011; border-bottom-color: #950011; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; /*padding-left: 20px; padding-right: 20px;*/ background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .navbar-inner:before, .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .navbar-link { color: #777777; } .navbar-link:hover, .navbar-link:focus { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #ffffff; } .navbar-inverse .brand { color: #999999; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #ffffff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #ffffff; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #ee3224; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit li { line-height: 30px; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: #ffffff; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #d80019; background-image: -moz-linear-gradient(top, #ee3224, #c90017); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee3224), to(#c90017)); background-image: -webkit-linear-gradient(top, #ee3224, #c90017); background-image: -o-linear-gradient(top, #ee3224, #c90017); background-image: linear-gradient(to bottom, #ee3224, #c90017); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffc90017', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-large-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) and (min-width:480px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-large-phone { display: inherit !important; } .hidden-large-phone { display: none !important; } } @media screen and (max-width:479px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (min-width: 1200px) { .row { /* margin-left: -30px; */ *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (max-width: 881px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 882px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } /*! * Bootstrap v2.3.1-j6 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat, extended by @ArnoldDaniels. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-file { overflow: hidden; position: relative; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; } .fileupload { margin-bottom: 9px; } .fileupload .uneditable-input { display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; } .fileupload .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; } .fileupload .thumbnail > img { display: inline-block; vertical-align: middle; max-height: 100%; } .fileupload .btn { vertical-align: middle; } .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none; } .fileupload-inline .fileupload-controls { display: inline; } .fileupload-new .input-append .btn-file { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .thumbnail-borderless .thumbnail { border: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fileupload-new.thumbnail-borderless .thumbnail { border: 1px solid #ddd; } .control-group.warning .fileupload .uneditable-input { color: #a47e3c; border-color: #a47e3c; } .control-group.warning .fileupload .fileupload-preview { color: #a47e3c; } .control-group.warning .fileupload .thumbnail { border-color: #a47e3c; } .control-group.error .fileupload .uneditable-input { color: #b94a48; border-color: #b94a48; } .control-group.error .fileupload .fileupload-preview { color: #b94a48; } .control-group.error .fileupload .thumbnail { border-color: #b94a48; } .control-group.success .fileupload .uneditable-input { color: #468847; border-color: #468847; } .control-group.success .fileupload .fileupload-preview { color: #468847; } .control-group.success .fileupload .thumbnail { border-color: #468847; } .AspNet-GridView-Empty * { border-top: none !important; } body { height: auto; font-size: 12px; } div#site-container { max-width: 1024px !important; margin: 0 auto 0 auto; min-width: 200px !important; } @media screen and (min-width:768px) { .container-fluid { padding-left: 10px; padding-right: 10px; } } .navbar { min-height: 40px; } a { font-size: small; } input, select { padding: 0; margin: 0; margin-bottom: 10px; } .italicise { font-style: italic; } input[class*="span"], select[class*="span"] { line-height: 20px !important; } input.btn.forecolorred { color: #ee3224 !important; font-weight: bold; } input[type="radio"] { margin: 0px; } #cw_titelgroup h2 { margin: 0px; } label { display: inline !important; } .sup_span { color: #f00 !important; display: inline !important; width: auto !important; box-sizing: content-box !important; float: none !important; margin-left: 0px !important; } .greybox { border: 1px solid #000; background: #eaeaea; font-size: 10px; padding: 10px; margin: 20px 0 20px 0; display: block; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #ddd !important; border-bottom-color: transparent !important; cursor: default; } .cw_searchresultsbox td.index { width: 35px; vertical-align: top; } @media screen and (max-width:480px) { legend { font-size: medium; line-height: normal; word-break: break-all; } } legend { margin-bottom: 10px; } legend + .control-group { margin-top: 10px; } .legendtextoverride { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 30px; } .supplier .control-label .pull-left * { font-size: small; text-align: left; float: left; } .supplier ul { list-style: none; } .supplier ul li input { margin: 0px; margin-right: 5px; } .supplier .checkbox-list { max-height: 200px; overflow-y: scroll; border: 1px solid #CCCCCC; } .errorContainer { height: 37px; } .ValidationError { background-color: Yellow; border: 1px solid #CCCCCC; display: none; padding: 5px; margin-bottom: 10px; } #dvError { color: red; display: none; } .fileupload .btn { height: 20px; } .fileupload .fileupload-preview { font-size: small; } .fileupload .uneditable-input { width: 60%; } .fileupload .close { opacity: 1; } .MultipleFileUpload .input-prepend.input-append { width: 100% } .fileupload .fileupload-message { display: block; } /* @group main Menu */ #mainmenu-container { margin-bottom: 0px !important; border-right: 0px; } /* @End*/ /* @group Sites Menu */ #cw_sitesmenu div { width: auto; margin-top: 0px; margin-bottom: 0px; float: right; } /*#cw_sitesmenu div ul { width: 204px; }*/ #cw_sitesmenu div li a { font-size: 10px; width: 42px; text-align: center; } #cw_sitesmenu div li { text-align: center; } @media screen and (max-width:767px) { #cw_sitesmenu div { float: none; } #cw_sitesmenu { text-align: center; } } /* End*/ /* @group Language Menu */ .cw_langmenu { font-size: 0.85em; margin-top: 0px !important; color: #999 !important; } .cw_langmenu a { text-align: center; text-decoration: none; color: #666 !important; } .cw_langmenu a:hover { color: #666 !important; } .cw_langmenu a:active { } .cw_langmenu .cw_itemcur { font-weight: bold !important; color: #000 !important; } .cw_langmenu .cw_itemdis { } /* @end */ /* @group Top Bar */ #cw_topbar { color: #666; font-size: 0.85em; background-color: #FFFFFF; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; } .cw_langbar { color: #666; font-size: 0.85em; background-color: #FFFFFF; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; } #cw_topbar a { color: #666; text-decoration: none; margin-top: 3px; } #cw_topbar a:hover { text-decoration: underline; } /* @end */ /* @group Text Size Tool */ #cw_textsizetool { height: 23px; font-size: 0.9em; /*Changed by IFRC 20110316*/ color: #666; } .cw_textsize_small { font-size: 1em; padding-right: 7px; } .cw_textsize_normal { font-size: 1.2em; padding-right: 2px; } .cw_textsize_big { font-size: 1.38em; } /* @end */ .brand { padding-top: 5px !important; padding-bottom: 5px !important; } .search-btn { margin-top: 0px !important; margin-left: 0px !important; } .search-btn .dropdown-menu { margin-left: -84px !important; padding: 20px !important; } .search-input-error { display: block; color: red; font-size: 12px; } /*survey popup*/ #ServeyPopUpScreenCover { background: white; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; top: 0; z-index: 9999; } #SurveyPopUp { display: none; background: white; border: 10px solid #CCCCCC; border-radius: 5px; padding: 10px; position: absolute; z-index: 99999; width: 350px; } #SurveyPopUp .SurveyPopUpButtons { margin-top: 10px; clear: left; float: left; } #SurveyPopUp .SurveyText { float: left; } #SurveyPopUp .SurveyPopUpButtons .buttonWrapper input { margin-right: 5px; } /*end survey popup*/ /* @group ammadoPopUpScreenCover*/ #ammadoPopUpScreenCover { position: absolute; left: 0; top: 0; z-index: 2000; width: 100%; background-color: white; opacity: 0; filter: alpha(opacity=0); } @media screen and (max-width:480px) { .PopUpCover { position: absolute; display: none; z-index: 2001; padding-left: 10px; float: left; left: 10px !important; } } @media screen and (min-width:768px) { .PopUpCover { position: absolute; display: none; z-index: 2001; padding-left: 10px; float: left; } } .PopUpCover fieldset.popUp { float: left; background: white; border: 1px solid #CCCCCC; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; } .PopUpCover fieldset.popUp iframe { float: left; height: 450px; width: 330px; } .PopUpCover input.btnclose { border: none; padding-right: 10px; } .PopUpCover .buttonWrapper { float: left; } .AmmadoFooter { color: Black; font-size: 12px; font-weight: bolder; clear: left; float: left; padding-left: 10px; width: 309px; } .AmmadoFooter table { width: 100%; } .AmmadoFooter table td.footerText { width: 243px; } /* end*/ /* @group Footer */ #cw_footergroup { font-size: 0.9em; } #cw_footer { color: #666666; padding-top: 30px; } #cw_footer a { } #cw_footer a:hover { } #cw_footer li, #cw_footer ul { list-style: none; margin: 0px; padding: 0px; } #cw_footer li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #cccccc; } #cw_footer td { padding-bottom: 5px; } #cw_footer img { vertical-align: middle; } /* @end */ /* @group Breadcrumb Trail */ #cw_breadcrumb { color: #666; font-size: 11px; margin-bottom: 2px; font-size: 0.85em; } #cw_breadcrumb a { color: #666; text-decoration: none; } #cw_breadcrumb a:hover { text-decoration: underline; } #cw_breadcrumb .cw_itemcur { font-weight: bold; } /* @end */ #myCarousel { width: auto; max-width: 100%; margin-bottom: 0px; } #myCarousel a.left, #myCarousel a.right { line-height: 30px !important; -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; background-attachment: scroll; background-clip: border-box; background-color: rgb(34, 34, 34); background-image: none; background-origin: padding-box; background-size: auto; border-bottom-color: rgb(255, 255, 255); border-bottom-left-radius: 23px; border-bottom-right-radius: 23px; border-bottom-style: solid; border-bottom-width: 3px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(255, 255, 255); border-top-left-radius: 23px; border-top-right-radius: 23px; border-top-style: solid; border-top-width: 3px; color: rgb(255, 255, 255); cursor: auto; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; height: 40px; line-height: 30px; margin-top: -20px; opacity: 0.5; outline-color: rgb(255, 255, 255); outline-style: none; outline-width: 0px; position: absolute; right: 15px; text-align: center; text-decoration: none; top: 132px; width: 40px; } .carousel-caption a { float: right; margin-right: 15px; } #myCarousel img.HighlightImage { width: 100% !important; } .slideshow .carousel-caption { padding: 5px; } .slideshow .carousel-caption p { font-style: italic; text-align: justify; } .evaluationtoolbox #map_canvas { height: 80%; } .evaluationtoolbox { padding-bottom: 10px; } .treeView { overflow: auto; height: 100px; width: 100%; border: 1px solid #ccc; } .treeView a:empty { display: none; } .treeView div img { min-width: 20px; } .treeView div td { min-width: 20px; } .treeView input { margin-top: 0px; margin-right: 5px; } .treeView span { white-space: normal; } tr.firstline th, tr.firstline td { background-color: #CCCCCC; font-weight: bold; color: #000000; text-align: left; } #litMainIntro { white-space: normal; width: 100%; } #litMainIntro * { list-style: none; margin: 0px; width: 100%; white-space: normal; } .loc-list { width: 80px; overflow: hidden; } .idrl-expand { background-color: transparent; background-image: url("/Templates/RelatePlus/Styles/Images/buttons/expand_collapse.png"); background-position: -3px -16px; cursor: pointer; display: inline; height: 1px; margin-top: 4px; padding: 3px; position: relative; top: 0.4em; width: 23px; } .idrl-collapse { background-color: transparent; background-image: url("/Templates/RelatePlus/Styles/Images/buttons/expand_collapse.png"); background-position: 12px -16px; cursor: pointer; display: inline; height: 10px; padding: 3px; position: relative; top: 0.5em; width: 11px; } .tip { background-color: #F6F6F6; border: 1px solid #B9B9B9; display: none; height: 72px; overflow: auto; padding-top: 5px; position: absolute; width: 194px; z-index: 100; } @media screen and (min-width:768px) { .cw_searchtoolsbox { padding: 0px !important; } } @media screen and (min-width:768px) { .content_border_right { border-right: 1px dashed #e4e4e4; } } .videoWrapper { position: relative !important; padding-bottom: 56.25% !important; /* 16:9 */ padding-top: 25px !important; height: 0 !important; } .videoWrapper iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .cw_contentblocseparator { height: 5px; clear: both; } /* @group Box Layout */ .cw_boxtitle { font-size: large; font-weight: bold; } .cw_boxcommon { } /* @end */ /* @group Box */ .cw_video_bottom { margin-top: 10px; font-weight: bold; } /* FIXED HEIGHT FOR SPECIAL BOXES */ @media screen and (min-width:480px) and (max-width:767px) { .cw_home4colsgroup .span3 { width: 48.6187845%; margin-left: 2.7624309392265194% !important; float: left; } .cw_home4colsgroup .span3:nth-child(2n+1) { margin-left: 0px !important; } } .cw_box p { margin-bottom: 5px; } .cw_box img { } .cw_boxtitle { font-weight: bold; line-height: 1.1em; padding: 2px 0 !important; border-bottom: 1px dotted #aaaaaa; color: #666; margin-bottom: 0px; display: block; /*float: left;*/ } .cw_boxtitle h3 { font-weight: bold; font-size: 16px !important; margin: 0px; border: none; line-height: 25px; } .cw_boxtitle.cw_small { font-size: 1.1em; } .cw_boxcontent { padding: 10px 10px 0px 10px; } /* Issue ID:130 */ /*.cw_imagebanner { }*/ /* End of Change */ .cw_homemap .cw_boxcontent { padding: 0px; } .cw_boxelementdate { font-size: 0.85em; font-weight: bold; margin-bottom: 2px; } .cw_FeedItem { font-weight: normal; } .cw_boxelementdetails { font-size: 0.8em !important; padding-top: 2px; } .cw_boxelement { margin-bottom: 8px; padding-bottom: 8px !important; /*border-bottom: 1px dotted #cccccc;*/ clear: both; line-height: normal !important; } .cw_boxelement p { word-wrap: break-word; } .cw_boxcontent ul { padding-left: 15px; } .cw_boxgrey { border: 1px solid #cccccc; background-color: #efefef; } .cw_boxmoreinformation { border: 1px solid #cccccc; background-color: #fff; font-size: 0.85em; font-weight: bold; margin-bottom: 20px; } .cw_box.cw_boxhometheme { } .cw_boxhometheme .cw_boxtitle { font-size: 1.3em; } .cw_boxcontenthighlight h2, .cw_boxcontenthighlight h3, .cw_boxcontenthighlight h4, .cw_boxcontenthighlight h5, .cw_boxcontenthighlight h6 { color: #333; } .cw_mediasboxthumb { float: left; margin: 0px 8px 4px 0px; } .cw_mediasbox h4 { clear: both; } .cw_mediasbox .cw_boxelementdate { font-weight: normal; } /* @end */ /* @group News */ .cw_newsgroup { margin-bottom: 20px; } .cw_newsbloc { clear: both; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px dotted #CCCCCC; } /* #cw_content .cw_newsdescription p { text-align: left; margin-bottom: 5px; font-size: 12px !important; line-height:14px !important; margin-bottom: 10px; overflow: hidden; } #cw_content .cw_newsdescription h2 a { margin-bottom: 2px; margin-top: 0px; line-height:14px !important; font-size: 12px !important; }*/ /* @end */ .grey-box-wrapper { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(4%, #e6e6e6), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0); /* IE6-8 */ padding-left: 10px; padding-right: 10px; border: 1px solid #dbdce2; border-radius: 7px; margin-bottom: 10px; } .addlink { text-decoration: none; cursor: pointer; color: #ee3224; } .addlink:hover { text-decoration: underline; } #addToMyPage { background: #fff; display: none; padding: 0; border: 1px solid #000; z-index: 100000; /*max-width: 400px;*/ margin-right: 10px; } /* #addToMyPage form { width:400px; } #addToMyPage .itemRow table#GroupList { margin-top:5px; } #addToMyPage .itemRow table#GroupList input[type="checkbox"] { margin-right:5px; } #addToMyPage .handle { width: 400px; }*/ #createFolder { background: #fff; display: none; padding: 0; border: 1px solid #000; width: 300px; z-index: 10000; } .closeLink, .closeLayer { background: url(/Templates/CommonContent/images/icons/x.png) left top no-repeat; width: 25px; height: 29px; float: right; cursor: pointer; } .handle { background: #ccc; float: left; cursor: move; } .handle h4 { float: left; margin: 5px 0 5px 10px; color: #fff; } .innerBox { padding: 10px 10px 10px 10px; float: left; font-size: 11px; width: 90%; overflow: hidden; } .addIconLink { background: url(/Templates/CommonContent/images/fednet_design/icon_add.gif) left 3px no-repeat; color: #ee3224; text-decoration: none; cursor: pointer; padding: 6px 0 10px 25px; display: block; position: absolute; margin-top: 22px; } .editBookmark { background: url(/Templates/CommonContent/images/fednet_design/icon_edit.gif) left top no-repeat; display: block; width: 16px; height: 16px; float: left; margin: 0 0 0 165px; cursor: pointer; } .btnBookmark { margin: 10px 0 0 0; } input.txtBookmarkTitle { width: 185px; } p.loader { width: 200px; display: block; text-align: center; padding-top: 10px; } .warning { color: red; width: 10px; } .innerBox label.commonLabel { margin: 10px 0 0 0; display: block; font-weight: bold; } .cw_commentsbloc, .cw_commentsblocresponse { border-bottom: 1px dotted #000; margin-bottom: 10px; } .cw_commentsbloc:last-child, .cw_commentsblocresponse:last-child { border-bottom: none; } .minheight15px { min-height: 15px !important; } .margintop15px { margin-top: 15px; } /* @group Tag clouds */ .cw_tagclouds h3 { font-size: 1em; } .cw_tagclouds .cw_boxcontent { text-align: justify; } .cw_tagclouds_size1 { font-size: 0.8em; } .cw_tagclouds_size2 { font-size: 0.9em; } .cw_tagclouds_size3 { font-size: 1em; } .cw_tagclouds_size4 { font-size: 1.1em; } .cw_tagclouds_size5 { font-size: 1.2em; } .cw_tagclouds_size6 { font-size: 1.3em; } .cw_tagclouds_size7 { font-size: 1.4em; } .cw_tagclouds_size8 { font-size: 1.5em; } .cw_tagclouds_size9 { font-size: 1.6em; } .cw_tagclouds_size10 { font-size: 1.7em; } /* @end */ #PageTreeControlList .accordion { margin: 0px; } #PageTreeControlList .accordion-heading { margin-bottom: 5px; } #PageTreeControlList .accordion-toggle { display: inline !important; padding: 0px !important; padding-right: 5px !important; float: left !important; } #PageTreeControlList .accordion-inner { border: none; padding-top: 2px; padding-bottom: 2px; } .cw_home2colsgroup, .cw_home3colsgroup, .cw_home4colsgroup { margin-top: 15px; } /* @group Color Box */ .cw_home3colsgroup .span3 { margin-top: 10px; } @media screen and (min-width:480px) and (max-width:767px) { .cw_home3colsgroup .span3 { width: 48.6187845%; margin-left: 2.7624309392265194% !important; float: left; } .cw_home3colsgroup .span3:nth-child(2n+1) { margin-left: 0px !important; } } .cw_home3colsgroup .pnlbox { } .cw_boxcolor div.cw_boxcommon { } .cw_boxcolor div .cw_boxtitle { color: #fff; border-color: #c18d3d; } .cw_boxcolor .cw_boxtitle h3 { line-height: 15px !important; } .cw_boxcolor .cw_boxtitle span { width: 100%; font-size: 14px !important; } /*.cw_boxcolor div.cw_colsmall { width: 165px; } .cw_boxcolor div.cw_colbig { width: 345px; }*/ div.cw_boxcolor div div div { height: auto; padding: 0 15px 0px; } div.cw_boxcolor div div div div { height: auto; padding: 0; } .cw_boxcolor div div div div.cw_boxtitle { font-size: 1.3em; } a.cw_errorLink { background: url(../images/icon_error.gif) left top no-repeat; padding: 0 0 10px 20px; } a.cw_rssLink { background: url(../images/icon_rss.gif) left top no-repeat; padding: 0 0 10px 15px; } a.cw_arrowlink.cw_toplink { background-image: url(../images/arrow_toplink.gif); font-size: 0.9em; } a.cw_arrowlink, .cw_arrowlink a { padding: 0px 0px 0px 16px; background-image: url(../images/arrow_link.gif); background-repeat: no-repeat; background-position: -2px 0px; line-height: 1.6em; font-weight: bold; font-size: 0.8em; } .red-color { background-color: #ee3224; } .grey-color { background-color: #f3f3f3; } .active-item { color: black !important; font-weight: bold !important; } .breadcrumb { padding-bottom: 0px !important; } #cw_leftmenu a { font-size: 12px; } #cw_leftmenu li { margin-left: -5px; } #cw_leftmenu li a { font-weight: bold; font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; } @media screen and (min-width:980px) { #cw_leftmenu li a { border-top: dotted 1px #ccc; } } #cw_leftmenu li a:focus, #cw_leftmenu li a:hover { background-color: #fff; color: #000; } #cw_leftmenu li li a { font-weight: normal; font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 25px; } #cw_leftmenu li li li a { font-weight: normal; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 30px; } #cw_leftmenu li li li li a { font-weight: normal; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 35px; } #cw_leftmenu li li li li li a { font-weight: normal; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 40px } #cw_leftmenu li li li li li li a { font-weight: normal; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 45px } #cw_leftmenu ul { padding-top: 5px; padding-left: 7px; padding-right: 3px; } .accordion-toggle { padding-left: 10px !important; } @media screen and (min-width:980px) { .accordion-group { border: none !important; } } #cw_titelgroup * { line-height: normal !important; } #mainmenu-container a { font-weight: bold; color: #ee3224; } #mainmenu-container a:hover { color: #000000; } #mainmenu-container li:hover { } .breadcrumb { border-bottom: 1px solid #e4e4e4; border-radius: 0px !important; } .ifrc-color { background-color: #ee3224 !important; color: White !important; } .fednet-color { background-color: #00447b !important; color: White !important; } .dmis-color { background-color: #ee3224 !important; color: White !important; } .cw_newsdescription h2 { margin: 0px !important; } .cw_imagegalleryelement { display: inline-table; margin-left: 10px; margin-top: 10px; } .gallery-item { width: 170px; display: inline-table; } .gallery-item * { text-align: center; } .gallery-item a { width: 100%; } .gallery-item img { height: 100px; width: auto; } .gallery-search .control-group { margin: 10px; } /* @group Result navigation */ .cw_resultnavigation { text-align: center; font-size: 0.95em; color: #999999; padding: 10px 0px 10px 0px !important; clear: both; } .cw_resultnavigation a { padding: 0px 4px; } .cw_resultnavigation .cw_itemcur, .cw_resultnavigation .cw_itemcur a:hover { color: #000000; text-decoration: none; font-weight: bold; } .cw_resultnavigation .cw_itemcur a:focus { /*outline-style:dotted;*/ } @media screen and (min-width:320px) and (max-width:480px) { .media-object { width: 70px; max-width: none; } } @media screen and (min-width:480px) { .media-object { width: 100px; max-width: none; } } .media .pull-left { margin-right: 10px; } @media screen and (min-width:768px) { #cw_topmenu > div:nth-child(2) > div { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; margin-bottom: 0px; padding-bottom: 20px; } #cw_centercolumn { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } #cw_footer { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 99.8% !important; overflow: hidden; } #cw_rightcolumn { border-right: 1px solid #e4e4e4; } #cw_leftcolumn { border-left: 1px solid #e4e4e4; } #border-fix { overflow: hidden; } } @media screen and (min-width:1200px) { #cw_rightcolumn { width: 25.61025641%; margin-left: 0px; } #cw_leftcolumn { width: 25.61025641%; } #cw_centercolumn { margin-left: 0px; } } @media screen and (max-width:1199px) and (min-width:980px) { #cw_rightcolumn { width: 25.5319148936%; margin-left: 0px; } #cw_leftcolumn { width: 25.5319148936%; } #cw_centercolumn { margin-left: 0px; } } #cw_rightmiddle .row-fluid { margin-bottom: 0px; margin-top: 10px !important; margin-left: 0px !important; } #submenu-accordion .accordion-heading { background-color: #eeeeee; } .cw_mediasboxthumb { width: 100px !important; } @media screen and (max-width:979px) and (min-width:768px) { #cw_rightcolumn { width: 100%; margin-left: 0px; border-left: 1px solid #e4e4e4; } #cw_leftcolumn { width: 100%; border-right: 1px solid #e4e4e4; } #cw_centercolumn { margin-left: 0px; width: 100%; } } /* @group Content Tools */ #cw_contenttools { font-size: 11px; padding: 5px; border: 1px dotted #cccccc; } #cw_contenttools img { vertical-align: baseline; } /* @End Content Tools */ /*********************************** ADD THIS ************************************/ #EmailFriendForm { width: 300px; position: absolute; display: none; background-color: #fff; border: 1px solid #000; padding-bottom: 10px; z-index: 20000; } #EmailFriendForm .handle { width: 300px; } #addThis { width: 345px; position: absolute; display: none; background-color: #fff; border: 1px solid #000; z-index: 20000; } #addThis .handle { width: 345px; } #addThis .innerDiv, #EmailFriendForm .innerDiv { text-align: center; background: #fff; padding: 10px 0 0 10px; float: left; } .addThisHeading { padding: 10px 0 0 10px; font-weight: bold; } .closeAddThisLayer { background: url(/Templates/CommonContent/images/icons/x.png) left top no-repeat; width: 25px; height: 29px; float: right; cursor: pointer; margin: -20px 10px 0 0; } #addThis .innerDiv span, #EmailFriendForm .innerDiv span { float: left; margin: 0 5px 0 0; } #addThis .innerDiv a { color: #606060; display: inline; width: 80px; font-weight: normal; text-decoration: underline; float: left; margin: 0 10px 11px 0; text-align: left; font-size: 11px; } #EmailFriendContent { padding: 15px; } #EmailFriendContent .itemRow { float: left; width: 180px; } #EmailFriendContent .itemRow { float: left; width: 280px; margin: 0 0 10px 0; } #EmailFriendContent fieldset.captcha input { width: 180px; float: left; } #EmailFriendContent fieldset.captcha img { margin: 10px 0; float: left; } #EmailFriendContent .itemRow input.txtCommon { float: left; width: 280px; font-size: 11px; height: 16px; } #EmailFriendContent .itemRow label { float: left; text-align: left; margin: 0 10px 0 0; } #EmailFriendContent .buttonWrapper { float: right; margin: 0 10px 0 0; } #EmailFriendContent .itemRow span.emailError { color: Red; display: none; } .gsc-input input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .gsc-tabsArea > div { overflow: hidden !important; } iframe, object, embed { width: 100%; padding: 0px; } .supplier-data-block { margin-top: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .supplier-controls { border: 1px solid #ccc; border-radius: 5px; } .supplier-controls .addPadding { padding-left: 10px; padding-right: 10px; } .supplier-data-block dt { text-align: left; width: 130px; float: left; margin-bottom: 5px !important; } .supplier-data-block dd { margin-left: 140px; margin-bottom: 10px !important; } @media screen and (max-width:479px) { .supplier-data-block { width: 100%; } .supplier-data-block dt { text-align: left; width: 100%; float: none; } .supplier-data-block dd { margin-left: 0px; width: 100%; } } #notify-error-popup { width: auto; } #simplemodal-overlay { background-color: #000; cursor: wait; } /* Container */ #simplemodal-container { height: auto !important; width: 300px !important; background-color: #fff; border: 1px solid #000; top: 100px !important; position: absolute !important; } #simplemodal-container a.modalCloseImg { background: url(../images/icons/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; } #simplemodal-container #basicModalContent { padding: 8px; } #simplemodal-data iframe { width: 100%; height: 700px !important; overflow: hidden !important; } .urlLabel { word-wrap: break-word; } /*********************************** Site Map /***********************************/ #SiteMap ul { margin: 0; padding: 0.2em 0; } #SiteMap ul ul { padding: 0; margin-left: 0.5em; } #SiteMap li { margin: 0 0 0.5em 0; padding: 0; list-style: none; font-size: 1.3em; } #SiteMap li a { text-decoration: none; } #SiteMap li li { margin: 0.2em 0; padding-left: 1em; background: url(../images/misc/SiteMapBullet.png) no-repeat; font-size: 1em; } #SiteMap li li a { text-decoration: underline; } #SiteMap li li li { font-size: 1em; } .modalPopUp /*replicate in fednet*/ { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(4%, #e6e6e6), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0); /* IE6-8 */ border: 1px solid #dbdce2; border-radius: 7px; } .modalPopUp h2 { margin: 0px; font-size: 18px !important; font-style: italic; padding-left: 10px; } .modalPopUp .mainInfoBoxContentContainer { background: #fff; padding-right: 10px; padding-top: 5px; } .modalPopUpHost { overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; visibility: hidden; } .modalPopUpCover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; filter: alpha(opacity=70); opacity: 0.7; z-index: 1000; } .modalPopUpContentWrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10001; } .dvsubscribe { padding-top: 10px; } /*DSK Issue 455:Arabic date format */ .evenline .inline, .oddline .inline { min-width: 100px; } /*END*/ /* Issue ID 455: Arabic date format */ .contains-month { float: left; margin: 2px; display: inline; margin-top: 0px; } .contains-day { float: left; margin: 2px; display: inline; margin-top: 0px; } .contains-year { display: inline; margin: 2px; } /* Issue 79 New career page templates (application process, Testimonial preview page) */ .accordion { } .accordion dt, .accordion dd { padding: 0px; border: 0px solid black; border-bottom: 0; line-height: 15px; } .accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom: 0px solid black; } .accordion dt a, .accordion dt a { display: block; color: black; font-weight: bold; } .accordion dt a, .accordion dt a:hover { /* color:#0F6CB6;*/ } .accordion dd { border-top: 0; font-size: 12px; border-bottom: 1px dotted #CCCCCC; } .accordion dd:last-of-type { border-top: 0px solid white; position: relative; top: -1px; border-bottom: 1px dotted #CCCCCC; } #cw_content .accordion td { vertical-align: middle; } #cw_content .accordion td.title { padding-left: 10px; /* color:#0F6CB6;*/ } #cw_centercolumn #cw_content .testomonials { } #cw_centercolumn #cw_content .testomonials div.titem { float: left; margin-right: 3px; width: 150px; margin-bottom: 15px; } #cw_centercolumn #cw_content .testomonials div.titem li a { font-weight: bold; } #cw_centercolumn #cw_content .testomonials div.titem ul { margin: 0px; padding: 0px; list-style-type: none; } #cw_centercolumn #cw_content .testomonials div.titem li { list-style-type: none; } /*end*/ /*********************************** End ADD THIS ************************************/ /* body *::-webkit-scrollbar { width: 12px; height: 12px; margin-right:3px; }*/ /* Track */ /* body *::-webkit-scrollbar-track { background: rgba(226,0,26,0.1); width: 12px; height: 12px; }*/ /* Handle */ /* body *::-webkit-scrollbar-thumb { background: rgba(226,0,26,0.4); height:50px; max-height:50px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } */ .window { display: table; } .IETextBox { height: 31px !important; } .searchcriteria { position: absolute; left: -0.5px; } .SearchCriteriaLabel { font-size: 12px; } .HRFieldSetFileUpload { height: 30px; } /*Issue 664 - WebPart layout changes - [FedNet] Responsive design in UAT*/ #editwpdialog .inner .content fieldset legend { font-size: 11px !important; } #editwpdialog .inner .content { background-color: #eee; border: solid 1px #898989; border-left-color: #3c3c3c; border-right-color: #c5c5c5; border-top: none; padding: 8px; } #editwpdialog .inner { font: 11px tahoma; line-height: 16px; color: #000000; vertical-align: top; position: relative; } #editwpdialog .inner .content fieldset { margin: 0; padding: 7px; border: solid 1px #333; float: none; display: block; } .EP-tableCaptionCell label { font-size: 11px !important; font-weight: bold !important; } .EP-tableCaptionCell { text-align: left; } /*Issue 664 - End*/ .cw_formlabel { display: block; padding-top: 5px; padding-bottom: 3px; font-size: 1em; } #cw_content p { font-size: 1em; margin-bottom: 10px; overflow: hidden; } #cw_content ul, #cw_content ol, #cw_tabs ul, #cw_tabs ol { margin: 5px 0px 15px 15px; } #cw_centercolumn #cw_content ul li { list-style-type: disc; } .mainheading .overlay_dark_700x300 span.mainheading, .overlay_white_700x300 span.mainheading, .overlay_dark_700x300 span.mainheadingAR, .overlay_white_700x300 span.mainheadingAR { color: #ffffff; font-size: 26px; margin: -7px 0 0 0; padding: 0; display: block; overflow: hidden; height: 70px; } .subheading .overlay_dark_700x300 span.subheading, .overlay_white_700x300 span.subheading, .overlay_dark_700x300 span.subheadingAR, .overlay_white_700x300 span.subheadingAR { color: #ffffff; font-size: 15px; margin: -3px 0 0 0; padding: 0; display: block; overflow: hidden; height: 23px; } .HighlightImageBorderRadius { border-radius: 10px; } div.sec-hdr { background: #EBEBEB; border: solid 1px #CCCCCC; border-bottom: none; padding: 5px; border-radius: 4px 4px 0 0; } .sup_label { font-weight: bold; color: #808080; font-size: 0.95em; } .hideelement { display: none; } .lbldisplay { text-align: center; display: none; } table.supplierchild tr th { background-color: #EBEBEB; border-bottom: 1px solid #CCCCCC; font-size: 11px; font-weight: bold; height: 20px; } table.supplierchild tr th, table.supplierchild tr td { text-align: left; padding-left: 5px; font-size: 0.95em; } @media screen and (min-width:480px) { .HighlightImgHeading { color: #ffffff; font-size: 26px; display: block; } } @media screen and (max-width:480px) { .HighlightImgHeading { color: #ffffff; font-size: 20px; display: block; } } @media screen and (min-width:320px) and (max-width:767px) { .accordion { margin-bottom: 0px !important; } } @media screen and (max-width:767px) { .mainmenuwidth { width: 88%; float: left; } .searchbuttonsetting { width: 10%; margin-top: 10px !important; } } .btnSearchTopBtn { padding: 12px 12px !important; margin-top: -10px !important; } #lumesseSettings #settings a.chpPass { display: block; } /* @group Publications */ .cw_publicationsgroup { margin-bottom: 20px; } .cw_publicationsbloc { clear: both; padding-bottom: 6px !important; margin-bottom: 9px; border-bottom: 1px dotted #CCCCCC; } #cw_content p.cw_publicationsdate, .cw_publicationsdate { font-size: 0.85em !important; font-weight: bold; } .cw_publicationsdescription { margin-left: 108px; } .cw_box .cw_publicationsdescription { margin-left: 88px; } #cw_content .cw_publicationsdescription p { text-align: left; margin-bottom: 5px; } /* @end */ @media screen and (min-width:767px) { .txtDOB { width: 90px !important; } } .labelsize { font-size: 12px; } .btnVerticalTop { vertical-align: top; } .idrl-view-catg { border: 1px solid #B9B9B9; margin: 10px 0; } tr.firstline th, tr.firstline td { background-color: #CCCCCC; padding: 5px; font-weight: bold; color: #000000; text-align: left; } #PopUp textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; float: right; border: 1px solid #ccc; background-color: transparent; } @media print { a[href]:after { content: none !important; } } @import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css); abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, li a, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; } body, p, ul { line-height: 1.4em; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } strong { font-weight: 700; } em { font-style: italic; } body { color: #515151 !important; padding: 0; margin: 0; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; word-break: break-word; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif, 'Noto Kufi Arabic' !important; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; } h2 { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #f5333f; display: block; font-size: 24px; font-weight: 700; line-height: 1.4em; margin: 0; } h3 { color: #515151; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; font-size: 18px; font-style: normal; font-weight: 700; line-height: 1.4em; margin: 0 0 25px; padding: 0; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .page-title { padding-bottom: 20px; } ol, ul { padding: 0.7em 0 0.3em 1.143em; } p { word-break: break-word; } p:last-of-type { margin-bottom: 0; } blockquote { border-left: 5px solid; margin: 20px 0 30px; padding-left: 20px; font-size: 15px; font-weight: 700; } ol li ul, ul li ul { list-style-type: none; padding: 0.7em 0 0.3em 2.143em; } ol li ol, ul li ol { list-style-type: none; padding: 0.7em 0 0.3em 2.143em; } img { height: auto; } .aligncenter, div.post .new-post .aligncenter { display: block; margin-left: auto; margin-right: auto; } .arabic { direction: rtl; font-family: Roboto, 'Noto Kufi Arabic' !important; } .lumesse p { margin-bottom: 0px !important; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* arabic */ body { font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif, 'Noto Kufi Arabic'; font-size: 16px; } a { font-size: initial; } #cw_leftcolumn { display: none; } .HighlightImageBorderRadius { border-radius: 0 !important; } #ctl00_ContentPlaceHolder1_lblZoneName, #cw_pagetitle h1 { font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; color: #f5333f; line-height: 50.4px; font-size: 36px; } #mainbodytext { padding-right: 30px !important; } img[title='IFRC'], #cw_topbar, #cw_textsizetool, #cw_breadcrumb { display: none; } #breadcrumb-container .container-fluid.breadcrumb { display: none; } .overlay-content .gsc-input-box { border: 0 !important; background: rgba(0, 0, 0, 0) !important; } .overlay-content .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 0 !important; padding-right: 0 !important; border-radius: 50px 0 0 50px !important; width: 99% !important; float: right !important; height: 50px !important; padding: 0 !important; border: 0 !important; } .overlay-content .gsc-search-button { margin-left: -5px; } .overlay-content td.gsc-search-button { background: #fff; border-radius: 0 50px 50px 0; } .overlay-content .gsib_a { padding: 0 !important; } .overlay-content .gsc-search-button-v2 { float: left; width: 50px !important; padding: 1px !important; background-color: #fff !important; font-size: 15px !important; border: none !important; cursor: pointer !important; border-radius: 0 50px 50px 0 !important; height: 50px !important; margin-left: -4px !important; } .overlay-content .gsc-search-button-v2:before { content: '\e63a'; font-size: 12px; font-weight: 600; color: #252525; font-family: ET-Extra; position: absolute; top: 17px; } .overlay-content div#gsc-iw-id1 { background: #fff !important; border-radius: 50px 0 0 50px; width: 100%; height: 50px; } .mm-searchfield__input input[type="text"] { border-radius: 50px; height: 30px; } .wp_header { display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal; position: relative; width: 90%; height: 69px; max-width: 1280px; margin: -3px auto 0; } #headerWrapper { -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; position: fixed; top: 0; z-index: 1000 !important; width: 100%; } #headerWrapper.nav-up { top: -136px !important; } @media screen and (min-width: 1200px) { #cw_leftcolumn { width: 23%; } } .grey-box-wrapper { background: #fff !important; } .cw_boxfix { padding: 0 20px 20px 20px !important; } #cw_rightcolumn .control-group { max-width: 210px !important; } #hypbanner { padding-left: 20px !important; } .cw_newsbloc.media { padding-bottom: 15px !important; } #cw_headergroup { background-color: #f5333f; height: 60px; padding: 11px 0 15px !important; margin: 0; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 300; top: 0; left: 0; background-color: black; background-color: rgba(0, 0, 0, 0.9); } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin: auto; } .carousel-caption { padding: 15px 15px 0 15px !important; } .treeView .accordion-toggle i.collapsed.icon-minus { background-position: -408px -96px; } .job-list table td { padding: 8px 5px 8px 5px; font-size: 1.3em; } .job-list table thead tr th a { text-transform: uppercase; } #myCarousel a.left, #myCarousel a.right { cursor: pointer !important; top: 45%; } #cw_searchbox { position: absolute; top: 12px; right: 0; } .labelsize { font-size: 16px; } #BoxHeading { color: #f5333f; font-size: 1.2em !important; } button.openBtn { border: none; padding: 9px; font-size: 20px; cursor: pointer; background: transparent; color: #555555; } button.openBtn:before { content: '\e63a'; font-size: 15px; font-weight: 600; color: #252525; font-family: ET-Extra; color: #555555; } .searchOpenBtn { border: none; padding: 10px 9px 9px; font-size: 20px; cursor: pointer; background: transparent; color: #fff; position: absolute; right: 1px; } .searchOpenBtn:before { content: '\e63a'; font-size: 15px; font-weight: 600; color: #252525; font-family: ET-Extra; color: #fff; } /* STart - language switcher */ #cw_langmenu { width: auto; margin: 6px 17px 0 5px; } #cw_langmenu > ul { display: block; width: 87px; height: 25px; padding: 3px 15px 0; } #cw_langmenu.cw_langbar { background-color: transparent; } #cw_langmenu a.cw_itemcur.active:after { content: '\e62d'; display: inline-block; margin: 1px 0 0 5px; vertical-align: top; color: inherit; -webkit-transition: 0s; transition: 0s; font-family: Et-extra; } a.cw_itemcur.active { color: #fff; font-size: 16px; font-weight: 400; font-family: "Roboto Condensed", Helvetica, 'Noto Kufi Arabic'; } a.cw_itemcur.active:hover { text-decoration: none; } button.btn.btn-navbar { display: none; } .et-extra-social-icons { float: left; margin-top: 0; padding: 0 5px 4px 0; } #cw_contentcontainer { position: relative; width: 90%; max-width: 1280px; margin: 0 auto; padding-top: 136px; } #cw_headergroup .logo { float: left; width: 196px; padding-right: 50px; padding-top: 2px; } .show-menu-button { display: none; } ul.nav.navbar-nav.mm-listview { float: none; } #mm-navContainer a.et-extra-icon.et-extra-icon-background-hover, #mm-navContainer a.et-extra-icon.et-extra-icon-background-hover:hover { border: 0; background: none !important; } #mm-navContainer .searchOpenBtn { display: block; } #cw_rightmiddle { padding: 15px !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 1024px) { /* IE10+ specific styles go here */ #headerWrapper { position: absolute !important; } } @media screen and (max-width: 1180px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: none; } button.btn.btn-navbar { display: block; } #cw_contentcontainer { padding-top: 87px; } .wp_header { width: 95%; margin: -3px 0 0 auto; } .show-menu-button { display: block; position: absolute; right: 15px; z-index: 50; background: #f5333f; margin-top: -62px; display: block; width: 32px; height: 32px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 76px; } .show-menu-button span { display: block; width: 20px; height: 2px; border-radius: 3px; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; background: #fff; margin-top: 4px; } .show-menu-button.toggled span:last-child { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .show-menu-button.toggled span:nth-child(2) { opacity: 0; } .show-menu-button.toggled span:first-child { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } } @media screen and (max-width: 979px) { #cw_rightcolumn { padding-top: 0px !important; width: 100% !important; } #cw_rightcolumn #cw_rightmiddle { padding: 0px !important; width: 100% !important; } #cw_rightmiddle .row-fluid { width: 100% !important; } } .cw_boxcontent { padding: 0; } .cw_tagclouds .cw_boxcontent a { text-transform: lowercase; } .cw_boxtitle { color: #6d6d6d; border: none; } .cw_boxtitle h3 { color: #515151; } h1 { -webkit-box-sizing: border-box; box-sizing: border-box; color: #f5333f; display: block; font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; font-size: 42px; font-weight: 700; line-height: 42px; margin: 0; padding: 0 0 40px; } p { font-size: 16px; margin-bottom: 25px !important; } tr.firstline td, tr.firstline th { background-color: #fe3e39; color: #ffffff; } tr.firstline td a, tr.firstline th a { color: #fff !important; } .job-list table thead tr th { background-color: #f5333f !important; } #cw_centercolumn, #cw_leftcolumn, #cw_rightcolumn { padding: 60px 0; } .greybox { border: 1px solid #f5333f !important; } .arabic div#mainbodytext { padding-right: 0px !important; } /* start - TOP MENU */ ul.nav.navbar-nav { padding: 0; float: right; margin: 0; } #cw_topmenu { max-width: initial; width: 100%; background-color: #252525; height: 50px; } #cw_topmenu li.dropdown.firstlevel.hasChildren > a:after { content: '\e62d'; display: inline-block; margin: 0 0 0 5px; vertical-align: top; font-family: ET-Extra; color: #f5333f; } #cw_topmenu .dropdown-submenu > a:after { content: '\e62d'; vertical-align: top; font-family: ET-Extra; color: #f5333f; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); border-left-color: transparent; margin-top: 5px; margin-right: -6px; } .navbar-inner { background-color: #252525; background-image: none; border: none; -webkit-box-shadow: none; box-shadow: none; } #mainmenu-container ul.nav.navbar-nav { background-color: #252525; padding-left: 0 !important; color: #fff !important; font-weight: 400 !important; } #mainmenu-container ul.nav.navbar-nav .active-item { font-weight: 400 !important; } #mainmenu-container ul.nav.navbar-nav a:link, #mainmenu-container ul.nav.navbar-nav a:visited { line-height: 1.2em !important; font-size: 14px; text-transform: uppercase; font-weight: 100; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; color: #fff; text-shadow: none; } #mainmenu-container .dropdown-menu { background-color: #252525; } #cw_leftcolumn, #mainmenu-container { border: none; } /* language switcher */ .lmenuExtended { overflow: visible !important; background-color: #fff; height: 116px !important; } .submenu-lang { margin-top: 0; border-top: none; border-radius: 5px; background: #fff; z-index: 1000; position: absolute; border-radius: 0 0 3px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.1s ease; transition: 0.1s ease; opacity: 0; visibility: hidden; height: auto !important; } /* end - TOP MENU */ #secondary-nav #cw_langmenu ul.submenu-lang a { color: #f5333f; } #cw_langmenu > ul a:link, #et-secondary-nav #cw_langmenu > ul a:visited { color: #fff; } #cw_breadcrumb, .container-fluid.breadcrumb { background-color: #fff; } #cw_sitesmenu { /* sites menus */ display: none; } .nav.nav-list { list-style: none; padding-left: 7px; } .nav.nav-list li { line-height: 1.1em !important; padding-bottom: 10px !important; } .nav-collapse.collapse { position: absolute; right: 0; z-index: 200; } #cw_topmenu ul.dropdown-menu { top: 40px; } #cw_topmenu ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; } #cw_topmenu .dropdown-menu > li > a:focus, #cw_topmenu .dropdown-menu > li > a:hover, #cw_topmenu .dropdown-submenu:focus > a, #cw_topmenu .dropdown-submenu:hover > a { background-image: none; } .navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { display: none !important; } .dropdown-menu { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .dropdown-menu > li > a { white-space: normal !important; } .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent !important; color: #FFF !important; } #cw_leftmenu { padding-right: 10px !important; } #cw_leftmenu ul li { margin-bottom: 0.1em; } div#site-container { max-width: 100% !important; padding: 0; margin: 0; } /* content fix */ table.media td { -ms-flex-line-pack: top; align-content: top; } /* left column */ .cw_boxfix.grey-box-wrapper.container-fluid { background-color: #fff; background: none; padding: 20px; } h2 { color: #f5333f; } .HighlightImgHeading { font-size: 26px; } .nav-collapse, .nav-collapse.collapse { width: 100%; } #secondary-nav { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table; padding-bottom: 1px; margin-right: 1px; } .navbar .container { position: relative; } .secondlevel .dropdown-toggle { width: 210px; } #cw_topmenu .dropdown-submenu > a:after { margin-right: 10px !important; } .nav .dropdown-menu > li > a:hover, .nav .dropdown-submenu:hover > a { background-color: #252525 !important; } .firstlevel a.dropdown-toggle { padding: 16px 15px !important; } .secondlevel a.dropdown-toggle { padding: 10px 31px 10px 15px !important; border-bottom: solid 1px #474747 !important; box-sizing: border-box; width: 240px; } .mm-panels .nav > li > a:hover { background-color: #555; } .lSwitch { display: block; } .lSwitch li { padding-left: 10px; float: left; } .mm-iconbar .et-extra-social-icon { width: 50px; } .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn) { -webkit-box-flex: none; -ms-flex: none; flex: none; margin: 0 auto; } @media (min-width: 1200px) { .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container { max-width: 1280px !important; } } @media screen and (min-width: 1024px) { li.dropdown.firstlevel:last-of-type a { border: solid 1px #f5333f !important; border-radius: 50px !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; padding: 10px 20px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; text-transform: capitalize !important; margin-top: 5px !important; margin-left: 15px; color: #fff !important; background: #f5333f !important; -webkit-transition: 0.5s; transition: 0.5s; } li.dropdown.firstlevel:last-of-type a:hover { color: #f5333f !important; border: solid 1px #f5333f !important; background: transparent !important; } } ul.submenu-lang { margin-top: 0; border-top: none; border-radius: 5px; background: #fff; width: 180px !important; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px 0; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } ul.submenu-lang:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fefefd; border-top: 0; margin-left: 50px; margin-top: -8px; } ul.submenu-lang li a { display: block; padding: 15px 0; color: #f5333f; } ul.submenu-lang li a:hover { color: #363636; } @media screen and (max-width: 1800px) { li.dropdown.firstlevel.hasChildren.edge-dropdown ul.dropdown-menu.secondlevel.c2 { right: 0; left: auto; } li.dropdown.firstlevel.hasChildren.edge-dropdown ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; right: 239px; left: auto; } } @media screen and (max-width: 1430px) { li.dropdown.firstlevel.hasChildren.edge-dropdown-inner ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; right: 239px; left: auto; } } @font-face { font-family: ET-Extra; src: url("https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.eot"); src: url("https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.eot?#iefix") format("embedded-opentype"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.woff) format("woff"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.ttf) format("truetype"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.svg#ET-Extra) format("svg"); font-weight: 400; font-style: normal; } li.et-extra-social-icon { position: relative; display: inline-block; margin: 0; } #back_to_top, #et-info .et-cart:before, #et-info .et-top-search .et-search-submit:before, #timeline-sticky-header:after, .archive-pagination .pagination li a.next::before, .archive-pagination .pagination li a.prev::before, .archive-pagination > .page-numbers li a.next::before, .archive-pagination > .page-numbers li a.prev::before, .audio-format .mejs-container .mejs-controls .mejs-button button:after, .audio-format .mejs-container .mejs-controls .mejs-button button:before, .audio-format .mejs-container .mejs-controls .mejs-volume-button button:before, .comment-bubble:before, .et-extra-icon:before, .et-top-search-primary-menu-item .et-top-search .et-search-submit:before, .et-top-search-primary-menu-item .search-icon:before, .et_pb_extra_overlay:before, .et_pb_widget.widget_et_recent_tweets .et-extra-icon:before, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:after, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button:after, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button:after, .extra_icon_font, .link-format .attribution:before, .paginated .pagination li a.next::before, .paginated .pagination li a.prev::before, .paginated > .page-numbers li a.next::before, .paginated > .page-numbers li a.prev::before, .post-nav .nav-links .button:before, .post-nav .nav-links .post-nav .nav-links .button:before, .post-nav .nav-links .read-more-button:before, .project-details .project-categories ul li:before, .project-details .project-tags li:before, .project-details .project-tags ul li:before, .project-details .project-url ul li:before, .quote-format .attribution:before, .rating-star:before, .read-more-button:after, .single-project .post-nav .nav-links .nav-link .button:before, .single-project .post-nav .nav-links .nav-link .post-nav .nav-links .button:before, .single-project .post-nav .nav-links .nav-link .read-more-button:before, .tabbed-post-module .tab-nav .arrow:before, .timeline-module .module-head:after, .woocommerce .woocommerce-message:before, .woocommerce div.product .extra-woocommerce-details-accordion .ui-accordion-header-icon:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page div.product .extra-woocommerce-details-accordion .ui-accordion-header-icon:before, header.header li.menu-item-has-children > a:after { color: #555555; position: relative; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-family: ET-Extra !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit !important; } .et-extra-icon { background: rgba(0, 0, 0, 0.1); width: 30px; height: 30px; border-radius: 3px; color: #FFF; font-size: 16px; line-height: 30px; text-align: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .et-extra-icon-facebook:before { content: '\e61a'; } .et-extra-icon-facebook.et-extra-icon-color, .et-extra-icon-facebook.et-extra-icon-color-hover:hover { color: #39579a; } .et-extra-icon-twitter:before { content: '\e623'; } .et-extra-icon-twitter.et-extra-icon-color, .et-extra-icon-twitter.et-extra-icon-color-hover:hover { color: #01aced; } .et-extra-icon-pinterest:before { content: '\e61e'; } .et-extra-icon-pinterest.et-extra-icon-color, .et-extra-icon-pinterest.et-extra-icon-color-hover:hover { color: #cb2027; } .et-extra-icon-googleplus:before { content: '\e61c'; } .et-extra-icon-googleplus.et-extra-icon-color, .et-extra-icon-googleplus.et-extra-icon-color-hover:hover { color: #cb1f26; } .et-extra-icon-tumblr:before { content: '\e622'; } .et-extra-icon-tumblr.et-extra-icon-color, .et-extra-icon-tumblr.et-extra-icon-color-hover:hover { color: #314f6e; } .et-extra-icon-stumbleupon:before { content: '\e621'; } .et-extra-icon-stumbleupon.et-extra-icon-color, .et-extra-icon-stumbleupon.et-extra-icon-color-hover:hover { color: #ea4b24; } .et-extra-icon-wordpress:before { content: '\e62c'; } .et-extra-icon-wordpress.et-extra-icon-color, .et-extra-icon-wordpress.et-extra-icon-color-hover:hover { color: #267697; } .et-extra-icon-instagram:before { content: '\e60f'; } .et-extra-icon-instagram.et-extra-icon-color, .et-extra-icon-instagram.et-extra-icon-color-hover:hover { color: #517fa4; } .et-extra-icon-dribbble:before { content: '\e618'; } .et-extra-icon-dribbble.et-extra-icon-color, .et-extra-icon-dribbble.et-extra-icon-color-hover:hover { color: #ec488c; } .et-extra-icon-vimeo:before { content: '\e624'; } .et-extra-icon-vimeo.et-extra-icon-color, .et-extra-icon-vimeo.et-extra-icon-color-hover:hover { color: #45bbfc; } .et-extra-icon-linkedin:before { content: '\e610'; } .et-extra-icon-tiktok:before { content: '\e900'; font-family: 'icomoon' !important; } .et-extra-icon-linkedin.et-extra-icon-color, .et-extra-icon-linkedin.et-extra-icon-color-hover:hover { color: #127bb6; } .et-extra-icon-rss:before { content: '\e61f'; } .et-extra-icon-rss.et-extra-icon-color, .et-extra-icon-rss.et-extra-icon-color-hover:hover { color: #f59038; } .et-extra-icon-deviantart:before { content: '\e617'; } .et-extra-icon-deviantart.et-extra-icon-color, .et-extra-icon-deviantart.et-extra-icon-color-hover:hover { color: #566c68; } .et-extra-icon-myspace:before { content: '\e611'; } .et-extra-icon-myspace.et-extra-icon-color, .et-extra-icon-myspace.et-extra-icon-color-hover:hover { color: #3a5998; } .et-extra-icon-skype:before { content: '\e620'; } .et-extra-icon-skype.et-extra-icon-color, .et-extra-icon-skype.et-extra-icon-color-hover:hover { color: #1ba5f4; } .et-extra-icon-youtube:before { content: '\e614'; } .et-extra-icon-youtube.et-extra-icon-color, .et-extra-icon-youtube.et-extra-icon-color-hover:hover { color: #a8240f; } .et-extra-icon-picassa:before { content: '\e61d'; } .et-extra-icon-picassa.et-extra-icon-color, .et-extra-icon-picassa.et-extra-icon-color-hover:hover { color: #9864ae; } .et-extra-icon-flickr:before { content: '\e61b'; } .et-extra-icon-flickr.et-extra-icon-color, .et-extra-icon-flickr.et-extra-icon-color-hover:hover { color: #fc1684; } .et-extra-icon-blogger:before { content: '\e616'; } .et-extra-icon-blogger.et-extra-icon-color, .et-extra-icon-blogger.et-extra-icon-color-hover:hover { color: #f59038; } .et-extra-icon-spotify:before { content: '\e613'; } .et-extra-icon-spotify.et-extra-icon-color, .et-extra-icon-spotify.et-extra-icon-color-hover:hover { color: #aecf29; } .et-extra-icon-delicious:before { content: '\e60a'; } .et-extra-icon-delicious.et-extra-icon-color, .et-extra-icon-delicious.et-extra-icon-color-hover:hover { color: #3398fc; } .et-extra-icon-basic_email.et-extra-icon-color, .et-extra-icon-basic_email.et-extra-icon-color-hover:hover, .et-extra-icon-basic_print.et-extra-icon-color, .et-extra-icon-basic_print.et-extra-icon-color-hover:hover, .et-extra-icon-buffer.et-extra-icon-color, .et-extra-icon-buffer.et-extra-icon-color-hover:hover { color: #000; } .et-extra-icon-buffer:before { content: '\e601'; } .et-extra-icon-basic_email:before { content: '\e615'; } .et-extra-icon-basic_print:before { content: '\e619'; } .et-extra-icon-background-none { background: 0 0 !important; } #headerWrapper a.et-extra-icon.et-extra-icon-background-hover { border-radius: 50px; margin: 0 5px; width: 40px; height: 40px; border: solid 1px #fff; background: #f5333f; padding: 4px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } #headerWrapper a.ifrc-social:hover { background: #fff !important; } a.et-extra-icon.et-extra-icon-background-hover:hover, a.et-extra-icon.et-extra-icon-background-hover:focus { color: #555555 !important; text-decoration: none !important; } #headerWrapper .et-extra-icon-facebook.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-instagram.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-linkedin.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-twitter.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-youtube.et-extra-icon-background-hover:hover { background: #555555 !important; border-color: #555555 !important; } #headerWrapper .et-extra-icon-facebook.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-instagram.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-linkedin.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-twitter.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-youtube.et-extra-icon-background-hover:hover:before { color: #fff; } th.tablesorter-header a { word-break: initial; font-size: 14px; text-transform: lowercase; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { border-radius: 50px; border: solid 1px #f5333f; color: #f5333f; text-shadow: none; background: none; padding: 10px 30px; font-size: 14px !important; } input[type="file"]:active, input[type="file"]:focus, input[type="file"]:hover, input[type="image"]:active, input[type="image"]:focus, input[type="image"]:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, input[type="radio"]:active, input[type="radio"]:focus, input[type="radio"]:hover, input[type="checkbox"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:hover { background: #f5333f; color: #fff; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 50px; -moz-border-radius-topright: 50px; border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px; } .treeView { border-radius: 4px !important; } .footer { font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; } .footer ul { padding: 0; } .footer li { margin: 0; list-style: none; line-height: 1.4em; margin-bottom: 10px; } .footer li a:hover { color: #f5333f !important; } .footer.row { background-color: #363636; color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 16px; max-width: 1280px; margin: 0 auto; padding: 34px 0 50px; -webkit-font-smoothing: antialiased; } .footer a { color: #FFF; cursor: pointer; display: inline; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 15px; font-weight: 300; height: auto; line-height: 21px; list-style-image: none; list-style-type: none; overflow-wrap: break-word; text-align: left; text-decoration: none; width: auto; -webkit-transition: 0.5s; transition: 0.5s; word-break: break-word; -webkit-font-smoothing: antialiased; } .column.col1, .column.col2, .column.col3, .column.col4 { border-left: solid 1px #6d6d6d; color: #FFF; display: block; float: left; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 16px; font-style: normal; min-height: 300px; line-height: 22.4px; margin: 0; padding: 0 10px; position: relative; vertical-align: baseline; width: 25%; z-index: 9; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } .column.col4 { border-right: solid 1px #6d6d6d; } .title-inner p { color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 20px; font-weight: 400; line-height: 28px; text-align: left; vertical-align: baseline; width: 100%; margin-bottom: 20px; word-break: break-word; -webkit-font-smoothing: antialiased; } .description-inner p { color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 15px; font-weight: 400; line-height: 21px; overflow-wrap: break-word; text-align: left; vertical-align: baseline; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased; } .cw_newsbloc.media { border-bottom: none; } #cw_centercolumn, #cw_leftcolumn, #cw_rightcolumn, .grey-box-wrapper { border: 0 !important; } #cw_footergroup { background-color: #363636; } #cw_footergroup .container-fluid { padding: 0; } #cw_footergroup.container-fluid { padding: 0; } .ifrc-footer li { margin: 0; list-style: none; line-height: 1.4em; margin-bottom: 10px; font-weight: 300; } @media screen and (max-width: 1020px) { .footer.row { padding: 0; } .footer.row .column { margin: 0; padding: 10px; width: 50% !important; } .footer.row .column.col1 { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col2 { border-right: solid 1px #6d6d6d; border-bottom: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col3 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col4 { border-right: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .copyright-info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0 auto; float: none; } #footer-nav { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: none; margin: 0 auto; } #footer-nav .et-extra-social-icons { display: block !important; } } @media all and (min-width: 1020px) { #footer-nav { float: right; } #footer-nav .et-extra-social-icons { float: left; } } @media all and (max-width: 520px) { .footer.row { margin: 20px 50px; } .footer.row .column { margin: 0; padding: 10px; width: 100% !important; } .footer.row .column.col2 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col3 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col4 { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; } } #post-footer { background: #252525; color: #6d6d6d; height: auto; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; } #post-footer p { margin-bottom: 0 !important; } #footer-bottom { max-width: 1280px; margin: 0 auto; display: block; } .copyright-info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; } #footer-nav .et-extra-social-icons { margin-top: 0; padding: 2px 0; } #footer-nav a:focus, #footer-nav a:hover { text-decoration: none !important; } #footer-nav li.et-extra-social-icon { width: 20px; margin: 0 5px; } #footer-nav li.et-extra-social-icon:hover a.et-extra-icon:before { color: #6d6d6d; } p.copyright-info { padding: 5px; } /* Customize the label (the container) */ .checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #bfbfbf; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #fff; border: 1px solid #666; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #f5333f; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ajax-button { position: relative; display: inline-block; width: 100%; height: 40px; /*left: 50%;*/ top: 50%; /*margin-left: -100px;*/ margin-top: -50px; text-align: center; } .ajax-button .submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 50%; height: 40px; background-color: #219653; border: 2px solid #219653; border-radius: 50px; color: #fff; font-size: 17px; cursor: pointer !important; outline: none; } .ajax-button .submit:hover { color: #219653 !important; border: solid 1px #219653 !important; background: rgba(245, 51, 63, 0) !important; } .ajax-button .submit:disabled { background-color: #21965394; pointer-events: none; } .ajax-button .submit.loading { font-size: 0 !important; width: 50px; height: 50px; margin-top: 5px; border-radius: 35px; padding: 0; border: 3px solid #219653; border-bottom: 3px solid rgba(87,87,87,0.0); border-left: 3px solid rgba(87,87,87,0.0); background-color: transparent !important; animation-name: rotateAnimation; -webkit-animation-name: wk-rotateAnimation; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } @keyframes rotateAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes wk-rotateAnimation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .ajax-button .fa { color: #219653; border: 3px solid #219653; font-size: 18px !important; position: absolute; width: 50px; height: 50px; margin-top: 5px; border-radius: 35px; padding: 0; background-color: transparent !important; /*left: 50%; top: 50%; margin-left: -9px; margin-top: -9px;*/ -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } .ajax-button .fa.done { color: #219653; border: 3px solid #219653; } .ajax-button .fa.finish { -webkit-transform: scaleX(1) !important; transform: scaleX(1) !important; } .ajax-button .submit.hide-loading { opacity: 0; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform: scale(0) !important; transform: scale(0) !important; } body { background: #FFFFFF; } .topLvl { justify-content: center !important; } *, body { /* transition: all 0.3s ease; */} body #page-container #footer > #footer-bottom { max-width: unset !important; } .donation-container { background-color: #F2F2F2 !important; padding-left: 30px; padding-right: 30px; } /*.donation-container .browser-support-message { display: none; } .donation-container .browser-support-message.show { display: block; }*/ .donation-container img#imgMain { width: 100%; } .donation-container .container-fluid .row-fluid h1 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-top: 0px !important; } .donation-container .container-fluid .row-fluid h2 { margin-bottom: 20px; } .donation-container h2 { color: #515151 !important; } .donation-container h3 { color: #f5333f !important; } .donation-container input { max-width: unset !important; } .donation-container select { max-width: unset !important; color: #000 !important; } .donation-container .row-fluid { padding-bottom: 25px; } .donation-container .row-fluid.control-groups { padding-bottom: 37px !important; } .donation-container .plan input[type="radio"] { display: none; } .donation-container .showFaq{ cursor: pointer; } .donation-container .plan .donation-amount-label { position: relative; padding: 10px 30px; border-radius: 0; border: solid 1px #f5333f; font-size: 16px; font-weight: bold; text-align: center; display: inline-block !important; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #f5333f; } .donation-container .plan input:checked + .donation-amount-label { background-color: #f5333f; color: white; } .donation-container input#tbOtherAmount { width: auto; min-width: 75px; margin-bottom: 0; background-color: white; border: 0; box-shadow: none; color: #f5333f; font-size: 16px; text-align: end; padding-top: 2px; } .donation-container input#tbOtherAmount:required { color: white; background-color: #f5333f; } .donation-container input#tbOtherAmount:read-only:disabled { cursor: not-allowed !important; } .donation-container input#tbOtherAmount:read-only { color: #f5333f; background-color: white; cursor: pointer; } .donation-container #donation-form input:disabled + .donation-amount-label { color: #bfbfbf !important; border: solid 1px #bfbfbf; cursor: not-allowed; } .donation-container #donation-form input:checked:disabled + .donation-amount-label, .donation-container #donation-form input:checked:disabled + .donation-amount-label input { background-color: #bfbfbf; color: white !important; } .donation-container #donation-form input:disabled, .donation-container #donation-form select:disabled { color: #bfbfbf !important; } .donation-container #donation-form input:disabled:hover, .donation-container #donation-form select:disabled:hover { border: 1px solid #bfbfbf; } .donation-container input[type=number]::-webkit-inner-spin-button, .donation-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .donation-container .labelOtherAmount.donation-amount-label { padding-left: 0; padding-right: 0; } .donation-container .back-btn { margin-left: auto; margin-right: auto; font-size: 14px; margin-top: -25px; } .donation-container .back-btn:hover { color: #ee3224; cursor: pointer; text-decoration: none; } .donation-container .campaign-text { margin-top: 5px; } .donation-modal-message-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999999; background: rgba(0,0,0,.6); } .donation-modal-message-overlay .message-container { width: 500px; background-color: white; height: 200px; top: 30%; left: 50%; margin-left: -250px; position: fixed; padding: 50px; border-radius: 2px; box-shadow: 0 6px 22px -3px #000; } .donation-modal-message-overlay .faq-container { width: 800px; background-color: white; min-height: 200px; max-height: 730px; top: 10%; left: calc(50% - 150px); margin-left: -250px; position: fixed; padding: 50px; border-radius: 2px; box-shadow: 0 6px 22px -3px #000; } .donation-modal-message-overlay .faq-container .faq-texts { overflow: auto; height: 600px; margin-bottom: 15px; } .donation-modal-message-overlay .faq-container bold { font-weight: bold; } .donation-modal-message-overlay a.btn-link { border-radius: 0px !important; height: fit-content !important; padding: 10px 20px !important; width: fit-content !important; text-transform: capitalize !important; margin-top: 5px !important; color: #fff !important; padding-bottom: 10px !important; transition: .5s; margin-left: auto; margin-right: auto; display: block; } .donation-modal-message-overlay a.btn-link:hover { background: rgba(245, 51, 63, 0) !important; text-decoration: none; } .cardinalOverlay-content { width: 25% !important; } input[type="submit"] { margin: 5px 0 5px 0; } .control-group .controls input, select { /*border-color: #666;*/ border: 1px solid #bfbfbf; height: 44px; margin: 4px 0 0; padding: 0 8px; box-sizing: border-box; border-radius: 0; background-image: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; width: 100%; font-size: 16px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif; color: #000; } .control-group .controls input:hover, select:hover { border: 1px solid #666; } .donation-container #validate-button { border-radius: 0px !important; color: #fff; } .donation-container #validate-button:hover { background: rgba(245, 51, 63, 0) !important; } .dataInfo { background-color: white; margin-bottom: 20px; } #dropin-container { margin-top: -37px; margin-bottom: 5px; } #dropin-container .braintree-sheet__header { padding: 0 !important; border: 0 !important; } #dropin-container .braintree-sheet { border: 0 !important; } #dropin-container .braintree-sheet__content--form { padding: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__field-group { padding: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__flexible-fields .braintree-form__field-group { padding-left: 5px !important; } #dropin-container .braintree-sheet__content--form .braintree-form__flexible-fields :first-child.braintree-form__field-group { padding-left: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__icon-container { display: none !important; } .donation-container .disclaimer { margin-top: 15px; } .donation-container .disclaimer .table-header p { text-align: center; margin-bottom: 0px !important; font-size: 14px; } .donation-container .companySection { width: 100%; border-top: solid 2px #c7c7c7; padding-top: 5px; color: #f5333f; margin-bottom: 20px; } .donation-container .companySection strong { color: #848484; font-size: 24px; } .donation-container .companySection .logo-text-container { display: flex; align-items: center; } .donation-container .companySection .logo-text-container .logo-container { margin-right: 10px; } .donation-container .companySection .logo-text-container .logo-container .img-logo { height: 60px; } .donation-container [data-braintree-id="toggle"] { display: none !important; } .donation-container .braintree-show-methods [data-braintree-id=methods-label] { display: none !important; } /*.donation-container .disclaimer .span6 { margin-left: 2px; } .donation-container .disclaimer .span9 { margin-left: 0; }*/ .donation-container .disclaimer .table-header { background-color: #ebebeb; } .donation-container .disclaimer .table-footer { background-color: #f2f2f2; min-height: 86px; } .donation-container .disclaimer .table-footer { text-align: center; font-size: 14px; } .donation-container .disclaimer .table-footer p { font-size: 14px; } /*.donation-container input[type=button] { margin-bottom: 15px !important; }*/ .donation-container p { margin-bottom: 18px !important; } .myPostalCodeRow { display: none; } .form-block-header { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; padding-bottom: 10px; } .form-block-header:before, .form-block-header:after { content: ''; border-top: 1px solid #bfbfbf; margin: 0 20px 0 0; flex: 1 0 20px; } .form-block-header:after { margin: 0 0 0 20px; } .donation-container .flex-container { display: flex; padding-left: 0; margin-left: 0; } .donation-container .flex-container .centered-button { margin-left: auto; margin-right: auto; } .donation-container .flex-container .centered-button.submit-button { width: 50%; } .cookie-disclaimer button { border-radius: 50px; border: solid 1px #f5333f; color: #f5333f; text-shadow: none; background: none; padding: 10px 30px; font-size: 14px !important; } .cookie-disclaimer button:hover { border-radius: 50px; border: solid 1px #f5333f; color: white; text-shadow: none; background: none; background-color: #f5333f; padding: 10px 30px; font-size: 14px !important; } .donation-container .receipt-container .row-fluid { padding-bottom: 0; margin-bottom: 0; } .donation-container .field-validation-error { color: #ca2a2a; font-size: 13px; line-height: 1.4; margin: 3px 0; padding: 0; } .donation-container .control-group .controls input.input-validation-error { border-color: #ca2a2a !important; } #top-header .container:before, #top-header .container:after { content: unset !important; } .overlay-content input.et-search-field { box-sizing: border-box; outline: 0; border: 0; box-shadow: none; box-sizing: border-box; font-size: inherit; font-weight: inherit; line-height: normal; transition: .3s ease; max-width: unset; } @media (min-width: 1025px) { #page-container #main-content { padding-top: 186px !important; } } @media screen and (max-width: 1025px) { .show-menu-button { top: 0 !important; position: absolute; right: 15px; z-index: 1000; background: transparent; margin-top: -75px; } #page-container #main-content { padding-top: 100px !important; padding-left: 5px !important; padding-right: 5px !important; } .containerDonationAmount .row-fluid .span3 { padding-bottom: 15px; } .show-menu-button span { background: #555555; } } @media only screen and (max-device-width: 1025px) { .braintree-sheet { max-height: 600px; } } @media screen and (max-width: 1025px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: none !important; } } @media screen and (max-width: 1180px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: block !important; } } @media (max-width: 767px) { #top-header .container { width: 90%; } } @media (max-width: 500px) { .donation-modal-message-overlay .message-container { padding: 50px 40px 50px 90px; } } .row-fluid { font-family: "Open Sans","Arial",sans-serif !important; } .form-block-header { font-family: "Open Sans","Arial",sans-serif !important; } .donationFont { font-family: "Open Sans","Arial",sans-serif !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 12px; line-height: 15px; color: #333333; background-color: #ffffff; } a { color: #ee3224; text-decoration: none; } a:hover, a:focus { color: #12284c; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { /* margin-left: -20px; */ *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } a.muted:hover, a.muted:focus { color: #808080; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover, a.text-error:focus { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover, a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ /* Edited to remove the style from text box -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); */ } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; ; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .input-append.input-block { width: 100%; } .input-append.input-block * { display: inline-block !important; float: left !important; margin: 0px !important; } .input-append.input-block input.span12 { width: 100% !important; } .input-append.input-block .btn.span12 { width: 100% !important; } .input-append.input-block input.span11 { width: 91.6666666667% !important; } .input-append.input-block .btn.span11 { width: 91.6666666667% !important; } .input-append.input-block input.span10 { width: 83.3333333% !important; } .input-append.input-block .btn.span10 { width: 83.3333333% !important; } .input-append.input-block input.span9 { width: 75% !important; } .input-append.input-block .btn.span9 { width: 75% !important; } .input-append.input-block input.span8 { width: 66.6666667% !important; } .input-append.input-block .btn.span8 { width: 66.6666667% !important; } .input-append.input-block input.span7 { width: 58.3333333% !important; } .input-append.input-block .btn.span7 { width: 58.3333333% !important; } .input-append.input-block input.span6 { width: 50% !important; } .input-append.input-block .btn.span6 { width: 50% !important; } .input-append.input-block input.span5 { width: 41.6666667% !important; } .input-append.input-block .btn.span5 { width: 41.6666667% !important; } .input-append.input-block input.span4 { width: 33.3333333% !important; } .input-append.input-block .btn.span4 { width: 33.3333333% !important; } .input-append.input-block input.span3 { width: 25% !important; } .input-append.input-block .btn.span3 { width: 25% !important; } .input-append.input-block input.span2 { width: 16.6666667% !important; } .input-append.input-block .btn.span2 { width: 16.6666667% !important; } .input-append.input-block input.span1 { width: 8.33333333% !important; } .input-append.input-block .btn.span1 { width: 8.33333333% !important; } .input-prepend.input-block { width: 100% !important; } .input-prepend.input-block * { display: inline-block !important; } .input-prepend.input-block input.span12 { width: 100% !important; } .input-prepend.input-block .btn.span12 { width: 100% !important; } .input-prepend.input-block input.span11 { width: 91.6666666667% !important; } .input-prepend.input-block .btn.span11 { width: 91.6666666667% !important; } .input-prepend.input-block input.span10 { width: 83.3333333% !important; } .input-prepend.input-block .btn.span10 { width: 83.3333333% !important; } .input-prepend.input-block input.span9 { width: 75% !important; } .input-prepend.input-block .btn.span9 { width: 75% !important; } .input-prepend.input-block input.span8 { width: 66.6666667% !important; } .input-prepend.input-block .btn.span8 { width: 66.6666667% !important; } .input-prepend.input-block input.span7 { width: 58.3333333% !important; } .input-prepend.input-block .btn.span7 { width: 58.3333333% !important; } .input-prepend.input-block input.span6 { width: 50% !important; } .input-prepend.input-block .btn.span6 { width: 50% !important; } .input-prepend.input-block input.span5 { width: 41.6666667% !important; } .input-prepend.input-block .btn.span5 { width: 41.6666667% !important; } .input-prepend.input-block input.span4 { width: 33.3333333% !important; } .input-prepend.input-block .btn.span4 { width: 33.3333333% !important; } .input-prepend.input-block input.span3 { width: 25% !important; } .input-prepend.input-block .btn.span3 { width: 25% !important; } .input-prepend.input-block input.span2 { width: 16.6666667% !important; } .input-prepend.input-block .btn.span2 { width: 16.6666667% !important; } .input-prepend.input-block input.span1 { width: 8.33333333% !important; } .input-prepend.input-block .btn.span1 { width: 8.33333333% !important; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e21410; background-image: -moz-linear-gradient(top, #ee3224, #e23100); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee3224), to(#e23100)); background-image: -webkit-linear-gradient(top, #ee3224, #e23100); background-image: -o-linear-gradient(top, #ee3224, #e23100); background-image: linear-gradient(to bottom, #ee3224, #e23100); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffe23100', GradientType=0); border-color: #e23100 #e23100 #952100; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e23100; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #e23100; *background-color: #c92c00; } .btn-primary:active, .btn-primary.active { background-color: #af2600 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #ee3224; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #950011; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.btn-block .btn { display: inline-block !important; } .btn-group.btn-block .btn.span12 { width: 100%; } .btn-group.btn-block .btn.span11 { width: 91.6666666667%; } .btn-group.btn-block .btn.span10 { width: 83.3333333%; } .btn-group.btn-block .btn.span9 { width: 75%; } .btn-group.btn-block .btn.span8 { width: 66.6666667%; } .btn-group.btn-block .btn.span7 { width: 58.3333333%; } .btn-group.btn-block .btn.span6 { width: 50%; } .btn-group.btn-block .btn.span5 { width: 41.6666667%; } .btn-group.btn-block .btn.span4 { width: 33.3333333%; } .btn-group.btn-block .btn.span3 { width: 25%; } .btn-group.btn-block .btn.span2 { width: 16.6666667%; } .btn-group.btn-block .btn.span1 { width: 8.33333333%; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #e23100; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #ee3224; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; /*border: 1px solid #ddd;*/ border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #ee3224; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #ee3224; border-bottom-color: #ee3224; margin-top: 6px; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #950011; border-bottom-color: #950011; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; /*padding-left: 20px; padding-right: 20px;*/ background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .navbar-inner:before, .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .navbar-link { color: #777777; } .navbar-link:hover, .navbar-link:focus { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #ffffff; } .navbar-inverse .brand { color: #999999; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #ffffff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #ffffff; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ } a.thumbnail:hover, a.thumbnail:focus { border-color: #ee3224; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit li { line-height: 30px; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } /*.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }*/ .dropdown-menu { position: relative; top: 100%; left: 0; z-index: 1000; display: block; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff00; border: none; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: #ffffff; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #d80019; background-image: -moz-linear-gradient(top, #ee3224, #c90017); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee3224), to(#c90017)); background-image: -webkit-linear-gradient(top, #ee3224, #c90017); background-image: -o-linear-gradient(top, #ee3224, #c90017); background-image: linear-gradient(to bottom, #ee3224, #c90017); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffc90017', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion { /* margin-bottom: 20px; */ } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .fade { opacity: 0; /*-webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;*/ } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; /* -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;*/ } .collapse.in { height: auto; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-large-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) and (min-width:480px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-large-phone { display: inherit !important; } .hidden-large-phone { display: none !important; } } @media screen and (max-width:479px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (min-width: 1200px) { .row { /* margin-left: -30px; */ *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (max-width: 881px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 882px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } /*! * Bootstrap v2.3.1-j6 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat, extended by @ArnoldDaniels. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-file { overflow: hidden; position: relative; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; } .fileupload { margin-bottom: 9px; } .fileupload .uneditable-input { display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; } .fileupload .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; } .fileupload .thumbnail > img { display: inline-block; vertical-align: middle; max-height: 100%; } .fileupload .btn { vertical-align: middle; } .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none; } .fileupload-inline .fileupload-controls { display: inline; } .fileupload-new .input-append .btn-file { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .thumbnail-borderless .thumbnail { border: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fileupload-new.thumbnail-borderless .thumbnail { border: 1px solid #ddd; } .control-group.warning .fileupload .uneditable-input { color: #a47e3c; border-color: #a47e3c; } .control-group.warning .fileupload .fileupload-preview { color: #a47e3c; } .control-group.warning .fileupload .thumbnail { border-color: #a47e3c; } .control-group.error .fileupload .uneditable-input { color: #b94a48; border-color: #b94a48; } .control-group.error .fileupload .fileupload-preview { color: #b94a48; } .control-group.error .fileupload .thumbnail { border-color: #b94a48; } .control-group.success .fileupload .uneditable-input { color: #468847; border-color: #468847; } .control-group.success .fileupload .fileupload-preview { color: #468847; } .control-group.success .fileupload .thumbnail { border-color: #468847; } .AspNet-GridView-Empty * { border-top: none !important; } body { height: auto; font-size: 12px; } div#site-container { max-width: 1024px !important; margin: 0 auto 0 auto; min-width: 200px !important; } @media screen and (min-width:768px) { .container-fluid { padding-left: 10px; padding-right: 10px; } } .navbar { min-height: 40px; } a { font-size: small; } input, select { padding: 0; margin: 0; margin-bottom: 10px; } .italicise { font-style: italic; } input[class*="span"], select[class*="span"] { line-height: 20px !important; } input.btn.forecolorred { color: #ee3224 !important; font-weight: bold; } input[type="radio"] { margin: 0px; } #cw_titelgroup h2 { margin: 0px; } label { display: inline !important; } .sup_span { color: #f00 !important; display: inline !important; width: auto !important; box-sizing: content-box !important; float: none !important; margin-left: 0px !important; } .greybox { border: 1px solid #000; background: #eaeaea; font-size: 10px; padding: 10px; margin: 20px 0 20px 0; display: block; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #ddd !important; border-bottom-color: transparent !important; cursor: default; } .cw_searchresultsbox td.index { width: 35px; vertical-align: top; } @media screen and (max-width:480px) { legend { font-size: medium; line-height: normal; word-break: break-all; } } legend { margin-bottom: 10px; } legend + .control-group { margin-top: 10px; } .legendtextoverride { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 30px; } .supplier .control-label .pull-left * { font-size: small; text-align: left; float: left; } .supplier ul { list-style: none; } .supplier ul li input { margin: 0px; margin-right: 5px; } .supplier .checkbox-list { max-height: 200px; overflow-y: scroll; border: 1px solid #CCCCCC; } .errorContainer { height: 37px; } .ValidationError { background-color: Yellow; border: 1px solid #CCCCCC; display: none; padding: 5px; margin-bottom: 10px; } #dvError { color: red; display: none; } .fileupload .btn { height: 20px; } .fileupload .fileupload-preview { font-size: small; } .fileupload .uneditable-input { width: 60%; } .fileupload .close { opacity: 1; } .MultipleFileUpload .input-prepend.input-append { width: 100% } .fileupload .fileupload-message { display: block; } /* @group main Menu */ #mainmenu-container { margin-bottom: 0px !important; border-right: 0px; } /* @End*/ /* @group Sites Menu */ #cw_sitesmenu div { width: auto; margin-top: 0px; margin-bottom: 0px; float: right; } /*#cw_sitesmenu div ul { width: 204px; }*/ #cw_sitesmenu div li a { font-size: 10px; width: 42px; text-align: center; } #cw_sitesmenu div li { text-align: center; } @media screen and (max-width:767px) { #cw_sitesmenu div { float: none; } #cw_sitesmenu { text-align: center; } } /* End*/ /* @group Language Menu */ .cw_langmenu { font-size: 0.85em; margin-top: 0px !important; color: #999 !important; } .cw_langmenu a { text-align: center; text-decoration: none; color: #666 !important; } .cw_langmenu a:hover { color: #666 !important; } .cw_langmenu a:active { } .cw_langmenu .cw_itemcur { font-weight: bold !important; color: #000 !important; } .cw_langmenu .cw_itemdis { } /* @end */ /* @group Top Bar */ #cw_topbar { color: #666; font-size: 0.85em; background-color: #FFFFFF; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; } .cw_langbar { color: #666; font-size: 0.85em; background-color: #FFFFFF; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; } #cw_topbar a { color: #666; text-decoration: none; margin-top: 3px; } #cw_topbar a:hover { text-decoration: underline; } /* @end */ /* @group Text Size Tool */ #cw_textsizetool { height: 23px; font-size: 0.9em; /*Changed by IFRC 20110316*/ color: #666; } .cw_textsize_small { font-size: 1em; padding-right: 7px; } .cw_textsize_normal { font-size: 1.2em; padding-right: 2px; } .cw_textsize_big { font-size: 1.38em; } /* @end */ .brand { padding-top: 5px !important; padding-bottom: 5px !important; } .search-btn { margin-top: 0px !important; margin-left: 0px !important; } .search-btn .dropdown-menu { margin-left: -84px !important; padding: 20px !important; } .search-input-error { display: block; color: red; font-size: 12px; } /*survey popup*/ #ServeyPopUpScreenCover { background: white; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; top: 0; z-index: 9999; } #SurveyPopUp { display: none; background: white; border: 10px solid #CCCCCC; border-radius: 5px; padding: 10px; position: absolute; z-index: 99999; width: 350px; } #SurveyPopUp .SurveyPopUpButtons { margin-top: 10px; clear: left; float: left; } #SurveyPopUp .SurveyText { float: left; } #SurveyPopUp .SurveyPopUpButtons .buttonWrapper input { margin-right: 5px; } /*end survey popup*/ /* @group ammadoPopUpScreenCover*/ #ammadoPopUpScreenCover { position: absolute; left: 0; top: 0; z-index: 2000; width: 100%; background-color: white; opacity: 0; filter: alpha(opacity=0); } @media screen and (max-width:480px) { .PopUpCover { position: absolute; display: none; z-index: 2001; padding-left: 10px; float: left; left: 10px !important; } } @media screen and (min-width:768px) { .PopUpCover { position: absolute; display: none; z-index: 2001; padding-left: 10px; float: left; } } .PopUpCover fieldset.popUp { float: left; background: white; border: 1px solid #CCCCCC; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; } .PopUpCover fieldset.popUp iframe { float: left; height: 450px; width: 330px; } .PopUpCover input.btnclose { border: none; padding-right: 10px; } .PopUpCover .buttonWrapper { float: left; } .AmmadoFooter { color: Black; font-size: 12px; font-weight: bolder; clear: left; float: left; padding-left: 10px; width: 309px; } .AmmadoFooter table { width: 100%; } .AmmadoFooter table td.footerText { width: 243px; } /* end*/ /* @group Footer */ #cw_footergroup { font-size: 0.9em; } #cw_footer { color: #666666; padding-top: 30px; } #cw_footer a { } #cw_footer a:hover { } #cw_footer li, #cw_footer ul { list-style: none; margin: 0px; padding: 0px; } #cw_footer li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #cccccc; } #cw_footer td { padding-bottom: 5px; } #cw_footer img { vertical-align: middle; } /* @end */ /* @group Breadcrumb Trail */ #cw_breadcrumb { color: #666; font-size: 11px; margin-bottom: 2px; font-size: 0.85em; } #cw_breadcrumb a { color: #666; text-decoration: none; } #cw_breadcrumb a:hover { text-decoration: underline; } #cw_breadcrumb .cw_itemcur { font-weight: bold; } /* @end */ #myCarousel { width: auto; max-width: 100%; margin-bottom: 0px; } #myCarousel a.left, #myCarousel a.right { line-height: 30px !important; -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; background-attachment: scroll; background-clip: border-box; background-color: rgb(34, 34, 34); background-image: none; background-origin: padding-box; background-size: auto; border-bottom-color: rgb(255, 255, 255); border-bottom-left-radius: 23px; border-bottom-right-radius: 23px; border-bottom-style: solid; border-bottom-width: 3px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(255, 255, 255); border-top-left-radius: 23px; border-top-right-radius: 23px; border-top-style: solid; border-top-width: 3px; color: rgb(255, 255, 255); cursor: auto; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; height: 40px; line-height: 30px; margin-top: -20px; opacity: 0.5; outline-color: rgb(255, 255, 255); outline-style: none; outline-width: 0px; position: absolute; right: 15px; text-align: center; text-decoration: none; top: 132px; width: 40px; } .carousel-caption a { float: right; margin-right: 15px; } #myCarousel img.HighlightImage { width: 100% !important; } .slideshow .carousel-caption { padding: 5px; } .slideshow .carousel-caption p { font-style: italic; text-align: justify; } .evaluationtoolbox #map_canvas { height: 80%; } .evaluationtoolbox { padding-bottom: 10px; } .treeView { overflow: auto; height: 100px; width: 100%; border: 1px solid #ccc; } .treeView a:empty { display: none; } .treeView div img { min-width: 20px; } .treeView div td { min-width: 20px; } .treeView input { margin-top: 0px; margin-right: 5px; } .treeView span { white-space: normal; } tr.firstline th, tr.firstline td { background-color: #CCCCCC; font-weight: bold; color: #000000; text-align: left; } #litMainIntro { white-space: normal; width: 100%; } #litMainIntro * { list-style: none; margin: 0px; width: 100%; white-space: normal; } .loc-list { width: 80px; overflow: hidden; } .idrl-expand { background-color: transparent; background-image: url("/Templates/RelatePlus/Styles/Images/buttons/expand_collapse.png"); background-position: -3px -16px; cursor: pointer; display: inline; height: 1px; margin-top: 4px; padding: 3px; position: relative; top: 0.4em; width: 23px; } .idrl-collapse { background-color: transparent; background-image: url("/Templates/RelatePlus/Styles/Images/buttons/expand_collapse.png"); background-position: 12px -16px; cursor: pointer; display: inline; height: 10px; padding: 3px; position: relative; top: 0.5em; width: 11px; } .tip { background-color: #F6F6F6; border: 1px solid #B9B9B9; display: none; height: 72px; overflow: auto; padding-top: 5px; position: absolute; width: 194px; z-index: 100; } @media screen and (min-width:768px) { .cw_searchtoolsbox { padding: 0px !important; } } @media screen and (min-width:768px) { .content_border_right { border-right: 1px dashed #e4e4e4; } } .videoWrapper { position: relative !important; padding-bottom: 56.25% !important; /* 16:9 */ padding-top: 25px !important; height: 0 !important; } .videoWrapper iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .cw_contentblocseparator { height: 5px; clear: both; } /* @group Box Layout */ .cw_boxtitle { font-size: large; font-weight: bold; } .cw_boxcommon { } /* @end */ /* @group Box */ .cw_video_bottom { margin-top: 10px; font-weight: bold; } /* FIXED HEIGHT FOR SPECIAL BOXES */ @media screen and (min-width:480px) and (max-width:767px) { .cw_home4colsgroup .span3 { width: 48.6187845%; margin-left: 2.7624309392265194% !important; float: left; } .cw_home4colsgroup .span3:nth-child(2n+1) { margin-left: 0px !important; } } .cw_box p { margin-bottom: 5px; } .cw_box img { } .cw_boxtitle { font-weight: bold; line-height: 1.1em; padding: 2px 0 !important; border-bottom: 1px dotted #aaaaaa; color: #666; margin-bottom: 0px; display: block; /*float: left;*/ } .cw_boxtitle h3 { font-weight: bold; font-size: 16px !important; margin: 0px; border: none; line-height: 25px; } .cw_boxtitle.cw_small { font-size: 1.1em; } .cw_boxcontent { padding: 10px 10px 0px 10px; } /* Issue ID:130 */ /*.cw_imagebanner { }*/ /* End of Change */ .cw_homemap .cw_boxcontent { padding: 0px; } .cw_boxelementdate { font-size: 0.85em; font-weight: bold; margin-bottom: 2px; } .cw_FeedItem { font-weight: normal; } .cw_boxelementdetails { font-size: 0.8em !important; padding-top: 2px; } .cw_boxelement { margin-bottom: 8px; padding-bottom: 8px !important; /*border-bottom: 1px dotted #cccccc;*/ clear: both; line-height: normal !important; } .cw_boxelement p { word-wrap: break-word; } .cw_boxcontent ul { padding-left: 15px; } .cw_boxgrey { border: 1px solid #cccccc; background-color: #efefef; } .cw_boxmoreinformation { border: 1px solid #cccccc; background-color: #fff; font-size: 0.85em; font-weight: bold; margin-bottom: 20px; } .cw_box.cw_boxhometheme { } .cw_boxhometheme .cw_boxtitle { font-size: 1.3em; } .cw_boxcontenthighlight h2, .cw_boxcontenthighlight h3, .cw_boxcontenthighlight h4, .cw_boxcontenthighlight h5, .cw_boxcontenthighlight h6 { color: #333; } .cw_mediasboxthumb { float: left; margin: 0px 8px 4px 0px; } .cw_mediasbox h4 { clear: both; } .cw_mediasbox .cw_boxelementdate { font-weight: normal; } /* @end */ /* @group News */ .cw_newsgroup { margin-bottom: 20px; } .cw_newsbloc { clear: both; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px dotted #CCCCCC; } /* #cw_content .cw_newsdescription p { text-align: left; margin-bottom: 5px; font-size: 12px !important; line-height:14px !important; margin-bottom: 10px; overflow: hidden; } #cw_content .cw_newsdescription h2 a { margin-bottom: 2px; margin-top: 0px; line-height:14px !important; font-size: 12px !important; }*/ /* @end */ .grey-box-wrapper { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(4%, #e6e6e6), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0); /* IE6-8 */ padding-left: 10px; padding-right: 10px; border: 1px solid #dbdce2; border-radius: 7px; margin-bottom: 10px; } .addlink { text-decoration: none; cursor: pointer; color: #ee3224; } .addlink:hover { text-decoration: underline; } #addToMyPage { background: #fff; display: none; padding: 0; border: 1px solid #000; z-index: 100000; /*max-width: 400px;*/ margin-right: 10px; } /* #addToMyPage form { width:400px; } #addToMyPage .itemRow table#GroupList { margin-top:5px; } #addToMyPage .itemRow table#GroupList input[type="checkbox"] { margin-right:5px; } #addToMyPage .handle { width: 400px; }*/ #createFolder { background: #fff; display: none; padding: 0; border: 1px solid #000; width: 300px; z-index: 10000; } .closeLink, .closeLayer { background: url(/Templates/CommonContent/images/icons/x.png) left top no-repeat; width: 25px; height: 29px; float: right; cursor: pointer; } .handle { background: #ccc; float: left; cursor: move; } .handle h4 { float: left; margin: 5px 0 5px 10px; color: #fff; } .innerBox { padding: 10px 10px 10px 10px; float: left; font-size: 11px; width: 90%; overflow: hidden; } .addIconLink { background: url(/Templates/CommonContent/images/fednet_design/icon_add.gif) left 3px no-repeat; color: #ee3224; text-decoration: none; cursor: pointer; padding: 6px 0 10px 25px; display: block; position: absolute; margin-top: 22px; } .editBookmark { background: url(/Templates/CommonContent/images/fednet_design/icon_edit.gif) left top no-repeat; display: block; width: 16px; height: 16px; float: left; margin: 0 0 0 165px; cursor: pointer; } .btnBookmark { margin: 10px 0 0 0; } input.txtBookmarkTitle { width: 185px; } p.loader { width: 200px; display: block; text-align: center; padding-top: 10px; } .warning { color: red; width: 10px; } .innerBox label.commonLabel { margin: 10px 0 0 0; display: block; font-weight: bold; } .cw_commentsbloc, .cw_commentsblocresponse { border-bottom: 1px dotted #000; margin-bottom: 10px; } .cw_commentsbloc:last-child, .cw_commentsblocresponse:last-child { border-bottom: none; } .minheight15px { min-height: 15px !important; } .margintop15px { margin-top: 15px; } /* @group Tag clouds */ .cw_tagclouds h3 { font-size: 1em; } .cw_tagclouds .cw_boxcontent { text-align: justify; } .cw_tagclouds_size1 { font-size: 0.8em; } .cw_tagclouds_size2 { font-size: 0.9em; } .cw_tagclouds_size3 { font-size: 1em; } .cw_tagclouds_size4 { font-size: 1.1em; } .cw_tagclouds_size5 { font-size: 1.2em; } .cw_tagclouds_size6 { font-size: 1.3em; } .cw_tagclouds_size7 { font-size: 1.4em; } .cw_tagclouds_size8 { font-size: 1.5em; } .cw_tagclouds_size9 { font-size: 1.6em; } .cw_tagclouds_size10 { font-size: 1.7em; } /* @end */ #PageTreeControlList .accordion { margin: 0px; } #PageTreeControlList .accordion-heading { margin-bottom: 5px; } #PageTreeControlList .accordion-toggle { display: inline !important; padding: 0px !important; padding-right: 5px !important; float: left !important; } #PageTreeControlList .accordion-inner { border: none; padding-top: 2px; padding-bottom: 2px; } .cw_home2colsgroup, .cw_home3colsgroup, .cw_home4colsgroup { margin-top: 15px; } /* @group Color Box */ .cw_home3colsgroup .span3 { margin-top: 10px; } @media screen and (min-width:480px) and (max-width:767px) { .cw_home3colsgroup .span3 { width: 48.6187845%; margin-left: 2.7624309392265194% !important; float: left; } .cw_home3colsgroup .span3:nth-child(2n+1) { margin-left: 0px !important; } } .cw_home3colsgroup .pnlbox { } .cw_boxcolor div.cw_boxcommon { } .cw_boxcolor div .cw_boxtitle { color: #fff; border-color: #c18d3d; } .cw_boxcolor .cw_boxtitle h3 { line-height: 15px !important; } .cw_boxcolor .cw_boxtitle span { width: 100%; font-size: 14px !important; } /*.cw_boxcolor div.cw_colsmall { width: 165px; } .cw_boxcolor div.cw_colbig { width: 345px; }*/ div.cw_boxcolor div div div { height: auto; padding: 0 15px 0px; } div.cw_boxcolor div div div div { height: auto; padding: 0; } .cw_boxcolor div div div div.cw_boxtitle { font-size: 1.3em; } a.cw_errorLink { background: url(../images/icon_error.gif) left top no-repeat; padding: 0 0 10px 20px; } a.cw_rssLink { background: url(../images/icon_rss.gif) left top no-repeat; padding: 0 0 10px 15px; } a.cw_arrowlink.cw_toplink { background-image: url(../images/arrow_toplink.gif); font-size: 0.9em; } a.cw_arrowlink, .cw_arrowlink a { padding: 0px 0px 0px 16px; background-image: url(../images/arrow_link.gif); background-repeat: no-repeat; background-position: -2px 0px; line-height: 1.6em; font-weight: bold; font-size: 0.8em; } .red-color { background-color: #ee3224; } .grey-color { background-color: #f3f3f3; } .active-item { color: black !important; font-weight: bold !important; } .breadcrumb { padding-bottom: 0px !important; } #cw_leftmenu a { font-size: 12px; } #cw_leftmenu li { margin-left: -5px; } #cw_leftmenu li a { font-weight: bold; font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; } @media screen and (min-width:980px) { #cw_leftmenu li a { border-top: dotted 1px #ccc; } } #cw_leftmenu li a:focus, #cw_leftmenu li a:hover { background-color: #fff; color: #000; } #cw_leftmenu li li a { font-weight: normal; font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 25px; } #cw_leftmenu li li li a { font-weight: normal; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 30px; } #cw_leftmenu li li li li a { font-weight: normal; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 35px; } #cw_leftmenu li li li li li a { font-weight: normal; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 40px } #cw_leftmenu li li li li li li a { font-weight: normal; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 45px } #cw_leftmenu ul { padding-top: 5px; padding-left: 7px; padding-right: 3px; } .accordion-toggle { padding-left: 10px !important; } @media screen and (min-width:980px) { .accordion-group { border: none !important; } } #cw_titelgroup * { line-height: normal !important; } #mainmenu-container a { font-weight: bold; color: #ee3224; } #mainmenu-container a:hover { color: #000000; } #mainmenu-container li:hover { } .breadcrumb { border-bottom: 1px solid #e4e4e4; border-radius: 0px !important; } .ifrc-color { background-color: #ee3224 !important; color: White !important; } .fednet-color { background-color: #00447b !important; color: White !important; } .dmis-color { background-color: #ee3224 !important; color: White !important; } .cw_newsdescription h2 { margin: 0px !important; } .cw_imagegalleryelement { display: inline-table; margin-left: 10px; margin-top: 10px; } .gallery-item { width: 170px; display: inline-table; } .gallery-item * { text-align: center; } .gallery-item a { width: 100%; } .gallery-item img { height: 100px; width: auto; } .gallery-search .control-group { margin: 10px; } /* @group Result navigation */ .cw_resultnavigation { text-align: center; font-size: 0.95em; color: #999999; padding: 10px 0px 10px 0px !important; clear: both; } .cw_resultnavigation a { padding: 0px 4px; } .cw_resultnavigation .cw_itemcur, .cw_resultnavigation .cw_itemcur a:hover { color: #000000; text-decoration: none; font-weight: bold; } .cw_resultnavigation .cw_itemcur a:focus { /*outline-style:dotted;*/ } @media screen and (min-width:320px) and (max-width:480px) { .media-object { width: 70px; max-width: none; } } @media screen and (min-width:480px) { .media-object { width: 100px; max-width: none; } } .media .pull-left { margin-right: 10px; } @media screen and (min-width:768px) { #cw_topmenu > div:nth-child(2) > div { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; margin-bottom: 0px; padding-bottom: 20px; } #cw_centercolumn { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } #cw_footer { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 99.8% !important; overflow: hidden; } #cw_rightcolumn { border-right: 1px solid #e4e4e4; } #cw_leftcolumn { border-left: 1px solid #e4e4e4; } #border-fix { overflow: hidden; } } @media screen and (min-width:1200px) { #cw_rightcolumn { width: 25.61025641%; margin-left: 0px; } #cw_leftcolumn { width: 25.61025641%; } #cw_centercolumn { margin-left: 0px; } } @media screen and (max-width:1199px) and (min-width:980px) { #cw_rightcolumn { width: 25.5319148936%; margin-left: 0px; } #cw_leftcolumn { width: 25.5319148936%; } #cw_centercolumn { margin-left: 0px; } } #cw_rightmiddle .row-fluid { margin-bottom: 0px; margin-top: 10px !important; margin-left: 0px !important; } #submenu-accordion .accordion-heading { background-color: #eeeeee; } .cw_mediasboxthumb { width: 100px !important; } @media screen and (max-width:979px) and (min-width:768px) { #cw_rightcolumn { width: 100%; margin-left: 0px; border-left: 1px solid #e4e4e4; } #cw_leftcolumn { width: 100%; border-right: 1px solid #e4e4e4; } #cw_centercolumn { margin-left: 0px; width: 100%; } } /* @group Content Tools */ #cw_contenttools { font-size: 11px; padding: 5px; border: 1px dotted #cccccc; } #cw_contenttools img { vertical-align: baseline; } /* @End Content Tools */ /*********************************** ADD THIS ************************************/ #EmailFriendForm { width: 300px; position: absolute; display: none; background-color: #fff; border: 1px solid #000; padding-bottom: 10px; z-index: 20000; } #EmailFriendForm .handle { width: 300px; } #addThis { width: 345px; position: absolute; display: none; background-color: #fff; border: 1px solid #000; z-index: 20000; } #addThis .handle { width: 345px; } #addThis .innerDiv, #EmailFriendForm .innerDiv { text-align: center; background: #fff; padding: 10px 0 0 10px; float: left; } .addThisHeading { padding: 10px 0 0 10px; font-weight: bold; } .closeAddThisLayer { background: url(/Templates/CommonContent/images/icons/x.png) left top no-repeat; width: 25px; height: 29px; float: right; cursor: pointer; margin: -20px 10px 0 0; } #addThis .innerDiv span, #EmailFriendForm .innerDiv span { float: left; margin: 0 5px 0 0; } #addThis .innerDiv a { color: #606060; display: inline; width: 80px; font-weight: normal; text-decoration: underline; float: left; margin: 0 10px 11px 0; text-align: left; font-size: 11px; } #EmailFriendContent { padding: 15px; } #EmailFriendContent .itemRow { float: left; width: 180px; } #EmailFriendContent .itemRow { float: left; width: 280px; margin: 0 0 10px 0; } #EmailFriendContent fieldset.captcha input { width: 180px; float: left; } #EmailFriendContent fieldset.captcha img { margin: 10px 0; float: left; } #EmailFriendContent .itemRow input.txtCommon { float: left; width: 280px; font-size: 11px; height: 16px; } #EmailFriendContent .itemRow label { float: left; text-align: left; margin: 0 10px 0 0; } #EmailFriendContent .buttonWrapper { float: right; margin: 0 10px 0 0; } #EmailFriendContent .itemRow span.emailError { color: Red; display: none; } .gsc-input input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .gsc-tabsArea > div { overflow: hidden !important; } iframe, object, embed { width: 100%; padding: 0px; } .supplier-data-block { margin-top: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .supplier-controls { border: 1px solid #ccc; border-radius: 5px; } .supplier-controls .addPadding { padding-left: 10px; padding-right: 10px; } .supplier-data-block dt { text-align: left; width: 130px; float: left; margin-bottom: 5px !important; } .supplier-data-block dd { margin-left: 140px; margin-bottom: 10px !important; } @media screen and (max-width:479px) { .supplier-data-block { width: 100%; } .supplier-data-block dt { text-align: left; width: 100%; float: none; } .supplier-data-block dd { margin-left: 0px; width: 100%; } } #notify-error-popup { width: auto; } #simplemodal-overlay { background-color: #000; cursor: wait; } /* Container */ #simplemodal-container { height: auto !important; width: 300px !important; background-color: #fff; border: 1px solid #000; top: 100px !important; position: absolute !important; } #simplemodal-container a.modalCloseImg { background: url(../images/icons/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; } #simplemodal-container #basicModalContent { padding: 8px; } #simplemodal-data iframe { width: 100%; height: 700px !important; overflow: hidden !important; } .urlLabel { word-wrap: break-word; } /*********************************** Site Map /***********************************/ #SiteMap ul { margin: 0; padding: 0.2em 0; } #SiteMap ul ul { padding: 0; margin-left: 0.5em; } #SiteMap li { margin: 0 0 0.5em 0; padding: 0; list-style: none; font-size: 1.3em; } #SiteMap li a { text-decoration: none; } #SiteMap li li { margin: 0.2em 0; padding-left: 1em; background: url(../images/misc/SiteMapBullet.png) no-repeat; font-size: 1em; } #SiteMap li li a { text-decoration: underline; } #SiteMap li li li { font-size: 1em; } .modalPopUp /*replicate in fednet*/ { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(4%, #e6e6e6), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 4%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0); /* IE6-8 */ border: 1px solid #dbdce2; border-radius: 7px; } .modalPopUp h2 { margin: 0px; font-size: 18px !important; font-style: italic; padding-left: 10px; } .modalPopUp .mainInfoBoxContentContainer { background: #fff; padding-right: 10px; padding-top: 5px; } .modalPopUpHost { overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; visibility: hidden; } .modalPopUpCover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; filter: alpha(opacity=70); opacity: 0.7; z-index: 1000; } .modalPopUpContentWrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10001; } .dvsubscribe { padding-top: 10px; } /*DSK Issue 455:Arabic date format */ .evenline .inline, .oddline .inline { min-width: 100px; } /*END*/ /* Issue ID 455: Arabic date format */ .contains-month { float: left; margin: 2px; display: inline; margin-top: 0px; } .contains-day { float: left; margin: 2px; display: inline; margin-top: 0px; } .contains-year { display: inline; margin: 2px; } /* Issue 79 New career page templates (application process, Testimonial preview page) */ .accordion { } .accordion dt, .accordion dd { padding: 0px; border: 0px solid black; border-bottom: 0; line-height: 15px; } .accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom: 0px solid black; } .accordion dt a, .accordion dt a { display: block; color: black; font-weight: bold; } .accordion dt a, .accordion dt a:hover { /* color:#0F6CB6;*/ } .accordion dd { border-top: 0; font-size: 12px; border-bottom: 1px dotted #CCCCCC; } .accordion dd:last-of-type { border-top: 0px solid white; position: relative; top: -1px; border-bottom: 1px dotted #CCCCCC; } #cw_content .accordion td { vertical-align: middle; } #cw_content .accordion td.title { padding-left: 10px; /* color:#0F6CB6;*/ } #cw_centercolumn #cw_content .testomonials { } #cw_centercolumn #cw_content .testomonials div.titem { float: left; margin-right: 3px; width: 150px; margin-bottom: 15px; } #cw_centercolumn #cw_content .testomonials div.titem li a { font-weight: bold; } #cw_centercolumn #cw_content .testomonials div.titem ul { margin: 0px; padding: 0px; list-style-type: none; } #cw_centercolumn #cw_content .testomonials div.titem li { list-style-type: none; } /*end*/ /*********************************** End ADD THIS ************************************/ /* body *::-webkit-scrollbar { width: 12px; height: 12px; margin-right:3px; }*/ /* Track */ /* body *::-webkit-scrollbar-track { background: rgba(226,0,26,0.1); width: 12px; height: 12px; }*/ /* Handle */ /* body *::-webkit-scrollbar-thumb { background: rgba(226,0,26,0.4); height:50px; max-height:50px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } */ .window { display: table; } .IETextBox { height: 31px !important; } .searchcriteria { position: absolute; left: -0.5px; } .SearchCriteriaLabel { font-size: 12px; } .HRFieldSetFileUpload { height: 30px; } /*Issue 664 - WebPart layout changes - [FedNet] Responsive design in UAT*/ #editwpdialog .inner .content fieldset legend { font-size: 11px !important; } #editwpdialog .inner .content { background-color: #eee; border: solid 1px #898989; border-left-color: #3c3c3c; border-right-color: #c5c5c5; border-top: none; padding: 8px; } #editwpdialog .inner { font: 11px tahoma; line-height: 16px; color: #000000; vertical-align: top; position: relative; } #editwpdialog .inner .content fieldset { margin: 0; padding: 7px; border: solid 1px #333; float: none; display: block; } .EP-tableCaptionCell label { font-size: 11px !important; font-weight: bold !important; } .EP-tableCaptionCell { text-align: left; } /*Issue 664 - End*/ .cw_formlabel { display: block; padding-top: 5px; padding-bottom: 3px; font-size: 1em; } #cw_content p { font-size: 1em; margin-bottom: 10px; overflow: hidden; } #cw_content ul, #cw_content ol, #cw_tabs ul, #cw_tabs ol { margin: 5px 0px 15px 15px; } #cw_centercolumn #cw_content ul li { list-style-type: disc; } .mainheading .overlay_dark_700x300 span.mainheading, .overlay_white_700x300 span.mainheading, .overlay_dark_700x300 span.mainheadingAR, .overlay_white_700x300 span.mainheadingAR { color: #ffffff; font-size: 26px; margin: -7px 0 0 0; padding: 0; display: block; overflow: hidden; height: 70px; } .subheading .overlay_dark_700x300 span.subheading, .overlay_white_700x300 span.subheading, .overlay_dark_700x300 span.subheadingAR, .overlay_white_700x300 span.subheadingAR { color: #ffffff; font-size: 15px; margin: -3px 0 0 0; padding: 0; display: block; overflow: hidden; height: 23px; } .HighlightImageBorderRadius { border-radius: 10px; } div.sec-hdr { background: #EBEBEB; border: solid 1px #CCCCCC; border-bottom: none; padding: 5px; border-radius: 4px 4px 0 0; } .sup_label { font-weight: bold; color: #808080; font-size: 0.95em; } .hideelement { display: none; } .lbldisplay { text-align: center; display: none; } table.supplierchild tr th { background-color: #EBEBEB; border-bottom: 1px solid #CCCCCC; font-size: 11px; font-weight: bold; height: 20px; } table.supplierchild tr th, table.supplierchild tr td { text-align: left; padding-left: 5px; font-size: 0.95em; } @media screen and (min-width:480px) { .HighlightImgHeading { color: #ffffff; font-size: 26px; display: block; } } @media screen and (max-width:480px) { .HighlightImgHeading { color: #ffffff; font-size: 20px; display: block; } } @media screen and (min-width:320px) and (max-width:767px) { .accordion { margin-bottom: 0px !important; } } @media screen and (max-width:767px) { .mainmenuwidth { width: 88%; float: left; } .searchbuttonsetting { width: 10%; margin-top: 10px !important; } } .btnSearchTopBtn { padding: 12px 12px !important; margin-top: -10px !important; } #lumesseSettings #settings a.chpPass { display: block; } /* @group Publications */ .cw_publicationsgroup { margin-bottom: 20px; } .cw_publicationsbloc { clear: both; padding-bottom: 6px !important; margin-bottom: 9px; border-bottom: 1px dotted #CCCCCC; } #cw_content p.cw_publicationsdate, .cw_publicationsdate { font-size: 0.85em !important; font-weight: bold; } .cw_publicationsdescription { margin-left: 108px; } .cw_box .cw_publicationsdescription { margin-left: 88px; } #cw_content .cw_publicationsdescription p { text-align: left; margin-bottom: 5px; } /* @end */ @media screen and (min-width:767px) { .txtDOB { width: 90px !important; } } .labelsize { font-size: 12px; } .btnVerticalTop { vertical-align: top; } .idrl-view-catg { border: 1px solid #B9B9B9; margin: 10px 0; } tr.firstline th, tr.firstline td { background-color: #CCCCCC; padding: 5px; font-weight: bold; color: #000000; text-align: left; } #PopUp textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; float: right; border: 1px solid #ccc; background-color: transparent; } @media print { a[href]:after { content: none !important; } } @import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css); abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, li a, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; } body, p, ul { line-height: 1.4em; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } strong { font-weight: 700; } em { font-style: italic; } body { color: #515151 !important; padding: 0; margin: 0; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; word-break: break-word; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif, 'Noto Kufi Arabic' !important; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; } h2 { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #f5333f; display: block; font-size: 24px; font-weight: 700; line-height: 1.4em; margin: 0; } h3 { color: #515151; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; font-size: 18px; font-style: normal; font-weight: 700; line-height: 1.4em; margin: 0 0 25px; padding: 0; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .page-title { padding-bottom: 20px; } ol, ul { padding: 0.7em 0 0.3em 1.143em; } p { word-break: break-word; } p:last-of-type { margin-bottom: 0; } blockquote { border-left: 5px solid; margin: 20px 0 30px; padding-left: 20px; font-size: 15px; font-weight: 700; } ol li ul, ul li ul { list-style-type: none; padding: 0.7em 0 0.3em 0; } ol li ol, ul li ol { list-style-type: none; padding: 0.7em 0 0.3em 2.143em; } img { height: auto; } .aligncenter, div.post .new-post .aligncenter { display: block; margin-left: auto; margin-right: auto; } .arabic { direction: rtl; font-family: Roboto, 'Noto Kufi Arabic' !important; } .lumesse p { margin-bottom: 0px !important; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* arabic */ body { font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif, 'Noto Kufi Arabic'; font-size: 16px; } a { font-size: initial; } #cw_leftcolumn { display: none; } .HighlightImageBorderRadius { border-radius: 0 !important; } #ctl00_ContentPlaceHolder1_lblZoneName, #cw_pagetitle h1 { font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; color: #f5333f; line-height: 50.4px; font-size: 36px; } #mainbodytext { padding-right: 30px !important; } img[title='IFRC'], #cw_topbar, #cw_textsizetool, #cw_breadcrumb { display: none; } #breadcrumb-container .container-fluid.breadcrumb { display: none; } .overlay-content .gsc-input-box { border: 0 !important; background: rgba(0, 0, 0, 0) !important; } .overlay-content .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 0 !important; padding-right: 0 !important; border-radius: 50px 0 0 50px !important; width: 99% !important; float: right !important; height: 50px !important; padding: 0 !important; border: 0 !important; } .overlay-content .gsc-search-button { margin-left: -5px; } .overlay-content td.gsc-search-button { background: #fff; border-radius: 0 50px 50px 0; } .overlay-content .gsib_a { padding: 0 !important; } .overlay-content .gsc-search-button-v2 { float: left; width: 50px !important; padding: 1px !important; background-color: #fff !important; font-size: 15px !important; border: none !important; cursor: pointer !important; border-radius: 0 50px 50px 0 !important; height: 50px !important; margin-left: -4px !important; } .overlay-content .gsc-search-button-v2:before { content: '\e63a'; font-size: 12px; font-weight: 600; color: #252525; font-family: ET-Extra; position: absolute; top: 17px; } .overlay-content div#gsc-iw-id1 { background: #fff !important; border-radius: 50px 0 0 50px; width: 100%; height: 50px; } .mm-searchfield__input input[type="text"] { border-radius: 50px; height: 30px; } .wp_header { display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal; position: relative; width: 90%; height: 69px; max-width: 1280px; margin: -3px auto 0; } #headerWrapper { -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; position: fixed; top: 0; z-index: 1000 !important; width: 100%; } #headerWrapper.nav-up { top: -136px !important; } @media screen and (min-width: 1200px) { #cw_leftcolumn { width: 23%; } } .grey-box-wrapper { background: #fff !important; } .cw_boxfix { padding: 0 20px 20px 20px !important; } #cw_rightcolumn .control-group { max-width: 210px !important; } #hypbanner { padding-left: 20px !important; } .cw_newsbloc.media { padding-bottom: 15px !important; } #cw_headergroup { background-color: #f5333f; height: 60px; padding: 11px 0 15px !important; margin: 0; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 300; top: 0; left: 0; background-color: black; background-color: rgba(0, 0, 0, 0.9); } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin: auto; } .carousel-caption { padding: 15px 15px 0 15px !important; } .treeView .accordion-toggle i.collapsed.icon-minus { background-position: -408px -96px; } .job-list table td { padding: 8px 5px 8px 5px; font-size: 1.3em; } .job-list table thead tr th a { text-transform: uppercase; } #myCarousel a.left, #myCarousel a.right { cursor: pointer !important; top: 45%; } #cw_searchbox { position: absolute; top: 12px; right: 0; } .labelsize { font-size: 16px; } #BoxHeading { color: #f5333f; font-size: 1.2em !important; } button.openBtn { border: none; padding: 9px; font-size: 20px; cursor: pointer; background: transparent; color: #555555; } button.openBtn:before { content: '\e63a'; font-size: 15px; font-weight: 600; color: #252525; font-family: ET-Extra; color: #555555; } .searchOpenBtn { border: none; padding: 10px 9px 9px; font-size: 20px; cursor: pointer; background: transparent; color: #fff; position: absolute; right: 1px; } .searchOpenBtn:before { content: '\e63a'; font-size: 15px; font-weight: 600; color: #252525; font-family: ET-Extra; color: #fff; } /* STart - language switcher */ #cw_langmenu { width: auto; margin: 6px 17px 0 5px; } #cw_langmenu > ul { display: block; width: 87px; height: 25px; padding: 3px 15px 0; } #cw_langmenu.cw_langbar { background-color: transparent; } #cw_langmenu a.cw_itemcur.active:after { content: '\e62d'; display: inline-block; margin: 1px 0 0 5px; vertical-align: top; color: inherit; -webkit-transition: 0s; transition: 0s; font-family: Et-extra; } a.cw_itemcur.active { color: #fff; font-size: 16px; font-weight: 400; font-family: "Roboto Condensed", Helvetica, 'Noto Kufi Arabic'; } a.cw_itemcur.active:hover { text-decoration: none; } button.btn.btn-navbar { display: none; } .et-extra-social-icons { float: left; margin-top: 0; padding: 0 5px 4px 0; } #cw_contentcontainer { position: relative; width: 90%; max-width: 1280px; margin: 0 auto; padding-top: 136px; } #cw_headergroup .logo { float: left; width: 196px; padding-right: 50px; padding-top: 2px; } .show-menu-button { display: none; } ul.nav.navbar-nav.mm-listview { float: none; } #mm-navContainer a.et-extra-icon.et-extra-icon-background-hover, #mm-navContainer a.et-extra-icon.et-extra-icon-background-hover:hover { border: 0; background: none !important; } #mm-navContainer .searchOpenBtn { display: block; } #cw_rightmiddle { padding: 15px !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 1024px) { /* IE10+ specific styles go here */ #headerWrapper { position: absolute !important; } } @media screen and (max-width: 1180px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: none; } button.btn.btn-navbar { display: block; } #cw_contentcontainer { padding-top: 87px; } .wp_header { width: 95%; margin: -3px 0 0 auto; } .show-menu-button { display: block; position: absolute; right: 15px; z-index: 50; background: #f5333f; margin-top: -62px; display: block; width: 32px; height: 32px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 76px; } .show-menu-button span { display: block; width: 20px; height: 2px; border-radius: 3px; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; background: #fff; margin-top: 4px; } .show-menu-button.toggled span:last-child { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .show-menu-button.toggled span:nth-child(2) { opacity: 0; } .show-menu-button.toggled span:first-child { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } } @media screen and (max-width: 979px) { #cw_rightcolumn { padding-top: 0px !important; width: 100% !important; } #cw_rightcolumn #cw_rightmiddle { padding: 0px !important; width: 100% !important; } #cw_rightmiddle .row-fluid { width: 100% !important; } } .cw_boxcontent { padding: 0; } .cw_tagclouds .cw_boxcontent a { text-transform: lowercase; } .cw_boxtitle { color: #6d6d6d; border: none; } .cw_boxtitle h3 { color: #515151; } h1 { -webkit-box-sizing: border-box; box-sizing: border-box; color: #f5333f; display: block; font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic' !important; font-size: 42px; font-weight: 700; line-height: 42px; margin: 0; padding: 0 0 40px; } p { font-size: 16px; margin-bottom: 25px !important; } tr.firstline td, tr.firstline th { background-color: #fe3e39; color: #ffffff; } tr.firstline td a, tr.firstline th a { color: #fff !important; } .job-list table thead tr th { background-color: #f5333f !important; } #cw_centercolumn, #cw_leftcolumn, #cw_rightcolumn { padding: 60px 0; } .greybox { border: 1px solid #f5333f !important; } .arabic div#mainbodytext { padding-right: 0px !important; } /* start - TOP MENU */ ul.nav.navbar-nav { padding: 0; float: right; margin: 0; } #cw_topmenu { max-width: initial; width: 100%; background-color: #252525; height: 50px; } #cw_topmenu li.dropdown.firstlevel.hasChildren > a:after { content: '\e62d'; display: inline-block; margin: 0 0 0 5px; vertical-align: top; font-family: ET-Extra; color: #f5333f; } #cw_topmenu .dropdown-submenu > a:after { content: '\e62d'; vertical-align: top; font-family: ET-Extra; color: #f5333f; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); border-left-color: transparent; margin-top: 5px; margin-right: -6px; } .navbar-inner { background-color: #252525; background-image: none; border: none; -webkit-box-shadow: none; box-shadow: none; } #mainmenu-container ul.nav.navbar-nav { background-color: #252525; padding-left: 0 !important; color: #fff !important; font-weight: 400 !important; } #mainmenu-container ul.nav.navbar-nav .active-item { font-weight: 400 !important; } #mainmenu-container ul.nav.navbar-nav a:link, #mainmenu-container ul.nav.navbar-nav a:visited { line-height: 1.2em !important; font-size: 14px; text-transform: uppercase; font-weight: 100; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; color: #fff; text-shadow: none; } #mainmenu-container .dropdown-menu { background-color: #252525; } #cw_leftcolumn, #mainmenu-container { border: none; } /* language switcher */ .lmenuExtended { overflow: visible !important; background-color: #fff; height: 116px !important; } .submenu-lang { margin-top: 0; border-top: none; border-radius: 5px; background: #fff; z-index: 1000; position: absolute; border-radius: 0 0 3px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.1s ease; transition: 0.1s ease; opacity: 0; visibility: hidden; height: auto !important; } /* end - TOP MENU */ #secondary-nav #cw_langmenu ul.submenu-lang a { color: #f5333f; } #cw_langmenu > ul a:link, #et-secondary-nav #cw_langmenu > ul a:visited { color: #fff; } #cw_breadcrumb, .container-fluid.breadcrumb { background-color: #fff; } #cw_sitesmenu { /* sites menus */ display: none; } .nav.nav-list { list-style: none; padding-left: 7px; } .nav.nav-list li { line-height: 1.1em !important; padding-bottom: 10px !important; } .nav-collapse.collapse { position: absolute; right: 0; z-index: 200; } #cw_topmenu ul.dropdown-menu { top: 40px; } #cw_topmenu ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; } #cw_topmenu .dropdown-menu > li > a:focus, #cw_topmenu .dropdown-menu > li > a:hover, #cw_topmenu .dropdown-submenu:focus > a, #cw_topmenu .dropdown-submenu:hover > a { background-image: none; } .navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { display: none !important; } .dropdown-menu > li > a { white-space: normal !important; } .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent !important; color: #FFF !important; } #cw_leftmenu { padding-right: 10px !important; } #cw_leftmenu ul li { margin-bottom: 0.1em; } div#site-container { max-width: 100% !important; padding: 0; margin: 0; } /* content fix */ table.media td { -ms-flex-line-pack: top; align-content: top; } /* left column */ .cw_boxfix.grey-box-wrapper.container-fluid { background-color: #fff; background: none; padding: 20px; } h2 { color: #f5333f; } .HighlightImgHeading { font-size: 26px; } .nav-collapse, .nav-collapse.collapse { width: 100%; } #secondary-nav { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table; padding-bottom: 1px; margin-right: 1px; } .navbar .container { position: relative; } .secondlevel .dropdown-toggle { width: 210px; } #cw_topmenu .dropdown-submenu > a:after { margin-right: 10px !important; } .nav .dropdown-menu > li > a:hover, .nav .dropdown-submenu:hover > a { background-color: #252525 !important; } .firstlevel a.dropdown-toggle { padding: 16px 15px !important; } .secondlevel a.dropdown-toggle { padding: 10px 31px 10px 15px !important; border-bottom: solid 1px #474747 !important; box-sizing: border-box; width: 240px; } .mm-panels .nav > li > a:hover { background-color: #555; } .lSwitch { display: block; } .lSwitch li { padding-left: 10px; float: left; } .mm-iconbar .et-extra-social-icon { width: 50px; } .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn) { -webkit-box-flex: none; -ms-flex: none; flex: none; margin: 0 auto; } @media (min-width: 1200px) { .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container { max-width: 1280px !important; } } @media screen and (min-width: 1024px) { li.dropdown.firstlevel:last-of-type a { border: solid 1px #f5333f !important; border-radius: 50px !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; padding: 10px 20px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; text-transform: capitalize !important; margin-top: 5px !important; margin-left: 15px; color: #fff !important; background: #f5333f !important; /* -webkit-transition: 0.5s; transition: 0.5s;*/ } li.dropdown.firstlevel:last-of-type a:hover { color: #f5333f !important; border: solid 1px #f5333f !important; background: transparent !important; } } ul.submenu-lang { margin-top: 0; border-top: none; border-radius: 5px; background: #fff; width: 180px !important; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px 0; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px 0; /*-webkit-transition: 0.3s ease; transition: 0.3s ease;*/ } ul.submenu-lang:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fefefd; border-top: 0; margin-left: 50px; margin-top: -8px; } ul.submenu-lang li a { display: block; padding: 15px 0; color: #f5333f; } ul.submenu-lang li a:hover { color: #363636; } @media screen and (max-width: 1800px) { li.dropdown.firstlevel.hasChildren.edge-dropdown ul.dropdown-menu.secondlevel.c2 { right: 0; left: auto; } li.dropdown.firstlevel.hasChildren.edge-dropdown ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; right: 239px; left: auto; } } @media screen and (max-width: 1430px) { li.dropdown.firstlevel.hasChildren.edge-dropdown-inner ul.dropdown-menu.secondlevel .dropdown-menu { top: 0; right: 239px; left: auto; } } @font-face { font-family: ET-Extra; src: url("https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.eot"); src: url("https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.eot?#iefix") format("embedded-opentype"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.woff) format("woff"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.ttf) format("truetype"), url(https://media.ifrc.org/ifrc/wp-content/themes/Extra/fonts/ET-Extra.svg#ET-Extra) format("svg"); font-weight: 400; font-style: normal; } li.et-extra-social-icon { position: relative; display: inline-block; margin: 0; } #back_to_top, #et-info .et-cart:before, #et-info .et-top-search .et-search-submit:before, #timeline-sticky-header:after, .archive-pagination .pagination li a.next::before, .archive-pagination .pagination li a.prev::before, .archive-pagination > .page-numbers li a.next::before, .archive-pagination > .page-numbers li a.prev::before, .audio-format .mejs-container .mejs-controls .mejs-button button:after, .audio-format .mejs-container .mejs-controls .mejs-button button:before, .audio-format .mejs-container .mejs-controls .mejs-volume-button button:before, .comment-bubble:before, .et-extra-icon:before, .et-top-search-primary-menu-item .et-top-search .et-search-submit:before, .et-top-search-primary-menu-item .search-icon:before, .et_pb_extra_overlay:before, .et_pb_widget.widget_et_recent_tweets .et-extra-icon:before, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:after, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button:after, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button:after, .extra_icon_font, .link-format .attribution:before, .paginated .pagination li a.next::before, .paginated .pagination li a.prev::before, .paginated > .page-numbers li a.next::before, .paginated > .page-numbers li a.prev::before, .post-nav .nav-links .button:before, .post-nav .nav-links .post-nav .nav-links .button:before, .post-nav .nav-links .read-more-button:before, .project-details .project-categories ul li:before, .project-details .project-tags li:before, .project-details .project-tags ul li:before, .project-details .project-url ul li:before, .quote-format .attribution:before, .rating-star:before, .read-more-button:after, .single-project .post-nav .nav-links .nav-link .button:before, .single-project .post-nav .nav-links .nav-link .post-nav .nav-links .button:before, .single-project .post-nav .nav-links .nav-link .read-more-button:before, .tabbed-post-module .tab-nav .arrow:before, .timeline-module .module-head:after, .woocommerce .woocommerce-message:before, .woocommerce div.product .extra-woocommerce-details-accordion .ui-accordion-header-icon:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page div.product .extra-woocommerce-details-accordion .ui-accordion-header-icon:before, header.header li.menu-item-has-children > a:after { color: #555555; position: relative; /* -webkit-transition: 0.3s ease; transition: 0.3s ease;*/ font-family: ET-Extra !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit !important; } .et-extra-icon { background: rgba(0, 0, 0, 0.1); width: 30px; height: 30px; border-radius: 3px; color: #FFF; font-size: 16px; line-height: 30px; text-align: center; /* -webkit-transition: 0.3s ease; transition: 0.3s ease;*/ } .et-extra-icon-facebook:before { content: '\e61a'; } .et-extra-icon-facebook.et-extra-icon-color, .et-extra-icon-facebook.et-extra-icon-color-hover:hover { color: #39579a; } .et-extra-icon-twitter:before { content: '\e623'; } .et-extra-icon-twitter.et-extra-icon-color, .et-extra-icon-twitter.et-extra-icon-color-hover:hover { color: #01aced; } .et-extra-icon-pinterest:before { content: '\e61e'; } .et-extra-icon-pinterest.et-extra-icon-color, .et-extra-icon-pinterest.et-extra-icon-color-hover:hover { color: #cb2027; } .et-extra-icon-googleplus:before { content: '\e61c'; } .et-extra-icon-googleplus.et-extra-icon-color, .et-extra-icon-googleplus.et-extra-icon-color-hover:hover { color: #cb1f26; } .et-extra-icon-tumblr:before { content: '\e622'; } .et-extra-icon-tumblr.et-extra-icon-color, .et-extra-icon-tumblr.et-extra-icon-color-hover:hover { color: #314f6e; } .et-extra-icon-stumbleupon:before { content: '\e621'; } .et-extra-icon-stumbleupon.et-extra-icon-color, .et-extra-icon-stumbleupon.et-extra-icon-color-hover:hover { color: #ea4b24; } .et-extra-icon-wordpress:before { content: '\e62c'; } .et-extra-icon-wordpress.et-extra-icon-color, .et-extra-icon-wordpress.et-extra-icon-color-hover:hover { color: #267697; } .et-extra-icon-instagram:before { content: '\e60f'; } .et-extra-icon-instagram.et-extra-icon-color, .et-extra-icon-instagram.et-extra-icon-color-hover:hover { color: #517fa4; } .et-extra-icon-dribbble:before { content: '\e618'; } .et-extra-icon-dribbble.et-extra-icon-color, .et-extra-icon-dribbble.et-extra-icon-color-hover:hover { color: #ec488c; } .et-extra-icon-vimeo:before { content: '\e624'; } .et-extra-icon-vimeo.et-extra-icon-color, .et-extra-icon-vimeo.et-extra-icon-color-hover:hover { color: #45bbfc; } .et-extra-icon-linkedin:before { content: '\e610'; } .et-extra-icon-tiktok:before { content: '\e900'; font-family: 'icomoon' !important; } .et-extra-icon-linkedin.et-extra-icon-color, .et-extra-icon-linkedin.et-extra-icon-color-hover:hover { color: #127bb6; } .et-extra-icon-rss:before { content: '\e61f'; } .et-extra-icon-rss.et-extra-icon-color, .et-extra-icon-rss.et-extra-icon-color-hover:hover { color: #f59038; } .et-extra-icon-deviantart:before { content: '\e617'; } .et-extra-icon-deviantart.et-extra-icon-color, .et-extra-icon-deviantart.et-extra-icon-color-hover:hover { color: #566c68; } .et-extra-icon-myspace:before { content: '\e611'; } .et-extra-icon-myspace.et-extra-icon-color, .et-extra-icon-myspace.et-extra-icon-color-hover:hover { color: #3a5998; } .et-extra-icon-skype:before { content: '\e620'; } .et-extra-icon-skype.et-extra-icon-color, .et-extra-icon-skype.et-extra-icon-color-hover:hover { color: #1ba5f4; } .et-extra-icon-youtube:before { content: '\e614'; } .et-extra-icon-youtube.et-extra-icon-color, .et-extra-icon-youtube.et-extra-icon-color-hover:hover { color: #a8240f; } .et-extra-icon-picassa:before { content: '\e61d'; } .et-extra-icon-picassa.et-extra-icon-color, .et-extra-icon-picassa.et-extra-icon-color-hover:hover { color: #9864ae; } .et-extra-icon-flickr:before { content: '\e61b'; } .et-extra-icon-flickr.et-extra-icon-color, .et-extra-icon-flickr.et-extra-icon-color-hover:hover { color: #fc1684; } .et-extra-icon-blogger:before { content: '\e616'; } .et-extra-icon-blogger.et-extra-icon-color, .et-extra-icon-blogger.et-extra-icon-color-hover:hover { color: #f59038; } .et-extra-icon-spotify:before { content: '\e613'; } .et-extra-icon-spotify.et-extra-icon-color, .et-extra-icon-spotify.et-extra-icon-color-hover:hover { color: #aecf29; } .et-extra-icon-delicious:before { content: '\e60a'; } .et-extra-icon-delicious.et-extra-icon-color, .et-extra-icon-delicious.et-extra-icon-color-hover:hover { color: #3398fc; } .et-extra-icon-basic_email.et-extra-icon-color, .et-extra-icon-basic_email.et-extra-icon-color-hover:hover, .et-extra-icon-basic_print.et-extra-icon-color, .et-extra-icon-basic_print.et-extra-icon-color-hover:hover, .et-extra-icon-buffer.et-extra-icon-color, .et-extra-icon-buffer.et-extra-icon-color-hover:hover { color: #000; } .et-extra-icon-buffer:before { content: '\e601'; } .et-extra-icon-basic_email:before { content: '\e615'; } .et-extra-icon-basic_print:before { content: '\e619'; } .et-extra-icon-background-none { background: 0 0 !important; } #headerWrapper a.et-extra-icon.et-extra-icon-background-hover { border-radius: 50px; margin: 0 5px; width: 40px; height: 40px; border: solid 1px #fff; background: #f5333f; padding: 4px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } #headerWrapper a.ifrc-social:hover { background: #fff !important; } a.et-extra-icon.et-extra-icon-background-hover:hover, a.et-extra-icon.et-extra-icon-background-hover:focus { color: #555555 !important; text-decoration: none !important; } #headerWrapper .et-extra-icon-facebook.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-instagram.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-linkedin.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-twitter.et-extra-icon-background-hover:hover, #headerWrapper .et-extra-icon-youtube.et-extra-icon-background-hover:hover { background: #555555 !important; border-color: #555555 !important; } #headerWrapper .et-extra-icon-facebook.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-instagram.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-linkedin.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-twitter.et-extra-icon-background-hover:hover:before, #headerWrapper .et-extra-icon-youtube.et-extra-icon-background-hover:hover:before { color: #fff; } th.tablesorter-header a { word-break: initial; font-size: 14px; text-transform: lowercase; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { border: solid 1px #112648; color: #f5333f; text-shadow: none; background: none; padding: 10px 30px; font-size: 14px !important; } input[type="file"]:active, input[type="file"]:focus, input[type="file"]:hover, input[type="image"]:active, input[type="image"]:focus, input[type="image"]:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, input[type="radio"]:active, input[type="radio"]:focus, input[type="radio"]:hover, input[type="checkbox"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:hover { background: #f5333f; color: #fff; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 50px; -moz-border-radius-topright: 50px; border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px; } .treeView { border-radius: 4px !important; } .footer { font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; } .footer ul { padding: 0; } .footer li { margin: 0; list-style: none; line-height: 1.4em; margin-bottom: 10px; } .footer li a:hover { color: #f5333f !important; } .footer.row { background-color: #363636; color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 16px; max-width: 1280px; margin: 0 auto; padding: 34px 0 50px; -webkit-font-smoothing: antialiased; } .footer a { color: #FFF; cursor: pointer; display: inline; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 15px; font-weight: 300; height: auto; line-height: 21px; list-style-image: none; list-style-type: none; overflow-wrap: break-word; text-align: left; text-decoration: none; width: auto; -webkit-transition: 0.5s; transition: 0.5s; word-break: break-word; -webkit-font-smoothing: antialiased; } .column.col1, .column.col2, .column.col3, .column.col4 { border-left: solid 1px #6d6d6d; color: #FFF; display: block; float: left; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 16px; font-style: normal; min-height: 300px; line-height: 22.4px; margin: 0; padding: 0 10px; position: relative; vertical-align: baseline; width: 25%; z-index: 9; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } .column.col4 { border-right: solid 1px #6d6d6d; } .title-inner p { color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 20px; font-weight: 400; line-height: 28px; text-align: left; vertical-align: baseline; width: 100%; margin-bottom: 20px; word-break: break-word; -webkit-font-smoothing: antialiased; } .description-inner p { color: #FFF; display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 15px; font-weight: 400; line-height: 21px; overflow-wrap: break-word; text-align: left; vertical-align: baseline; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased; } .cw_newsbloc.media { border-bottom: none; } #cw_centercolumn, #cw_leftcolumn, #cw_rightcolumn, .grey-box-wrapper { border: 0 !important; } #cw_footergroup { background-color: #363636; } #cw_footergroup .container-fluid { padding: 0; } #cw_footergroup.container-fluid { padding: 0; } .ifrc-footer li { margin: 0; list-style: none; line-height: 1.4em; margin-bottom: 10px; font-weight: 300; } @media screen and (max-width: 1020px) { .footer.row { padding: 0; } .footer.row .column { margin: 0; padding: 10px; width: 50% !important; } .footer.row .column.col1 { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col2 { border-right: solid 1px #6d6d6d; border-bottom: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col3 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col4 { border-right: solid 1px #6d6d6d; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .copyright-info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0 auto; float: none; } #footer-nav { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: none; margin: 0 auto; } #footer-nav .et-extra-social-icons { display: block !important; } } @media all and (min-width: 1020px) { #footer-nav { float: right; } #footer-nav .et-extra-social-icons { float: left; } } @media all and (max-width: 520px) { .footer.row { margin: 20px 50px; } .footer.row .column { margin: 0; padding: 10px; width: 100% !important; } .footer.row .column.col2 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col3 { border-right: none; border-bottom: solid 1px #6d6d6d; border-left: none; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer.row .column.col4 { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; } } #post-footer { background: #252525; color: #6d6d6d; height: auto; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; } #post-footer p { margin-bottom: 0 !important; } #footer-bottom { max-width: 1280px; margin: 0 auto; display: block; } .copyright-info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; } #footer-nav .et-extra-social-icons { margin-top: 0; padding: 2px 0; } #footer-nav a:focus, #footer-nav a:hover { text-decoration: none !important; } #footer-nav li.et-extra-social-icon { width: 20px; margin: 0 5px; } #footer-nav li.et-extra-social-icon:hover a.et-extra-icon:before { color: #6d6d6d; } p.copyright-info { padding: 5px; } h1 { EditMenuName: Heading 1; box-sizing: border-box; display: block; font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 42px; line-height: 1.4em !important; font-weight: 700; margin: 0px; padding: 0 0 40px; } h2 { EditMenuName: Heading 2; border: none; box-sizing: border-box; display: block; font-size: 24px; font-weight: 700; line-height: 1.4em !important; margin: 0 0 10px 0; } h3 { EditMenuName: Heading 3; color: rgb(81, 81, 81); display: block; font-family: Roboto, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-size: 18px; font-style: normal; font-weight: 700; line-height: 1.4em !important; margin: 0 0 25px; padding: 0; } p .h1 { font-size: 1.8em; margin-bottom: 15px; padding-top: 3px; font-family: Montserrat, Helvetica, Lucida, sans-serif, 'Noto Kufi Arabic'; font-weight: bold; } p .h2 { border-bottom: 1px solid #999999; color: #999999; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; margin-top: 20px; line-height: 20px; } p .h3 { margin-top: 0px; font-size: 1.1em; margin-bottom: 10px; font-weight: bold; } /* Customize the label (the container) */ .checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #bfbfbf; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #fff; border: 1px solid #666; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #f5333f; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ajax-button { position: relative; display: inline-block; width: 100%; height: 40px; /*left: 50%;*/ top: 50%; /*margin-left: -100px;*/ margin-top: -50px; text-align: center; } .ajax-button .submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 50%; height: 40px; background-color: #219653; border: 2px solid #219653; border-radius: 50px; color: #fff; font-size: 17px; cursor: pointer !important; outline: none; } .ajax-button .submit:hover { color: #219653 !important; border: solid 1px #219653 !important; background: rgba(245, 51, 63, 0) !important; } .ajax-button .submit:disabled { background-color: #21965394; pointer-events: none; } .ajax-button .submit.loading { font-size: 0 !important; width: 50px; height: 50px; margin-top: 5px; border-radius: 35px; padding: 0; border: 3px solid #219653; border-bottom: 3px solid rgba(87,87,87,0.0); border-left: 3px solid rgba(87,87,87,0.0); background-color: transparent !important; animation-name: rotateAnimation; -webkit-animation-name: wk-rotateAnimation; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } @keyframes rotateAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes wk-rotateAnimation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .ajax-button .fa { color: #219653; border: 3px solid #219653; font-size: 18px !important; position: absolute; width: 50px; height: 50px; margin-top: 5px; border-radius: 35px; padding: 0; background-color: transparent !important; /*left: 50%; top: 50%; margin-left: -9px; margin-top: -9px;*/ -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } .ajax-button .fa.done { color: #219653; border: 3px solid #219653; } .ajax-button .fa.finish { -webkit-transform: scaleX(1) !important; transform: scaleX(1) !important; } .ajax-button .submit.hide-loading { opacity: 0; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform: scale(0) !important; transform: scale(0) !important; } body { background: #FFFFFF; } .topLvl { justify-content: center !important; } *, body { /* transition: all 0.3s ease; */} body #page-container #footer > #footer-bottom { max-width: unset !important; } .donation-container { background-color: #F2F2F2 !important; padding-left: 30px; padding-right: 30px; } /*.donation-container .browser-support-message { display: none; } .donation-container .browser-support-message.show { display: block; }*/ .donation-container img#imgMain { width: 100%; } .donation-container .container-fluid .row-fluid h1 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-top: 0px !important; } .donation-container .container-fluid .row-fluid h2 { margin-bottom: 20px; } .donation-container h2 { color: #515151 !important; } .donation-container h3 { color: #f5333f !important; } .donation-container input { max-width: unset !important; } .donation-container select { max-width: unset !important; color: #000 !important; } .donation-container .row-fluid { padding-bottom: 25px; } .donation-container .row-fluid.control-groups { padding-bottom: 37px !important; } .donation-container .plan input[type="radio"] { display: none; } .donation-container .showFaq { cursor: pointer; } .donation-container .plan .donation-amount-label { position: relative; padding: 15px 30px; border: solid 2px #12284c; font-size: 16px; font-weight: bold; text-align: center; display: inline-block !important; font-family: 'Montserrat'; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #12284c; } .donation-container .plan input:checked + .donation-amount-label { background-color: #12284c; color: white; } .donation-container input#tbOtherAmount { width: auto; min-width: 75px; margin-bottom: 0; background-color: white; border: 0; box-shadow: none; color: #f5333f; font-size: 16px; text-align: end; padding-top: 2px; } .donation-container input#tbOtherAmount:required { color: white; background-color: #12284c; } .donation-container input#tbOtherAmount:read-only:disabled { cursor: not-allowed !important; } .donation-container input#tbOtherAmount:read-only { color: #f5333f; background-color: white; cursor: pointer; } .donation-container #donation-form input:disabled + .donation-amount-label { color: #bfbfbf !important; border: solid 1px #bfbfbf; cursor: not-allowed; } .donation-container #donation-form input:checked:disabled + .donation-amount-label, .donation-container #donation-form input:checked:disabled + .donation-amount-label input { background-color: #bfbfbf; color: white !important; } .donation-container #donation-form input:disabled, .donation-container #donation-form select:disabled { color: #bfbfbf !important; } .donation-container #donation-form input:disabled:hover, .donation-container #donation-form select:disabled:hover { border: 1px solid #bfbfbf; } .donation-container input[type=number]::-webkit-inner-spin-button, .donation-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .donation-container .labelOtherAmount.donation-amount-label { padding-left: 0; padding-right: 0; } .donation-container .back-btn { margin-left: auto; margin-right: auto; font-size: 14px; margin-top: -25px; } .donation-container .back-btn:hover { color: #ee3224; cursor: pointer; text-decoration: none; } .donation-container .campaign-text { margin-top: 5px; } .donation-modal-message-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999999; background: rgba(0,0,0,.6); } .donation-modal-message-overlay .faq-container { width: 800px; background-color: white; min-height: 200px; max-height: 730px; top: 10%; left: calc(50% - 150px); margin-left: -250px; position: fixed; padding: 50px; border-radius: 2px; box-shadow: 0 6px 22px -3px #000; } .donation-modal-message-overlay .faq-container .faq-texts { overflow: auto; height: 600px; margin-bottom: 15px; } .donation-modal-message-overlay .faq-container bold { font-weight: bold; } .donation-modal-message-overlay a.btn-link { border: solid 2px #11274d !important; height: fit-content !important; padding: 10px 20px !important; width: fit-content !important; margin-top: 5px !important; color: #fff !important; background-color: #11274d !important; padding-bottom: 10px !important; transition: .5s; text-decoration: none; margin-left: auto; margin-right: auto; display: block; } .donation-modal-message-overlay a.btn-link:hover { color: #11274d !important; border: solid 2px #11274d !important; background: rgba(245, 51, 63, 0) !important; text-decoration: none; } .cardinalOverlay-content { width: 25% !important; } input[type="submit"] { margin: 5px 0 5px 0; } .control-group .controls input, select { /*border-color: #666;*/ border: 1px solid #bfbfbf; height: 44px; margin: 4px 0 0; padding: 0 8px; box-sizing: border-box; border-radius: 0; background-image: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; width: 100%; font-size: 16px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif; color: #000; } .control-group .controls input:hover, select:hover { border: 1px solid #666; } .donation-container #validate-button { background: #112648; color: #fff; font-family: "Montserrat","Arial",sans-serif; font-weight: bold; } .donation-container #validate-button:hover { color: #112648 !important; border: solid 2px #112648 !important; background: rgba(245, 51, 63, 0) !important; } .dataInfo { background-color: white; margin-bottom: 20px; } #dropin-container { margin-top: -37px; margin-bottom: 5px; } #dropin-container .braintree-sheet__header { padding: 0 !important; border: 0 !important; } #dropin-container .braintree-sheet { border: 0 !important; } #dropin-container .braintree-sheet__content--form { padding: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__field-group { padding: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__flexible-fields .braintree-form__field-group { padding-left: 5px !important; } #dropin-container .braintree-sheet__content--form .braintree-form__flexible-fields :first-child.braintree-form__field-group { padding-left: 0 !important; } #dropin-container .braintree-sheet__content--form .braintree-form__icon-container { display: none !important; } .donation-container .disclaimer { margin-top: 15px; } .donation-container .disclaimer .table-header p { text-align: center; margin-bottom: 0px !important; font-size: 14px; } .donation-container .companySection { width: 100%; border-top: solid 2px #c7c7c7; padding-top: 5px; color: #f5333f; margin-bottom: 20px; } .donation-container .companySection strong { color: #848484; font-size: 24px; } .donation-container .companySection .logo-text-container { display: flex; align-items: center; } .donation-container .companySection .logo-text-container .logo-container { margin-right: 10px; } .donation-container .companySection .logo-text-container .logo-container .img-logo { height: 60px; } .donation-container [data-braintree-id="toggle"] { display: none !important; } .donation-container .braintree-show-methods [data-braintree-id=methods-label] { display: none !important; } /*.donation-container .disclaimer .span6 { margin-left: 2px; } .donation-container .disclaimer .span9 { margin-left: 0; }*/ .donation-container .disclaimer .table-header { background-color: #ebebeb; } .donation-container .disclaimer .table-footer { background-color: #f2f2f2; min-height: 86px; } .donation-container .disclaimer .table-footer { text-align: center; font-size: 14px; } .donation-container .disclaimer .table-footer p { font-size: 14px; } /*.donation-container input[type=button] { margin-bottom: 15px !important; }*/ .donation-container p { margin-bottom: 18px !important; } .myPostalCodeRow { display: none; } .form-block-header { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; padding-bottom: 10px; } .form-block-header:before, .form-block-header:after { content: ''; border-top: 1px solid #bfbfbf; margin: 0 20px 0 0; flex: 1 0 20px; } .form-block-header:after { margin: 0 0 0 20px; } .donation-container .flex-container { display: flex; padding-left: 0; margin-left: 0; } .donation-container .flex-container .centered-button { margin-left: auto; margin-right: auto; } .donation-container .flex-container .centered-button.submit-button { width: 50%; } .cookie-disclaimer button { border-radius: 50px; border: solid 1px #f5333f; color: #f5333f; text-shadow: none; background: none; padding: 10px 30px; font-size: 14px !important; } .cookie-disclaimer button:hover { border-radius: 50px; border: solid 1px #f5333f; color: white; text-shadow: none; background: none; background-color: #f5333f; padding: 10px 30px; font-size: 14px !important; } .donation-container .receipt-container .row-fluid { padding-bottom: 0; margin-bottom: 0; } .donation-container .field-validation-error { color: #ca2a2a; font-size: 13px; line-height: 1.4; margin: 3px 0; padding: 0; } .donation-container .control-group .controls input.input-validation-error { border-color: #ca2a2a !important; } #top-header .container:before, #top-header .container:after { content: unset !important; } .overlay-content input.et-search-field { box-sizing: border-box; outline: 0; border: 0; box-shadow: none; box-sizing: border-box; font-size: inherit; font-weight: inherit; line-height: normal; transition: .3s ease; max-width: unset; } @media (min-width: 1025px) { #page-container #main-content { padding-top: 186px !important; } } @media screen and (max-width: 1025px) { .show-menu-button { top: 0 !important; position: absolute; right: 15px; z-index: 1000; background: transparent; margin-top: -75px; } #page-container #main-content { padding-top: 100px !important; padding-left: 5px !important; padding-right: 5px !important; } .containerDonationAmount .row-fluid .span3 { padding-bottom: 15px; } .show-menu-button span { background: #555555; } } @media only screen and (max-device-width: 1025px) { .braintree-sheet { max-height: 600px; } } @media screen and (max-width: 1025px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: none !important; } } @media screen and (max-width: 1180px) { #cw_langmenu, #cw_topmenu, #secondary-nav, .et-extra-social-icons, .openBtn, .searchOpenBtn { display: block !important; } } @media (max-width: 767px) { #top-header .container { width: 90%; } } @import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css); html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media (min--moz-device-pixel-ratio:0) { summary { display: list-item; } } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.eot"); src: local("Open Sans Regular"),local("OpenSans-Regular"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg"); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.eot"); src: local("Open Sans Italic"),local("OpenSans-Italic"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg"); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: bold; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.eot"); src: local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700italic.svg#OpenSans") format("svg"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.eot"); src: local("Open Sans Bold"),local("OpenSans-Bold"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg"); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-regular.svg#Montserrat") format("svg"); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-italic.svg#Montserrat") format("svg"); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700.svg#Montserrat") format("svg"); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.ttf") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/montserrat-v14-latin-700italic.svg#Montserrat") format("svg"); } @font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Regular.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Regular.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Regular.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Regular.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Regular.ttf") format("truetype"); } @font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Bold.eot"); src: url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Bold.eot?#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Bold.woff2") format("woff2"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Bold.woff") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/NotoKufiArabic-Bold.ttf") format("truetype"); } .font-secondary { font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @font-face { font-family: 'icons_ifrc'; src: url("/themes/custom/ifrc_theme/dist/fonts/icons_ifrc.eot?imk2ek"); src: url("/themes/custom/ifrc_theme/dist/fonts/icons_ifrc.eot?imk2ek#iefix") format("embedded-opentype"),url("/themes/custom/ifrc_theme/dist/fonts/icons_ifrc.ttf?imk2ek") format("truetype"),url("/themes/custom/ifrc_theme/dist/fonts/icons_ifrc.woff?imk2ek") format("woff"),url("/themes/custom/ifrc_theme/dist/fonts/icons_ifrc.svg?imk2ek#icons_ifrc") format("svg"); font-weight: normal; font-style: normal; font-display: block; } * { box-sizing: inherit; } *::after, *::before { box-sizing: inherit; } html { font-size: 18px; font-family: "Open Sans","Arial",sans-serif; line-height: 1.33; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } body { margin: 0; } main { display: block; } p { line-height: 1.33; letter-spacing: normal; } p:lang(ar) { line-height: 1.8 !important; text-align: right; } .emergency-stats__appeal-block-content .document-card__date, .emergency-stats__appeal-block-content .document-card__filetype, .emergency-stats__appeal-block-content .document-card__title { line-height: 1.2 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace,monospace; font-size: 1rem; } abbr[title] { border-bottom: 0; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace,monospace; font-size: 1rem; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25rem; } sup { top: -0.5rem; } img { border-style: none; max-width: 100%; height: auto; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } input[type='radio'], input[type='checkbox'] { min-height: 7px; height: 14px; max-height: 14px; width: auto; display: inline-block; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: 1px dotted #f5333f; } fieldset { padding: 0.35rem 0.75rem 0.625rem; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } dl, ol, ul { padding: 0; } li:not(.mmenu-item) { padding: 0; } li:not(.mmenu-item) li { list-style-type: none; } main li:not(.mmenu-item) { margin: 20px 0 20px 20px; } [dir="rtl"] main li:not(.mmenu-item) { margin: 20px; line-height: 1.8; } [dir="rtl"] .chosen-results li.active-result { margin: 0; } dt { font-weight: bold; } dd { margin-left: 0; margin-bottom: 0.833rem; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat","Arial",sans-serif !important; font-style: normal; font-weight: 700; color: #12284c; } h1 { font-size: 2.222rem; } h1:lang(ar) { line-height: 2 !important; } h2 { font-size: 2rem; margin: 0 0 2rem; line-height: 1.11; } h2:lang(ar) { line-height: 1.5 !important; } .block_title { background-color: #12284c; color: #ffffff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline; box-shadow: 10px 0 0 #12284c,-10px 0 0 #12284c; -webkit-box-decoration-break: clone; box-decoration-break: clone; margin-left: 10px; line-height: 2.6rem; } .block_title:lang(ar) { padding: 10px 0; line-height: 1.78 !important; } .block_title.red { background-color: #f5333f; } .block_title a { color: #f5333f; text-decoration: none; } .container.heading-container { margin-top: -117px; margin-bottom: 70px; } .container.heading-container:lang(ar) { margin-top: -128px; } h2.block_title { position: relative; } h3 { font-size: 1.667rem; } h4 { font-size: 1.556rem; } h5 { font-size: 1.333rem; } h6 { font-size: 1rem; } a { color: #12284c; text-decoration: underline; font-weight: bold; } a:hover { text-decoration: underline; } mark { background-color: #f5333f; color: #12284c; } nav.menu--main li.menu-item a { height: 19px; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.19; color: #172c58; text-decoration: none; text-transform: uppercase; } nav.menu--main .menu-item { margin: 0; display: inline-block; padding: 20px; background-color: white; } nav.menu--main ul.menu { margin: 0; } #block-ifrc-theme-main-menu { background-color: #F2F2F2; padding: 15px; } .visually-hidden { margin: 0 !important; height: 0 !important; } [dir="rtl"] .row [class^="col"] { float: right; } [dir="rtl"] .col-8.media-grid-single-item { float: left !important; } .form-item-national-society #edit_national_society_chosen { width: auto !important; } .form-item-national-society #edit_national_society_chosen .chosen-single { border-radius: 0 !important; background: #fff !important; box-shadow: none !important; color: #0b1e3e !important; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; padding: 15px 18px !important; height: auto !important; font-size: 16px; } .form-item-national-society div.chosen-search input.chosen-search-input { background: url(/themes/custom/ifrc_theme/dist/images/magnifier.svg) no-repeat 250px 5px !important; background-size: 10% !important; } .form-item-national-society div.chosen-search input.chosen-search-input:lang(ar) { background: url(/themes/custom/ifrc_theme/dist/images/magnifier.svg) no-repeat 5px 5px !important; background-size: 10% !important; } .form-item-national-society .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; top: 21px; right: 14px; position: relative; background: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg) no-repeat 0 2px !important; } .form-item-national-society .chosen-container-single .chosen-single div b:lang(ar) { left: 14px; right: auto; } .ifrc-contact-form .select2-container--default .select2-selection--single { border-radius: 0 !important; background: #fff !important; box-shadow: none !important; color: #0b1e3e !important; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; padding: 15px 18px !important; height: auto !important; font-size: 16px; } .ifrc-contact-form .select2-selection__arrow { display: block; width: 100%; height: 100%; top: 21px; right: 14px; position: relative; background: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg) no-repeat 0 2px !important; } .ifrc-contact-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 21px; right: 14px; } .ifrc-contact-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; } .ifrc-contact-form .select2-results { display: block; padding: 15px; } .ifrc-contact-form input { min-height: 59px; } .ifrc-contact-form #edit-message { min-height: 300px; } .path-user .region.region-content { background: #f2f2f2; } .path-user #block-ifrc-theme-content { width: 90%; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 65px; } @media only screen and (min-width: 33.75rem) { .path-user #block-ifrc-theme-content { width: 100%; } } @media only screen and (min-width: 60rem) { .path-user #block-ifrc-theme-content { width: 100%; max-width: 61.667em; } } .pager__item.is-active a, .pager__item.is-active a:hover { font-weight: normal; text-decoration: none; color: #ffffff; cursor: default; background-color: #0b1e3e; min-width: 20px; display: inline-grid; padding: 0 2px; } .pager__item { font-size: 1.1rem; } .pager__item a:hover { font-weight: normal; text-decoration: underline; } .pager__item a { font-weight: normal; text-decoration: none; } [dir="rtl"] em { font-style: normal; } .grecaptcha-badge { z-index: 999; } .ext::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); background-repeat: no-repeat; background-size: contain; content: ''; height: 15px; width: 15px; display: inline-block; margin-left: 5px; } .ext:lang(ar)::after { transform: rotate(-90deg); margin-left: 0; margin-right: 5px; } .mmaLink.ext::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg#version=2"); background-repeat: no-repeat; background-size: contain; content: ''; height: 14px; width: 14px; display: inline-block; margin-left: 5px; } .mmaLink.ext:lang(ar)::after { transform: rotate(-90deg); margin-left: 0; margin-right: 5px; } .button-link-container.ext::after { display: none; } .button-link-container.ext .button::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); background-repeat: no-repeat; background-size: contain; content: ''; height: 16px; width: 16px; display: inline-block; margin-left: 5px; } .button-link-container.ext .button:hover::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg#version=2"); } .button-link-container.ext .button.content-teaser-block::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg#version=2"); } .button-link-container.ext .button.content-teaser-block:hover::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); } .button-link-container.ext .button.banner::after, .button-link-container.ext .button .content-teaser-block::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg#version=2"); } .button-link-container.ext .button.banner:hover::after, .button-link-container.ext .button .content-teaser-block:hover::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); } .button-link-container.ext .button:lang(ar)::after { transform: rotate(-90deg); margin-left: 0; margin-right: 5px; } .button-link-container.ext.content-teaser-block::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg"); } .button-link-container.ext.content-teaser-block:hover::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); } .button-link-container.ext.banner::after, .button-link-container.ext .content-teaser-block::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link-white.svg"); } .button-link-container.ext.banner:hover::after, .button-link-container.ext .content-teaser-block:hover::after { background-image: url("/themes/custom/ifrc_theme/dist/images/link.svg"); } .accordion__menu-item .ext::after { height: 14px; width: 14px; } .accordion__menu-item .ext:lang(ar)::after { transform: rotate(-90deg); margin-left: 0; margin-right: 5px; } .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-field-regional-plan-ifrc-network.form-item-field-regional-plan-ifrc-network input#edit-field-regional-plan-ifrc-network { float: left; margin: 5px 10px; } .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-field-regional-plan-ifrc-network.form-item-field-regional-plan-ifrc-network label.option { display: inline; font-weight: bold; } #nsDir h1.heading { font-size: 2rem; margin-top: 0px; padding-top: 15px; } .action-links { margin: 1em 0; padding: 0; list-style: none; } [dir="rtl"] .action-links { margin-right: 0; } .action-links li { display: inline-block; margin: 0 0.3em; } .action-links li:first-child { margin-left: 0; } [dir="rtl"] .action-links li:first-child { margin-right: 0; margin-left: 0.3em; } .button-action { display: inline-block; padding: 0.2em 0.5em 0.3em; text-decoration: none; line-height: 160%; } .button-action:before { margin-left: -0.1em; padding-right: 0.2em; content: "+"; font-weight: 900; } [dir="rtl"] .button-action:before { margin-right: -0.1em; margin-left: 0; padding-right: 0; padding-left: 0.2em; } .breadcrumb { padding-bottom: 0.5em; } .breadcrumb ol { margin: 0; padding: 0; } [dir="rtl"] .breadcrumb ol { margin-right: 0; } .breadcrumb li { display: inline; margin: 0; padding: 0; list-style-type: none; } .breadcrumb li:before { content: " \BB "; } .breadcrumb li:first-child:before { content: none; } .button, .image-button { margin-right: 1em; margin-left: 1em; } .button:first-child, .image-button:first-child { margin-right: 0; margin-left: 0; } .collapse-processed > summary { padding-right: 0.5em; padding-left: 0.5em; } .collapse-processed > summary:before { float: left; width: 1em; height: 1em; content: ""; background: url(/core/misc/menu-expanded.png) 0 100% no-repeat; } [dir="rtl"] .collapse-processed > summary:before { float: right; background-position: 100% 100%; } .collapse-processed:not([open]) > summary:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-position: 25% 35%; } [dir="rtl"] .collapse-processed:not([open]) > summary:before { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-position: 75% 35%; } .container-inline label:after, .container-inline .label:after { content: ":"; } .form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after { content: ""; } .form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox { margin: 0 1em; } .container-inline .form-actions, .container-inline.form-actions { margin-top: 0; margin-bottom: 0; } details { margin-top: 1em; margin-bottom: 1em; border: 1px solid #ccc; } details > .details-wrapper { padding: 0.5em 1.5em; } summary { padding: 0.2em 0.5em; cursor: pointer; } .exposed-filters .filters { float: left; margin-right: 1em; } [dir="rtl"] .exposed-filters .filters { float: right; margin-right: 0; margin-left: 1em; } .exposed-filters .form-item { margin: 0 0 0.1em 0; padding: 0; } .exposed-filters .form-item label { float: left; width: 10em; font-weight: normal; } [dir="rtl"] .exposed-filters .form-item label { float: right; } .exposed-filters .form-select { width: 14em; } .exposed-filters .current-filters { margin-bottom: 1em; } .exposed-filters .current-filters .placeholder { font-weight: bold; font-style: normal; } .exposed-filters .additional-filters { float: left; margin-right: 1em; } [dir="rtl"] .exposed-filters .additional-filters { float: right; margin-right: 0; margin-left: 1em; } .field__label { font-weight: bold; } .field--label-inline .field__label, .field--label-inline .field__items { float: left; } .field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items { padding-right: 0.5em; } [dir="rtl"] .field--label-inline .field__label, [dir="rtl"] .field--label-inline .field__items { padding-right: 0; padding-left: 0.5em; } .field--label-inline .field__label::after { content: ":"; } form .field-multiple-table { margin: 0; } form .field-multiple-table .field-multiple-drag { width: 30px; padding-right: 0; } [dir="rtl"] form .field-multiple-table .field-multiple-drag { padding-left: 0; } form .field-multiple-table .field-multiple-drag .tabledrag-handle { padding-right: 0.5em; } [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle { padding-right: 0; padding-left: 0.5em; } form .field-add-more-submit { margin: 0.5em 0 0; } .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; } .form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: 0.85em; } label.option { display: inline; font-weight: normal; } .form-composite > legend, .label { display: inline; margin: 0; padding: 0; font-size: inherit; font-weight: bold; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } [dir="rtl"] .form-type-radio .description, [dir="rtl"] .form-type-checkbox .description { margin-right: 2.4em; margin-left: 0; } .marker { color: #e00; } .form-required:after { display: inline-block; width: 6px; height: 6px; margin: 0 0.3em; content: ""; vertical-align: super; background-image: url(/core/misc/icons/ee0000/required.svg); background-repeat: no-repeat; background-size: 6px 6px; } abbr.tabledrag-changed, abbr.ajax-changed { border-bottom: none; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item--error-message:before { display: inline-block; width: 14px; height: 14px; content: ""; vertical-align: sub; background: url(/core/misc/icons/e32700/error.svg) no-repeat; background-size: contain; } .icon-help { padding: 1px 0 1px 20px; background: url(/core/misc/help.png) 0 50% no-repeat; } [dir="rtl"] .icon-help { padding: 1px 20px 1px 0; background-position: 100% 50%; } .feed-icon { display: block; overflow: hidden; width: 16px; height: 16px; text-indent: -9999px; background: url(/core/misc/feed.svg) no-repeat; } .form--inline .form-item { float: left; margin-right: 0.5em; } [dir="rtl"] .form--inline .form-item { float: right; margin-right: 0; margin-left: 0.5em; } [dir="rtl"] .views-filterable-options-controls .form-item { margin-right: 2%; } .form--inline .form-item-separator { margin-top: 2.3em; margin-right: 1em; margin-left: 0.5em; } [dir="rtl"] .form--inline .form-item-separator { margin-right: 0.5em; margin-left: 1em; } .form--inline .form-actions { clear: left; } [dir="rtl"] .form--inline .form-actions { clear: right; } .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list li { margin: 0 0 0.25em 1.5em; padding: 0; } [dir="rtl"] .item-list li { margin: 0 1.5em 0.25em 0; } .item-list--comma-list { display: inline; } .item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir="rtl"] .item-list--comma-list .item-list__comma-list, [dir="rtl"] .item-list__comma-list li { margin: 0; } button.link { margin: 0; padding: 0; cursor: pointer; border: 0; background: transparent; font-size: 1em; } label button.link { font-weight: bold; } ul.inline, ul.links.inline { display: inline; padding-left: 0; } [dir="rtl"] ul.inline, [dir="rtl"] ul.links.inline { padding-right: 0; padding-left: 15px; } ul.inline li { display: inline; padding: 0 0.5em; list-style-type: none; } ul.links a.is-active { color: #000; } ul.menu { margin-left: 1em; padding: 0; list-style: none outside; text-align: left; } [dir="rtl"] ul.menu { margin-right: 1em; margin-left: 0; text-align: right; } .menu-item--expanded { list-style-type: circle; list-style-image: url(/core/misc/menu-expanded.png); } .menu-item--collapsed { list-style-type: disc; list-style-image: url(/core/misc/menu-collapsed.png); } [dir="rtl"] .menu-item--collapsed { list-style-image: url(/core/misc/menu-collapsed-rtl.png); } .menu-item { margin: 0; padding-top: 0.2em; } ul.menu a.is-active { color: #000; } .more-link { display: block; text-align: right; } [dir="rtl"] .more-link { text-align: left; } .pager__items { clear: both; text-align: center; } .pager__item { display: inline; padding: 0.5em; } .pager__item.is-active { font-weight: bold; } tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } body div.tabledrag-changed-warning { margin-bottom: 0.5em; } tr.selected td { background: #ffc; } td.checkbox, th.checkbox { text-align: center; } [dir="rtl"] td.checkbox, [dir="rtl"] th.checkbox { text-align: center; } th.is-active img { display: inline; } td.is-active { background-color: #ddd; } div.tabs { margin: 1em 0; } ul.tabs { margin: 0 0 0.5em; padding: 0; list-style: none; } .tabs > li { display: inline-block; margin-right: 0.3em; } [dir="rtl"] .tabs > li { margin-right: 0; margin-left: 0.3em; } .tabs a { display: block; padding: 0.2em 1em; text-decoration: none; } .tabs a.is-active { background-color: #eee; } .tabs a:focus, .tabs a:hover { background-color: #f5f5f5; } .form-textarea-wrapper textarea { display: block; box-sizing: border-box; width: 100%; margin: 0; } .ui-dialog--narrow { max-width: 500px; } @media screen and (max-width: 600px) { .ui-dialog--narrow { min-width: 95%; max-width: 95%; } } .messages { padding: 15px 20px 15px 35px; word-wrap: break-word; border: 1px solid; border-width: 1px 1px 1px 0; border-radius: 2px; background: no-repeat 10px 17px; overflow-wrap: break-word; } [dir="rtl"] .messages { padding-right: 35px; padding-left: 20px; text-align: right; border-width: 1px 0 1px 1px; background-position: right 10px top 17px; } .messages + .messages { margin-top: 1.538em; } .messages__list { margin: 0; padding: 0; list-style: none; } .messages__item + .messages__item { margin-top: 0.769em; } .messages--status { color: #325e1c; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; background-color: #f3faef; background-image: url(/core/misc/icons/73b355/check.svg); box-shadow: -8px 0 0 #77b259; } [dir="rtl"] .messages--status { margin-left: 0; border-color: #c9e1bd transparent #c9e1bd #c9e1bd; box-shadow: 8px 0 0 #77b259; } .messages--warning { color: #734c00; border-color: #f4daa6 #f4daa6 #f4daa6 transparent; background-color: #fdf8ed; background-image: url(/core/misc/icons/e29700/warning.svg); box-shadow: -8px 0 0 #e09600; } [dir="rtl"] .messages--warning { border-color: #f4daa6 transparent #f4daa6 #f4daa6; box-shadow: 8px 0 0 #e09600; } .messages--error { color: #a51b00; border-color: #f9c9bf #f9c9bf #f9c9bf transparent; background-color: #fcf4f2; background-image: url(/core/misc/icons/e32700/error.svg); box-shadow: -8px 0 0 #e62600; } [dir="rtl"] .messages--error { border-color: #f9c9bf transparent #f9c9bf #f9c9bf; box-shadow: 8px 0 0 #e62600; } .messages--error p.error { color: #a51b00; } .node--unpublished { background-color: #fff4f4; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .legal { font-family: "Open Sans","Arial",sans-serif; font-size: 0.8333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: right; color: #12284c; } .legal:lang(ar) { text-align: left; } .legal a { text-decoration: none; display: inline-block; } .legal a:hover { text-decoration: none; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .copyright { font-family: "Open Sans","Arial",sans-serif; font-size: 0.8333rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #12284c; } .copyright:lang(ar) { text-align: right; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .button { width: auto; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; font-size: 0.9444rem; font-weight: bold; font-stretch: normal; line-height: 1.18; color: #12284c; text-decoration: none; border: solid 2px #12284c; padding: 14px 24px; background: #0000; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; } .button:hover { background: #12284c; text-decoration: none; color: #fff; } .button.disabled { color: #F2F2F2; border-color: #F2F2F2; } .button.disabled:hover { background: transparent; } html:lang(es) .button, html:lang(fr) .button { padding: 14px 20px; } a.button-link-container { text-decoration: none; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .footer-follow-us__item { display: inline-block; margin-right: 10px; width: 25px; } svg.icon { fill: #12284c; } h2.footer-follow-us__heading { margin-bottom: 1.7rem; font-size: 1rem; margin-top: 43px; } .footer-follow-us__item .ext::after { display: none; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .accordion article { border-bottom: 1px solid #DDDDDD; border-top: 0; padding: 10px 0; } .accordion article.faq { border: 0; background: #f2f2f2; margin: 11px; padding: 0; } .accordion-container.toolkit .accordion__toggle { color: #ffffff; } .accordion-container.toolkit .accordion__toggle:focus { border: solid 2px #f5333f; margin: -1px; } .accordion-container.toolkit .accordion article { padding: 0; } .accordion__toggle { display: block; text-decoration: none; border: 0; cursor: pointer; outline: inherit; position: relative; text-align: left; width: 100%; padding: 0 15px 0 0; background-color: transparent; padding: 24px; } .accordion__toggle:lang(ar) { text-align: right; } .accordion__toggle:focus { border: solid 2px #12284c; margin: -1px; } .accordion__toggle:hover { } .accordion__toggle::after { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 10px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: transform 300ms ease-in-out; width: 10px; will-change: transform; } .open .accordion__toggle::after { transform: translateY(-50%) rotate(-180deg); } [dir="rtl"] .accordion__toggle::after { right: auto !important; left: 25px; } h3.accordion__heading { display: block; font-family: "Open Sans","Arial",sans-serif; font-size: 1rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: normal; text-align: left; margin: 0px; color: #12284c; } h3.accordion__heading:lang(ar) { text-align: right; line-height: 2; } .accordion__content-wrapper { max-height: 0; font-size: 0.8333rem; font-weight: normal; display: none; height: auto; transition: max-height 0.30s ease-out; overflow: hidden; } .open .accordion__content-wrapper { max-height: 3000px; display: block; } ul.accordion__menu-links { list-style-type: none; margin: 0; } li.accordion__menu-item { margin: 25px 0; } li.accordion__menu-item a { text-decoration: none; font-weight: normal; } .menu--footer .accordion__toggle { padding: 0; } [dir="rtl"] li.accordion__menu-item { margin: 25px 15px; } .accordions-container { padding: 95px 0 75px; } .faq li.accordion__menu-item a { text-decoration: underline; font-weight: bold; } .faq .accordion__menu-item { margin: 20px 0; } .faq li:not(.mmenu-item) li { list-style-type: disc; } .faq .accordion__content-wrapper { padding: 25px; } .faqbox .paragraph--type--accordion-item { display: none; } .faqbox .faq-readmore__container { text-align: center; } .faqbox .button { margin-top: 40px; } .node--type-webform .container.heading-container.text-block__container { margin-top: -80px; } .donate .faq .accordion__content-wrapper { padding: 0; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .footer-description__body p { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #12284c; } h2.footer-description__heading { margin-bottom: 1.7rem; font-size: 1rem; margin-top: 43px; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .ifrc-footer { background: #ebebeb; border-top: solid 12px #DDDDDD; } .ifrc-footer .accordion-container { margin-top: 33px; } .ifrc-footer h6.footer-description__heading { margin-top: 43px; } .ifrc-footer .footer-bottom { background: #DDDDDD; padding: 25px 0; } .ifrc-footer .container.footer-content { padding-bottom: 63px; } @media only screen and (max-width: 60rem) { .ifrc-footer .col-2-md.col-spaced-1.donate { position: relative; margin-top: 45px; } .ifrc-footer .col-2-md.col-spaced-1.donate button.button { margin: 0; width: 100%; float: left; clear: both; text-align: center; } } @media only screen and (min-width: 60rem) { .ifrc-footer .col-2-md.col-spaced-1.donate { position: relative; margin-top: 117px; } } .sponsor-logo h6 { display: none; } .sponsor-logo { width: 53px; height: 53px; float: right; margin-top: 15px; } .sponsor-text h6 { display: none; } .sponsor-text { width: 78%; float: right; margin-right: 25px; } @media only screen and (min-width: 45rem) { .sponsor-text { width: 85%; } } .footer-sponsor { background: #fff; } .sponsor-container { width: 100%; margin: auto; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .col-4-md.page-hero__title-block { min-height: 297px; padding: 25px 32px; background-color: #12284c; color: #fff; margin: 0 !important; display: block; width: 100%; } @media screen and (min-width: 68.75rem) { .col-4-md.page-hero__title-block { display: flex; display: -webkit-flex; width: 34.25%; } } .col-8-md.page-hero__body-block { margin: 0 !important; padding: 70px 50px; background: #ffffff; display: block; width: 100%; } @media screen and (min-width: 68.75rem) { .col-8-md.page-hero__body-block { display: flex; display: -webkit-flex; width: 65.8%; } } h1.page-hero__heading { color: #ffffff; margin: 0; line-height: 1.11; font-size: 2rem; } h2.page-hero__heading { color: #ffffff; margin: 0; } .row.page-hero__row { display: block; padding-top: 50px; } .row.page-hero__row.image { margin-top: -70px; padding-top: 0; } @media screen and (min-width: 68.75rem) { .row.page-hero__row { display: flex; display: -webkit-flex; } } .page-hero { background: #F2F2F2; } @media screen and (min-width: 68.75rem) { .page-hero { padding-bottom: 100px; } } .page-hero__image { min-height: 320px; max-width: 1280px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 33.75rem) { .page-hero__image { min-height: 500px; } } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .breadcrumb__container { background: #f2f2f2; padding: 35px 0 0; } .breadcrumb__container .breadcrumb { padding-bottom: 1.5em; display: block; font-size: 16px; font-weight: bold; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } .breadcrumb__container .breadcrumb a:hover { text-decoration: none; } .breadcrumb__container .breadcrumb li { display: inline-block; margin: 10px 0 !important; padding: 0; list-style-type: none; float: left; color: #666666; } .breadcrumb__container .breadcrumb li:before { display: none; } .breadcrumb__container .breadcrumb li:after { content: ''; padding: 0 20px; background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow.svg"); background-position: center; background-repeat: no-repeat; } .breadcrumb__container .breadcrumb li:lang(ar):after { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow-left.svg"); } .breadcrumb__container .breadcrumb li:last-child:after { content: ''; padding: 0; background-image: none; } .breadcrumb__container .breadcrumb li:lang(ar) { float: right; } .breadcrumb__container .breadcrumb li:last-child { max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } @media screen and (min-width: 45rem) { .breadcrumb__container .breadcrumb li { margin: 0; } } .page-node-type-page .breadcrumb__container { padding-bottom: 35px; } .page-node-type-article .breadcrumb__container, .page-node-type-press-release .breadcrumb__container, .page-node-type-speech .breadcrumb__container, .path-media .breadcrumb__container, .path-jobs .breadcrumb__container { background: #fff; } @media (max-width: 68.75rem) { .container .row nav.breadcrumb.col-12 li { display: none; } .page-node-type-page .breadcrumb__container { padding-bottom: 10px; } .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a) { display: block; } .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):after { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):before { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow-left.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: left; } .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):lang(ar):before { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):lang(ar):after { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: right; } .container .row nav.breadcrumb.col-12 li:first-child { display: block; } .container .row nav.breadcrumb.col-12 li:first-child:after { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:first-child:before { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow-left.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: left; } .container .row nav.breadcrumb.col-12 li:first-child:lang(ar):before { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:first-child:lang(ar):after { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: right; } .container .row nav.breadcrumb.col-12 li:first-child:has(a) { display: block; } .container .row nav.breadcrumb.col-12 li:first-child:has(a):after { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:first-child:has(a):before { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow-left.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: left; } .container .row nav.breadcrumb.col-12 li:first-child:has(a):lang(ar):before { content: ''; padding: 0; background-image: none; } .container .row nav.breadcrumb.col-12 li:first-child:has(a):lang(ar):after { background-image: url("/themes/custom/ifrc_theme/assets/svg/red-arrow.svg"); background-position: center; background-repeat: no-repeat; content: ''; padding: 0 20px; height: 20px; display: block; float: right; } .content-lister-view--container { padding: 5px 0 95px; } .breadcrumb__container { padding: 10px 0 0; } .container .row nav.breadcrumb.col-12 li:first-child { display: none; } .container .row nav.breadcrumb.col-12 li:first-child:nth-last-child(2), .container .row nav.breadcrumb.col-12 li:first-child:nth-last-child(2) ~ li:first-child { display: block; } } @media (max-width: 1160px) { .breadcrumb__container .container { max-width: 95%; } } @media (min-width: 68.75rem) { .container .row nav.breadcrumb.col-12 li:first-child { display: none; } .container .row nav.breadcrumb.col-12 li:first-child:has(a) { display: block; } } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } @media screen and (max-width: 550px) { #mm-clone-mainNavigation { width: 100% !important; } } #mm-clone-mainNavigation { z-index: 50; background-color: #12284c; max-width: 550px; } @media screen and (min-width: 68.75rem) { #mm-clone-mainNavigation { display: none; } } #mm-clone-mainNavigation .mm-navbar { background-color: #12284c; padding: 2px; } #mm-clone-mainNavigation #mm-1 .mm-navbar { display: none; } #mm-clone-mainNavigation .mm-panels { background-color: #12284c; overflow: auto; } #mm-clone-mainNavigation .mm-panels > .mm-panel { background-color: #12284c; } #mm-clone-mainNavigation .mm-panels > .mm-panel .megamenu-sub a.mm-btn.mm-btn_next.mm-listitem__btn { display: none; } #mm-clone-mainNavigation .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item { float: none; } #mm-clone-mainNavigation .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item .mm-listitem--opened > .mm-listitem__btn { display: none; } #mm-clone-mainNavigation .mm-btn:after, #mm-clone-mainNavigation .mm-btn:before { border-color: #fff; } #mm-clone-mainNavigation select { background-color: #12284c; color: white; width: 50%; border: 0; font-weight: bold; } @media screen and (min-width: 68.75rem) { #mm-0 { display: none; } } @media screen and (min-width: 68.75rem) { .topLvl { display: flex; } } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: #ffffff; } .mm-navbar.mm-navbar_sticky { display: none; } #mainNavigation { display: none; background-color: #F2F2F2 !important; } @media screen and (min-width: 68.75rem) { #mainNavigation { display: block; } } #mainNavigation .temp_block2del { display: none; } .navbar-toggle { display: block; position: absolute; top: 11px; } @media screen and (min-width: 68.75rem) { .navbar-toggle { display: none; } } .megamenu { display: none; } @media screen and (min-width: 68.75rem) { .megamenu { display: block; } } .megamenu, .mm-panels > .mm-panel { color: #12284c; background-color: #F2F2F2; margin: 0; padding: 0.5556rem 0; position: relative; z-index: 40; } .megamenu ul.topLvl, .mm-panels > .mm-panel ul.topLvl { position: relative; margin: 0 auto; clear: right; } .megamenu ul.topLvl a.mmaLink.mm-listitem__text, .mm-panels > .mm-panel ul.topLvl a.mmaLink.mm-listitem__text { white-space: normal; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent, .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent { background-color: #323232; } .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a, .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a { color: #ffffff !important; } .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a.mmaLink:after, .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a.mmaLink:after { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon-white.svg); } } .megamenu ul.topLvl > li.megamenu-li.mmenu-item, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item { color: #ffffff; background-color: #12284c; margin-right: 0.1111rem; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item { background-color: #ffffff; cursor: pointer; color: #12284c; float: left; text-align: center; flex: 1; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(en), .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(en) { padding: 0 16px; flex: none; } } .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(en), .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(en) { font-size: 0.9444rem; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(fr), .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(fr) { font-size: 0.85rem; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(es), .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(es) { font-size: 0.85rem; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > a.mmaLink, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > a.mmaLink { text-decoration: none; text-transform: uppercase; margin: 0.8rem 5px; display: block; padding: 0.3rem 0; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item > a.mmaLink, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > a.mmaLink { color: #12284c; } } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover { background-color: #12284c; color: #ffffff; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop > a.mmaLink:after, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover > a.mmaLink:after, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop > a.mmaLink:after, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover > a.mmaLink:after { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon-white.svg); } } .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop a.mmaLink, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover a.mmaLink, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop a.mmaLink, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover a.mmaLink { color: #ffffff; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub { display: block; visibility: hidden; position: absolute; margin: 0; z-index: 50; height: auto; max-height: 0; /* transition: max-height 0.30s ease-out; */ overflow: hidden; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub { padding: 0 50% 2.444444444rem; width: 200%; left: -50%; } } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active { display: block; visibility: visible; background-color: #12284c; max-height: 650px; /* transition: max-height 0.30s ease-in; */} .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active a.mmaLink, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active a.mmaLink { color: #ffffff; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li { color: #ffffff; box-sizing: border-box; float: none; width: 80%; margin-left: 1rem; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block { width: 220px; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li { margin-left: 0; float: left; width: 20%; } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block { float: right; } } .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a { text-transform: uppercase; margin-top: 2.055555515rem; min-height: 1.5rem; } @media screen and (min-width: 68.75rem) { .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a, .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a { margin-top: 0; min-height: 4.055555515rem; } } .megamenu .mmTitle, .mm-panels > .mm-panel .mmTitle { text-transform: uppercase; color: #ffffff; padding-top: 0.3888888888rem; font-weight: bold; } .megamenu .arrow-down, .mm-panels > .mm-panel .arrow-down { margin: 0 auto; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 14px solid #12284c; } .megamenu .mmCoverContainer, .mm-panels > .mm-panel .mmCoverContainer { display: block; background-color: #ffffff; min-height: 240px; padding: 0 0.55555rem 0.55555rem; width: 100%; max-width: 280px; text-align: center; } .megamenu .mmCoverContainer .mmTeaser, .mm-panels > .mm-panel .mmCoverContainer .mmTeaser { color: #12284c; padding: 0 1.1111111rem 0.55555rem; font-weight: bold; text-align: left; white-space: normal; } .megamenu .mmCoverContainer .mmTeaser:lang(ar), .mm-panels > .mm-panel .mmCoverContainer .mmTeaser:lang(ar) { line-height: 1.6; } .megamenu .mmCoverContainer img, .mm-panels > .mm-panel .mmCoverContainer img { padding-top: 0.55555rem; padding-bottom: 0.55555rem; } .megamenu .mmCoverContainer .button, .mm-panels > .mm-panel .mmCoverContainer .button { color: #12284c; padding-top: 0.55555rem; border: solid 2px #f5333f; display: block; text-align: center; margin: auto; } .megamenu .mmCoverContainer .button:hover, .mm-panels > .mm-panel .mmCoverContainer .button:hover { background: #f5333f; text-decoration: none; color: #ffffff; } .megamenu .megamenu-li, .mm-panels > .mm-panel .megamenu-li { list-style: none; box-sizing: border-box; font-family: "Open Sans","Arial",sans-serif; font-size: 1rem; line-height: 1.11; } @media screen and (min-width: 68.75rem) { .megamenu .megamenu-li, .mm-panels > .mm-panel .megamenu-li { line-height: 1.11; } } .megamenu .megamenu-li .megamenu-sub, .mm-panels > .mm-panel .megamenu-li .megamenu-sub { left: 0; margin: 0; width: 100%; z-index: 99; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li { color: #ffffff; box-sizing: border-box; padding: 0.1rem 0.5rem 0.69rem 0.1rem; } @media screen and (min-width: 68.75rem) { .megamenu .megamenu-li .megamenu-sub > .megamenu-li, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li { float: left; } } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li { float: none; padding-top: 0; margin-left: 20px; } @media screen and (min-width: 68.75rem) { .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li { margin-left: 0; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item { margin-left: 20px; padding-top: 0; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item a, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item a { line-height: 1.11; } } .megamenu .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink { display: block; text-decoration: none; text-transform: none; } @media screen and (min-width: 68.75rem) { .megamenu .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink { padding-top: 1.38rem; } } .megamenu .megamenu-li .megamenu-sub > .megamenu-li a.mmaLink:hover, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li a.mmaLink:hover { text-decoration: underline; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul { padding-top: 0; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li { padding: 0.6667rem 0; } .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a { font-size: 0.8889rem; font-weight: normal; text-transform: none; } @media screen and (min-width: 68.75rem) { .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a, .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a { padding: 0; } } @media screen and (min-width: 68.75rem) { .megamenu a.mmaLink:after, .mm-panels > .mm-panel a.mmaLink:after { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 14px; position: relative; right: -4px; top: 8px; transform: translateY(-50%); /* transition: transform 200ms ease-in-out; */ width: 10px; will-change: transform; display: inline-block; transform: translateY(-50%) rotate(0deg); } .megamenu .selectedTop a.mmaLink:after, .mm-panels > .mm-panel .selectedTop a.mmaLink:after { transform: translateY(-50%) rotate(-180deg); } .megamenu .megamenu-sub a.mmaLink:after, .mm-panels > .mm-panel .megamenu-sub a.mmaLink:after { display: none; } } @media screen and (min-width: 68.75rem) { [dir="rtl"] .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li, [dir="rtl"] .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li { float: right; margin-right: 0; margin-left: inherit; } } [dir="rtl"] .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block, [dir="rtl"] .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block { float: left; } [dir="rtl"] .megamenu ul.topLvl .mmTeaser, [dir="rtl"] .mm-panels > .mm-panel ul.topLvl .mmTeaser { text-align: right; } [dir="rtl"] .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a, [dir="rtl"] .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a { line-height: 1.5 !important; } @media screen and (min-width: 68.75rem) { [dir="rtl"] .megamenu-sub .megamenu-li { line-height: 1.5 !important; } } [dir="rtl"] a.mmaLink:after { right: 4px; } #mm-clone-mainNavigation { margin-top: 55px; width: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size_overide)); } #mm-clone-mainNavigation input[type="text"] { color: #0b1e3e; background-color: #F2F2F2; font-weight: bold; } #mm-clone-mainNavigation input::-webkit-input-placeholder { color: #666666; font-weight: bold; } #mm-clone-mainNavigation input::-moz-placeholder { color: #666666; font-weight: bold; } #mm-clone-mainNavigation input:-ms-input-placeholder { color: #666666; font-weight: bold; } #mm-clone-mainNavigation input::-ms-input-placeholder { color: #666666; font-weight: bold; } #mm-clone-mainNavigation input::placeholder { color: #666666; font-weight: bold; } html:lang(es) .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item, html:lang(fr) .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item { font-size: 0.85rem; } .mmCoverContainer button.button { width: 100%; } .megamenu-li.mmenu-item.mm-opened.mm-listitem_opened, .megamenu-sub.row .megamenu-li.mmenu-item { text-align: left; } [dir="rtl"] .megamenu-li.mmenu-item.mm-opened.mm-listitem_opened, [dir="rtl"] .megamenu-sub.row .megamenu-li.mmenu-item { text-align: right; } .mm-menu { --mm-color-border: rgba(0,0,0,0) !important; --mm-color-button: rgba(0,0,0,0) !important; --mm-color-text: rgba(0,0,0,0) !important; --mm-color-text-dimmed: rgba(0,0,0,0) !important; --mm-color-background: #f3f3f3; --mm-color-background-highlight: rgba(0,0,0,0) !important; --mm-color-background-emphasis: rgba(255,255,255,0) !important; --mm-shadow: 0 0 10px rgba(0,0,0,0) !important; } :root { --mm-max-size_overide: 550px; --mb-button-size: 60px; --mb-bar-width: 0.6; --mb-bar-height: 4px; --mb-bar-spacing: 10px; --mb-animate-timeout: 0.4s; --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; } .mburger { background: 0 0; border: none; border-radius: 0; color: inherit; display: inline-block; position: relative; box-sizing: border-box; height: var(--mb-button-size); padding: 0 0 0 var(--mb-button-size); margin: 0; line-height: var(--mb-button-size); vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .mburger b { display: block; position: absolute; left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2)); width: calc(var(--mb-button-size) * var(--mb-bar-width)); height: var(--mb-bar-height); border-radius: calc(var(--mb-bar-height)/ 2); background: currentColor; color: inherit; opacity: 1; } .mburger b:nth-of-type(1) { bottom: calc(50% + var(--mb-bar-spacing)); /* transition: bottom .2s ease,transform .2s ease,width .2s ease; */ } .mburger b:nth-of-type(2) { top: calc(50% - (var(--mb-bar-height)/ 2)); /* transition: opacity .2s ease; */ } .mburger b:nth-of-type(3) { top: calc(50% + var(--mb-bar-spacing)); /* transition: top .2s ease,transform .2s ease,width .2s ease; */ } .mm-wrapper--opened .mburger b:nth-of-type(1) { bottom: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(45deg); } .mm-wrapper--opened .mburger b:nth-of-type(2) { opacity: 0; } .mm-wrapper--opened .mburger b:nth-of-type(3) { top: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(-45deg); } .mburger--collapse b:nth-of-type(1) { transition: bottom .2s ease,margin .2s ease,transform .2s ease; transition-delay: .2s,0s,0s; } .mburger--collapse b:nth-of-type(2) { transition: top .2s ease,opacity 0s ease; transition-delay: .3s,.3s; } .mburger--collapse b:nth-of-type(3) { transition: top .2s ease,transform .2s ease; } .mm-wrapper--opened .mburger--collapse b:nth-of-type(1) { bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height)); margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2)); transform: rotate(45deg); transition-delay: calc(var(--mb-animate-timeout) + .1s),calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s); } .mm-wrapper--opened .mburger--collapse b:nth-of-type(2) { top: calc(50% + var(--mb-bar-spacing)); opacity: 0; transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s); } .mm-wrapper--opened .mburger--collapse b:nth-of-type(3) { top: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(-45deg); transition-delay: calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s); } .mburger--spin b:nth-of-type(1) { transition-delay: .2s,0s; } .mburger--spin b:nth-of-type(2) { transition-duration: 0s; transition-delay: .2s; } .mburger--spin b:nth-of-type(3) { transition-delay: .2s,0s; } .mm-wrapper--opened .mburger--spin b:nth-of-type(1) { transform: rotate(135deg); transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s); } .mm-wrapper--opened .mburger--spin b:nth-of-type(2) { transition-delay: calc(var(--mb-animate-timeout) + 0s); } .mm-wrapper--opened .mburger--spin b:nth-of-type(3) { transform: rotate(225deg); transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s); } .mburger--squeeze b:nth-of-type(1) { transition-delay: .1s,0s; } .mburger--squeeze b:nth-of-type(2) { transition-delay: .1s; } .mburger--squeeze b:nth-of-type(3) { transition-delay: .1s,0s; } .mm-wrapper--opened .mburger--squeeze b:nth-of-type(1) { transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s); } .mm-wrapper--opened .mburger--squeeze b:nth-of-type(2) { transition-delay: calc(var(--mb-animate-timeout) + 0s); } .mm-wrapper--opened .mburger--squeeze b:nth-of-type(3) { transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s); } .mburger--tornado b:nth-of-type(1) { transition: bottom .2s ease,transform .2s ease; transition-delay: .2s; } .mburger--tornado b:nth-of-type(2) { transition: opacity 0s ease,transform .2s ease; transition-delay: .1s,.1s; } .mburger--tornado b:nth-of-type(3) { transition: top .2s ease,transform .2s ease; transition-delay: 0s; } .mm-wrapper--opened .mburger--tornado b:nth-of-type(1) { transform: rotate(-135deg); transition-delay: calc(var(--mb-animate-timeout) + 0s); } .mm-wrapper--opened .mburger--tornado b:nth-of-type(2) { opacity: 0; transform: rotate(-135deg); transition-delay: calc(var(--mb-animate-timeout) + .4s),calc(var(--mb-animate-timeout) + .1s); } .mm-wrapper--opened .mburger--tornado b:nth-of-type(3) { transform: rotate(-225deg); transition-delay: calc(var(--mb-animate-timeout) + .2s); } .mm-listitem--vertical > .mm-panel { position: static; width: 100%; padding: 10px 0 10px 20px; transform: none !important; transition: none !important; } .mm-listitem { list-style: none; display: block; padding: 0; margin: 0; position: relative; display: flex; flex-wrap: wrap; } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; } :root { --mm-lineheight: 22px; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu *, .mm-menu :after, .mm-menu :before { transition-property: none; transition-duration: .4s; transition-timing-function: ease; } :root { --mm-blocker-visibility-delay: 0.4s; --mm-blocker-opacity-delay: 0s; } .mm-blocker { display: block; position: absolute; bottom: 100%; top: 0; right: 0; left: 0; z-index: 3; opacity: 0; background: var(--mm-color-background); transition: bottom 0s ease var(--mm-blocker-visibility-delay),width 0.4s ease,opacity 0.4s ease var(--mm-blocker-opacity-delay),transform 0.4s ease; } .mm-blocker:focus-visible { opacity: .75; } .mm-btn { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; width: 50px; padding: 0; } .mm-btn--next, [dir=rtl] .mm-btn--prev { --mm-btn-rotate: 135deg; } .mm-btn--prev, [dir=rtl] .mm-btn--next { --mm-btn-rotate: -45deg; } .mm-btn--next:after, .mm-btn--prev:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 8px; height: 8px; margin: auto; box-sizing: border-box; border: 2px solid var(--mm-color-icon); border-bottom: none; border-right: none; transform: rotate(var(--mm-btn-rotate)); } .mm-btn--prev:before { inset-inline-start: 23px; } .mm-btn--next:after { inset-inline-end: 23px; } .mm-btn--close:before { content: "×"; font-size: 150%; } .mm-btnreset { padding: 0; background: 0 0; border: none; cursor: pointer; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: -webkit-sticky; position: sticky; z-index: 2; top: 0; min-height: var(--mm-lineheight); padding: calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); background-image: linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight)); opacity: 1; transition-property: opacity; } .mm-navbar:not(.mm-hidden) ~ .mm-listview .mm-divider { top: var(--mm-navbar-size); } :root { --mm-listitem-size: 50px; } .mm-listitem { display: flex; flex-wrap: wrap; position: relative; padding: 0; margin: 0; color: var(--mm-color-text); border-color: var(--mm-color-border); } .mm-listitem:after { content: ""; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; inset-inline-start: 20px; inset-inline-end: 0; bottom: 0; } .mm-listitem__btn, .mm-listitem__text { padding: calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0; } .mm-listitem__text { flex-grow: 1; flex-basis: 10%; display: block; padding-left: 20px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-listitem__btn { display: block; position: relative; width: auto; -webkit-padding-end: 50px; padding-inline-end: 50px; border-color: inherit; background: rgba(3,2,1,0); } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 1px; border-left-style: solid; } .mm-listitem--selected > .mm-listitem__text { background: var(--mm-color-background-emphasis); } .mm-listitem--opened > .mm-listitem__btn, .mm-listitem--opened > .mm-panel { background: var(--mm-color-background-highlight); } .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-menu { display: flex; flex-direction: column; padding: 0; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; -ms-scroll-chaining: none; overscroll-behavior: none; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: var(--mm-lineheight); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-menu ::-webkit-input-placeholder { color: var(--mm-color-text-dimmed); } .mm-menu ::-moz-placeholder { color: var(--mm-color-text-dimmed); } .mm-menu :-ms-input-placeholder { color: var(--mm-color-text-dimmed); } .mm-menu ::-ms-input-placeholder { color: var(--mm-color-text-dimmed); } .mm-menu ::placeholder { color: var(--mm-color-text-dimmed); } .mm-menu, .mm-menu * { box-sizing: border-box; } .mm-menu :focus, .mm-menu :focus-visible, .mm-menu:focus, .mm-menu:focus-visible { outline: 0; } .mm-menu a, .mm-menu button, .mm-menu label { color: inherit; } .mm-menu a:focus, .mm-menu button:focus, .mm-menu label:focus { outline: 0; } .mm-menu a:focus-visible, .mm-menu button:focus-visible, .mm-menu label:focus-visible { outline: 2px solid var(--mm-color-focusring); outline-offset: -5px; } .mm-menu input:focus, .mm-menu input:focus-visible, .mm-menu select:focus, .mm-menu select:focus-visible, .mm-menu textarea:focus, .mm-menu textarea:focus-visible { outline: 2px solid var(--mm-color-focusring); outline-offset: 2px; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { text-decoration: none; color: inherit; } :root { --mm-navbar-size: 50px; } .mm-navbar { display: flex; position: -webkit-sticky; position: sticky; top: 0; z-index: 2; min-height: var(--mm-navbar-size); padding-top: env(safe-area-inset-top); color: var(--mm-color-text-dimmed); text-align: center; opacity: 1; background: var(--mm-color-background); border-bottom: 1px solid var(--mm-color-border); transition-property: opacity; } .mm-navbar > * { flex-grow: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .mm-navbar__btn { flex-grow: 0; } .mm-navbar__title { flex: 1 1 50%; display: flex; padding: 0 20px; overflow: hidden; } .mm-navbar__title[href="#"] { pointer-events: none; } .mm-navbar__title > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-btn.mm-hidden + .mm-navbar__title:not(:last-child) { -webkit-padding-start: 60px; padding-inline-start: 60px; -webkit-padding-end: 10px; padding-inline-end: 10px; } .mm-btn:not(.mm-hidden) + .mm-navbar__title:last-child { -webkit-padding-start: 10px; padding-inline-start: 10px; -webkit-padding-end: 60px; padding-inline-end: 60px; } .mm-panel { --mm-panel-child-offset: 100%; --mm-panel-parent-offset: -30%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; color: var(--mm-color-text); border-color: var(--mm-color-border); background: var(--mm-color-background); transform: translate3d(var(--mm-panel-child-offset),0,0); transition-property: transform,inset-inline-start; } [dir=rtl] .mm-panel { --mm-panel-child-offset: -100%; --mm-panel-parent-offset: 30%; } .mm-panel:after { content: ""; display: block; height: var(--mm-listitem-size); } .mm-panel:focus { outline: 0; } .mm-panel--opened { z-index: 2; transform: translate3d(0,0,0); transition-delay: 0s; } .mm-panel--parent { transform: translate3d(var(--mm-panel-parent-offset),0,0); z-index: 0; } .mm-panel--highest { z-index: 3; } .mm-menu--opened .mm-panel--noanimation { transition: none !important; transition-duration: 0s !important; } .mm-panel__content { padding: 20px; } .mm-panels { flex-grow: 1; position: relative; height: 100%; overflow: hidden; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); } .mm-panels:focus { outline: 0; } :root { --mm-toggle-size: 34px; } .mm-toggle { display: flex; align-self: center; flex: calc(var(--mm-toggle-size) * 1.75) 0 0; height: var(--mm-toggle-size); -webkit-margin-end: 10px; margin-inline-end: 10px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none !important; border-radius: var(--mm-toggle-size); border: var(--mm-color-border); background: var(--mm-color-border); cursor: pointer; transition-property: background-color; } .mm-toggle:before { content: ""; aspect-ratio: 1; margin: 2px; border-radius: 100%; background: var(--mm-color-background); transition-property: transform; } .mm-toggle:checked { background: #4bd963; } .mm-toggle:checked:before { transform: translateX(calc(var(--mm-toggle-size) * .75)); } [dir=rtl] .mm-toggle:checked:before { transform: translateX(calc(var(--mm-toggle-size) * -.75)); } .mm-listitem--vertical > .mm-panel { position: static; width: 100%; padding: 10px 0 10px 20px; transform: none !important; transition: none !important; } .mm-listitem--vertical > .mm-panel:after { content: none; display: none; } .mm-listitem--vertical:not(.mm-listitem--opened) > .mm-panel { display: none; } .mm-listitem--vertical > .mm-listitem__btn { height: var(--mm-listitem-size); bottom: auto; } .mm-listitem--vertical .mm-listitem:last-child:after { border-color: transparent; } .mm-listitem--opened > .mm-listitem__btn:after { transform: rotate(225deg); right: 19px; } :root { --mm-size: 80%; --mm-min-size: 240px; --mm-max-size: 440px; } .mm-menu--offcanvas { position: fixed; z-index: 0; } .mm-page { box-sizing: border-box; min-height: 100vh; background: inherit; } :where(.mm-slideout) { position: relative; z-index: 1; width: 100%; transition-duration: .4s; transition-timing-function: ease; transition-property: width,transform; } .mm-wrapper--opened, .mm-wrapper--opened body { overflow: hidden; } .mm-wrapper__blocker { background: rgba(0,0,0,0.4); } .mm-wrapper--opened .mm-wrapper__blocker { --mm-blocker-visibility-delay: 0s; --mm-blocker-opacity-delay: 0.4s; bottom: 0; opacity: .5; } .mm-menu { --mm-translate-horizontal: 0; --mm-translate-vertical: 0; } .mm-menu--position-left, .mm-menu--position-left-front { right: auto; } .mm-menu--position-right, .mm-menu--position-right-front { left: auto; } .mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front { width: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size)); } .mm-menu--position-left-front { --mm-translate-horizontal: -100%; } .mm-menu--position-right-front { --mm-translate-horizontal: 100%; } .mm-menu--position-top { bottom: auto; } .mm-menu--position-bottom { top: auto; } .mm-menu--position-bottom, .mm-menu--position-top { width: 100%; height: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size)); } .mm-menu--position-top { --mm-translate-vertical: -100%; } .mm-menu--position-bottom { --mm-translate-vertical: 100%; } .mm-menu--position-bottom, .mm-menu--position-left-front, .mm-menu--position-right-front, .mm-menu--position-top { z-index: 2; transform: translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0); transition-property: transform; } .mm-menu--position-bottom.mm-menu--opened, .mm-menu--position-left-front.mm-menu--opened, .mm-menu--position-right-front.mm-menu--opened, .mm-menu--position-top.mm-menu--opened { transform: translate3d(0,0,0); } .mm-wrapper--position-left { --mm-translate-horizontal: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size)); } .mm-wrapper--position-right { --mm-translate-horizontal: clamp(calc(-1 * var(--mm-max-size)),calc(-1 * var(--mm-size)),calc(-1 * var(--mm-min-size))); } .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout { transform: translate3d(0,0,0); } .mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout { transform: translate3d(var(--mm-translate-horizontal),0,0); } .mm-wrapper--position-bottom .mm-wrapper__blocker, .mm-wrapper--position-left-front .mm-wrapper__blocker, .mm-wrapper--position-right-front .mm-wrapper__blocker, .mm-wrapper--position-top .mm-wrapper__blocker { z-index: 1; } .mm-menu--theme-light { --mm-color-background: #f3f3f3; --mm-color-border: rgb(0 0 0 / 0.15); --mm-color-icon: rgb(0 0 0 / 0.4); --mm-color-text: rgb(0 0 0 / 0.8); --mm-color-text-dimmed: rgb(0 0 0 / 0.4); --mm-color-background-highlight: rgb(0 0 0 / 0.05); --mm-color-background-emphasis: rgb(255 255 255 / 0.75); --mm-color-focusring: #06c; } .mm-menu--theme-light-contrast { --mm-color-background: #f3f3f3; --mm-color-border: rgb(0 0 0 / 0.5); --mm-color-icon: rgb(0 0 0 / 0.5); --mm-color-text: #000; --mm-color-text-dimmed: rgb(0 0 0 / 0.7); --mm-color-background-highlight: rgb(0 0 0 / 0.05); --mm-color-background-emphasis: rgb(255 255 255 / 0.9); --mm-color-focusring: #06c; } .mm-menu--theme-dark { --mm-color-background: #333; --mm-color-border: rgb(0,0,0,0.4); --mm-color-icon: rgb(255,255,255,0.4); --mm-color-text: rgb(255,255,255,0.8); --mm-color-text-dimmed: rgb(255,255,255,0.4); --mm-color-background-highlight: rgb(255,255,255,0.08); --mm-color-background-emphasis: rgb(0,0,0,0.1); --mm-color-focusring: #06c; } .mm-menu--theme-dark-contrast { --mm-color-background: #333; --mm-color-border: rgb(255 255 255 / 0.5); --mm-color-icon: rgb(255 255 255 / 0.5); --mm-color-text: #fff; --mm-color-text-dimmed: rgb(255 255 255 / 0.7); --mm-color-background-highlight: rgb(255 255 255 / 0.1); --mm-color-background-emphasis: rgb(0 0 0 / 0.3); --mm-color-focusring: #06c; } .mm-menu--theme-white { --mm-color-background: #fff; --mm-color-border: rgb(0 0 0 / 0.15); --mm-color-icon: rgb(0 0 0 / 0.3); --mm-color-text: rgb(0 0 0 / 0.8); --mm-color-text-dimmed: rgb(0 0 0 / 0.3); --mm-color-background-highlight: rgb(0 0 0 / 0.06); --mm-color-background-emphasis: rgb(0 0 0 / 0.03); --mm-color-focusring: #06c; } .mm-menu--theme-white-contrast { --mm-color-background: #fff; --mm-color-border: rgb(0 0 0 / 0.5); --mm-color-icon: rgb(0 0 0 / 0.5); --mm-color-text: #000; --mm-color-text-dimmed: rgb(0 0 0 / 0.7); --mm-color-background-highlight: rgb(0 0 0 / 0.07); --mm-color-background-emphasis: rgb(0 0 0 / 0.035); --mm-color-focusring: #06c; } .mm-menu--theme-black { --mm-color-background: #000; --mm-color-border: rgb(255 255 255 / 0.2); --mm-color-icon: rgb(255 255 255 / 0.4); --mm-color-text: rgb(255 255 255 / 0.7); --mm-color-text-dimmed: rgb(255 255 255 / 0.4); --mm-color-background-highlight: rgb(255 255 255 / 0.1); --mm-color-background-emphasis: rgb(255 255 255 / 0.06); --mm-color-focusring: #06c; } .mm-menu--theme-black-contrast { --mm-color-background: #000; --mm-color-border: rgb(255 255 255 / 0.5); --mm-color-icon: rgb(255 255 255 / 0.5); --mm-color-text: #fff; --mm-color-text-dimmed: rgb(255 255 255 / 0.6); --mm-color-background-highlight: rgb(255 255 255 / 0.125); --mm-color-background-emphasis: rgb(255 255 255 / 0.1); --mm-color-focusring: #06c; } .mm-counter { display: block; -webkit-padding-start: 20px; padding-inline-start: 20px; float: right; color: var(--mm-color-text-dimmed); } [dir=rtl] .mm-counter { float: left; } :root { --mm-iconbar-size: 50px; } .mm-menu--iconbar-left .mm-navbars, .mm-menu--iconbar-left .mm-panels { margin-left: var(--mm-iconbar-size); } .mm-menu--iconbar-right .mm-navbars, .mm-menu--iconbar-right .mm-panels { margin-right: var(--mm-iconbar-size); } .mm-iconbar { display: none; position: absolute; top: 0; bottom: 0; z-index: 2; width: var(--mm-iconbar-size); overflow: hidden; box-sizing: border-box; border: 0 solid; border-color: var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center; } .mm-menu--iconbar-left .mm-iconbar, .mm-menu--iconbar-right .mm-iconbar { display: flex; flex-direction: column; justify-content: space-between; } .mm-menu--iconbar-left .mm-iconbar { border-right-width: 1px; left: 0; } .mm-menu--iconbar-right .mm-iconbar { border-left-width: 1px; right: 0; } .mm-iconbar__bottom, .mm-iconbar__top { width: 100%; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; } .mm-iconbar__bottom > *, .mm-iconbar__top > * { box-sizing: border-box; display: block; padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0; } .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover { text-decoration: none; } .mm-iconbar__tab--selected { background: var(--mm-color-background-emphasis); } :root { --mm-iconpanel-size: 50px; } .mm-panel--iconpanel-0 { inset-inline-start: calc(0 * var(--mm-iconpanel-size)); } .mm-panel--iconpanel-1 { inset-inline-start: calc(1 * var(--mm-iconpanel-size)); } .mm-panel--iconpanel-2 { inset-inline-start: calc(2 * var(--mm-iconpanel-size)); } .mm-panel--iconpanel-3 { inset-inline-start: calc(3 * var(--mm-iconpanel-size)); } .mm-panel--iconpanel-4 { inset-inline-start: calc(4 * var(--mm-iconpanel-size)); } .mm-panel--iconpanel-first ~ .mm-panel { inset-inline-start: var(--mm-iconpanel-size); } .mm-menu--iconpanel .mm-panel--parent .mm-divider, .mm-menu--iconpanel .mm-panel--parent .mm-navbar { opacity: 0; } .mm-menu--iconpanel .mm-panels > .mm-panel--parent { overflow-y: hidden; transform: unset; } .mm-menu--iconpanel .mm-panels > .mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) { border-inline-start-width: 1px; border-inline-start-style: solid; } .mm-navbars { flex-shrink: 0; } .mm-navbars .mm-navbar { position: relative; padding-top: 0; border-bottom: none; } .mm-navbars--top { border-bottom: 1px solid var(--mm-color-border); } .mm-navbars--top .mm-navbar:first-child { padding-top: env(safe-area-inset-top); } .mm-navbars--bottom { border-top: 1px solid var(--mm-color-border); } .mm-navbars--bottom .mm-navbar:last-child { padding-bottom: env(safe-area-inset-bottom); } .mm-navbar__breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1 1 50%; display: flex; justify-content: flex-start; padding: 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .mm-navbar__breadcrumbs > * { display: flex; align-items: center; justify-content: center; -webkit-padding-end: 6px; padding-inline-end: 6px; } .mm-navbar__breadcrumbs > a { text-decoration: underline; } .mm-navbar__breadcrumbs:not(:last-child) { -webkit-padding-end: 0; padding-inline-end: 0; } .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs { -webkit-padding-start: 0; padding-inline-start: 0; } .mm-navbar__tab { padding: 0 10px; border: 1px solid transparent; } .mm-navbar__tab--selected { background: var(--mm-color-background); } .mm-navbar__tab--selected:not(:first-child) { border-inline-start-color: var(--mm-color-border); } .mm-navbar__tab--selected: not(:last-child) { border-inline-end-color: var(--mm-color-border); } .mm-navbars--top.mm-navbars--has-tabs { border-bottom: none; } .mm-navbars--top.mm-navbars--has-tabs .mm-navbar { background: var(--mm-color-background-emphasis); } .mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs ~ .mm-navbar { background: var(--mm-color-background); } .mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child { border-bottom: 1px solid var(--mm-color-border); } .mm-navbars--top .mm-navbar__tab { border-bottom-color: var(--mm-color-border); } .mm-navbars--top .mm-navbar__tab--selected { border-top-color: var(--mm-color-border); border-bottom-color: transparent; } .mm-navbars--bottom.mm-navbar--has-tabs { border-top: none; } .mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar { background: var(--mm-color-background); } .mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs, .mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs ~ .mm-navbar { background: var(--mm-color-background-emphasis); } .mm-navbars--bottom .mm-navbar__tab { border-top-color: var(--mm-color-border); } .mm-navbars--bottom .mm-navbar__tab--selected { border-bottom-color: var(--mm-color-border); border-top-color: transparent; } .mm-searchfield { display: flex; flex-grow: 1; height: var(--mm-navbar-size); padding: 0; overflow: hidden; } .mm-searchfield__input { display: flex; flex: 1; align-items: center; position: relative; width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box; } .mm-searchfield__input input { display: block; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * .7); min-height: auto; max-height: auto; margin: 0; padding: 0 10px; box-sizing: border-box; border: none; border-radius: 4px; line-height: calc(var(--mm-navbar-size) * .7); font: inherit; font-size: inherit; } .mm-searchfield__input input, .mm-searchfield__input input:focus, .mm-searchfield__input input:hover { background: var(--mm-color-background-highlight); color: var(--mm-color-text); } .mm-menu[class*=-contrast] .mm-searchfield__input input { border: 1px solid var(--mm-color-border); } .mm-searchfield__input input::-ms-clear { display: none; } .mm-searchfield__btn { display: none; position: absolute; inset-inline-end: 0; top: 0; bottom: 0; } .mm-searchfield--searching .mm-searchfield__btn { display: block; } .mm-searchfield__cancel { display: block; position: relative; -webkit-margin-end: -100px; margin-inline-end: -100px; -webkit-padding-start: 5px; padding-inline-start: 5px; -webkit-padding-end: 20px; padding-inline-end: 20px; visibility: hidden; line-height: var(--mm-navbar-size); text-decoration: none; transition-property: visibility,margin; } .mm-searchfield--cancelable .mm-searchfield__cancel { visibility: visible; -webkit-margin-end: 0; margin-inline-end: 0; } .mm-panel--search { left: 0 !important; right: 0 !important; width: 100% !important; border: none !important; } .mm-panel__splash { padding: 20px; } .mm-panel--searching .mm-panel__splash { display: none; } .mm-panel__noresults { display: none; padding: 40px 20px; color: var(--mm-color-text-dimmed); text-align: center; font-size: 150%; line-height: 1.4; } .mm-panel--noresults .mm-panel__noresults { display: block; } :root { --mm-sectionindexer-size: 20px; } .mm-sectionindexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: var(--mm-sectionindexer-size); position: absolute; top: 0; bottom: 0; inset-inline-end: calc(-1 * var(--mm-sectionindexer-size)); z-index: 5; transition-property: inset-inline-end; display: flex; flex-direction: column; justify-content: space-evenly; } .mm-sectionindexer a { color: var(--mm-color-text-dimmed); line-height: 1; text-decoration: none; display: block; } .mm-sectionindexer ~ .mm-panel { -webkit-padding-end: 0; padding-inline-end: 0; } .mm-sectionindexer--active { right: 0; } .mm-sectionindexer--active ~ .mm-panel { -webkit-padding-end: var(--mm-sectionindexer-size); padding-inline-end: var(--mm-sectionindexer-size); } .mm-menu--selected-hover .mm-listitem__btn, .mm-menu--selected-hover .mm-listitem__text, .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text { transition-property: background-color; } @media (hover: hover) { .mm-menu--selected-hover .mm-listview:hover > .mm-listitem--selected:not(:hover) > .mm-listitem__text { background: 0 0; } .mm-menu--selected-hover .mm-listitem__btn:hover, .mm-menu--selected-hover .mm-listitem__text:hover { background: var(--mm-color-background-emphasis); } } .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text { transition-delay: .2s; } @media (hover: hover) { .mm-menu--selected-parent .mm-listitem__btn:hover, .mm-menu--selected-parent .mm-listitem__text:hover { transition-delay: 0s; } } .mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent) > .mm-listitem__text { background: 0 0; } .mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__text { background: var(--mm-color-background-emphasis); } :root { --mm-sidebar-collapsed-size: 50px; --mm-sidebar-expanded-size: var(--mm-max-size); } .mm-wrapper--sidebar-collapsed .mm-slideout { width: calc(100% - var(--mm-sidebar-collapsed-size)); transform: translate3d(var(--mm-sidebar-collapsed-size),0,0); } [dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout { transform: none; } .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider, .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar { opacity: 0; } .mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded { width: var(--mm-sidebar-expanded-size); border-right-width: 1px; border-right-style: solid; } .mm-wrapper--sidebar-expanded.mm-wrapper--opened { overflow: auto; } .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker { display: none; } .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout { width: calc(100% - var(--mm-sidebar-expanded-size)); transform: translate3d(var(--mm-sidebar-expanded-size),0,0); } [dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout { transform: none; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } input { min-height: 21px; padding: 0 15px; width: 100%; border: solid 2px #fff; height: 51px; } .form-item .description { padding: 15px 0px; } .form--inline.clearfix { display: flex; flex-wrap: wrap; } div#edit-actions { page-break-before: always; width: 90%; margin: 1.35135%; } @media screen and (min-width: 680px) { div#edit-actions { width: 38.2973%; } } .view-id-elastic_appeals div#edit-actions, .view-display-id-regional_cluster_country_plan_page div#edit-actions { padding-top: 33px; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 100%; max-width: 61.667em; } } .row { position: relative; width: 100%; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } img.site-logo { width: 180px; height: 81px; } h1.site-branding--logo { margin: 0; } .bg-white { background: #ffffff; } .bg-gray-xlt { background: #F2F2F2; } .bg-gray-lt { background: #ebebeb; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; margin-left: auto; margin-right: auto; } .justify { text-align: justify; } .hidden-md, .hidden-sm { display: none; } .container { width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 33.75rem) { .container { width: 100%; } } @media only screen and (min-width: 60rem) { .container { width: 76%; max-width: 61.667em; } } .row { position: relative; } .row [class^="col"] { float: left; margin: 1.35135%; min-height: 0.125rem; } .row::after { content: ""; display: table; clear: both; } .col-1, .col-1-lg, .col-1-md, .col-10, .col-10-lg, .col-10-md, .col-11, .col-11-lg, .col-11-md, .col-12, .col-12-lg, .col-12-md, .col-2, .col-2-lg, .col-2-md, .col-3, .col-3-lg, .col-3-md, .col-4, .col-4-lg, .col-4-md, .col-5, .col-5-lg, .col-5-md, .col-6, .col-6-lg, .col-6-mdv .col-7-md, .col-7, .col-7-lg, .col-8, .col-8-lg, .col-8-md, .col-9, .col-9-lg, .col-9-md { width: 97.2973%; } .col-1-sm { width: 5.63063%; } .col-2-sm { width: 13.96396%; } .col-3-sm { width: 22.2973%; } .col-4-sm { width: 30.63063%; } .col-5-sm { width: 38.96396%; } .col-6-sm { width: 47.2973%; } .col-7-sm { width: 55.63063%; } .col-8-sm { width: 63.96396%; } .col-9-sm { width: 72.2973%; } .col-10-sm { width: 80.63063%; } .col-11-sm { width: 88.96396%; } .col-12-sm { width: 97.2973%; } @media only screen and (min-width: 60rem) { .col-1-lg { width: 5.63063%; } .col-2-lg { width: 13.96396%; } .col-3-lg { width: 22.2973%; } .col-4-lg { width: 30.63063%; } .col-5-lg { width: 38.96396%; } .col-6-lg { width: 47.2973%; } .col-7-lg { width: 55.63063%; } .col-8-lg { width: 63.96396%; } .col-9-lg { width: 72.2973%; } .col-10-lg { width: 80.63063%; } .col-11-lg { width: 88.96396%; } .col-12-lg { width: 97.2973%; } } @media only screen and (min-width: 45rem) { .col-1-md { width: 5.63063%; } .col-2-md { width: 13.96396%; } .col-3-md { width: 22.2973%; } .col-4-md { width: 30.63063%; } .col-5-md { width: 38.96396%; } .col-6-md { width: 47.2973%; } .col-7-md { width: 55.63063%; } .col-8-md { width: 63.96396%; } .col-9-md { width: 72.2973%; } .col-10-md { width: 80.63063%; } .col-11-md { width: 88.96396%; } .col-12-md { width: 100%; } .col-spaced-1 { margin-left: 6.98198% !important; } .pull-right { position: absolute; right: 0; } [dir="rtl"] .pull-right { position: absolute; right: auto; left: 0; } } @media only screen and (min-width: 45rem) { .col-1 { width: 5.63063%; } .col-2 { width: 13.96396%; } .col-3 { width: 22.2973%; } .col-4 { width: 30.63063%; } .col-5 { width: 38.96396%; } .col-6 { width: 47.2973%; } .col-7 { width: 55.63063%; } .col-8 { width: 63.96396%; } .col-9 { width: 72.2973%; } .col-10 { width: 80.63063%; } .col-11 { width: 88.96396%; } .col-12 { width: 97.2973%; } .hidden-sm { display: block; } } @media only screen and (min-width: 60rem) { .hidden-md { display: block; } } .col-offset-1 { margin-left: 9.68468% !important; margin-right: -9.68468% !important; } .col-offset-2 { margin-left: 18.01802% !important; margin-right: -18.01802% !important; } .col-offset-3 { margin-left: 26.35135% !important; margin-right: -26.35135% !important; } .col-offset-4 { margin-left: 34.68468% !important; margin-right: -34.68468% !important; } .col-offset-5 { margin-left: 43.01802% !important; margin-right: -43.01802% !important; } .col-offset-6 { margin-left: 51.35135% !important; margin-right: -51.35135% !important; } .col-offset-7 { margin-left: 59.68468% !important; margin-right: -59.68468% !important; } .col-offset-8 { margin-left: 68.01802% !important; margin-right: -68.01802% !important; } .col-offset-9 { margin-left: 76.35135% !important; margin-right: -76.35135% !important; } .col-offset-10 { margin-left: 84.68468% !important; margin-right: -84.68468% !important; } .col-offset-11 { margin-left: 93.01802% !important; margin-right: -93.01802% !important; } .ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] { font-family: 'icons_ifrc' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-follow-us__sm-icon a { text-decoration: none; font-size: 1.15em; } .icon-mail:before { content: "\e999"; color: #12284c; } .icon-bell .path1:before { content: "\e956"; color: #f5333f; } .icon-bell .path2:before { content: "\e957"; margin-left: -1em; color: #12284c; } .icon-bell .path3:before { content: "\e958"; margin-left: -1em; color: #12284c; } .icon-bell .path4:before { content: "\e959"; margin-left: -1em; color: #12284c; } .icon-bell .path5:before { content: "\e95a"; margin-left: -1em; color: #f5333f; } .icon-bell .path6:before { content: "\e95b"; margin-left: -1em; color: #f5333f; } .icon-calendar .path1:before { content: "\e95c"; color: #f5333f; } .icon-calendar .path2:before { content: "\e95d"; margin-left: -1em; color: #12284c; } .icon-calendar .path3:before { content: "\e95e"; margin-left: -1em; color: #12284c; } .icon-calendar .path4:before { content: "\e95f"; margin-left: -1em; color: #12284c; } .icon-calendar .path5:before { content: "\e960"; margin-left: -1em; color: #12284c; } .icon-calendar .path6:before { content: "\e961"; margin-left: -1em; color: #12284c; } .icon-calendar .path7:before { content: "\e962"; margin-left: -1em; color: #12284c; } .icon-calendar .path8:before { content: "\e963"; margin-left: -1em; color: #12284c; } .icon-calendar .path9:before { content: "\e964"; margin-left: -1em; color: #12284c; } .icon-calendar .path10:before { content: "\e965"; margin-left: -1em; color: #12284c; } .icon-calendar .path11:before { content: "\e966"; margin-left: -1em; color: #12284c; } .icon-calendar .path12:before { content: "\e967"; margin-left: -1em; color: #12284c; } .icon-calendar .path13:before { content: "\e968"; margin-left: -1em; color: #12284c; } .icon-calendar .path14:before { content: "\e969"; margin-left: -1em; color: #12284c; } .icon-calendar .path15:before { content: "\e96a"; margin-left: -1em; color: #12284c; } .icon-calendar .path16:before { content: "\e96b"; margin-left: -1em; color: #12284c; } .icon-calendar .path17:before { content: "\e96c"; margin-left: -1em; color: #12284c; } .icon-calendar .path18:before { content: "\e96d"; margin-left: -1em; color: #12284c; } .icon-calendar .path19:before { content: "\e96e"; margin-left: -1em; color: #12284c; } .icon-calendar .path20:before { content: "\e96f"; margin-left: -1em; color: #12284c; } .icon-calendar .path21:before { content: "\e970"; margin-left: -1em; color: #12284c; } .icon-calendar .path22:before { content: "\e971"; margin-left: -1em; color: #12284c; } .icon-calendar .path23:before { content: "\e972"; margin-left: -1em; color: #12284c; } .icon-calendar .path24:before { content: "\e973"; margin-left: -1em; color: #12284c; } .icon-calendar .path25:before { content: "\e974"; margin-left: -1em; color: #12284c; } .icon-fax .path1:before { content: "\e975"; color: #12284c; } .icon-fax .path2:before { content: "\e976"; margin-left: -1em; color: #12284c; } .icon-fax .path3:before { content: "\e977"; margin-left: -1em; color: #f5333f; } .icon-fax .path4:before { content: "\e978"; margin-left: -1em; color: #f5333f; } .icon-fax .path5:before { content: "\e979"; margin-left: -1em; color: #12284c; } .icon-fax .path6:before { content: "\e97a"; margin-left: -1em; color: #12284c; } .icon-fax .path7:before { content: "\e97b"; margin-left: -1em; color: #12284c; } .icon-fax .path8:before { content: "\e97c"; margin-left: -1em; color: #12284c; } .icon-fax .path9:before { content: "\e97d"; margin-left: -1em; color: #12284c; } .icon-fax .path10:before { content: "\e97e"; margin-left: -1em; color: #12284c; } .icon-fax .path11:before { content: "\e97f"; margin-left: -1em; color: #12284c; } .icon-fax .path12:before { content: "\e980"; margin-left: -1em; color: #12284c; } .icon-fax .path13:before { content: "\e981"; margin-left: -1em; color: #12284c; } .icon-fax .path14:before { content: "\e982"; margin-left: -1em; color: #12284c; } .icon-fax .path15:before { content: "\e983"; margin-left: -1em; color: #12284c; } .icon-fax .path16:before { content: "\e984"; margin-left: -1em; color: #12284c; } .icon-goplatform .path1:before { content: "\e985"; color: #ebeaea; } .icon-goplatform .path2:before { content: "\e986"; margin-left: -1em; color: #11274d; } .icon-goplatform .path3:before { content: "\e987"; margin-left: -1em; color: #11274d; } .icon-goplatform .path4:before { content: "\e988"; margin-left: -1em; color: #11274d; } .icon-goplatform .path5:before { content: "\e989"; margin-left: -1em; color: #11274d; } .icon-goplatform .path6:before { content: "\e98a"; margin-left: -1em; color: #12284c; } .icon-goplatform .path7:before { content: "\e98b"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path8:before { content: "\e98c"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path9:before { content: "\e98d"; margin-left: -1em; color: #ebeaea; } .icon-goplatform .path10:before { content: "\e98e"; margin-left: -1em; color: #ebeaea; } .icon-phone .path1:before { content: "\e98f"; color: #12284c; } .icon-phone .path2:before { content: "\e990"; margin-left: -1em; color: #f5333f; } .icon-phone .path3:before { content: "\e991"; margin-left: -1em; color: #f5333f; } .icon-droppin .path1:before { content: "\e992"; color: #f5333f; } .icon-droppin .path2:before { content: "\e993"; margin-left: -1em; color: #12284c; } .icon-telegram .path1:before { content: "\e994"; color: #ebeaea; } .icon-telegram .path2:before { content: "\e995"; margin-left: -1em; color: #12284c; } .icon-telegram .path3:before { content: "\e996"; margin-left: -1em; color: #12284c; } .icon-telegram .path4:before { content: "\e997"; margin-left: -1em; color: #12284c; } .icon-viber:before { content: "\e998"; color: #12284c; } .icon-vk .path1:before { content: "\e9a2"; color: #ebeaea; } .icon-vk .path2:before { content: "\e9a3"; margin-left: -1em; color: #12284c; } .icon-vk .path3:before { content: "\e9a4"; margin-left: -1em; color: #12284c; } .icon-vk .path4:before { content: "\e9a5"; margin-left: -1em; color: #12284c; } .icon-web:before { content: "\e9a6"; color: #12284c; } .icon-whatsapp .path1:before { content: "\e9a7"; color: #ebeaea; } .icon-whatsapp .path2:before { content: "\e9a8"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path3:before { content: "\e9a9"; margin-left: -1em; color: #12284c; } .icon-whatsapp .path4:before { content: "\e9aa"; margin-left: -1em; color: #12284c; } .icon-checkmark:before { content: "\e951"; color: #12284c; } .icon-slider-indicator:before { content: "\e952"; color: #12284c; } .icon-slider-indicator-active .path1:before { content: "\e953"; color: #12284c; } .icon-slider-indicator-active .path2:before { content: "\e954"; margin-left: -1em; color: #f5333f; } .icon-x-icon:before { content: "\e955"; color: #f5333f; } .icon-play-button .path1:before { content: "\e94f"; color: #12284c; opacity: 0.9; } .icon-play-button .path2:before { content: "\e950"; margin-left: -0.908203125em; color: #f5333f; opacity: 0.9; } .icon-download .path1:before { content: "\e94d"; color: #f5333f; } .icon-download .path2:before { content: "\e94e"; margin-left: -1.2333984375em; color: #011e41; } .icon-download-white:before { content: "\e94c"; color: #fff; } .icon-arrow-large:before { content: "\e903"; color: #12284c; } .icon-donate-coin .path1:before { content: "\e92c"; color: #f5333f; } .icon-donate-coin .path2:before { content: "\e92d"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path3:before { content: "\e92e"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path4:before { content: "\e92f"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path5:before { content: "\e930"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path6:before { content: "\e931"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path7:before { content: "\e932"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path8:before { content: "\e933"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path9:before { content: "\e934"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path10:before { content: "\e935"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path11:before { content: "\e938"; margin-left: -1.142578125em; color: #011e41; } .icon-donate-coin .path12:before { content: "\e939"; margin-left: -1.142578125em; color: #12284c; } .icon-magnifier .path1:before { content: "\e905"; color: #12284c; } .icon-magnifier .path2:before { content: "\e92a"; margin-left: -0.98828125em; color: #f5333f; } .icon-magnifier .path3:before { content: "\e92b"; margin-left: -0.98828125em; color: #12284c; } .icon-link .path1:before { content: "\e908"; color: #f5333f; } .icon-link .path2:before { content: "\e928"; margin-left: -1.0185546875em; color: #011e41; } .icon-facebook:before { content: "\e927"; color: #12284c; } .icon-instagram:before { content: "\e909"; color: #12284c; } .icon-linkedin:before { content: "\e907"; color: #12284c; } .icon-tiktok:before { content: "\e902"; color: #12284c; } .icon-twitter:before { content: "\e901"; color: #12284c; } .icon-youtube:before { content: "\e900"; color: #12284c; } .icon-accordion_icon:before { content: "\e937"; color: #12284c; } .icon-donate .path1:before { content: "\e936"; color: #011e41; } .icon-donate .path2:before { content: "\e93a"; margin-left: -0.96484375em; color: #f5333f; } .icon-donate .path3:before { content: "\e93b"; margin-left: -0.96484375em; color: #011e41; } .icon-funding .path1:before { content: "\e90b"; color: #f5333f; } .icon-funding .path2:before { content: "\e90c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path3:before { content: "\e90d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path4:before { content: "\e90e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path5:before { content: "\e90f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path6:before { content: "\e910"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path7:before { content: "\e911"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path8:before { content: "\e912"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path9:before { content: "\e913"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path10:before { content: "\e914"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path11:before { content: "\e915"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path12:before { content: "\e916"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path13:before { content: "\e917"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path14:before { content: "\e918"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path15:before { content: "\e919"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path16:before { content: "\e91a"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path17:before { content: "\e91b"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path18:before { content: "\e91c"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path19:before { content: "\e91d"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path20:before { content: "\e91e"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path21:before { content: "\e91f"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path22:before { content: "\e920"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path23:before { content: "\e921"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path24:before { content: "\e922"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path25:before { content: "\e923"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path26:before { content: "\e924"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path27:before { content: "\e925"; margin-left: -0.8525390625em; color: #011e41; } .icon-funding .path28:before { content: "\e926"; margin-left: -0.8525390625em; color: #011e41; } .icon-helping-hands .path1:before { content: "\e90a"; color: #011e41; } .icon-helping-hands .path2:before { content: "\e929"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path3:before { content: "\e93c"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path4:before { content: "\e93d"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path5:before { content: "\e93e"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path6:before { content: "\e93f"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path7:before { content: "\e940"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path8:before { content: "\e941"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path9:before { content: "\e942"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path10:before { content: "\e943"; margin-left: -0.6748046875em; color: #011e41; } .icon-helping-hands .path11:before { content: "\e944"; margin-left: -0.6748046875em; color: #f5333f; } .icon-link-white:before { content: "\e906"; color: #fff; } .icon-share .path1:before { content: "\e904"; color: #12284c; } .icon-share .path2:before { content: "\e945"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path3:before { content: "\e946"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path4:before { content: "\e947"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path5:before { content: "\e948"; margin-left: -1.0029296875em; color: #12284c; } .icon-share .path6:before { content: "\e949"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path7:before { content: "\e94a"; margin-left: -1.0029296875em; color: #f5333f; } .icon-share .path8:before { content: "\e94b"; margin-left: -1.0029296875em; color: #f5333f; } .icon-close:before { content: "\e99a"; color: #ff3501; } .nsDir-bg { background-color: #F2F2F2; } #national-societies-form { width: 100%; } #national-societies-form .ajax-progress-throbber { position: absolute; left: 0; top: 145px; width: 100%; height: 3000px; z-index: 600; margin-left: 0; margin-right: 0; display: block; background-color: #aaa; opacity: .7; } @media screen and (min-width: 68.75rem) { #national-societies-form .ajax-progress-throbber { top: 257px; } } #national-societies-form .ajax-progress-throbber .throbber { position: absolute; display: block; width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 130px; background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg"); z-index: 100; } #national-societies-form .ajax-progress-throbber .message { display: none; } @media screen and (min-width: 33.75rem) { #national-societies-form .chosen-container { position: absolute; z-index: 26; padding-top: 28px; min-width: 300px; } } #nsDir h2.heading { padding-top: 15px; } #nsDir .mdc-tab { height: 50px; overflow: hidden; } #nsDir .mdc-tab:lang(ar) { height: 80px; } #nsDir #edit-national-society { max-width: 370px; } @media screen and (min-width: 68.75rem) { #nsDir #edit-national-society { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #nsDir #edit-region { max-width: 61.667em; margin-left: auto; margin-right: auto; margin-top: 50px; } @media screen and (min-width: 33.75rem) { #nsDir #ns-list-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } } #nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society { position: inherit; margin: auto; z-index: 25; } #nsDir #map { display: none; } @media screen and (min-width: 33.75rem) { #nsDir #map { display: block; } } #nsDir .chosen-container .chosen-results { max-height: 204px; } #nsDir #edit-map { } @media screen and (min-width: 33.75rem) { #nsDir #edit-map { height: 400px; } } #nsDir #ns-contacts-container { background-color: #fff; padding: 0 2px 70px; } #nsDir #ns-contacts-container > div > div > div:first-child { font-weight: bold; font-size: 2rem; padding: 20px 0; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; } @media screen and (min-width: 68.75rem) { #nsDir #ns-contacts-container { padding: 0 70px 70px; } } #nsDir #ns-contacts-container .ns-contacts-wrapper { width: 100%; max-width: 61.667em; margin-left: auto; margin-right: auto; } #nsDir input[type="radio"] { color: red; max-height: 10px; min-height: 5px; } #nsDir input[type="radio"]:checked + h6 { background-color: #f5333f; } #nsDir input[type="radio"]:checked + h6 label { color: white; } #nsDir input[name=region] { display: none; } #nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline { display: none; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region { float: left; width: 19%; background: white; margin-right: 2px; margin-top: 0; margin-bottom: 0; margin-left: 0; flex: 1; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading { text-transform: uppercase; font-family: "Montserrat","Arial",sans-serif; font-style: normal; font-weight: 700; text-align: center; color: #172c58; margin: 0; min-height: 58px; padding: 17px 6px; width: 100%; z-index: 25; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) { line-height: 1.5; height: inherit; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label { font-weight: bold; font-size: 1rem; z-index: 25; width: 100%; padding: 50% 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: normal; } #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) { white-space: break-spaces; margin: 0; } #nsDir div.form-radios { background-color: transparent; height: auto; position: relative; z-index: 25; } #nsDir div.form-radios .mdc-tab { padding-right: 0; padding-left: 0; display: block; } #nsDir div.form-radios .mdc-tab__content { pointer-events: auto; } @media screen and (min-width: 68.75rem) { #nsDir div.form-radios { margin-top: -32px; margin-left: 70px; margin-right: auto; } } #nsDir div.form-radios { overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex; flex-direction: row; } #nsDir div.form-radios .js-form-type-radio { display: block; min-width: 170px; } .down .header .row { transform: translate3d(0,-100%,0); } @media screen and (min-width: 68.75rem) { .down .header .row { transform: none; } } .visually-hidden { visibility: hidden !important; } .container.header { height: 55px; margin: 0; width: 100%; } .container.header .row { display: block; position: fixed; background-color: #fff; transition: transform 0.25s 0.1s ease-in-out; } @media (max-width: 68.75rem) { .container.header .row { z-index: 300; } } @media screen and (min-width: 68.75rem) { .container.header .row { position: relative; } } @media screen and (min-width: 68.75rem) { .container.header { margin-left: auto; margin-right: auto; height: 88px; } } .container.header .dropdown-language-item.dropbutton { position: absolute; } .container.header input#edit-fulltext { height: 80%; padding: 0 0 0 20px; color: #12284c; outline: none; text-align: left; border: 0; border-bottom: solid 3px #dedede; font-family: "Montserrat","Arial",sans-serif; font-weight: bold; margin-left: auto; margin-right: auto; width: 70%; } .container.header input#edit-fulltext:lang(ar) { text-align: right; } #views-exposed-form-elastic-global-search-page { background-color: #ebebeb; } #views-exposed-form-elastic-global-search-page .form--inline { max-width: 61.667em; margin-left: auto; margin-right: auto; display: block; } #views-exposed-form-elastic-global-search-page #edit-fulltext { font-weight: bold; margin: 15px 0; } #views-exposed-form-elastic-global-search-page div#edit-actions { width: 20%; max-width: 130px; display: inline-block; } #views-exposed-form-elastic-global-search-page #edit-submit-elastic-global-search { margin: 19px 0; } span.language-link.active-language { display: block; background: transparent; position: relative; z-index: 50; margin-top: -2px; } div.region--branding { width: 180px; height: 55px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 68.75rem) { div.region--branding { margin: 0; min-width: 180px; height: 88px; } div.region--branding img.site-logo { margin-top: 0; display: block; } } div.region--branding .site-branding--logo { padding-top: 4px; } @media screen and (min-width: 68.75rem) { div.region--branding .site-branding--logo { padding-top: 0; } } div.region--branding .site-logo { margin-top: -15px; } #donateTopButton, .region---donate { padding: 0; } @media screen and (min-width: 68.75rem) { #donateTopButton, .region---donate { margin-top: 0 !important; } } @media screen and (min-width: 68.75rem) { #donateTopButton .onlyMobile, .region---donate .onlyMobile { display: none; } } #donateTopButton .icon-donate-coin, .region---donate .icon-donate-coin { font-size: 2rem; padding-top: 9px; display: block; } @media screen and (min-width: 68.75rem) { #donateTopButton .icon-donate-coin, .region---donate .icon-donate-coin { display: none; } } #donateTopButton .button { border: 1; background-repeat: no-repeat; padding-top: 30px; border: 0; display: none; } @media screen and (min-width: 68.75rem) { #donateTopButton .button { display: block; } } #donateTopButton .button:hover { background-color: #f5333f; } @media screen and (min-width: 68.75rem) { #donateTopButton .button:hover { border-color: #f5333f; background-image: none; background-color: #f5333f; } } @media screen and (min-width: 68.75rem) { #donateTopButton .button { position: relative; background-image: none; padding-top: 14px; font-size: 0.9444rem; border: solid 2px #f5333f; } } div.navbar-toggle.collapsed { width: 50px; } #donateTopButton { position: absolute; right: 0; top: 5px; margin: -4px 15px 0 0 !important; } @media screen and (min-width: 68.75rem) { #donateTopButton { margin: 11px 15px 0 0 !important; } } #donateTopButton a:link, #donateTopButton a:visited { text-decoration: none; } [dir="rtl"] #donateTopButton { margin: -4px 0 0 15px !important; left: 0; right: unset; } @media screen and (min-width: 68.75rem) { [dir="rtl"] #donateTopButton { margin: 11px 0 15px !important; } } .magnifierContainer { text-align: right; margin-top: 25px; font-size: xx-large; display: none; padding-right: 20px; } @media screen and (min-width: 68.75rem) { .magnifierContainer { display: block; } } .magnifierContainer .icon-close { position: relative; top: -5px; } .magnifierContainer.ifrcui { padding-top: 5px; position: absolute; right: 185px; top: 0; z-index: 5; } [dir="rtl"] .magnifierContainer.ifrcui { left: 185px; right: unset; } .mburger.mburger--collapse { margin-top: -15px; } .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover { background-color: #DDDDDD; } #searchTrigger { cursor: pointer; } .toMagnifier { height: 0; display: none; position: absolute; z-index: 1; } .toMagnifier::before { position: relative; left: 873px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 23px solid #ebebeb; top: 0px; } @media screen and (min-width: 68.75rem) { .toMagnifier::before { content: ''; top: -43px; } } #headerSearchBox { display: none; } @media screen and (min-width: 68.75rem) { #headerSearchBox.active { display: block; } #headerSearchBox .container { position: absolute; z-index: 55; top: 46px; } #headerSearchBox .js-form-item-fulltext { width: 80%; } } #headerSearchBox .region-searchbox .form--inline .form-actions { clear: none; float: left; margin: 16px 0; } #headerSearchBox #views-exposed-form-elastic-global-search-page #edit-submit-elastic-global-search { margin: 17px 0; } ::-webkit-input-placeholder { color: #12284c; } .tabs-container { background: #DDDDDD; } .tabs a { padding: 1em 2em; } [dir="rtl"] .dropbutton-multiple .dropbutton { border-right: 0 none; border-left: 0 none; } .js[dir="rtl"] .dropbutton-multiple .dropbutton-widget { padding-right: 0; padding-left: 0; } .dropdown-language-item.dropbutton { border: none; } .js .dropbutton-widget, .js .dropbutton-wrapper { display: block; z-index: 51; cursor: pointer; } .js .dropbutton-widget { border: none; } .dropbutton-action { width: 110px; } .dropbutton-action { font-size: 1rem; font-weight: bold; color: #12284c; } .region.region-follow { padding: 13px 0; } .dropbutton-toggle { display: none !important; } .js .dropbutton-multiple .dropbutton-widget { padding: 0; width: 110px; } [dir="ltr"] .dropbutton-action::after { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 10px; position: absolute; right: 5px; top: 10px; transform: translateY(-50%); transition: transform 300ms ease-in-out; width: 10px; will-change: transform; } [dir="rtl"] .dropbutton-action::before { background-image: url(/themes/custom/ifrc_theme/dist/images/accordion_icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 10px; position: absolute; left: 5px; top: 10px; transform: translateY(-50%); transition: transform 300ms ease-in-out; width: 10px; will-change: transform; } .dropbutton .secondary-action { border-top: none; padding: 10px 5px; background-color: #ebebeb; } .dropbutton .secondary-action a { text-decoration: none; } .dropbutton .secondary-action:hover { background-color: #12284c; } .dropbutton .secondary-action:hover a { color: #ffffff; } .dropbutton-action:first-of-type { margin-bottom: 10px; } .region.region-follow { position: absolute; right: 248px; top: 22px; } @media screen and (max-width: 68.75rem) { .region.region-follow { display: none; } } [dir="rtl"] .region.region-follow { right: unset; left: 248px; } header .region-navigation.searchOn { /* transition: padding-top 0.30s ease-out; */} .header { background-color: white !important; } .topLvl { justify-content: center !important; } .braintree-card.braintree-form.braintree-sheet { padding: 25px; }