/* Minification failed. Returning unminified contents. (2852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2854,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2884,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (2893,14): run-time error CSS1039: Token not allowed after unary operator: '-fo-size-layout' (2908,30): run-time error CSS1046: Expect comma, found '0' (2908,34): run-time error CSS1046: Expect comma, found '/' (2911,14): run-time error CSS1039: Token not allowed after unary operator: '-fo-size-layout' (3159,19): run-time error CSS1039: Token not allowed after unary operator: '-fo-menu-font-size' (3257,18): run-time error CSS1039: Token not allowed after unary operator: '-fo-menu-font-size' (3300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3341,19): run-time error CSS1039: Token not allowed after unary operator: '-fo-menu-font-size' (3380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4963,40): run-time error CSS1046: Expect comma, found '0' (4963,44): run-time error CSS1046: Expect comma, found '/' (5101,40): run-time error CSS1046: Expect comma, found '0' (5101,44): run-time error CSS1046: Expect comma, found '/' (5112,41): run-time error CSS1046: Expect comma, found '0' (5112,45): run-time error CSS1046: Expect comma, found '/' (5254,42): run-time error CSS1046: Expect comma, found '0' (5254,46): run-time error CSS1046: Expect comma, found '/' (5291,41): run-time error CSS1046: Expect comma, found '0' (5291,45): run-time error CSS1046: Expect comma, found '/' (5376,41): run-time error CSS1046: Expect comma, found '0' (5376,45): run-time error CSS1046: Expect comma, found '/' (5486,38): run-time error CSS1046: Expect comma, found '255' (5486,46): run-time error CSS1046: Expect comma, found '/' (6323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6625,26): run-time error CSS1030: Expected identifier, found ',' (6625,45): run-time error CSS1031: Expected selector, found ')' (6625,45): run-time error CSS1025: Expected comma or open brace, found ')' (6643,26): run-time error CSS1030: Expected identifier, found ',' (6643,45): run-time error CSS1031: Expected selector, found ')' (6643,45): run-time error CSS1025: Expected comma or open brace, found ')' (6686,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8539,27): run-time error CSS1039: Token not allowed after unary operator: '-titleColor' (10523,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10524,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10525,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10526,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10819,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11186,30): run-time error CSS1046: Expect comma, found '0' (11186,34): run-time error CSS1046: Expect comma, found '/' (11939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11955,27): run-time error CSS1039: Token not allowed after unary operator: '-bgNavLinkColor' (11956,16): run-time error CSS1039: Token not allowed after unary operator: '-navLinkColor' (11961,28): run-time error CSS1039: Token not allowed after unary operator: '-bgNavLinkHoverColor' (11962,17): run-time error CSS1039: Token not allowed after unary operator: '-navLinkHoverColor' (12018,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg' (12502,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family' (12502,79): run-time error CSS1039: Token not allowed after unary operator: '-fa-style' (12502,250): run-time error CSS1039: Token not allowed after unary operator: '-fa-display' (12502,1171): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin' (12502,1257): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (12502,1327): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (12502,1395): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius' (12502,1431): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width' (12502,1460): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style' (12502,1489): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color' (12502,1525): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding' (12502,1605): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (12502,1671): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (12502,1785): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,1830): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,1887): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,1944): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,2008): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,2059): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,2125): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,2196): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,2275): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,2340): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,2472): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,2517): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,2574): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,2631): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,2695): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,2746): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,2812): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,2883): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,2962): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,3043): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,3195): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,3266): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,3345): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,3422): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,3520): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,3565): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,3622): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,3679): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,3743): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,3794): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,3938): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,4009): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,4088): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,4165): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,4303): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,4348): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,4405): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,4462): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,4526): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,4577): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,4643): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,4714): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,4793): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,4858): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,4990): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,5041): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,5107): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,5178): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,5257): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,5317): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,5394): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,5439): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (12502,5496): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,5553): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,5680): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,5731): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,5797): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,5868): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,5947): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,6007): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,6053): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12502,6198): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,6255): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (12502,6319): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,6370): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (12502,6436): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,6507): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (12502,6586): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,6648): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (12502,7198): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (12502,7241): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (12502,7369): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (12502,7412): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (12502,7574): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (12502,7609): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (12502,7674): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (12502,7709): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (12502,7786): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (12502,7819): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (12502,7865): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (12502,7912): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (12502,7945): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (12502,7991): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (12502,8050): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (12502,8085): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (12502,8150): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (12502,8185): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (12502,8276): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (12502,8340): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (12502,8656): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (12502,8691): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (12502,8756): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (12502,8791): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (12502,8868): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (12502,8901): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (12502,8947): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (12502,8994): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (12502,9027): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (12502,9073): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (12502,9132): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (12502,9167): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (12502,9232): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (12502,9267): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (12502,9358): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (12502,9422): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (12502,9651): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (12502,9709): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (12502,9782): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (12502,9897): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (12502,9946): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (12502,10018): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (12502,10133): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (12502,10182): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (12502,10274): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (12502,10293): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (12502,10312): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (12502,10331): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (12502,10380): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (12502,10399): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (12502,10418): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (12502,10437): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (12502,10518): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (12502,10537): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (12502,10556): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (12502,10575): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (12502,10624): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (12502,10643): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (12502,10662): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (12502,10681): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (12502,12642): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (12502,12688): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (12502,12915): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index' (12502,13022): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse' (12511,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12511,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12517,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12517,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12520,1): run-time error CSS1019: Unexpected token, found '@import' (12520,9): run-time error CSS1019: Unexpected token, found 'url(/Content/https:/fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;1,700&display=swap)' (12521,1): run-time error CSS1019: Unexpected token, found '@import' (12521,9): run-time error CSS1019: Unexpected token, found 'url(/Content/https:/fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100..700&display=swap)' (12524,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12525,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12526,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12527,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12528,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12529,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12530,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12531,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12532,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12535,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12536,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12537,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12538,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12539,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12540,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12541,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12542,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12543,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12555,19): run-time error CSS1039: Token not allowed after unary operator: '-navyD' (12558,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-dermatools' (12561,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-formoffice' (12564,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-tt-gpa' (12567,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-pridd' (12570,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-localhost' (12582,15): run-time error CSS1036: Expected expression, found '<' (12585,74): run-time error CSS1019: Unexpected token, found ' ' (12585,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12591,74): run-time error CSS1019: Unexpected token, found ' ' (12591,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12597,19): run-time error CSS1039: Token not allowed after unary operator: '-navyD' (12601,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-dermatools' (12604,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-formoffice-gradient' (12607,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-pridd-gradient' (12610,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-tt-gpa-gradient' (12613,19): run-time error CSS1039: Token not allowed after unary operator: '-bg-localhost' (12641,47): run-time error CSS1046: Expect comma, found '117' (12641,53): run-time error CSS1046: Expect comma, found ')' (12644,48): run-time error CSS1046: Expect comma, found '9' (12644,52): run-time error CSS1046: Expect comma, found ')' (12650,48): run-time error CSS1046: Expect comma, found '65' (12650,54): run-time error CSS1046: Expect comma, found ')' (12653,47): run-time error CSS1046: Expect comma, found '141' (12653,54): run-time error CSS1046: Expect comma, found ')' (12656,47): run-time error CSS1046: Expect comma, found '72' (12656,53): run-time error CSS1046: Expect comma, found '/' (12671,48): run-time error CSS1046: Expect comma, found '128' (12671,54): run-time error CSS1046: Expect comma, found ')' (12674,48): run-time error CSS1046: Expect comma, found '9' (12674,52): run-time error CSS1046: Expect comma, found ')' (12677,48): run-time error CSS1046: Expect comma, found '204' (12677,55): run-time error CSS1046: Expect comma, found ')' (12683,47): run-time error CSS1046: Expect comma, found '72' (12683,53): run-time error CSS1046: Expect comma, found '/' (12692,21): run-time error CSS1039: Token not allowed after unary operator: '-sans' (12736,21): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12748,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (12754,17): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12758,22): run-time error CSS1039: Token not allowed after unary operator: '-mono' (12769,21): run-time error CSS1039: Token not allowed after unary operator: '-mono' (12771,15): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12785,21): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12820,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (12827,16): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12861,21): run-time error CSS1039: Token not allowed after unary operator: '-mono' (12931,19): run-time error CSS1039: Token not allowed after unary operator: '-white' (12947,20): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12950,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-formoffice' (12953,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-tt-gpa' (12988,21): run-time error CSS1039: Token not allowed after unary operator: '-orange' (12996,22): run-time error CSS1039: Token not allowed after unary operator: '-sans' (12997,17): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13001,18): run-time error CSS1039: Token not allowed after unary operator: '-orange' (13005,23): run-time error CSS1039: Token not allowed after unary operator: '-mono' (13007,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (13032,14): run-time error CSS1039: Token not allowed after unary operator: '-orange' (13050,16): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13054,16): run-time error CSS1039: Token not allowed after unary operator: '-gray' (13064,22): run-time error CSS1039: Token not allowed after unary operator: '-sans' (13066,16): run-time error CSS1039: Token not allowed after unary operator: '-gray' (13067,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-login' (13102,16): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13110,22): run-time error CSS1039: Token not allowed after unary operator: '-sans' (13112,16): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13113,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-login' (13124,24): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13125,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (13136,22): run-time error CSS1039: Token not allowed after unary operator: '-sans' (13139,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (13140,21): run-time error CSS1039: Token not allowed after unary operator: '-orange' (13154,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-formoffice' (13157,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-tt-gpa' (13160,21): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13168,16): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13169,21): run-time error CSS1039: Token not allowed after unary operator: '-grayXL' (13173,16): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13175,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (13209,19): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13218,19): run-time error CSS1039: Token not allowed after unary operator: '-gray' (13228,20): run-time error CSS1039: Token not allowed after unary operator: '-grayL' (13241,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-formoffice' (13244,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-tt-gpa' (13245,40): run-time error CSS1046: Expect comma, found '13' (13245,47): run-time error CSS1046: Expect comma, found '/' (13248,26): run-time error CSS1039: Token not allowed after unary operator: '-navy' (13249,39): run-time error CSS1046: Expect comma, found '43' (13249,45): run-time error CSS1046: Expect comma, found '/' (13254,25): run-time error CSS1039: Token not allowed after unary operator: '-grayXL' (13256,39): run-time error CSS1046: Expect comma, found '183' (13256,47): run-time error CSS1046: Expect comma, found '/' (13261,39): run-time error CSS1046: Expect comma, found '190' (13261,46): run-time error CSS1046: Expect comma, found ')' (13298,22): run-time error CSS1039: Token not allowed after unary operator: '-grayL' (13309,27): run-time error CSS1039: Token not allowed after unary operator: '-mono' (13319,7): run-time error CSS1019: Unexpected token, found '@keyframes' (13320,13): run-time error CSS1035: Expected colon, found '{' (13331,7): run-time error CSS1019: Unexpected token, found '@keyframes' (13332,13): run-time error CSS1035: Expected colon, found '{' */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 100; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /*========= FORM BUILDER LAYOUT CSS =========== */ /* francisco.mas@swiss4ward.com ==========*/ :root { --bs-font-sans-serif: "Noto Sans", sans-serif; --fo-size-layout: 92%; --fo-menu-font-size: 14px; } /* ================ NOTO SANS ================== */ @font-face { font-family: 'Noto Sans'; src: url(/fonts/notosans-regular.ttf) format('truetype'), url(/fonts/notosans-regular.woff2) format('woff2'), url(/fonts/notosans-regular.woff) format('woff'); font-weight: normal; } @font-face { font-family: 'Noto Sans'; src: url(/fonts/notosans-semibold.ttf) format('truetype'), url(/fonts/notosans-semibold.woff2) format('woff2'), url(/fonts/notosans-semibold.woff) format('woff'); font-weight: 600; } @font-face { font-family: 'Noto Sans'; src: url(/fonts/notosans-bold.ttf) format('truetype'), url(/fonts/notosans-bold.woff2) format('woff2'), url(/fonts/notosans-bold.woff) format('woff'); font-weight: bold; } /*============= Common Layout styles ================= */ /* Hidden horizontal scroll and reset body*/ html, body { height: auto; } /* Reset colors background and typo */ body:not(.public), body.login-logonselectproject-projectstyle { font-family: var(--bs-font-sans-serif); background: #F6F7F8; padding: 0 !important; font-size: 13px; color: #707070; overflow-x: hidden; } /* Resize content all usable space */ #wrapper, .public.login-logonselectproject-projectstyle #wrapper { width: var(--fo-size-layout); margin: 0 auto; max-width: none; } /* =========== Header Bar and Menu Not Public ================== */ .header-bar, .public.login-logonselectproject-projectstyle .header-bar { background-color: #ffffff; border-radius: 4px; padding: 0; height: 85px; margin: 0 auto 0 auto; border-top: 5px solid #f6f7f8; /*border-bottom: 10px solid #f6f7f8;*/ box-shadow: 0 1px 4px rgb(0 0 0 / 8%); /*border: 1px solid;*/ position: fixed; width: var(--fo-size-layout); top: 0; left: 0; right: 0; z-index: 102; } .header-bar .navbar.navbar-static-top, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; max-width: none; padding: 5px; height: 80px; border-radius: 5px; } /* =========== Content when Header Fixed ================== */ .header-bar ~ .wrapper.wrapper-content, .public.login-logonselectproject-projectstyle .header-bar ~ .wrapper.wrapper-content { margin-top: 95px; } .header-bar .navbar.navbar-static-top .navbar-header, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header { /*border: 1px solid;*/ height: 70px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 0; padding: 0; width: 20%; flex: 0 1 20%; max-width: 270px; } .header-bar .navbar.navbar-static-top .navbar-header-shrink, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header-shrink { max-width: 220px; } /* =========== Header --> brand / Logo ================== */ .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand { /*border: 1px solid;*/ padding: 0; height: auto; float: left; max-height: 70px; display: inline-flex; align-items: center; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link { width: 58%; flex: 1 0 58%; margin: 0 0 0 10px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link-expand, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link-expand { width: 95%; flex: 1 0 95%; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link-community, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link-community { width: 42%; flex: 0 1 42%; border-left: 1px solid #505050; padding-left: 10px; margin-right: 0px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo { position: relative; width: 100%; height: 100%; max-width: 145px; max-height: 60px; border-radius: 8px; display: flex; justify-content: center; background-color: #CA3738; align-items: center; color: #fff; padding-left: 25px; font-family: Consolas; font-size: 38px; font-style: italic; font-weight: bold; line-height: 20px; text-align: center; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo .navbar-brand-star { font-size: 64px; position: absolute; left: 28px; top: 20px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand img { max-width: 100%; padding: 0px 8px 0 0; max-height: 75px; margin: 0 0 0 0; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* =========== Header --> Mobile hamburger Icon ================== */ .header-bar .navbar.navbar-static-top .icon-mobile-nav { position: absolute; right: 8px; top: 8px; display: none; } .header-bar .navbar.navbar-static-top .icon-mobile-nav button { color: #CA3738; background-color: transparent; font-size: 20px; border: 0; border-radius: 4px; } .header-bar .navbar.navbar-static-top .icon-mobile-nav button:hover { color: #5a1212; } .header-bar .navbar.navbar-static-top .icon-mobile-nav button .fa-solid.fa-bars { font-size: 26px; } /* =========== Header --> Mobile hamburger Icon only down 1024 ================== */ @media(max-width:1024px) { .header-bar .navbar.navbar-static-top .icon-mobile-nav { display: block; } } /* fo-logo responsive */ @media(max-width:768px) { .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo { padding-left: 26px; font-size: 43px; font-weight: bold; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo .navbar-brand-star { font-size: 60px; left: 10px; top: 18px; } } @media(max-width:480px) { .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo { max-height: 46px; padding-left: 16px; font-size: 22px; font-weight: bold; line-height: 20px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .fo-logo .navbar-brand-star { font-size: 34px; left: 5px; top: 12px; } } /* =========== Header --> Menu Group ================== */ .header-bar .navbar.navbar-static-top .header-menu { max-width: none; flex: 1 0 80%; } /* =========== Header --> Menu Group --> Menu user ================== */ .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-user { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; height: 30px; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right { /*border: 1px solid;*/ margin: 0; flex-direction: row; justify-content: flex-end; flex-wrap: nowrap; width: 100%; padding: 0; } /* =========== Header --> Menu Group --> Menu colapsing ================== */ .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapse.show, .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapsing { flex-basis: auto; flex-grow: 1; /*border: 1px solid;*/ max-height: 60px; } /* =========== Header --> Menu Group --> Menu mobile ================== */ .header-bar .navbar.navbar-static-top .header-menu .main-menu-mobile { display: none; } /* =========== Header --> Menu Group --> Menu Desktop ================== */ .header-bar .navbar.navbar-static-top .header-menu .main-menu { width: 100%; display: flex; padding-top: 2px; flex-direction: row; height: 30px; margin-top: 3px; flex-wrap: wrap; } /* =========== Header --> Menu Group --> Menu Desktop direction ================== */ .header-bar .navbar.navbar-static-top .header-menu .main-menu .navbar-nav { flex-direction: row; } /* =========== Header --> Menu Group --> Menu Desktop list links ================== */ .header-bar .navbar.navbar-static-top .header-menu .main-menu .nav.navbar-nav.navbar-top-links { display: flex; flex-direction: row; align-items: center; max-width: 100%; padding: 0; flex: 1 0 100%; /*border: 1px solid;*/ } /* ================= Header --> Menu Group --> Navigation nav =============== */ .nav > li { margin: 0 2px; } .nav.navbar-right > li { margin: 0 10px; } .nav.navbar-right > li:not(.dropdown) { height: 40px; } .nav > li > a, .nav.navbar-right > li a { font-size: var(--fo-menu-font-size); cursor: pointer; padding: 5px 6px; font-weight: 600; color: #505050; text-decoration: none; } .nav.navbar-right > li a.profile { display: block; padding: 3px 0 3px 0; line-height: 14px; } .profile-center { display: block; font-size: 12px; } .nav.navbar-right > li img { left: 6px; top: 1px; width: 20px; padding: 0; pointer-events: none; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .nav.navbar-right > li .dropdown-toggle::after { margin-left: 0.1em; } .nav > li:not(.dropdown)::after { content: ''; display: block; width: 0 !important; position: relative; bottom: -2px; height: 3px; background-color: #ca3738; } .nav > li:hover a, .nav > li.active a, .nav > li:focus a, .nav > li:hover .dropdown-toggle::after { color: #ca3738; transition: all 0.4s ease; } .nav > li::after { transition: all 0.4s ease; } .nav > li:hover::after, .nav > li.active::after, .nav > li:focus::after { width: 100% !important; } .nav > li > a.dropdown-toggle { padding: 5px 5px 1px 5px; } .dropdown-menu::-webkit-scrollbar { width: 8px; border-radius: 4px; } .dropdown-menu::-webkit-scrollbar-track { background-color: #ffffff; } .dropdown-menu::-webkit-scrollbar-thumb { background-color: #bcbcbc; } .dropdown-menu::-webkit-scrollbar-button { background-color: #bcbcbc; } .dropdown-menu::-webkit-scrollbar-button:hover, .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #ababab; } .dropdown-menu::-webkit-scrollbar-corner { background-color: black; } /* Language Selector*/ .language-selector .dropdown-toggle { display: flex; align-items: center; justify-content: center; font-size: var(--fo-menu-font-size); font-weight: 600; cursor: pointer; min-width: 100px; } .language-selector .current-language { display: flex; align-items: center; padding: 0 !important; } .language-selector .current-language i { font-size: 15px; } .language-selector .current-language span { padding: 0 6px; } .language-selector a { text-decoration: none; color: #505050; } .language-selector .dropdown-toggle:hover, .language-selector .dropdown-toggle:hover a { color: #ca3738; } .language-selector .dropdown-toggle.show, .language-selector .dropdown-toggle.show a { color: #ca3738; } .language-selector .dropdown-toggle::after { margin-left: 0; } .language-list { min-width: auto; margin: 4px 0 0 0; padding: 0; --bs-dropdown-border-color: transparent; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); width: 100px; max-height: 600px; border: 0; background: white; border-radius: 8px; } .language-list.one-lang li { border-radius: 6px; } .language-list.multi-lang li:first-child { border-radius: 6px 6px 0 0; } .language-list.multi-lang li:last-child { border-radius: 0 0 6px 6px; } .language-list li { width: 100%; text-align: center; transition: background-color 0.4s ease; font-size: 13px; padding: 0; position: relative; } .language-list img { top: 4px; } .language-list li a { display: block; width: 100%; height: 100%; text-decoration: none; color: #505050; margin: 0; font-size: var(--fo-menu-font-size); cursor: pointer; padding: 6px 6px; font-weight: 600; } .language-list li:hover { background-color: #ca3738; transition: background-color 0.4s ease; } .language-list li:hover a { color: #ffffff; transition: color 0.4s ease; } .nav > li.dropdown ul.dropdown-menu li a { color: #505050; } .nav > li.dropdown ul.dropdown-menu li:hover a { color: #ffffff; } /* =========== Header < 1400px Responsive ======================================= */ @media(max-width:1440px) { .nav > li > a, .nav.navbar-right > li a { padding: 5px 4px; } } @media(max-width:1366px) { .nav > li > a, .nav.navbar-right > li a { padding: 5px 3px; } } @media(max-width:1280px) { :root { --fo-size-layout: 98%; --fo-menu-font-size: 13px; } } @media(max-width:1024px) { .header-bar, .public.login-logonselectproject-projectstyle .header-bar { margin: 0; height: 95px; width: 100%; } .header-bar ~ .wrapper.wrapper-content, .public.login-logonselectproject-projectstyle .header-bar ~ .wrapper.wrapper-content { margin-top: 105px; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-user { margin-top: -20px; padding-right: 40px; } .header-bar .navbar.navbar-static-top .navbar-header, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header { flex: 0 1 25%; } .header-bar .navbar.navbar-static-top .header-menu { max-width: 75%; flex: 0 0 75%; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand img { max-width: 100%; margin: 0px 0 0 0; padding: 0px 10px 0 0; max-height: 75px; margin-top: 0px; } } /* Ipad Air - Ipan Mini */ @media(max-width:850px) { .header-bar .navbar.navbar-static-top .navbar-header, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header { flex: 0 1 30%; } .header-bar .navbar.navbar-static-top .header-menu { max-width: 70%; flex: 0 0 70%; } .nav.navbar-right > li { margin: 0 3px; } .nav > li > a, .nav.navbar-right > li a { padding: 5px 2px; } } @media(max-width:650px) { .header-bar, .public.login-logonselectproject-projectstyle .header-bar { border: 0; } .header-bar .navbar.navbar-static-top .navbar-header { flex: 1 0 60%; max-height: 42px; } .header-bar .navbar.navbar-static-top, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top { padding: 0 5px; height: 42px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand.logo-link { margin: 0; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand img { max-width: 95%; max-height: 90%; padding: 5% 5% 5% 0; } .header-bar .navbar.navbar-static-top .header-menu { max-width: 100%; flex: 0 0 100%; } .header-bar .navbar.navbar-static-top { align-items: center; } .header-bar .navbar.navbar-static-top .navbar-header .navbar { align-items: start; margin: 5px 0 15px 0; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-user { margin-top: 0; padding-right: 0px; /* padding-right: 40px; no public */ } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right { /*border: 1px solid;*/ margin: 5px 0 0 0; flex-wrap: wrap; width: 84%; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right > li:not(.dropdown) { height: 30px; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right li.dropdown { min-width: 30%; margin: 0 -2px 0 8px; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right li.dropdown .language-selector { position: absolute; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right li.li-profile { min-width: 30%; max-width: 60%; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right li.li-profile .profile-user { max-width: 100%; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; } .header-bar .navbar.navbar-static-top .header-menu .nav.navbar-nav.navbar-right li.li-switch-project { margin: 0 10px; } } /* ===================== LOGIN SELECT PROJECT ======================= */ .login-logonselectproject-projectstyle .header-bar { } .login-select-project { font-size: 13px; font-weight: 500; padding-left: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; } .login-select-project .select-project { margin: 0 0 5px 0; height: 100%; /*display:flex;*/ } .login-select-project .select-project button { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 4px; width: 95%; margin: 0; padding: 0; position: relative; margin-bottom: 10px; } .login-select-project .select-project .select-project-img { height: 80px; text-align: center; } .login-select-project .select-project .select-project-img img { width: auto; max-height: 100%; padding: 8px 0; height: auto; max-width: 90%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); pointer-events: none; } .login-select-project .select-project .project-courtain { position: absolute; display: block; left: 0; top: 0; right: 0; height: 80px; /*80%;*/ z-index: 1; opacity: 0; background-color: #fcfcfcde; pointer-events: none; transition: all 0.4s ease; } .login-select-project .select-project i { opacity: 0; position: relative; font-size: 50px; top: 50%; transform: translate(-50%, -50%); left: 0; color: #3a7d8a; padding: 5px; pointer-events: none; transition: all 0.4s ease; } .login-select-project .select-project .logo-image-switch { max-width: 90%; max-height: 90px; padding: 0 5%; margin: 0 auto; } .login-select-project .select-project span { display: block; background-color: #f3f3f3; font-size: 13px; line-height: 13px; padding: 2px 5px; font-weight: 600; border-radius: 0; margin: 5px 15px 5px 15px; word-break: break-all; } .login-select-project .select-project:hover span { background-color: #3a7d8a; color: #ffffff; transition: all 0.4s ease; } .login-select-project .select-project:hover .project-courtain { opacity: 1; transition: all 0.3s ease; } .login-select-project .select-project:hover i { opacity: 1; transform: translate(0%, -50%); transition: all 0.3s ease; } /* ============ CONTENT ============= */ .public-wrapper-content { background-color: #ffffff; border-radius: 4px; padding: 15px; } .wrapper-content { background-color: transparent; padding: 0; } .body-content { background-color: transparent; padding: 0; margin: 0; } .body-content > .row { background-color: #ffffff; margin: 0 0 10px 0; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,8%); padding: 5px 0; } /* ============ COMMON CONTENTS ============== */ h1, h2, h3, h4, h5, h6 { font-weight: 100; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } h3, h4, h5 { margin-top: 5px; font-weight: 600; } /* ============= COMMON BUTTONS =============== */ .btn { line-height: 1.35; font-size: 13px; font-weight: bold; margin: 2px 0; min-width: 40px; min-height: 32px; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; position: relative; padding: 0; border-radius: 3px; width: auto; -webkit-transition: color 0.3s; transition: color 0.3s; } .btn i { pointer-events: none; } /* effect down courtain color in buttons*/ .btn::after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; background: #db8b00; pointer-events: none; } /* fix input/submit buttons (with span)*/ .btn > input { background-color: transparent; border: 0; font-weight: 600; color: #fff; margin: 0; padding: 6px 15px; width: 100%; min-width: 75px; /* border: 1px solid; */ height: 100%; position: relative; min-height: 30px; } .btn > a { text-decoration: none; display: flex; width: 100%; min-height: 33px; height: 100%; /*border: 1px solid;*/ justify-content: center; align-items: center; padding: 0; } a.btn { padding: 6px 12px; } .btn > input:hover { border: 0; } .btn:focus { outline: 0; box-shadow: none; } /* fix button normal size */ .btn:not(.btn-bar) { min-width: 75px; } /*fix real button without a or input*/ button.btn { padding-left: 15px; padding-right: 15px; } /* fix for buttons with icon fa */ .btn:not(.btn-bar) .fa-solid { margin-right: 10px; } /* fix icon button data monitor*/ .query-btns-container .btn .fa-solid { margin-right: 0px; } .system-formElement-options .btn .fa-solid, .system-area-options .btn .fa-solid { margin-right: 0; } /* fix for big buttons size */ .btn.btn-big { width: 180px; } /* fix for full buttons size */ .btn.btn-full { width: 100%; } .btn.btn-disabled, btn.disabled, btn[disabled] { background-color: #1dc5a3; border-color: #1dc5a3; color: gray; } .table .btn:before { position: absolute; font-family: "Font Awesome 6 Free"; color: #ffffff; font-size: 16px; pointer-events: none; } .btn.btn-icon:before { position: absolute; font-family: "Font Awesome 6 Free"; color: #ffffff; font-size: 16px; left: 10px; } /* btn primary */ .btn-primary { background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #18a689; border-color: #18a689; color: #FFFFFF; } /* btn success */ .btn-success { background-color: #1c84c6; border-color: #1c84c6; color: #FFFFFF; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #1a7bb9; border-color: #1a7bb9; color: #FFFFFF; } /* btn info */ .btn-info { background-color: #23c6c8; border-color: #23c6c8; color: #FFFFFF; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #21b9bb; border-color: #21b9bb; color: #FFFFFF; } /* btn default */ .btn-default { background-color: #c2c2c2; border-color: #c2c2c2; color: #FFFFFF; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #878787; border-color: #878787; color: #FFFFFF; } /* btn navigation */ .btn-navigation { background-color: #909090; border-color: #5e5e5e; color: #FFFFFF; } .btn-navigation:hover, .btn-navigation:focus, .btn-navigation:active, .btn-navigation.active, .open .dropdown-toggle.btn-navigation { background-color: #bdbdbd; border-color: #777777; color: #FFFFFF; } /* btn navigation current */ .btn-navigation-current { background-color: #ffffff; border-color: #454545; color: #222222; } .btn-navigation-current:hover, .btn-navigation-current:focus, .btn-navigation-current:active, .btn-navigation-current.active, .open .dropdown-toggle.btn-navigation-current { background-color: #f3f3f3; border-color: #777777; color: #000000; } /* btn warning */ .btn-warning { background-color: #f8ac59; border-color: #f8ac59; color: #FFFFFF; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #f7a54a; border-color: #f7a54a; color: #FFFFFF; } /* btn danger */ .btn-danger { background-color: #E63946; border-color: #E63946; color: #FFFFFF; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #A4161A; border-color: #A4161A; color: #FFFFFF; } /* btn link */ .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #1ab394; text-decoration: none; } /* btn white */ .btn-white { color: inherit; background: white; border: 1px solid #e7eaec; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: inherit; border: 1px solid #d2d2d2; } .btn-white:active, .btn-white.active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } /* btn red */ .btn-red { background-color: #CA3738; border-color: #CA3738; color: #FFFFFF; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background-color: #b92627; border-color: #b92627; color: #FFFFFF; } /* =============== BTN EDIT (orange) =============== */ .btn.btn-edit { border: 1px solid #52B788; background: #52B788; color: #ffffff; z-index: 0; } .btn.btn-edit a { color: #ffffff; } .btn.btn-edit::after { background: #40916C; } .btn.btn-edit:hover, .btn.btn-edit:focus { color: #FFFFFF; border: 1px solid #40916C; transition: all 0.3s ease; } .btn.btn-edit:hover:after, .btn.btn-edit:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN FINISING / SAVE =============== */ .btn.btn-save { border: 1px solid #52B788; background: #52B788; color: #ffffff; z-index: 0; } .btn.btn-save a { color: #ffffff; } .btn.btn-save::after { background: #40916C; } .btn.btn-save:hover, .btn.btn-save:focus { color: #FFFFFF; border: 1px solid #40916C; transition: all 0.3s ease; } .btn.btn-save:hover::after, .btn.btn-save:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN SEND =============== */ .btn.btn-send { border: 1px solid #a8a8a8; background: #a8a8a8; color: #ffffff; z-index: 0; } .btn.btn-send a { color: #ffffff; } .btn.btn-send::after { background: #274c77; } .btn.btn-send:hover, .btn.btn-send:focus { color: #FFFFFF; border: 1px solid #274c77; transition: all 0.3s ease; } .btn.btn-send:hover::after, .btn.btn-send:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN CANCEL =============== */ .btn.btn-cancel { border: 1px solid #ADB5BD; background: #ADB5BD; color: white; z-index: 0; } .btn.btn-cancel a { color: white; } .btn.btn-cancel::after { background: #6C757D; } .btn.btn-cancel:hover, .btn.btn-cancel:focus { color: white; border: 1px solid #6C757D; transition: all 0.3s ease; } .btn.btn-cancel:hover::after, .btn.btn-cancel:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN CREATE / NEW / ADD (green) =============== */ .btn.btn-new { border: 1px solid #52B788; background: #52B788; color: #ffffff; z-index: 0; } .btn.btn-new a { color: #ffffff; } .table td .btn.btn-new::before { content: '\f0fe'; } .btn.btn-new::after { background: #40916C; } .btn.btn-new:hover, .btn.btn-new:focus { color: #FFFFFF; border: 1px solid #40916C; transition: all 0.3s ease; } .btn.btn-new:hover::after, .btn.btn-new:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN DELETE / DANGER / CANCEL (Red) =============== */ .btn.btn-danger { border: 1px solid #db4454; background: #db4454; color: #ffffff; z-index: 0; } .btn.btn-danger a { color: #ffffff; } button.btn-icon { padding-left: 5px; padding-right: 5px; } .table td button.btn-icon > i { padding-right: 5px; } .btn.btn-danger::after { background: #c61427; } .btn.btn-danger:hover, .btn.btn-danger:focus { color: #FFFFFF; border: 1px solid #c61427; transition: all 0.3s ease; } .btn.btn-danger:hover:after, .btn.btn-danger:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN LOCK =============== */ .btn.btn-lock { border: 1px solid #db4454; background: #db4454; color: #ffffff; z-index: 0; } .btn.btn-lock a { color: #ffffff; } .btn.btn-lock::after { background: #c61427; } .btn.btn-lock:hover, .btn.btn-lock:focus { color: #FFFFFF; border: 1px solid #c61427; transition: all 0.3s ease; } .btn.btn-lock:hover:after, .btn.btn-lock:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN NEXT / PREVIOUS (dark blue) =============== */ .btn.btn-next, .btn.btn-previous { border: 1px solid #474cdd; background: #474cdd; color: #ffffff; z-index: 0; } .btn.btn-next a, .btn.btn-previous a { color: #ffffff; } .btn.btn-next::after, .btn.btn-previous::after { background: #2d2a8a; } .btn.btn-next:hover, .btn.btn-next:focus, .btn.btn-previous:hover, .btn.btn-previous:focus { color: #FFFFFF; border: 1px solid #2d2a8a; transition: all 0.3s ease; } .btn.btn-next:hover::after, .btn.btn-next:active::after, .btn.btn-previous:hover::after, .btn.btn-previous:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN FILTER / MATRIX (Blue) =============== */ .btn.btn-filter, .btn.btn-matrix { border: 1px solid #26b2c4; background: #26b2c4; color: #ffffff; z-index: 0; } .btn.btn-filter a, .btn.btn-matrix a { color: #ffffff; } .btn.btn-filter::after, .btn.btn-matrix::after { background: #188a99; } .btn.btn-filter:hover, .btn.btn-filter:focus, .btn.btn-matrix:hover, .btn.btn-matrix:focus { color: #FFFFFF; border: 1px solid #188a99; transition: all 0.3s ease; } .btn.btn-filter:hover::after, .btn.btn-filter:active::after, .btn.btn-matrix:hover::after, .btn.btn-matrix:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN PREVIEW =============== */ .btn.btn-preview { border: 1px solid #adb5bd; background: #f8f9fa; color: #212529; z-index: 0; } .btn.btn-preview a { color: #212529; } .btn.btn-preview::after { background: #dee2e6; } .btn.btn-preview:hover, .btn.btn-preview:focus { border: 1px solid #adb5bd; transition: all 0.3s ease; } .btn.btn-preview:hover::after, .btn.btn-preview:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN PDF/CSV =============== */ .btn.btn-toFile { border: 1px solid #a8a8a8; background: #a8a8a8; color: #ffffff; z-index: 0; } .btn.btn-toFile label { position: absolute; pointer-events: none; } .btn.btn-toFile a { color: #ffffff; } .btn.btn-toFile::after { background: #1586b6; } .btn.btn-toFile:hover, .btn.btn-toFile:focus { color: #FFFFFF; border: 1px solid #1586b6; transition: all 0.3s ease; } .btn.btn-toFile:hover::after, .btn.btn-toFile:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN IMPORT / EXPORT =============== */ .btn.btn-import, .btn.btn-export { border: 1px solid #1C7293; background: #1C7293; color: white; z-index: 0; } .btn.btn-import a, .btn.btn-export a { color: white; } .table td .btn.btn-import::before { content: '\f56f'; } .btn.btn-import::after, .btn.btn-export::after { background: #065A82; } .btn.btn-import:hover, .btn.btn-import:focus, .btn.btn-export:hover, .btn.btn-export:focus { color: #FFFFFF; border: 1px solid #065A82; transition: all 0.3s ease; } .btn.btn-import:hover::after, .btn.btn-import:active::after, .btn.btn-export:hover::after, .btn.btn-export:active::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN COPY =============== */ .btn.btn-copy { border: 1px solid #588ea0; background: #588ea0; color: #ffffff; z-index: 0; } .btn.btn-copy i.fa-solid { margin-right: 10px; } .btn.btn-copy a { color: #ffffff; } .btn.btn-copy::after { background: #3d6977; } .btn.btn-copy:hover, .btn.btn-copy:focus { color: #FFFFFF; border: 1px solid #3d6977; transition: all 0.3s ease; } .btn.btn-copy:hover:after, .btn.btn-copy:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* =============== BTN ACTION =============== */ .btn.btn-action { border: 1px solid #588ea0; background: #588ea0; color: #ffffff; z-index: 0; } .table td .btn.btn-action:before { content: ''; } .btn.btn-action a { color: #ffffff; } .btn.btn-action i.fa-solid { font-size: 16px; } .btn.btn-action::after { background: #3d6977; } .btn.btn-action:hover, .btn.btn-action:focus { color: #FFFFFF; border: 1px solid #3d6977; transition: all 0.3s ease; } .btn.btn-action:hover:after, .btn.btn-action:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } /* ============ BTN disabled =============== */ .btn.disabled { color: #ffffff; background-color: #bcbcbc; border-color: #bcbcbc; cursor: not-allowed; } /* ==== Fix Buttons in modal =====*/ .modal-footer .btn, .modal-body .btn, .modal-footer .btn { margin: 5px 5px 5px 0; padding: 2px 10px; min-width: 75px; } .modal-body .btn { margin: 0; } .modal-footer .btn { margin: 5px 0 5px 15px; } /* ==== Fix Buttons in Search bar =====*/ .search-bar .btn { line-height: 1.15; height: 30px; min-height: 30px; font-size: 14px; font-weight: bold; border-radius: 3px; margin: 0 2px 0 3px; } /* ==== Fix Buttons in tables =====*/ .table thead tr th .btn { margin: 2px 2px; } .table .btn { width: auto; min-width: 42px; min-height: 35px; } table .btn > input { background-color: transparent; border: 0; font-weight: 600; color: #fff; margin: 0; padding: 0 0 0 5px; height: auto; width: auto; position: relative; min-width: auto; min-height: auto; } .table td .btn .fa-solid { margin: 0; font-size: 16px; } /* fix btn-big in table */ .table .btn.btn-big { min-width: 150px; width: auto; } /* ==== Fix Buttons in area and element =====*/ .system-area-options > .btn .fa-solid, .system-formElement-options > .btn .fa-solid { margin-right: 0; } /* ================ NAV TABS ============== */ .nav-tabs { border-bottom: 1px dotted #26b2c4; } .nav.nav-tabs > li::after { content: none; } .nav.nav-tabs li.nav-item { border-bottom: 0; padding: 0; margin: 5px 5px 0 0; min-width: 50px; text-align: center; color: #ffffff; transition: all 0.4s ease; } .nav.nav-tabs li.nav-item a.nav-link { border: 1px solid #26b2c4; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #26b2c4; color: #ffffff; } .nav.nav-tabs li.nav-item a.nav-link.active { background-color: #26b2c4; border: 1px solid #26b2c4; margin: 0; color: #ffffff; transition: all 0.4s ease; } .nav.nav-tabs li.nav-item a.nav-link:hover, .nav.nav-tabs li.nav-item a.nav-link:focus { background-color: #188a99; border: 1px solid #188a99; margin: 0; color: #ffffff; transition: all 0.4s ease; } .nav.nav-tabs li.nav-item.active a.nav-link, .nav.nav-tabs li.nav-item a.nav-link.active { color: #ffffff; background-color: #188a99; border: 1px solid #188a99; } .tab-content .panel-body .row { margin-left: 0; margin-right: 0; } .tab-content { padding-top: 15px; } /* =========== ADMIN FORMS ================*/ /* =========== ADMIN FORMS FB --> TITLE ============ */ .row.fb-form_title-sticky { position: sticky; top: 137px; align-items: center; background-color: #ffffff; z-index: 101; margin-top: -10px; padding-top: 14px; border-bottom: 1px solid #dedede; margin-left: 0px; height: 75px; align-items: center; } .row.fb-form_title-sticky .fb-form_title-sticky-warnings { position: absolute; top: -3px; } .fb-form_title { color: inherit; padding: 10px 10px 0 10px; margin: 0 0 5px 0; height: auto; min-height: 35px; } .row.fb-form_title-sticky .fb-form_title { min-height: auto; margin: 0; padding: 0px 0 0 5px; } .row.fb-form_title-sticky .fb-form_title h4.title { max-height: 40px; min-height: 30px; overflow-y: auto; display: flex; align-items: start; } .row.fb-form_title-sticky .type-warning { font-weight: bold; text-align: right; padding-left: 15px; } .fb-form_title h3 { font-size: 20px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; } .fb-form_title h4 { font-size: 15px; margin: 0 0 0px; line-height: 19px; text-overflow: ellipsis; } .fb-form_title h5 { font-size: 15px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; } /* =============== FB FORM CONTENT ================ */ .fb-form_content { background-color: #ffffff; color: inherit; padding: 10px 10px 10px 10px; border: 0; } .fb-form_content h4 { font-size: 14px; margin: 0; font-weight: bold; text-overflow: ellipsis; padding: 8px 15px; color: #464646; background-color: #ededed; width: auto; min-width: 250px; display: inline-block; } .fb-form_content .form-group { margin: 8px 0; width: 100%; display: flex; flex-wrap: wrap; } /* =========== ADMIN FORMS FB --> SEARCH BAR ============ */ .fb-form_content .search-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; background-color: #f8f7f7; padding: 8px 10px; border-radius: 3px; } .fb-form_content .search-bar .item { width: auto; max-width: 170px; max-height: 30px; flex: 0 0 auto; margin: 0px 5px 5px 0; text-align: left; min-width: 150px; } .fb-form_content .search-bar .item:not(.button-item) { flex: 1 0 auto; } .fb-form_content .search-bar .button-item { min-width: auto; } @media(max-width:480px) { .col-lg-12 { padding-left: 5px; padding-right: 5px; } .fb-form_content .search-bar { padding: 8px 2px 8px 6px; justify-content: center; } .fb-form_content .search-bar .item { margin: 0px 3px 4px 0; width: 50%; } .fb-form_content .search-bar .item .btn { width: 100%; margin: 0; } } /* =========== ADMIN FORMS FB --> PAGER ============ */ .fb-form_content .pager { list-style: none; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 500px; margin: 5px auto; padding: 0; border: 1px solid #ebebeb; border-radius: 4px; height: 38px; background-color: #fcfcfc; } .fb-form_content .pager li { min-width: 10%; margin: 0; font-size: 13px; background-color: #fcfcfc; flex: 0 0 calc(60% - 16px); padding: 4px 8px; font-weight: 600; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; height: 100%; } .fb-form_content .pager li.previous, .fb-form_content .pager li.next { flex: 0 0 calc(20% - 16px); } .fb-form_content .pager li.previous { border-right: 1px solid #ebebeb; border-radius: 0; padding: 0; margin: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fb-form_content .pager li.next { border-left: 1px solid #ebebeb; border-radius: 0; padding: 0; margin: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .fb-form_content .pager li input[type="text"] { min-width: 50px; max-width: 100%; border: 1px solid #b6b6b6; border-radius: 3px; height: 28px; } .fb-form_content .pager li.next .btn.btn-white, .fb-form_content .pager li.previous .btn.btn-white { padding: 0; margin: 0; width: 100%; height: 100%; border: 0; min-width: auto; } .fb-form_content .pager li.next .btn.btn-white { border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fb-form_content .pager li.previous .btn.btn-white { border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fb-form_content .pager li.next .btn.btn-white::after, .fb-form_content .pager li.previous .btn.btn-white::after { background: #40916C; z-index: 0; opacity: 0.2; } .fb-form_content .pager li.next .btn.btn-white:hover::after, .fb-form_content .pager li.next .btn.btn-white:focus::after, .fb-form_content .pager li.previous .btn.btn-white:hover::after, .fb-form_content .pager li.previous .btn.btn-white:focus::after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; } @media(max-width:480px) { .fb-form_content .pager li a.btn, .fb-form_content .pager li { line-height: 14px; font-size: 12px; white-space: normal; text-align: center; padding: 6px 6px; } .fb-form_content .pager li { flex: 0 0 calc(60% - 8px); padding: 4px 4px; } .fb-form_content .pager li.previous, .fb-form_content .pager li.next { flex: 0 0 16%; padding: 0; margin: 0; } .fb-form_content .pager li.previous a.btn, .fb-form_content .pager li.next a.btn { padding: 0; margin: 0; } } /* ============== FB OUTER FORM =============== */ .g-buttons { text-align: right; display: flex; flex-direction: row; justify-content: flex-end; } .g-buttons .btn { margin: 0px 0 0 10px; font-weight: 600; } /* ================= Modal ================= */ /* ============= Modal sizes ===========*/ [data-modal-size="large"] { width: 65%; max-width: none; } [data-modal-size="huge"] { width: 84%; max-width: none; } .modal-content { border-radius: 4px; box-shadow: 0 0 20px 1px rgba(0,0,0,.2); } .modal-header { flex-direction: row-reverse; padding: 6px 10px; justify-content: space-between; } .modal-header h3, .modal-header h4 { font-size: 15px; } .modal-header .close { border: 0; font-size: 15px; width: 28px; display: flex; justify-content: center; align-items: center; height: 26px; color: #ffffff; background-color: #db1313; border-radius: 3px; } .modal-header .close:hover { background-color: #921d1d; transition: all 0.4s ease; } .modal-body { padding: 10px 15px 15px 15px; } .modal-body h2 { font-size: 20px; } /* add line separator for cols in modal */ .modal-body .separator { border-right: 1px dotted #505050; } .modal-body .form-group { margin: 5px 0; } /* add indent form-group in modal */ .modal-body .form-group.indent { max-width: 90%; margin-left: 10%; } .modal-body .form-group label { font-weight: bold; font-size: 13px; margin-bottom: 0; } .modal-body .form-group label .icheckbox_square-green ~ span { margin-left: 5px; } .modal-body .form-group label .icheckbox_square-green:not(.checked) ~ span { font-weight: normal; } .modal-body div.cke_textarea_inline, .modal-body .form-control { border: 1px solid #676a6c; } .modal div.cke_textarea_inline { max-height: none; } @media(max-width:480px) { [data-modal-size="large"], [data-modal-size="huge"] { width: 96%; } } label.properties-header-label { display: block; padding-left: 0px; font-weight: bold; margin: 5px 0; } /* Title for separate concepts in modal*/ .modal-body label.properties-header-label { width: 100%; border-bottom: 1px solid #dedede; margin-top: 10px; margin-bottom: 5px; } /* ========== SELECTS =============== */ select:focus { outline: none; box-shadow: none; border-color: #3299ab; } .select { position: relative; display: flex; } select, .chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices { background: #ffffff; box-shadow: none; -moz-box-sizing: border-box; background-color: #FFFFFF; min-width: 80px; max-width: 100%; width: 100%; border: 1px solid #858585; border-radius: 3px; height: 30px; position: relative; padding: 4px 10px 4px 5px; cursor: text; margin: 0; } .chosen-container-multi .chosen-choices { height: auto; } .chosen-container-multi .chosen-choices li.search-choice { background: #f1f1f1; border: 1px solid #858585; border-radius: 2px; box-shadow: none; color: #333333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } .chosen-container-single .chosen-single div b { display: none; } .chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices { padding: 2px 24px 4px 5px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 8px; padding-right: 30px; } .select2-container--default .select2-selection--single { height: 30px; border: 1px solid #858585; background-color: #FFFFFF; border-radius: 3px; } .select.s-custom:hover, select:hover, .chosen-container:hover .chosen-single, .chosen-container:hover .chosen-choices, .select2-container--default:hover .select2-selection--single { border-color: #3299ab; -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 10%); transition: all 0.3s ease; } .select.s-custom::after, .dropdownlist-properties::after, .chosen-container .chosen-single::after, .chosen-container-multi .chosen-choices:after, .select2:after { content: '\f107'; color: #676767; font-family: "Font Awesome 6 Free"; font-size: 15px; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; display: inline-block; top: 6px; right: 0; width: 18px; height: 32px; pointer-events: none; transform: rotate(0deg); transform-origin: center center; transition: all 0.3s ease; } .chosen-container .chosen-single::after { top: 4px; } .select2 b { display: none; } .s-custom .chosen-container .chosen-single::after, .s-custom .chosen-container-multi .chosen-choices:after { content: none; } .s-custom:hover::after, .chosen-container .chosen-single:hover::after, .chosen-container-multi .chosen-choices:hover:after, .select2:hover:after { color: #3299ab; transition: all 0.3s ease; } .s-custom:focus::after, .chosen-container .chosen-single:focus::after, .chosen-container-multi .chosen-choices:focus:after, .select2:focus:after { transform: rotate(180deg); color: #3299ab; transition: all 0.3s ease; } .select2-container { width: auto; min-height: 30px; height: auto; } .select2:after { color: #676767; } .chosen-container-single .chosen-drop .active-result.highlighted { background: #3299ab; transition: all 0.3s ease; } .dropdownlist-properties { -webkit-box-shadow: none; margin: 0 0 10px 0; overflow: hidden; padding: 3px 10px; text-overflow: ellipsis; white-space: nowrap; width: 300px; position: relative; } .dropdownlist-properties > option { font-size: 14px; font-family: "Noto Sans", sans-serif; } /* ========== INPUTS =============== */ .form-control:focus, input:focus { outline: none; box-shadow: none; border-color: #3299ab; } .form-control, .cke_textarea_inline, .text-box.single-line, .modal-body .form-control, .modal-body .cke_textarea_inline, textarea { background-color: #FFFFFF; background-image: none; border: 1px solid #858585; color: inherit; display: block; max-width: 100%; border-radius: 3px; font-size: 13px; height: 30px; padding: 3px 5px; transition: all 0.3s ease; } textarea:not(.swal2-textarea), textarea.form-control { height: auto !important; margin-bottom: 5px; padding: 2px 5px !important; } .input-group-text, .form-control ~ .input-group-text { background-color: #fff; border: 1px solid #858585; color: inherit; display: flex; font-size: 14px; align-items: center; justify-content: center; vertical-align: middle; font-weight: 400; line-height: 1; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 30px; transition: all 0.3s ease; } .input-group.date .input-group-text { cursor: pointer; } .form-control:hover, input:hover, .text-box.single-line:hover, .cke_textarea_inline:hover, .form-control:focus, input:focus, .text-box.single-line:focus, .cke_textarea_inline:focus, textarea:hover, textarea:focus { border: 1px solid #3299ab; border-radius: 3px; transition: all 0.3s ease; -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); transition: all 0.3s ease; } .form-control:hover ~ .input-group-text, .form-control:focus ~ .input-group-text, .div.cke_textarea_inline:hover ~ .input-group-text, .div.cke_textarea_inline:focus ~ .input-group-text { border: 1px solid #3299ab; color: #3299ab; transition: all 0.3s ease; -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); transition: all 0.3s ease; } /* Type file */ input[type=file] { padding: 3px; margin-left: -2px; border: 1px solid transparent; } input[type=file]:hover, input[type=file]:focus { border: 1px solid #3299ab; cursor: pointer; } .modal .form-control ~ .input-group-text { border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 30px; } /* inner form label */ .form-group .control-label { display: flex; align-items: center; padding: 0 15px 0 0; } /* modal inner form label */ .modal-body .form-group .control-label { padding: 0; } @media(max-width:480px) { .form-group .control-label.col-4.col-lg-3 { word-break: break-all; } } /* inner form Input type text */ .fb-form_content .form-control:not(.i-hidden) { min-width: 70px; max-width: 100%; } .fb-form_content select.form-control:not(.i-hidden) { min-height: 30px; height: auto; } .fb-form_content .form-control.chosen-user-type:not(.i-hidden) { height: auto; } .fb-form_content .col-1 .form-control:not(.i-hidden) { min-width: 40px; } /* inner form Radio inline */ .fb-form_content .radio-inline { margin-right: 15px; } .fb-form_content .i-hidden { visibility: hidden; height: 0; padding: 0; } .modal-body .form-control { max-height: none; height: auto; } .modal-body .cke_textarea_inline { height: auto; max-height: none; } /* ========== INPUTS DATE =============== */ .custom-date { width: 90px; padding: 3px 8px; border-radius: 5px; } .date-input-required { top: -10px; position: relative; color: red; } .datecustom-separator { font-size: 16px; padding: 0 2px; } .modal-body .checkbox { margin: 5px 0; } /* ============= Custom Checkbox =================== */ .checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; margin: 0; font: inherit; color: currentColor; width: 22px; height: 22px; border: 1px solid #858585; border-radius: 0.15em; float: left; margin-right: 5px; } .checkbox input[type=checkbox]:checked { background-color: #588ea0; text-align: left; } .checkbox input[type=checkbox]:checked::before { content: '✓'; font-family: 'Noto Sans', "sans-serif"; font-size: 15px; line-height: 15px; font-weight: bold; padding: 2px 0 1px 5px; position: absolute; height: 20px; width: 20px; opacity: 0; color: #fff; border-radius: 0%; z-index: -1; } .checkbox input[type=checkbox]:checked::before { opacity: 1; z-index: 0; color: #fff; } .checkbox input[type=checkbox]:hover, .checkbox input[type=checkbox]:checked:hover { -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); transition: all 0.3s ease-in-out; } .checkbox input[type=checkbox]:disabled { background-color: #cecece; color: #ffffff; border: 1px solid #c8c8c8; cursor: not-allowed; } .checkbox input[type=checkbox]:checked:disabled { background-color: #cecece; color: #ffffff; border: 1px solid #c8c8c8; cursor: not-allowed; } /* ========================== 5.5 Checkbox =================== */ /* ============================================================ */ .icheckbox_square-green { float: left; border: 1px solid #858585; background: #ffffff; border-radius: 0%; width: 20px; height: 20px; min-width: 20px; min-height: 20px; z-index: 1; margin-right: 6px; top: -1px; transition: all 0.3s ease; } .icheckbox_square-green:hover, .icheckbox_square-green:focus { border-color: #588ea0; -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); transition: all 0.3s ease-in-out; } .iCheck-helper { background: transparent; } .icheckbox_square-green.checked { background-color: #588ea0; text-align: left; } .icheckbox_square-green:after { content: ''; position: absolute; height: 20px; width: 20px; opacity: 0; transition: all 0.2s ease-in-out; color: #fff; z-index: -1; } .icheckbox_square-green:after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-size: 14px; line-height: 14px; font-weight: bold; padding: 2px 0 1px 2px; position: absolute; height: 18px; width: 18px; opacity: 0; color: #fff; border-radius: 0%; z-index: -1; } .icheckbox_square-green.checked:after { opacity: 1; } /* disabled */ .icheckbox_square-green.disabled, .icheckbox_square-green.disabled:hover, td.disabled-icheck .icheckbox_square-green, td.disabled-icheck .icheckbox_square-green:hover { background-color: #cecece; color: #ffffff; border-color: #ababab; cursor: not-allowed; } .icheckbox_square-green.checked.disabled, td.disabled-icheck .icheckbox_square-green.checked { color: #ffffff; border-color: #588ea0; cursor: not-allowed; } .icheckbox_square-green.checked.disabled:after, td.disabled-icheck .icheckbox_square-green.checked:after { color: #588ea0; } /* ========================== 5.6 Radios =================== */ /* ========================================================= */ .iradio_square-green { float: left; border: 1px solid #858585; background: #ffffff; border-radius: 50%; width: 22px; height: 22px; min-width: 22px; min-height: 22px; margin-right: 6px; top: -1px; z-index: 1; transition: all 0.3s ease; } .iradio_square-green:hover, .iradio_square-green:focus { border-color: #588ea0; -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); transition: all 0.3s ease-in-out; } .iradio_square-green.checked { background-color: #588ea0; text-align: left; } .iradio_square-green:after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-size: 14px; text-align: center; font-weight: bold; position: absolute; color: #fff; height: 21px; width: 21px; opacity: 0; margin: 1px 0 0 0; border-radius: 50%; z-index: -1; } .iradio_square-green.checked:after { opacity: 1; } /* disabled */ .iradio_square-green.disabled, .iradio_square-green.checked.disabled { background-color: #cecece; color: #ffffff; border-color: #ababab; cursor: not-allowed; } /* ================= SIDE BAR TOOLS in FORM DETAILS =================== */ .navbar-default.navbar-static-side { position: fixed; top: 95px; bottom: 0px; overflow-x: hidden; overflow-y: scroll; width: 320px; background-color: #ffffff; border-radius: 4px; z-index: 2; transition: all 0.6s ease; } /* ============= Scroll ====================== */ .navbar-default.navbar-static-side::-webkit-scrollbar { width: 12px; height: 100%; border-radius: 0px; } .navbar-default.navbar-static-side::-webkit-scrollbar-track { border-radius: 3px; background: rgba(0,0,0,0.1); border: 1px solid #ccc; } .navbar-default.navbar-static-side::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0,0,0,0.3); border: 1px solid #aaa; cursor: pointer; } .navbar-default.navbar-static-side::-webkit-scrollbar-thumb:hover { background: #26b2c4; border: 1px solid #26b2c4; cursor: pointer; } .navbar-default.navbar-static-side::-webkit-scrollbar-thumb:active { background: #26b2c4; border: 1px solid #26b2c4; cursor: pointer; } /* ============= /END Scroll ====================== */ .navbar-default.navbar-static-side ~ #page-wrapper .wrapper.wrapper-content { margin-left: 320px; width: calc(100% - 320px); background-color: #ffffff; margin-top: -15px; padding: 0 15px 40px 15px; } .navbar-default.navbar-static-side .sidebar-collapse { padding: 0 12px 15px 12px; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title { position: relative; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title::after { content: '\f0c9'; position: absolute; right: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 12px; top: 3px; pointer-events: none; color: #101010; text-shadow: 1px 1px 1px rgb(255 255 255 / 80%); font-family: "Font Awesome 6 Free", serif; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title:hover::after { background-color: #dedede; transition: all 0.4s ease; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title h2, .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title h4 { font-size: 14px; margin-top: 12px; padding-bottom: 2px; text-transform: uppercase; font-weight: bold; color: #505050; border-bottom: 1px dotted #adadad; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title a { color: #505050; text-decoration: none; width: 100%; display: block; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox { position: relative; min-height: 35px; margin: 0; padding: 6px 0 0px 0; display: flex; flex-direction: column; align-items: center; border: 1px dotted transparent; transition: all 0.4s ease; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox:hover { background-color: #dffffe; border: 1px dotted #858585; transition: all 0.4s ease; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox img { width: 34px; } .navbar-default.navbar-static-side .sidebar-collapse .toolbox label { font-size: 12px; font-weight: bold; text-align: center; pointer-events: none; } .navbar-default.navbar-static-side .sidebar-properties { margin-top: 20px; font-size: 12px; } /* ============== INTERFACE CREATION FORM DETAILS ============ */ /* ====== form-options-bar ============== */ .row.sticky.options-bar { position: sticky; top: 80px; height: 62px; background-color: #ffffff; border-radius: 0px; z-index: 101; margin: 0 -15px 100px 0; border-top: 15px solid #f6f7f8; border-bottom: 1px solid #f6f7f8; } .form-options-bar { top: 5px; position: relative; margin-bottom: 30px; background-color: #e9e9e9; list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0; font-size: 13px; margin: 0; max-height: 35px; } @media(max-width:480px) { .form-options-bar { flex-wrap: wrap; } .copy-box { width: 10%; } .row.fb-form_title-sticky { top: 170px; margin-top: 0px; padding-top: 0px; } } .form-options-bar span, .form-options-bar span a { font-size: 12px; } .form-options-bar-extra { list-style: none; display: flex; justify-content: flex-end; flex: 1 0 50%; padding: 0; } /* =============== BTN ACTION BAR =============== */ .form-options-bar .btn.btn-bar { color: #ffffff; margin: 0; font-size: 13px; min-width: 35px; min-height: 35px; display: inline-flex; justify-content: center; align-items: center; border-radius: 0; border: 0; margin: 0; background: #6a6a6a; color: #ffffff; z-index: 0; height: 30px; } .form-options-bar li { border-right: 1px solid #ffffff; position: relative; } .form-options-bar li:last-child .btn.btn-bar { border-right: 0; } .form-options-bar .preview .btn::before, .form-options-bar .exportCSV .btn::before { position: relative; content: '\f06e'; font-family: "Font Awesome 6 Free"; display: inline-block; font-size: 17px; z-index: 1; background: transparent; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .form-options-bar .exportCSV .btn::before { content: '\f0ce'; } .btn.btn-bar::after { background: #30303060; } .btn.btn-bar:hover, .btn.btn-bar:focus { color: #FFFFFF; border: 0; transition: all 0.3s ease; } .btn.btn-bar:hover:after, .btn.btn-bar:active:after { -webkit-transform: translate3d(0, 100%, 0); height: 100%; transition: all 0.3s ease; } .form-options-bar .view-html .btn.btn-bar.active, .form-options-bar .view-html .btn.btn-bar.active:after { background-color: #055f8c; transition: all 0.3s ease; } .form-options-bar .view-class .btn.btn-bar.active, .form-options-bar .view-class .btn.btn-bar.active:after { background-color: #dd6200; transition: all 0.3s ease; } .form-options-bar .type .btn.btn-bar.active, .form-options-bar .type .btn.btn-bar.active:after { background-color: #ff9400; transition: all 0.3s ease; } .btn.btn-bar:hover, .btn.btn-bar:focus { border: 0; } .form-options-bar .fa-solid, .form-options-bar i { pointer-events: none; } .form-options-bar .btn:hover { background-color: #3299ab; } .form-options-bar li.animations .btn-bar { background-color: #e13b3b; } .form-options-bar .edit-form-css .btn-bar { background-color: #3d5a80; } .form-options-bar li.edit-css .btn-bar { background-color: #4c7dbd; } .form-options-bar li.edit-css-page .btn-bar { background-color: #6da2e8; } .form-options-bar li.view-class .btn-bar { background-color: #e1913b; } .form-options-bar li.type .btn-bar { background-color: #b9a719; } /* ===== Page Selector ============ */ .ui-pageSelectorContainer { margin-top: 25px } .ui-pageSelectorContainer.page-selector-sticky { position: sticky; top: 212px; margin-top: 0px; padding-bottom: 5px; background-color: #ffffff; z-index: 101; border-bottom: 1px solid #dedede; } .ui-pageSelectorContainer div.page-selector { width: auto; min-width: 150px; min-height: 30px; cursor: pointer; margin: 5px 0 3px 0; border-radius: 3px; padding: 0 5px; align-items: center; display: inline-flex; justify-content: flex-end; background-color: #428bca; color: white; } .ui-pageSelectorContainer.disabled { pointer-events: none; } .ui-pageSelectorContainer div.page-selector .system-page-delete { visibility: hidden; } .ui-pageSelectorContainer div.page-selector:hover .system-page-delete, .ui-pageSelectorContainer div.page-selector.selected .system-page-delete { visibility: visible; } .ui-pageSelectorContainer div.page-selector .system-page-title { width: auto; background-color: transparent; border: 0; font-weight: 600; padding-top: 0px; display: block; font-size: 14px; margin-right: 25px; float: left; vertical-align: middle; } .ui-pageSelectorContainer div.page-selector span:not(.system-page-title) { width: 23px; height: 23px; display: flex; justify-content: center; align-items: center; border-radius: 3px; margin: 2px; float: right; } .ui-pageSelectorContainer div.page-selector:hover { background-color: #2d6ca2; transition: all 0.3s ease; } .ui-pageSelectorContainer div.page-selector.selected-style, .ui-pageSelectorContainer div.page-selector.selected.selected-style { color: #fff; background-color: #3299ab; margin: 2px 0 1px 0; padding: 5px 5px 5px 5px; transition: all 0.2s ease; } .ui-pageSelectorContainer div.page-selector:not(.selected-style) span:not(.system-page-title) { background-color: #3c7fb9; } .ui-pageSelectorContainer div.page-selector.selected.selected-style span:not(.system-page-title) { background-color: #277d8c; transition: all 0.3s ease; } .page-selector.selected.selected-style span:not(.system-page-title):hover, .page-selector span:not(.system-page-title):hover { background-color: #811010; color: #ffffff; transition: all 0.3s ease; } .ui-pageSelectorContainer div.page-selector:not(.selected-style) span.system-page-delete, .ui-pageSelectorContainer div.page-selector.selected.selected-style span.system-page-delete { color: #fb0000; background-color: #ffffffd9; } .pageDescription { font-style: italic; font-weight: 600; color: inherit; padding: 0; margin: 0; min-height: 30px; max-height: 40px; overflow-y: auto; display: flex; align-items: start; } /* ===== Copy Areas and Elements Boxes ===== */ .copy-box { border-radius: 4px; position: relative; margin: 5px 0 0 0; height: 35px; } .copy-box .row { position: relative; } .copy-box .row .copy-box-items, .copy-box .row .copy-box-areas { display: inline-block; vertical-align: top; overflow-y: auto; height: 35px; border: 1px solid #f7f7f7; } .copy-box .row .copy-box-title { text-align: center; padding: 0; font-weight: bold; font-size: 12px; border-bottom: 1px solid red; margin-bottom: 5px; } /* ===== Area Edit Form ===== */ .system-area { position: relative; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 5px; padding: 0 8px; } .system-area:hover { border-style: dashed; border-color: #3299ab; } .system-area .system-area-select { position: absolute; width: 100%; left: 0; } .system-area .system-area-select .system-area-select-title { position: absolute; width: 70%; left: 0; height: 27px; border-radius: 0 0 4px 0; } .system-area:hover .system-area-select { background-color: #cbd3dc1c; } .system-area.selected { box-shadow: inset 1px -1px 8px rgba(50,153,171,0.3); border: 1px solid rgba(50,153,171,1); } .system-area.selected .system-area-select .system-area-select-title { background: #3299ab; } .system-area.multi-page-area { border-color: #e1913b; } .system-area.selected.multi-page-area .system-area-select .system-area-select-title { background: #e1913b; } .system-area.system-slider-area { border-color: #ff0000; } .system-area.selected.system-slider-area .system-area-select .system-area-select-title { background: #ff0000; } .system-area.system-slider-area.multi-page-area { border: 2px solid #E65100; } .system-area.system-slider-area.multi-page-area:hover { border-style: dashed; } .system-area.selected.system-slider-area.multi-page-area .system-area-select .system-area-select-title { background: #E65100; } .system-area .id-area { font-size: 12px; margin: 0px 0 0px 0; color: #0f80e2; font-weight: 600; position: absolute; left: 10px; top: 4px; pointer-events: none; transition: none; } .system-area.selected .id-area { color: white; transition: none; } .system-area .system-area-options { right: 10px; top: 5px; position: absolute; display: none; } .system-area:hover .system-area-options, .system-area.selected .system-area-options { display: inline-block; z-index: 100; } .system-area.line .system-area-options, .system-area.line-separator .system-area-options { top: -15px; } .system-area .system-area-options .btn.btn-default, .system-area .system-area-options .btn.btn-danger { height: 35px; min-width: 35px; width: 35px; display: inline-flex; justify-content: center; align-items: center; margin: 2px 0; } .system-area .system-area-options .btn.btn-default:hover, .system-formElement .system-formElement-options .btn.btn-default:hover { background-color: #3299ab; border-color: #3299ab; } .system-area .ui-formItemsContainer { list-style-type: none; margin: 3px 3px; padding: 5px 1px; } .col-20 { width: 20%; float: left; flex: 0 0 20%; } .system-formElement-var { margin: 20px 0 0 5px; font-size: 11px; font-weight: 600; } /* Fix buttons system-area */ body:not(.public) .system-area.col-4 .ui-formItemsContainer, body:not(.public) .system-area.col-3 .ui-formItemsContainer, body:not(.public) .system-area.col-20 .ui-formItemsContainer, body:not(.public) .system-area.col-2 .ui-formItemsContainer { padding: 45px 0 10px 0; } .system-area.col-4 .system-area-options, .system-area.col-3 .system-area-options, .system-area.col-20 .system-area-options, .system-area.col-2 .system-area-options { top: 15px; } .system-area.col-4 .system-formElement .system-formElement-options, .system-area.col-3 .system-formElement .system-formElement-options, .system-area.col-20 .system-formElement .system-formElement-options, .system-area.col-2 .system-formElement .system-formElement-options { top: 15px; right: 2px; } body:not(.public) .system-area.col-4.selected .ui-formItemsContainer, body:not(.public) .system-area.col-3.selected .ui-formItemsContainer, body:not(.public) .system-area.col-20.selected .ui-formItemsContainer, body:not(.public) .system-area.col-2.selected .ui-formItemsContainer { padding: 65px 0 10px 0; } .system-area.col-4.selected .system-area-select .system-area-select-title, .system-area.col-3.selected .system-area-select .system-area-select-title, .system-area.col-20.selected .system-area-select .system-area-select-title, .system-area.col-2.selected .system-area-select .system-area-select-title, .system-area.col-4.selected .system-formElement .system-formElement-title, .system-area.col-3.selected .system-formElement .system-formElement-title, .system-area.col-20.selected .system-formElement .system-formElement-title, .system-area.col-2.selected .system-formElement .system-formElement-title { width: 100%; } .system-area.col-4.selected .system-area-options, .system-area.col-3.selected .system-area-options, .system-area.col-20.selected .system-area-options, .system-area.col-2.selected .system-area-options { top: 30px; } .system-area.col-4 .system-formElement.selected, .system-area.col-3 .system-formElement.selected, .system-area.col-20 .system-formElement.selected, .system-area.col-2 .system-formElement.selected { padding: 30px 0 0 0; } .system-area.col-4 .system-formElement.selected .system-formElement-options, .system-area.col-3 .system-formElement.selected .system-formElement-options, .system-area.col-20 .system-formElement.selected .system-formElement-options, .system-area.col-2 .system-formElement.selected .system-formElement-options { top: 28px; right: 2px; } .system-area.col-4 .system-formElement.selected .system-formElement-var, .system-area.col-3 .system-formElement.selected .system-formElement-var, .system-area.col-20 .system-formElement.selected .system-formElement-var, .system-area.col-2 .system-formElement.selected .system-formElement-var { margin: 35px 0 0 5px; } /* ===== ui-FOrms Items Container ===== */ .system-area .ui-formItemsContainer { margin: 4px 4px; padding: 4px 4px; } body:not(.public) .system-area .ui-formItemsContainer { padding: 40px 0 5px 0; margin: 0; } /* ===== FormElement Edit Form ===== */ .ui-formElement { /*border: 1px solid #0f0 !important;*/ padding: 3px 6px 3px 6px; margin: 0px; min-height: 0px; } .system-formElement { position: relative; border: 1px dashed #cecece; clear: left; padding: 5px; margin: 5px 0; } .system-formElement .system-formElement-title { position: absolute; width: 70%; left: 0; top: 0; height: 27px; border-radius: 0 0 4px 0; } .system-formElement .system-formElement-title .css-classes.show-class, .system-formElement .system-formElement-title .element-type.show-class { margin-top: -18px; } .system-formElement .system-formElement-title .system-html-class { font-size: 11px; margin: 4px 0 0 10px; color: #277d8c; font-weight: 600; } .system-formElement.selected .system-formElement-title { background: #3299ab; } .system-formElement.selected .system-formElement-title .system-html-class { color: #ffffff; } .system-selector { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; } @media(max-width:1024px) { .system-selector { display: block; } .system-formElement-options { pointer-events: none; } .system-formElement.selected .system-formElement-options { pointer-events: all; } } .system-formElement.system-selector.selected { box-shadow: inset 1px -1px 8px rgba(50,153,171,0.3); border: 1px solid rgba(50,153,171,1); } .system-formElement:hover .system-selector, .system-formElement.selected .system-selector { display: block; } .system-formElement.selected .system-selector { background-color: rgba(200, 200, 200, 0.1); } .system-formElement .system-formElement-options { right: 5px; bottom: 5px; display: inline-block; z-index: 1000; position: absolute; display: none; } .system-formElement:hover .system-formElement-options, .system-formElement.selected .system-formElement-options { display: inline-block; z-index: 1000; } .ui-formElement .system-formElement-options, .ui-formElement:hover .system-formElement-options { position: absolute; right: 5px; top: 5px; z-index: 0; } .system-formElement .system-formElement-options .btn.btn-default, .system-formElement .system-formElement-options .btn.btn-primary, .system-formElement .system-formElement-options .btn.btn-danger { height: 30px; width: 29px; min-height: 28px; min-width: 28px; justify-content: center; align-items: center; margin: 2px 0px; } /* public system-area*/ .public .system-area, .public .system-area:hover, .public .system-area.selected { border: 0; } .public .system-area-conversational:hover, .public .system-area-conversational.selected { border: 1px solid #ffffff; } .public .system-area-conversational { height: auto !important; border: 1px solid #ffffff; background-color: #ffffff; } .public .system-formElement:hover, .public .selected.system-formElement { border: 0; } .public .system-slider-area .slider-direction { font-size: 45px; height: 100%; opacity: 0.45; cursor: pointer; display: none; /*width: 90px;*/ width: 45px; position: absolute; z-index: 1000000; margin-top: -10px; } .public .system-slider-area .slide-button { position: relative; top: 50%; transform: translateY(-50%); background-color: #d0d0d0; border-radius: 5px; } /* logo project in project management */ .upload-project-logo { max-width: 240px; border: 1px solid #b6b6b6; padding: 20px; border-radius: 4px; } /* logo project in survey edit logo modal */ .upload-survey-logo { max-width: 240px; border: 1px solid #b6b6b6; padding: 20px; border-radius: 4px; } /* add for show classes & types in elements and areas */ .css-classes, .element-type { display: inline; position: relative; padding: 0; top: 0; font-size: 0; left: 0; color: #ffffff; font-weight: 500; width: auto; height: 0; opacity: 0; } .css-classes.show-class, .element-type.show-class { float: right; margin: 3px 2px; background-color: #dd6200; height: auto; font-size: 12px; padding: 2px 10px; opacity: 1; } .element-type.show-class { background-color: #ff9400; } /* add for show html id */ .id-area, .system-html-class { font-weight: 500; width: auto; opacity: 1; transition: all 0.3s ease; } .id-area.show-code, .system-html-class.show-code { height: auto; opacity: 1; transition: all 0.3s ease; } .collapse.in { display: block; } @media(max-width:1920px) { .modal-lg { max-width: 1500px; } } /* .form-group h4 { display: flex; margin: 10px 0; } */ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #0f7862; border-color: #0f7862; color: #FFFFFF; } /* ============= Tooltip Custom Bootstrap 5 ====================== */ .custom-tooltip { font-size: 11px; --bs-tooltip-color: #dedede; --bs-tooltip-bg: #303030; --bs-tooltip-border-radius: 4px; } /* ============= Accordion Custom Bootstrap 5 ====================== */ .accordion, .accordion-item { border: 0; background-color: transparent; } .accordion-header { background-color: transparent; border-bottom: 1px dashed #aeaeae; } .accordion-button:focus { outline: 0; border: 0; box-shadow: none; } .accordion-button.collapsed, .accordion-button { border: 0; background-color: #e6e6e6; padding: 10px 15px; margin: 0 15px; width: 80%; max-width: 500px; font-size: 15px; border-radius: 4px 4px 0 0 !important; transition: all 0.4s ease; } .accordion-button:not(.collapsed) { border: 0; background-color: #588ea0; transition: all 0.4s ease; color: #ffffff; } .accordion-button::after { content: "\f078"; transform: rotate(0deg); font-family: "Font Awesome 6 Free"; background-color: transparent; transform: rotate(0deg); } .accordion-button:not(.collapsed)::after { transform: rotate(180deg); color: #ffffff; } .accordion-button.collapsed::after { transform: rotate(0deg); } /* ============= Custom Accordion collapse ====================== */ .c-accordion { background-color: #ececed; padding: 8px 10px; cursor: pointer; margin-bottom: 10px; position: relative; } .c-accordion:hover { background-color: #dbdbdc; } .c-accordion::after { position: absolute; content: "\f078"; right: 10px; transform: rotate(180deg); font-family: "Font Awesome 6 Free"; background-color: transparent; transform: rotate(0deg); transition: all 0.4s ease; } .c-accordion[data-iscollapsed='false']::after { transform: rotate(180deg); transition: all 0.4s ease; } .c-accordion[data-iscollapsed='true']::after { transform: rotate(0deg); transition: all 0.4s ease; } .c-accordion[data-iscollapsed='false'] { background-color: #588ea0; transition: all 0.4s ease; color: #ffffff; } .c-accordion[data-iscollapsed='true'] { background-color: #e6e6e6; transition: all 0.4s ease; } .all-surveys-export-container .row.element-container { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 10px; } /* =========== Element Properties View =========== */ .modal-dialog-scrollable.element-properties .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable.element-properties .modal-body { overflow-y: hidden; max-height: 100%; } .modal-dialog-scrollable.element-properties .modal-body #elementProperites > .row { max-height: 630px; } .modal-dialog-scrollable.element-properties .modal-body #elementProperites > .row .section-element { max-height: 580px; overflow-y: auto; overflow-x: hidden; padding-bottom: 10%; } @media(max-width:1366px) { .modal-dialog-scrollable.element-properties .modal-body #elementProperites > .row .section-element { max-height: 525px; } } @media(max-width:1280px) { .modal-dialog-scrollable.element-properties .modal-body #elementProperites > .row .section-element { max-height: 450px; } } /* ============= Scroll ====================== */ .section-element::-webkit-scrollbar { width: 8px; height: 100%; border-radius: 0px; } .section-element::-webkit-scrollbar-track { border-radius: 3px; background: rgba(0,0,0,0.1); border: 1px solid #ccc; } .section-element::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0,0,0,0.3); border: 1px solid #aaa; cursor: pointer; } .section-element::-webkit-scrollbar-thumb:hover { background: #26b2c4; border: 1px solid #26b2c4; cursor: pointer; } .section-element::-webkit-scrollbar-thumb:active { background: #26b2c4; border: 1px solid #26b2c4; cursor: pointer; } /* ============= /END Scroll ====================== */ /* subject and code labels distribution head*/ .subject-id { color: #CA3738; font-size: 13px; line-height: 13px; margin: 10px 0; } .subject-access-code { color: #588ea0; font-size: 13px; line-height: 13px; margin: 10px 0; } /* ===================== TABLES ============================= */ .table { max-width: 100%; } .table thead:not(caption) { background-color: #8a8a8a42; border-top: 1px solid #50505059; } .table > thead > tr > th { background-color: transparent; vertical-align: middle; font-weight: bold; text-decoration: none; padding: 2px 8px; min-width: auto; border-right: 1px solid #50505059; } .table > thead > tr > th:last-child { border-right: 0; } /* =============== FB FORM CONTENT TABLES ================ */ .table-responsive { border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; padding: 0 0; margin: 10px 0; } .table thead:not(caption) { background-color: #8a8a8a42; border-top: 1px solid #50505059; } .table thead tr:first-child { border-bottom: 1px solid #50505059; } .table thead tr th { background-color: transparent; } .table thead tr th { vertical-align: middle; } .table thead tr th a, .table thead tr th { font-weight: bold; text-decoration: none; flex-wrap: wrap; } .table thead tr th a:not(.btn) { display: flex; flex-wrap: nowrap; align-items: center; } /* .langde .table thead tr th.break-word-langde, .langde .table thead tr th.break-word-langde a { word-break: break-all; } */ .table thead tr th a i { font-size: 16px; margin: 2px 10px 0 10px; pointer-events: none; float: right; } @media(max-width:1024px) { .table thead tr th a, .table thead tr th { font-size: 14px; } .table thead tr th a i { margin: 2px 5px 0 5px; } } .table tr td .btn.lnkExportCSV { min-width: 154px; } .table tr td .btn.btn-white { background-color: #ffffff; border: 1px solid #979797; } .table .green-text { color: #3299ab; } .table .btn-link:hover { color: #3299ab; transition: all 0.3s ease; } .table > tbody > tr > td { display: table-cell; padding: 8px 6px; } .table > thead > tr > th { padding: 2px 6px; min-width: auto; border-right: 1px solid #50505059; } .table td:not(:last-child,:nth-last-child(2)) a { color: #3299ab; font-weight: 700; text-decoration: none; transition: all 0.4s ease; word-break: break-all; } .table td .btn > a, .table th .btn > a { padding: 0 5px; } .table td .btn-icon > a i, .table th .btn-icon > a i { padding-right: 5px; } .table td:not(:last-child,:nth-last-child(2)) a:hover { color: #025766; transition: all 0.4s ease; } /* =============== TABLE HEAD FIXED ======================= */ .table-head-fixed { height: auto; max-height: 570px; overflow-y: auto; /*border: 1px solid #ff0000;*/ } .table-head-fixed .table { border: 0; } .table-head-fixed .table thead { background-color: #505050; border: 0; position: sticky; top: 0px; z-index: 10; } .table-head-fixed .table thead:after { content: ''; z-index: -1; pointer-events: none; position: absolute; top: 0; display: block; width: 100%; height: 99.9%; /* background-color: #ffffff;*/ } .table-head-fixed .table thead tr { background-color: #e1e1e1; border: 0; } .table-head-fixed .table thead tr td.text-danger { border: 0; box-shadow: inset 0px -1px 0px rgba(var(--bs-danger-rgb)) !important; width: 100%; flex: 1 0 100%; } .table-head-fixed .table thead tr th { /*background-color: #c1c8c5;*/ background-color: #e1e1e1; border: 0; box-shadow: inset 1px 0 0 1px #50505059; color: #101010; min-height: 50px; height: 40px; word-break: normal; vertical-align: middle; } .table-head-fixed .table thead tr th:last-child { box-shadow: inset -1px 0 0px 1px #98959559, inset 1px 0 0 1px #50505059; } .table-head-fixed .table tbody tr td { border: 0; } .table-head-fixed .table tbody tr td.max-width { max-width: 300px; word-wrap: break-word; } .table-head-fixed .table thead tr th span { display: inline-flex; } @media(max-height:900px) { .table-head-fixed { max-height: 560px; } } @media(max-height:820px) { .table-head-fixed { max-height: 475px; } } @media(max-height:650px) { .table-head-fixed { max-height: 450px; } } /* =============== TABLE SIZE CELLS 24 ===================== */ .table > thead > tr > th.cell, .table > tbody > tr > td.cell { flex: 1 0 auto; } /* ===================== Table responsive ================== */ .table-responsive { border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; padding: 0 0; margin: 10px 0; } .t-responsive { border-left: 0; border-right: 0; margin: 0; } .t-responsive .table > tbody > tr > td > span.table-responsive-head, .t-responsive .table > tbody > tr > td > .btn.btn-danger.btnDeleteColumns { display: none; } .t-responsive.table-head-fixed .table thead tr th.cell-actions { box-shadow: inset 1px 0 0 1px #50505059, inset -1px 0 0 0px #50505059; } /* ======= TABLE HORIZONTAL ALIGNAMENT ============ */ table .center .i-checks, div.center .checkbox { padding-left: 0; width: 100%; display: block; transition: none; } table .center .icheckbox_square-green, div.center .checkbox .icheckbox_square-green { margin: 0 calc(50% - 10px); width: auto; transition: none; } .table td.disabled-icheck.center { position: relative; z-index: 0; } /* ================= Sticky Table column ================= */ .sticky-col { position: -webkit-sticky; position: sticky !important; } /*for Firefox*/ .sticky-col:after { content: ''; position: absolute; top: 0px; width: 100%; height: 0px; } /*for the first row, because th border button has slightly different color*/ tr:first-of-type td.sticky-col:after { bottom: -1px; border-top: 1px solid #dddddd; } .sticky-col-right { right: 0px !important; padding-left: 10px !important; /*border-top: 1px solid #505050;*/ display: inherit; border-bottom: 1px; } /*for Firefox*/ .sticky-col-right:after { right: 0; } .sticky-col-left { left: 0px !important; padding-right: 10px !important; } /*Only for Tasks Overview page. To be more general we need to calculate the offset (left) with js*/ .sticky-col-left-2nd { left: 68px !important; padding-right: 10px !important; } /*for Firefox*/ .sticky-col-left:after, .sticky-col-left-2nd:after { left: 0; } .table-striped > tbody > tr:nth-of-type(2n+1) > td.sticky-col-right, .table-striped > tbody > tr:nth-of-type(2n+1) > td.sticky-col-left, .table-striped > tbody > tr:nth-of-type(2n+1) > td.sticky-col-left-2nd { background-color: #f9f9f9; border-bottom: 1px solid #dee2e6; z-index: 1; } .table-striped > tbody > tr:nth-of-type(2n) > td.sticky-col-left, .table-striped > tbody > tr:nth-of-type(2n) > td.sticky-col-left-2nd, .table-striped > tbody > tr:nth-of-type(2n) > td.sticky-col-right { background-color: #ffffff; border-bottom: 1px solid #dee2e6; } .table-striped > thead > tr > th.sticky-col-left, .table-striped > thead > tr > th.sticky-col-left-2nd { padding: 5px 0px; } .table-striped > thead > tr > th.sticky-col-right { padding: 5px 5px; display: table-cell; background-color: #e1e1e1; } /* ================== TABLE BTN ================= */ .table .btn { margin: 2px 0.5% 2px 0.5%; min-height: 35px; min-width: 38px; } .table td .btn > a, .table th .btn > a { padding: 0 5px; } .table td .btn-icon > a i, .table th .btn-icon > a i { padding-right: 5px; } .table td .btn.btn-import::before { content: '\f56f'; } .table td .btn:before { position: absolute; font-family: "Font Awesome 6 Free"; color: #ffffff; font-size: 16px; pointer-events: none; } .table td .btn.btn-new::before { content: '\f0fe'; } .table td button.btn-icon > i { padding-right: 5px; } .table td .btn.btn-action:before { content: ''; } table td .btn > input { background-color: transparent; border: 0; font-weight: 600; color: #fff; margin: 0; padding: 0 0 0 5px; height: auto; width: auto; position: relative; min-width: auto; min-height: auto; } .table td .btn .fa-solid { margin: 0; font-size: 16px; } .table tr td .btn.lnkExportCSV { min-width: 154px; } .table tr td .btn.btn-white { background-color: #ffffff; border: 1px solid #979797; } .table .btn-link:hover { color: #3299ab; transition: all 0.3s ease; } /* Table Links and labels */ .table .green-text { color: #3299ab; } @media(max-width:1024px) { .t-responsive .table, .t-responsive .table thead, .t-responsive .table tbody { display: block; width: 100%; } .t-responsive .table thead tr, .t-responsive .table tbody tr { display: flex; flex-wrap: nowrap; max-width: 100%; } .t-responsive .table > tbody > tr > td { padding: 4px 8px; } .t-responsive .table thead tr th { align-items: center; white-space: normal; word-break: break-word; } .t-responsive .table thead tr th.center, .t-responsive .table tbody tr td.center { text-align: left; justify-content: flex-start; transition: none; } .t-responsive .table > tbody > tr > td .warning-sign { margin: 0; font-size: 12px; } .t-responsive .table thead tr th.left, .t-responsive .table tbody tr td.left { text-align: left !important; justify-content: flex-start !important; } .t-responsive .table thead tr th.right, .t-responsive .table tbody tr td.right { text-align: right !important; justify-content: flex-end !important; } .t-responsive .table > tbody > tr > td.sticky-col-right { right: auto; } .t-responsive .table tr > td { max-width: none; max-width: 100%; width: 100%; position: relative; flex-wrap: wrap; } .t-responsive .cell-actions, .table-striped > thead > tr > th.sticky-col-right { width: 100%; padding-top: 5px; display: flex; } .t-responsive .table > tbody > tr > td > .btn.btn-danger.btnDeleteColumns { display: inline-flex; position: sticky; top: 0; left: calc(100% - 30px); width: 30px; height: 20px; min-width: 30px; min-height: 20px; z-index: auto; } .t-responsive .table > tbody > tr > td > .btn.btn-danger.btnDeleteColumns i { font-size: 12px; color: #ffffff; } .t-responsive .table > tbody > tr > td > .btn.btn-danger.btnDeleteColumns { } .t-responsive .table > tbody > tr > td > span.table-responsive-head { background-color: #f3e8d2; font-weight: bold; border-radius: 3px; display: inline-flex; align-items: center; font-size: 12px; color: #505050; margin: 0 10px 0 2px; padding: 2px 5px; position: relative; } .t-responsive .table > tbody > tr > td > span.table-responsive-head a { font-weight: bold; color: #505050; text-decoration: none; } .t-responsive .table > tbody > tr > td > span.table-responsive-head i { margin-left: 4px; color: #3299ab; } .t-responsive .table > tbody > tr > td > span:not(.table-responsive-head) { padding: 0 5px; width: auto; } .t-responsive .table thead, .t-responsive .table thead tr { background-color: transparent; } .t-responsive .table > thead > tr > th:not(.cell-actions) { display: none; width: 0; height: 0; } .t-responsive .table > tbody > tr { display: flex; flex-direction: column; flex-wrap: wrap; border: 1px solid #aeaeae; border-radius: 2px; margin: 2px 0 4px 0; } .t-responsive .table > tbody > tr > td { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; padding: 2px 6px; text-align: left !important; border-bottom: 1px solid #dcdcdc !important; } .t-responsive .table > tbody > tr > td:last-child { border-bottom: 0px solid #dcdcdc !important; } .t-responsive .table > tbody > tr > td:first-child { padding: 2px 6px 2px 6px; } .t-responsive .table > tbody > tr > td .icheckbox_square-green, .t-responsive .table > tbody > tr > td .btn { margin: 4px 3px 2px 4px; } .bootstrap-datetimepicker-widget table { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-collapse: separate !important; background-color: transparent !important; border: none !important; } .bootstrap-datetimepicker-widget thead, .bootstrap-datetimepicker-widget tbody { display: table-row-group !important; } .bootstrap-datetimepicker-widget tr { display: table-row !important; height: auto !important; } .bootstrap-datetimepicker-widget table.days th, .bootstrap-datetimepicker-widget table.days td { display: table-cell !important; float: none !important; width: calc(100% / 7) !important; min-width: calc(100% / 7) !important; max-width: calc(100% / 7) !important; height: 30px !important; line-height: 30px !important; padding: 0 !important; text-align: center !important; vertical-align: middle !important; white-space: nowrap !important; border: none !important; box-sizing: border-box !important; position: static !important; transform: none !important; } .bootstrap-datetimepicker-widget th.dow { font-weight: bold !important; } .bootstrap-datetimepicker-widget td { cursor: pointer !important; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.today { background-color: #337ab7 !important; color: #fff !important; border-radius: 4px !important; } .bootstrap-datetimepicker-widget td.disabled { color: #999 !important; background-color: transparent !important; cursor: not-allowed !important; } } @media(max-width:1024px) { .table > thead > tr > th a, .table > thead > tr > th { font-size: 14px; } .table thead tr th a i { margin: 2px 5px 0 5px; } .table .btn { width: auto; min-width: 60px; } } /* ================== DASHBOARD TABLES ================= */ .dashboard .table td .btn { padding-left: 10px; padding-right: 10px; } .dashboard .table td .btn:before { content: none; } .dashboard .g-widgets .widget .widget_inner table thead tr { border: 1px solid #aeaeae; } .dashboard .g-widgets .widget .widget_inner table.sue-widget thead tr th:last-child, .dashboard .g-widgets .widget .widget_inner table.sue-widget tbody tr td:last-child { width: 18%; right: -1px; position: sticky; text-align: center; border-left: 1px solid #aeaeae; background-color: #f6f6f6; } .dashboard .g-widgets .widget .widget_inner table.sue-widget thead tr th:last-child { background-color: #e1e1e1; } .dashboard .g-widgets .widget .widget_inner table thead tr th .btn, .dashboard .g-widgets .widget .widget_inner table tbody tr td .btn { width: 80%; min-width: 80px; min-height: 32px; } /*================================================================================*/ /*================================================================================*/ /*============================== CLEAN =======================================*/ /*================================================================================*/ /*================================================================================*/ /*================================================================================*/ /* ==== Slider Area in public form ====*/ @media (max-width: 768px) { .public .system-slider-area .slider-direction { font-size: 35px; height: 100%; opacity: 0.45; cursor: pointer; display: none; /*width: 90px;*/ width: 35px; position: absolute; z-index: 1000000; } } .public .system-slider-area .slider-direction-left { left: 0; } .public .system-slider-area .slider-direction-right { right: 0; } .public .system-area-select { cursor: default; min-height: 0; max-height: 0; height: 0; } .public .system-formElement { border: 0; } .line { height: 15px; width: 100%; background-color: #676a6c; } .line-separator { height: 15px; width: 100%; } /* ============== Uploaded file icon =========== */ .uploaded-file-icon { margin: 0 auto; width: 40px; height: 50px; } /* ============== User Answer Review =========== */ .user-review-container { padding: 20px 30px 10px 30px; background-color: #fefefe; border-radius: 10px; overflow: auto; } .background-agree { background: rgba(0, 170, 0, .11); } .background-disagree { background: rgba(255, 0, 0, .07); } .agree-sign, .disagree-sign { font-size: 50px; display: none; float: right; margin-right: 20px; margin-top: -5px; } .agree-sign-view, .disagree-sign-view { float: none; margin-left: 15px; } .answer-agree { outline: 0; background-color: #ffffff !important; color: #23c6c8 !important; } .answer-disagree { outline: 0; background-color: #ffffff !important; color: #ed5565 !important; } .answer-agree.selected { background-color: #23c6c8 !important; color: #ffffff !important; } .answer-disagree.selected { background-color: #ed5565 !important; color: #ffffff !important; } .reviewed-by { font-size: 13px; margin-bottom: 25px; border-bottom: 1px dashed #808080; } .relative-pos { position: relative; bottom: 3px; } .answers-table-title { position: relative; top: -3px; } .font-10 { font-size: 10px; } .font-12 { font-size: 12px; } .font-13 { font-size: 13px; } .font-14 { font-size: 14px; } .font-15 { font-size: 15px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } /* ========== Options tooltip for forms =========*/ .options-tooltip .radio-format-tooltip { position: relative !important; } .options-tooltip .radio-format-tooltip:hover:after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(data-option-tooltip-title); left: -0.5%; padding: 5px 15px; position: absolute; z-index: 10000000; width: auto; } .options-tooltip .radio-format-tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 1%; position: absolute; z-index: 99000; } /* =========== Reminders Panal ============ */ .reminders-panel { margin: 15px 0 10px 0; } .reminders-panel .panel-body { padding-bottom: 0; } .reminders-panel .collapse.in { box-shadow: 0 3px 3px #1c84c6; } .reminders-panel .panel-link { display: block; width: 100%; padding: 10px 15px; background-color: #dddddd; margin: -10px 0 -10px 0; font-weight: 700; font-size: 13px; } .system-reminder-tile .row { margin-left: 0px; margin-right: 0px; } .reminder-tile-sent { /*background-color: #ECFFDC;*/ background-color: rgba(0, 128, 0, 0.18); } .reminder-tile-sent .reminder-sent-label { color: #008000; text-align: center; } .reminder-tile-sent .reminder-sent-details { color: #008000; } .reminder-tile-sent .reminder-sent-users { max-height: 300px; overflow-y: auto; background-color: #f9f9f9; padding: 15px; border-radius: 4px; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); width: 60%; min-width: 300px; margin: auto; } .reminder-tile-sent .reminder-sent-info-label { display: flex; align-items: center; gap: 10px; background-color: #fff; padding: 12px; margin-bottom: 10px !important; border-radius: 8px; box-shadow: 0px 3px 6px rgba(0,0,0,0.12); width: 100%; transition: transform 0.2s; flex-wrap: wrap; } .reminder-tile-sent .reminder-sent-num { background-color: #0073e6; color: #fff; font-weight: bold; padding: 3px 8px; border-radius: 50%; flex-shrink: 0; text-align: center; } .reminder-tile-sent .reminder-sent-info { flex: 1; word-wrap: break-word; overflow-wrap: break-word; min-width: 0; } .reminder-tile-sent .reminder-sent-destination { color: #0073e6; } .reminder-tile-sent .reminder-sent-fullname { color: #333; } .reminder-tile-sent .reminder-sent-date { color: #888; } .system-reminder-timeperiod { position: relative; } .reminder-time-period-info { position: absolute; font-size: 20px; cursor: pointer; color: #CA3738; top: 0px; right: 10px; } /* =========== Collapse Panels ========================== */ .monitoring-conditions-panel .monitoring-conditions-panel-collapse { border: 1px solid #dedede; border-radius: 4px; padding: 15px 15px 15px 10px; margin: 5px 0 0 30px; } .anonymous-panel { margin: 0 0 5px 0 !important; } .anonymous-panel .panel-body { padding: 0 25px; } .anonymous-panel .collapse.in { } .anonymous-panel .panel-heading { padding: 0 15px 20px 15px; } .anonymous-panel .panel-link.collapsed { color: #b92627; font-size: 14px; } .anonymous-panel .panel-link { color: #1ab394; font-weight: bold; font-size: 14px; } .btn-group-no-float > .btn { position: relative; display: inline-block; float: none; } .btn-group-no-float .btn + .btn, .btn-group-no-float .btn + .btn-group-no-float, .btn-group-no-float .btn-group-no-float + .btn, .btn-group-no-float .btn-group-no-float + .btn-group-no-float { margin-left: -5px; } .progress { border: 1px solid #b8b8b8; } @media (min-width: 992px) { .modal-lg { width: 980px; } .modal-queries { width: 900px; } } @media (max-width: 992px) { .timeline-stage-timespan .timespan { display: none; } } .checkbox-label { padding-left: 0px !important; font-weight: bold !important; cursor: pointer; } /* 5 Columns */ .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-20 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-20 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-20 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-20 { width: 20%; float: left; } } /* Set width on the form input elements since they're 100% wide by default */ /* input, select, textarea { max-width: 280px; } */ .error { color: #a94442; } .click-active > *, .click-active .form-group > * { cursor: pointer; } /* SorTable */ .sortable-placeholder-page { border: 1px dashed #2d6ca2; background-color: #8db9df; position: relative; height: 100%; width: 150px; display: inline-block; margin-left: 5px; margin-right: 5px; margin-top: 10px; } .sortable-placeholder-area { border: 1px dashed red; background-color: #ffc9c9; height: 100px; margin-bottom: 5px; } .sortable-placeholder-element { border: 1px dashed red; background-color: #ffc9c9; height: 100px; margin-bottom: 20px; } .sortable-placeholder-element-option { border: 1px dashed red; background-color: #EEE; height: 150px; } .sortable-placeholder-element-jump, .sortable-placeholder-element-validation { border: 1px dashed red; background-color: #EEE; height: 150px; border-radius: 5px; margin-bottom: 15px; } .sortable-placeholder-survey-answers-setting { border: 1px dashed red; background-color: #EEE; height: 300px; margin: 10px 0px; } .system-formElement-review { margin: 20px 0; } #editFormMode .system-area-conversational { border: 1px dashed blue; background-color: #e3e3e3; overflow-y: scroll; } #editFormMode .form-group .help-block{ display:block; } .system-area-select { cursor: pointer; min-height: 30px; } .system-formElement:hover, .system-formElement.selected { border: 1px dashed blue; } #editFormMode .system-area-conversational:hover, #editFormMode .system-area-conversational.selected { border: 1px dashed blue; background-color: #e0e0e0; } #editFormMode .system-area-conversational:hover > .conversational-area-info, #editFormMode .system-area-conversational.selected > .conversational-area-info { right: 65px; } .slider-area-separator { border-bottom: 1px dotted #ff0000; margin: 20px 0 35px; } .system-option-tile-options, .system-calculation-tile-calculations, .system-timeline-stage-tile-timelines, .system-reminder-tile-reminders, .system-element-condition-tile-conditions, .system-jump-tile-conditions, .system-validation-tile-conditions, .system-project-subject-inclusion-tile-conditions, .system-survey-cn-conditions-block-tile-conditions, .system-survey-feedback-tile-conditions, .system-survey-cn-tile-notifications, .system-survey-answers-setting-tile-settings, .system-survey-answers-setting-date-tile-settings, .system-form-chart-tile-charts, .system-calculation-tile-delete, .system-timeline-stage-tile-delete, .system-calculation-brackets-delete-container, .system-calculation-brackets-tile-delete, .system-monitoring-or-condition-tile-conditions, .system-monitoring-and-condition-tile-conditions, .system-chart-value-tile-chart-values { position: absolute; display: none; } .system-validation-condition-tile-conditions, .system-reminder-tile-reminders, .system-condition-tile-conditions, .system-survey-cn-condition-tile-conditions, .system-jumpCondition-tile-conditions { display: none; } .system-jump-tile-conditions, .system-validation-tile-conditions, .system-project-subject-inclusion-tile-conditions, .system-survey-cn-conditions-block-tile-conditions { display: block; } .system-all-calculations-delete-container, .system-all-form-charts-delete-container, .system-all-survey-reminders-delete-container, .system-all-timeline-stage-reminders-delete-container, .system-all-monitoring-conditions-delete-container { position: absolute; } .system-option-tile-options { right: 0; top: 0; } .system-option-tile-options .btn.btn-danger { margin: 0; min-width: 40px; } .system-option-tile-options .btn.btn-danger .fa-solid { margin: 0; } .system-jumpCondition-tile-conditions, .system-calculation-tile-calculations, .system-survey-cn-tile-notifications, .system-form-chart-tile-charts, .system-monitoring-and-condition-tile-conditions, .system-chart-value-tile-chart-values { right: 0px; top: 9px; } .system-monitoring-and-condition-tile-conditions { top: 12px; } .system-chart-value-tile-chart-values { right: 0px; top: 16px; } .system-timeline-stage-tile-timelines, .system-reminder-tile-reminders { right: 0px; top: 10px; } .system-form-chart-tile-charts { right: 10px; top: 15px; } .system-survey-cn-tile-notifications, .system-survey-answers-setting-tile-settings { right: 15px; top: 15px; } .system-survey-answers-setting-date-tile-settings { right: 0px; top: 15px; } .system-conditions-container { /*border-bottom: 1px dashed #808080;*/ border-top: 1px dashed #808080; margin-top: 10px; } .system-jump-conditions-container, .system-survey-cn-conditions-block-conditions-container, .system-survey-cn-conditions-block-conditions-container, .system-form-pageconditions-conditions-tile-container { /*border-bottom: 1px dashed #808080;*/ border-top: 1px dashed #808080; margin-top: 10px; } .system-survey-cn-conditions-block-conditions-container, .system-survey-cn-conditions-block-conditions-container { padding: 10px 0px; } .system-survey-cn-conditions-block-properties-container { margin: 0px 3px 3px 3px; padding: 35px 10px 0px 5px; border-top: 1px dashed #808080; } .system-calculations-container { /*border-bottom: 1px dashed #808080;*/ border-top: 1px dashed #808080; margin-top: 10px; } .system-monitoring-and-conditions-container { border-top: 1px dashed #808080; border-bottom: 1px dashed #808080; margin: 10px 0; width: 100%; } .system-element-condition-tile-conditions, .system-jump-tile-conditions, .system-validation-tile-conditions, .system-project-subject-inclusion-tile-conditions, .system-survey-cn-conditions-block-tile-conditions, .system-survey-feedback-tile-conditions, .system-monitoring-or-condition-tile-conditions, .system-calculation-tile-delete, .system-calculation-brackets-tile-delete, .system-all-calculations-delete-container, .system-all-form-charts-delete-container, .system-survey-all-cns-delete-container, .system-survey-all-answer-settings-delete-container, .system-all-survey-reminders-delete-container, .system-all-timeline-stage-reminders-delete-container, .system-all-monitoring-conditions-delete-container { right: 5px; float: right; position: relative; } .system-all-calculations-delete-container, .system-all-form-charts-delete-container, .system-survey-all-cns-delete-container, .system-survey-all-answer-settings-delete-container, .system-all-survey-reminders-delete-container, .system-all-timeline-stage-reminders-delete-container, .system-all-monitoring-conditions-delete-container { right: 7px; float: right; position: relative; } .system-survey-all-cns-delete-container, .system-survey-all-answer-settings-delete-container, .system-all-survey-reminders-delete-container, .system-all-timeline-stage-reminders-delete-container { right: 9px; } .system-option-tile:hover .system-option-tile-options, .system-condition-tile:hover .system-condition-tile-conditions, .system-jumpCondition-tile:hover .system-jumpCondition-tile-conditions, .system-validation-condition-tile:hover .system-validation-condition-tile-conditions, .system-survey-cn-condition-tile:hover .system-survey-cn-condition-tile-conditions, .system-calculation-tile:hover .system-calculation-tile-calculations, .system-timeline-stage-tile:hover .system-timeline-stage-tile-timelines, .system-reminder-tile:hover .system-reminder-tile-reminders, .system-element-condition-tile:hover .system-element-condition-tile-conditions, .system-jump-tile:hover .system-jump-tile-conditions, .system-validation-tile:hover .system-validation-tile-conditions, .system-project-subject-inclusion-tile:hover .system-project-subject-inclusion-tile-conditions, .system-survey-cn-conditions-block-tile:hover .system-survey-cn-conditions-block-tile-conditions, .system-form-pageconditions-condition-block-tile:hover system-form-pageconditions-conditions-block-tile-conditions, .system-survey-feedback-tile:hover .system-survey-feedback-tile-conditions, .system-survey-cn-tile:hover .system-survey-cn-tile-notifications, .system-survey-answers-setting-tile:hover .system-survey-answers-setting-tile-settings, .system-survey-answers-setting-date-tile:hover .system-survey-answers-setting-date-tile-settings, .system-form-chart-tile:hover .system-form-chart-tile-charts, .system-calculation-tile:hover .system-calculation-tile-delete, .system-timeline-stage-tile:hover .system-timeline-stage-tile-delete, .system-reminder-tile:hover .system-reminder-tile-delete, .system-calculations-brackets-container:hover > .system-calculation-brackets-tile-delete, .system-monitoring-or-condition-tile:hover .system-monitoring-or-condition-tile-conditions, .system-monitoring-and-condition-tile:hover .system-monitoring-and-condition-tile-conditions, .system-chart-value-tile:hover .system-chart-value-tile-chart-values { display: inline-block; z-index: 1000; } .lnkAddCondition, .lnkAddFeedbackCondition, .lnkAddCalculation, .lnkAddCalculationBrackets, .btnAddMonitoringANDCondition { float: right; margin-right: 3px; } .system-element-condition-tile:hover .lnkAddCondition { /*margin-right: 50px;*/ } .system-survey-answers-setting-type-container { border-bottom: 1px dotted; } .system-survey-answers-setting-dates-header { border-bottom: 1px dotted #222222; } .modal-add-margins { margin: 0px 3px 15px 0px; } .reminders-desc-container { font-size: 16px; } .reminders-desc-container .reminders-desc { margin-left: 7px; padding-top: 7px; display: inline-block; } .reminders-desc-container .reminders-desc i { font-size: 20px; } .reminders-desc-container .reminders-desc span { margin-left: 5px; } .reminder-tile { margin: 3px; padding: 10px 5px 15px 5px; border-top: 1px dashed #808080; border-bottom: 1px dashed #808080; position: relative; } .reminder-tile .reminder-activate { margin-top: 5px; font-size: 14px; } .reminder-tile .reminder-message { resize: none; /*margin-top: 10px;*/ height: 135px } .reminder-tile .reminder-additionalEmailAddresses { resize: none; height: 80px; } .reminder-tile .reminder-tile-separator { height: 4px; background-color: #808080; position: absolute; top: 0; left: 0; right: 0; } .reminder-tile .reminder-user-types { display: inline-block; margin-right: 25px; margin-top: 2px; } .system-reminder-activated { margin-right: -5px; } .system-option-tile { position: relative; padding: 20px 4px 0 4px; } .system-condition-tile, .system-jumpCondition-tile, .system-validation-condition-tile, .system-survey-cn-condition-tile, .system-calculation-tile, .system-timeline-stage-tile, .system-reminder-tile, .system-monitoring-and-condition-tile, .system-chart-value-tile { position: relative; } .system-jumpCondition-tile { min-height: 55px; } .system-validation-condition-tile { margin: 5px 3px 10px; padding: 10px 10px 0px 5px; min-height: 50px; } .system-condition-tile-view-container .condition-view-and-text { text-align: center; margin: 10px 0px 15px 0px; font-size: 15px; font-weight: bold; font-style: italic; } .system-element-condition-tile, .system-jump-tile, .system-validation-tile, .system-project-subject-inclusion-tile, .system-project-system-notification-tile, .system-form-pageconditions-condition-block-tile, .system-survey-cn-conditions-block-tile, .system-survey-feedback-tile, .system-survey-cn-tile, .system-form-chart-tile, .system-element-calculations-container, .system-timeline-stages-container, .system-survey-reminders-container, .system-monitoring-or-condition-tile, .system-form-animation-tile, .system-survey-answers-setting-tile { position: relative; background-color: #ffffff; border: 1px dotted #808080; box-shadow: 2px 2px 4px #6f6f6f6e; margin: 0 3px; padding: 10px 15px; border-radius: 3px; } .system-project-subject-inclusion-tile { padding-bottom: 40px; } .system-timeline-stage-reminders-container { position: relative; background-color: #ffffff; margin: 0 3px; padding: 0; } .system-form-chart-tile { padding: 15px 10px; } .system-survey-cn-tile { padding: 15px 15px; } .system-survey-answers-setting-tile { padding: 50px 15px 15px 15px; } .notification-user-types { display: inline-block; margin-right: 25px; margin-top: 15px; } .confirmation-notification-user-types { display: inline-block; margin-right: 25px; margin-top: 15px; } .system-element-condition-tile-container, .system-jump-tile-container, .system-validation-tile-container, .system-form-pageconditions-conditions-block-tile-container, .system-survey-cn-conditions-block-tile-container, .system-survey-feedback-tile-container, .system-calculation-tile-container, .system-survey-cn-tile-container, .system-monitoring-or-condition-tile-container, .system-form-chart-tile-container, .system-project-subject-inclusion-tile-container, .system-project-system-notifications-tile-container, .system-survey-answers-setting-date-tile-container { margin-bottom: 20px; } .system-survey-cn-tile-container, .system-form-chart-tile-container { margin-bottom: 40px; } .system-survey-answers-setting-tile-container { margin-bottom: 50px; } .condition-or-text, .monitoring-or-text { text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: bold; font-style: italic; font-family: georgia; } .system-element-condition-tile-view-container .condition-view-or-text { padding: 0px 10px; position: relative; top: 15px; background-color: #f3f3f4; font-size: 20px; font-weight: bold; font-style: italic; font-family: georgia; } .system-validation-condition-tile .logicalOperatorType-container { padding-left: 0px; padding-right: 5px; } .system-validation-condition-tile .all-versions-condition { padding-left: 0px; padding-right: 0px; padding-top: 15px } .system-community { display: none; } .system-calculation-operationType, .system-calculation-beforeBracketsOperationType { background-color: #BDFCC9 !important; color: #000000 !important; } .control-label.required { position: relative; } .control-label.required:after { position: absolute; content: "\f069"; font-family: "Font Awesome 6 Free", 'FontAwesome'; font-size: 10px; color: #ff0000; right: 6px; top: 0; } i.required { color: red; position: relative; font-style: normal; font-weight: 500; font-family: 'FontAwesome'; font-size: 12px; top: -5px; left: 0; line-height: 6px; } i.required .fa-asterisk:before { content: "\f069"; } .slider-container { margin: 5px 20px 49px 20px; } .reset-slider-container { min-height: 30px; } .reset-slider { margin-top: -30px; } .reset-slider i { font-size: 16px; } .radio-horizontal { display: inline-block; } .radio-vertical { display: block; margin-bottom: 5px; } .element-condition-view-visible { border-bottom: 1px dashed #808080; padding-bottom: 15px; padding-top: 10px; text-align: center; } .condition-and, .monitoring-and { font-size: 18px; font-weight: bold; font-style: italic; line-height: 34px; margin-left: 10px; text-align: center; } /***********ProgressBars**********/ .progress-bar-container { margin-top: 10px; } .progress-bar-percent { padding: 0; font-size: 14px; font-weight: bold; float: none; margin: auto; height: 18px; width: 50%; } /***********LoginBox**********/ .login-table { margin: auto; } .login-table td { padding: 5px 5px 5px 5px; } div.review label { font-weight: normal; } div.review ul.answer { padding-left: 25px; } .forgot-password-link { font-size: 16px; color: #676a6c; display: block; margin-bottom: 5px; } .forgot-password-link:hover { text-decoration: underline; color: #676a6c; } .need-help-link { font-size: 16px; color: #676a6c; display: block; margin-bottom: 5px; font-weight: bold; } .need-help-link:hover { text-decoration: underline; color: #676a6c; } .login-desc { font-weight: bold; font-size: 16px; margin: 0 0 15px 0; } .site-description { font-size: 13.5px; line-height: 14px; margin-bottom: 0; position: relative; text-align: center; font-family: 'Montserrat', sans-serif; color: #8392b0; } /****************************/ .logout { float: right; } .register-table { margin: auto; } /*********************************************************/ /* Notifications */ /*********************************************************/ div.notifications { z-index: 10000; display: block; position: fixed; left: 50%; top: 2px; padding: 2px; min-height: 30px; margin: 2px 0 0 -100px; line-height: 20px; font-size: 12px; text-align: center; width: 200px; border: solid 1px #006AB3; background-color: #fff; cursor: pointer; color: #006AB3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0.7; } div.notifications.error { margin: 2px 0 0 -150px; width: 300px; border: solid 1px #E01B6A; background-color: #FFF2F7; color: #E01B6A; opacity: 1; } div.notifications p { text-align: center; } div.notifications span.close { width: 10px; height: 10px; display: inline-block; position: absolute; right: 5px; top: 5px; /*background: url(/Content/images/close.png) no-repeat scroll 1px 1px transparent;*/ opacity: 0.7; line-height: 10px; font-size: 10px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } div.notifications span.close:hover { opacity: 1; border: 1px solid #E01B6A; } /*********************************************************/ /* End of Notifications */ /*********************************************************/ .red-text { color: #CA3738; } .orange-text { /*color: #f8ac59;*/ color: #FFA500; } .green-text { color: #1AB394; } .blue-text { color: #0000FF; } .light-blue-text { color: #0AB4FF; } .info-text { color: #23c6c8; } @media (min-width: 1200px) { #side-content { position: fixed; top: 50px; bottom: 0; left: 0; background-color: #FFF; overflow-x: hidden; overflow-y: scroll; min-width: 300px; max-width: 300px; width: 300px; padding: 25px; } } /*********** Captcha **********/ span.captcha-refresh { background: transparent url(/Content/images/captcha-refresh.png) no-repeat scroll 0 0; cursor: pointer; display: inline-block; float: right; height: 22px; margin-top: 30px; width: 22px; } div.captcha { padding: 10px 10px 10px 0; text-align: center; } /*********** Image Control **********/ .image-container { text-align: center; } .image-container-slider { width: auto; margin-left: -95px; margin-right: -95px; } .image-container-frame { background-color: #7e7e7e; padding: 5px; } .image-container-frame-slider { background-color: #7e7e7e; padding: 5px 0px; } .image-container .a-background { display: block; background-color: #f3f3f4; } .image-container img.app-image { display: inline-block; max-width: 100%; } img.slider-frame { border-top: 5px solid #7e7e7e; border-bottom: 5px solid #7e7e7e; padding: 5px 0; } img.not-slider-frame { border: 5px solid #7e7e7e; padding: 5px; } /* =============== IMAGE DRAW ================== */ .image-draw-container div.draw-pad-frame { border: 5px solid #7e7e7e; padding: 5px; } /* =============== 25 Image draw & responsive =============== */ .imageDraw-group { margin: 10px auto; } .imageDraw-group .image-draw-container { width: auto; position: relative; display: flex; justify-content: center; text-align: center; margin: 0 auto; /*border: 1px dashed #f00;*/ } .draw-pad-img { background-position-x: center; background-position-y: center; } .imageDraw-group svg { /*border: 1px solid;*/ } .imageDraw-group .draw-pad { position: relative; margin: 0 auto; /*border: 1px dashed #f00;*/ } .imageDraw-group .draw-pad-img { background-size: contain; background-repeat: no-repeat; position: absolute; margin: 0 auto; /*border: 1px solid #0f0;*/ } .imageDraw-group .draw-pad-buttons { display: flex; flex-wrap: nowrap; justify-content: center; width: 100%; flex-direction: row; margin: 0 0 15px 0; z-index: 2; position: relative; } .imageDraw-group .draw-pad-buttons .btn { width: auto; margin: 5px 5px; padding: 5px 5px; height: 35px; display: flex; justify-content: center; align-items: center; z-index: 90; } .imageDraw-group .draw-pad-buttons .btn.btn-paint { display: none; } @media (max-width: 1024px) { .imageDraw-group .courtain-paint { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 100px; z-index: 1; background-color: #80808011; cursor: not-allowed; } body.no-scroll { overflow-y: hidden; } .imageDraw-group .courtain-paint.active-paint { display: none; } .imageDraw-group .draw-pad-buttons .btn.btn-paint { display: flex; position: relative; z-index: 2; background-color: #808080; color: #ffffff; } .imageDraw-group .draw-pad-buttons .btn.btn-paint.active { background-color: var(--titleColor); border: 2px solid #f00; } } @media (max-width: 480px) { .imageDraw-group .draw-pad-buttons .btn { font-size: 12px !important; } } /*.image-map-container img.mapster_el { border: 5px solid #7e7e7e; }*/ .image-container div.image { background-position: center center; width: 100%; height: 500px; background-repeat: no-repeat; } .image-container div.image.slider { border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; } .image-container div.image.not-slider { border: 5px solid #ffffff; } /*********** Feedback **********/ .global-feedback-container { border-bottom: 1px dotted #808080; margin-bottom: 30px; margin-top: 10px; padding-bottom: 20px; } .global-feedback-desc { text-align: center; font-size: 15px; margin-bottom: 20px; } /*********** Survey Logo Container **********/ .survey-logo-container { clear: both; margin-bottom: 15px; } /*********** Survey Name - Review **********/ h1.survey-name { border-bottom: 2px solid #8F8F8F; font-weight: bold; padding-bottom: 5px; font-size: 32px; margin-bottom: 20px; margin-top: 0px; } .review-page-clear { clear: both; margin-top: 20px; } .turnDeviceNotification { position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: none; /*background-image: url(/Content/images/turn-to-landscape.png);*/ background-size: 100% 100%; background-color: #000000; z-index: 1001; } .opening-bracket-container { display: inline-block; font-size: 36px; position: absolute; top: -2px; } .closing-brackets-container { display: inline-block; font-size: 36px; position: relative; top: -12px; right: 20px; display: none; } .closing-brackets-container-end { display: inline-block; font-size: 36px; padding-right: 6%; position: relative; text-align: right; width: 100%; display: none; } .field-validation-error { color: #cc5965; } /*********************Timeline*************************/ .timeline-history-container:nth-child(odd) { background-color: #f9f9f9; } .timeline-history-container:nth-child(even) { background-color: #ffffff; } .crfs-history-container:nth-child(odd) { background-color: #f9f9f9; } .crfs-history-container:nth-child(even) { background-color: #ffffff; } .predefined-timelines-list, .predefined-timeline-stages-desc, .timeline-history, .predefined-date-of-first-visit-container { display: none; } .timeline-filter-placeholder .input-placeholder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; } .timeline-filter-placeholder .input-placeholder ::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; } .timeline-filter-placeholder .input-placeholder :-ms-input-placeholder { /* IE 10+ */ font-size: 12px; } .timeline-filter-placeholder .input-placeholder :-moz-placeholder { /* Firefox 18- */ font-size: 12px; } .answer-version-container div, .answer-comments-queries-container div { margin: auto; cursor: initial; font-weight: bold; } .answer-version-container div.distribution-version, .answer-comments-queries-container div.distribution-version { margin: auto; cursor: initial; font-weight: bold; font-size: 16px; padding: 3px 10px; } .answer-version-container div.nohover:hover { background-color: #23c6c8; border-color: #23c6c8; } .answer-version-container div.noactive:active { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); } .answer-comments-queries-container div.nohover:hover { background-color: #f8ac59; border-color: #f8ac59; } .answer-comments-queries-container .btn-hidden, .answer-comments-queries-container .btn-hidden .fa-solid { padding: 0; font-size: 0 !important; width: 0; min-width: 0; min-height: 0; border: 0; margin: 0 !important; display: none; } .answer-comments-queries-container div.noactive:active { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); } .answer-status-container, .answer-date-container { margin-bottom: 2px; display: flex; width: 100%; align-items: center; border: 1px solid transparent; min-height: 40px; justify-content: center; border-bottom: 1px dashed #cdcccc; line-height: 17px; flex-direction: column; } .answer-version-container, .answer-comments-queries-container { margin-bottom: 2px; display: flex; justify-content: center; min-height: 40px; align-items: center; border-bottom: 1px dashed #cdcccc; } .answer-buttons-container { margin-bottom: 2px; text-align: right; align-items: center; min-height: 40px; display: block; border-bottom: 1px dashed #cdcccc; /*display: inline-block;*/ position: relative; } .two-dots:after { content: ":"; font-weight: bold; } .star-before:before { content: "*"; font-weight: bold; } .star-after:after { content: "*"; font-weight: bold; margin-left: 3px; } /*****************Patients*********************/ .file-download { margin-bottom: 10px; } /*****************Anonymous Identification*********************/ .anonymous-identification-desc { font-size: 16px; font-weight: bold; } .anonymous-identification-welcome { } .anonymous-or-text { font-size: 16px; font-weight: bold; margin: -5px 0px 17px 0px; text-align: center } /*****************Monitoring*********************/ .search-bar-helper { display: none; } .monitoring-filter-changed-warning { /*font-size: 16px;*/ } .monitoring-filter-changed-warning .filter-changed-warning-desc { margin-left: 7px; padding-top: 7px; display: inline-block; } .monitoring-filter-changed-warning .filter-changed-warning-desc i { font-size: 16px; } .monitoring-filter-changed-warning .filter-changed-warning-desc span { margin-left: 5px; } .monitoring-value { font-weight: bold; } .monitoring-date { font-style: italic; font-size: 12px } .monitoring-column { white-space: nowrap; width: 1%; } /*****************Chart*********************/ .system-chart-value-chunk-options-container .system-chart-value-chunk-formItemOptionId, .system-chart-value-chunk-options-container .system-chart-value-chunk-doubleSliderValueType { /*margin-left: 7% !important;*/ width: 90% !important; font-size: 12px !important; padding-top: 4px !important; padding-bottom: 4px !important; margin-top: 3px !important; display: inline-block !important; } .system-chart-value-chunk-value-source-container { text-align: right; } .system-chart-value-chunk-value-source-container .system-chart-value-chunk-xAxisValueSourceType { width: 65% !important; font-size: 12px !important; padding-top: 4px !important; padding-bottom: 4px !important; margin-top: 8px !important; margin-left: 10px !important; display: inline-block !important; } .system-chart-value-chunk-options-container span.glyphicon { width: 8%; } span.ui-spinner { max-width: 50px; } .json-not-valid { margin: 5px 0px; display: none; font-size: 14px; font-weight: bold; } /*************** Survey Details ****************/ .survey-form-name { font-size: 18px; } .survey-review-form-name { font-size: 16px; /*margin-bottom: 15px !important;*/ padding-top: 3px !important; } .survey-form-deleted { font-size: 20px; margin-bottom: 15px; margin-left: 8px; } .survey-review-form-deleted { font-size: 16px; margin-bottom: 15px; margin-left: 8px; padding-top: 3px !important; } .review-unlimited-desc { display: block; margin-top: 5px; } .review-days-active-control { width: 100px !important; display: inline-block !important; } /*******************Answer Review*********************/ .review-page-title { background-color: #dbdbdc; padding: 8px 5px; cursor: pointer; margin-bottom: 15px; } .review-page-title:hover { background-color: #ffffff; } .review-page-desc { padding: 0px 5px; } /****************Form********************/ .form-language-warning { font-size: 14px; display: inline-block; margin-left: -5px; } .review-warning { font-size: 14px; margin-top: 10px; } .warning-sign { margin: 0px 5px; } /*************************** Chat ***********************/ .default-chat-icon { display: inline-block; width: 35px; height: 35px; margin-left: 15px; } .conversational-toolbox-control-info { position: absolute; top: 4px; font-size: 17px !important; margin-left: 5px; color: #CA3738; } .conversational-area-info { position: absolute; top: 0px; right: 25px; cursor: pointer; color: #CA3738; font-size: 30px !important; } .conversational-chat-code-info { cursor: pointer; color: #CA3738; font-size: 30px !important; display: inline-block; margin-left: 5px; } /* Chat view */ .chat-container { background: #ffffff; position: absolute; right: 0px; left: 0px; bottom: 0px; top: 0px; } .chat-discussion-custom { background: #ffffff; padding: 10px; height: auto; /*overflow-y: auto;*/ font-size: 14px; /*border-radius: 15px;*/ } .chat-discussion-custom .chat-message-custom.left { max-width: 95%; margin-left: 0px; margin-right: auto; text-align: left; padding: 10px 20px 10px 5px; } .chat-discussion-custom .chat-message-custom.right { max-width: 95%; margin-left: auto; margin-right: 0; text-align: right; padding: 10px 5px 10px 20px; } .message-avatar-custom { height: 35px; width: 35px; /*border: 1px solid #e7eaec;*/ border-radius: 4px; margin-top: -10px; } .chat-discussion-custom .chat-message-custom.left .message-avatar-custom { float: left; margin-right: 10px; } .chat-discussion-custom .chat-message-custom.right .message-avatar-custom { float: right; margin-left: 10px; } .message-custom { background-color: #fff; border: 1px solid #e7eaec; display: inline-block; padding: 10px 20px; position: relative; overflow-wrap: break-word; max-width: 70%; } .chat-discussion-custom .chat-message-custom.left .message-custom { border-radius: 4px 20px 20px 20px; background-color: #f3f3f4; color: #222222; } .chat-discussion-custom .chat-message-custom.right .message-custom { border-radius: 20px 4px 20px 20px; background-color: #222222; color: #ffffff; border: none; font-weight: bold; } .message-content-custom { display: block; /*display: block;*/ text-align: justify; word-wrap: break-word; } .t-container p:last-of-type { display: inline-block; } .conversational-enter { position: absolute; right: 5px; z-index: 1000; /*top: 5px;*/ } .conversational-enter button { border-radius: 15px; width: 32px; height: 32px; font-size: 14px; } .public .system-form-control-conversational { font-size: 15px !important; } .public .system-form-control-conversational:valid { outline: none !important; /*border: 0 !important;*/ box-shadow: none !important; } .public .system-form-control-conversational:focus { box-shadow: inset -1px 1px 2px 0px #888 !important; border: none !important; } .public .system-form-control-conversational.date:focus ~ .input-group-text { box-shadow: inset -1px 1px 2px 0px #888 !important; border: none !important; } .public .system-formElement-conversational .system-form-control-ai { height: 35px; border-radius: 5px; margin-left: 10px; border: 1px solid #e5e6e7; font-size: 15px !important; } .public .system-formElement-conversational .system-form-control-ai:focus { box-shadow: inset -1px 1px 2px 0px #888 !important; border: none !important; } .public .system-form-control-conversational.textbox { height: 45px; border-radius: 15px; } .public .conversational-enter.textbox { top: 6px; } .public .system-form-control-conversational.textarea { border-radius: 15px; } .public .conversational-enter.textarea { bottom: 25px; } .public .system-form-control-conversational.email { height: 45px; border-radius: 15px; } .public .conversational-enter.email { top: 6px; } .public .system-form-control-conversational.number { height: 45px; border-radius: 15px; } .public .conversational-enter.number { top: 6px; } .public .system-form-control-conversational.date { height: 45px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .public .system-form-control-conversational.date ~ .input-group-text { width: 1%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .public .conversational-enter.date { top: 6px; right: 45px; } .public .form-group.radio { padding: 18px 40px 18px 25px; border-radius: 15px; background-color: #ffffff; } .public .form-group.radio label { padding: 0px; } .public .form-group.radio .radio-horizontal { margin-right: 15px; margin-top: 25px; } .public .form-group.radio .radio-vertical:last-child { margin-bottom: 0px !important; } .public .form-group.radio .option-label { padding: 10px 10px 10px 40px; border-radius: 7px; margin-left: -35px; background-color: #f3f3f4; border: 1px solid #e7eaec; font-weight: normal; cursor: pointer; } .public .form-group.radio .radio-horizontal .option-label { display: inline; } .public .form-group.radio .radio-vertical .option-label { display: inline-block !important; } .public .form-group.radio .option-label:hover { background-color: #ffffff; border: 1px solid #e7eaec; } .public .form-group.radio .system-form-control-conversational:hover ~ .option-label { background-color: #ffffff; border: 1px solid #e7eaec; } .public .form-group.radio .text-danger span { margin-top: 10px; display: inline-block; } .public .system-form-control-conversational.radio { border-radius: 15px; } .public .conversational-enter.radio { bottom: 12px; margin: 0px; } .public .form-group.checkboxGroup { padding: 20px 40px 18px 25px; border-radius: 15px; background-color: #ffffff; } .public .form-group.checkboxGroup label { padding: 0px; } .public .form-group.checkboxGroup .radio-horizontal { margin-right: 15px; margin-top: 25px; } .public .form-group.checkboxGroup .radio-vertical:last-child { margin-bottom: 2px !important; } .public .form-group.checkboxGroup .option-label { padding: 10px 10px 10px 40px; border-radius: 7px; margin-left: -35px; background-color: #f3f3f4; border: 1px solid #e7eaec; font-weight: normal; cursor: pointer; } .public .form-group.checkboxGroup .radio-horizontal .option-label { display: inline; } .public .form-group.checkboxGroup .radio-vertical .option-label { display: inline-block !important; } .public .form-group.checkboxGroup .option-label:hover { background-color: #ffffff; border: 1px solid #e7eaec; } .public .form-group.checkboxGroup .system-form-control-conversational:hover ~ .option-label { background-color: #ffffff; border: 1px solid #e7eaec; } .public .form-group.checkboxGroup .text-danger span { margin-top: 10px; display: inline-block; } .public .system-form-control-conversational.checkboxGroup { border-radius: 15px; } .public .conversational-enter.checkboxGroup { bottom: 12px; margin: 0px; } .public .form-group.slider-c { padding: 10px 25px 5px 0px; border-radius: 15px; background-color: #ffffff; } .public .system-form-control-conversational.slider-c { height: 45px; border-radius: 15px; } .public .conversational-enter.slider-c { top: 40px; } .public .form-group.doubleSlider-c { padding: 5px 25px 5px 0px; border-radius: 15px; background-color: #ffffff; } .public .system-form-control-conversational.doubleSlider-c { height: 45px; border-radius: 15px; } .public .conversational-enter.doubleSlider-c { top: 40px; } .public .form-group.dropdown { padding: 15px 45px 15px 10px; border-radius: 15px; background-color: #ffffff; } .public .system-form-control-conversational.dropdown { height: 45px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #e5e6e7 !important; } .public .system-form-control-conversational.dropdown:focus { box-shadow: inset -1px 1px 2px 0px #888 !important; border: 1px solid #e5e6e7 !important; } .public .conversational-enter.dropdown { top: 20px; } .public .form-group.checkboxElement { padding: 10px 40px 10px 25px; border-radius: 15px; background-color: #ffffff; } .public .form-group.checkboxElement label { padding: 10px 10px 10px 40px; border-radius: 7px; margin-left: -35px; background-color: #f3f3f4; border: 1px solid #e7eaec; font-weight: normal; cursor: pointer; } .public .form-group.checkboxElement .option-label:hover { background-color: #ffffff; border: 1px solid #e7eaec; } .public .form-group.checkboxElement .system-form-control-conversational:hover ~ .option-label { background-color: #ffffff; border: 1px solid #e7eaec; } .public .conversational-enter.checkboxElement { bottom: 12px; margin: 0px; } .finish-conversation { display: none; } @media (max-width: 992px) { .public .system-area-conversational { padding: 0px !important; } .public .chat-discussion-custom { padding: 0; font-size: 12px; } .public .chat-discussion-custom .chat-message-custom.left .message-custom { border-radius: 2px 10px 10px 10px; } .public .chat-discussion-custom .chat-message-custom.right .message-custom { border-radius: 10px 2px 10px 10px; } .message-custom { padding: 5px 10px; max-width: 77%; } .chat-message-custom { padding: 10px 3px; } } /********************JUMPS**********************/ .jump-description-text { font-size: 16px; font-weight: bold; } .default-jump-desc { font-size: 14px; font-weight: bold; margin-left: 15px; display: none; } .jump-to-container { margin: 0px 0px 1px 0px; padding-top: 15px; border-top: 1px dashed grey; } .jump-to { padding-left: 5px; margin: 3px; } .jump-to-text { padding-right: 7px; font-size: 16px; font-weight: bold; } .always-jump-to, .otherwise-jump-to { display: none; } .jump-to-element { width: 35% !important; /*display: inline-block !important;*/ } .jump-if-title-container, .conditions-block-if-title-container { display: inline-block; margin-left: 5px; } .system-validation-type-container { padding-bottom: 5px; display: inline-block; } .validation-text-container { display: block; margin-bottom: 15px; font-size: 16px; font-weight: bold; margin-left: 5px; } .validation-type-radio { margin: 0 20px 0 5px; cursor: pointer } .validation-text-container.message-title { margin-top: 25px; margin-bottom: 10px; } .validation-create-query { margin-left: 5px; margin-top: 20px; margin-bottom: 20px; } .validation-create-query .checkbox-label { cursor: pointer; } .validation-color-picker-container { float: none; margin-left: 5px; padding: 0px; } .page-conditions-block-if-title-container { display: inline-block; margin-left: 10px; } .jump-if-text, .conditions-block-if-text, .page-conditions-block-if-text { font-size: 20px; font-weight: bold; } /**************Validations**************/ .add-validation-button-container { float: right; margin: 0px 3px 15px 0px; } .validation-description-text-container { cursor: pointer; padding-left: 0px; } .validation-description-text { font-size: 16px; font-weight: bold; } .system-validation-condition-tile .select.s-custom::after { top: 5px; right: 5px; } /*******************Page Conditions******************/ .page-conditions-block-hide-page { margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-bottom: 10px; } .add-page-conditions-block-button-container { text-align: right; margin: 0px 3px 15px 0px; } /*****************Users Import********************/ .import-column-name { display: none; } /********************Users************************/ .user-role-column { width: 20%; text-align: center; } /********************Patients/Subjects************************/ .center-column { width: 50%; text-align: center; } /**************Gradient Field Result*************/ .gradient-control { padding: 10px; width: 80%; } .gradient-control-line-color { width: 5px; height: 50px; } .gradient-control-line-left { float: left; margin-left: 16px; background-color: rgba(83,219,95,1); } .gradient-control-line-right { float: right; margin-right: 16px; background-color: rgba(250,79,79,1); } .gradient-control-wrapper { margin: 0 auto; height: 100%; width: 93%; } .gradient-control-gradient { height: 50px; background: linear-gradient(to right, rgba(83,219,95,1) 0%, rgba(247,210,99,1) 50%, rgba(250,79,79,1) 100%); } .gradient-control-pointer { position: relative; height: 100%; z-index: 100; margin-left: 0%; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; } .gradient-control-arrow-stick { background-color: #000; height: 90%; width: 5px; } .gradient-control-arrow-down { width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #000; margin-left: -11px; } .gradient-control-numbers { width: 100%; margin-top: 10px; } .gradient-control-numbers label { font-weight: bold !important; text-align: center; display: inline-block; } .gradient-control-numbers-min { float: left; margin-left: -5px; } .gradient-control-numbers-max { float: right; margin-right: -10px; } .gradient-control-number-between { float: left; position: relative; transform: translate(50%); text-align: left; } .close-icon { font-size: 30px; display: inline-block; } [class*='close-'] { color: #777; font: 14px/100% "Noto Sans", sans-serif; position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; display: inline-block; } .close-classic:after { content: 'X'; /* ANSI X letter */ } .close-thin:after { content: '×'; /* UTF-8 symbol */ } .close-thik:after { content: '✖'; /* UTF-8 symbol */ } /********************Global Classes************************/ .resize-none { resize: none; } .no-wrap { white-space: nowrap; } .text-pre-wrap { white-space: pre-wrap; } .text-align-left { text-align: left; } .text-align-left-important { text-align: left !important; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .text-align-center-important { text-align: center !important; } .vertical-align-middle { vertical-align: middle !important; } .white-background { background-color: #ffffff; } .white-background-imp { background-color: #ffffff !important; } .word-break-break-word { word-break: break-word; display: inline !important; } .radio-container.word-break-break-word { word-break: normal; display: block !important; } .radio-container.word-break-break-word label { word-break: normal; } .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .normal-cursor { cursor: initial; } .force-normal-cursor { cursor: initial !important; } .font-14 { font-size: 14px; } .font-15 { font-size: 15px; } .font-16 { font-size: 16px; } .font-16-important { font-size: 16px !important; } .font-18-important { font-size: 18px !important; } .info-label-required { padding-top: 0px !important; } .info-label-required:after { content: "*"; font-weight: bold; color: #CA3738; font-size: 20px; padding-left: 3px; } h2.border-top { padding-top: 10px; border-top: 1px dotted; margin-bottom: 25px; } .padding0 { padding: 0px !important; } .padding-top2 { padding-top: 2px; } .padding-bottom5 { padding-bottom: 5px; } .padding-bottom15 { padding-bottom: 15px; } .margin0 { margin: 0px !important; } .margin-top15 { margin-top: 15px !important; } .margin-top20 { margin-top: 20px !important; } .margin-left20 { margin-left: 20px !important; } .margin-left40 { margin-left: 40px !important; } .margin-right20 { margin-right: 20px; } .margin-bottom10 { margin-bottom: 10px; } .margin-bottom15 { margin-bottom: 15px; } .margin-bottom30 { margin-bottom: 30px; } .margin-bottom40 { margin-bottom: 40px; } .paging-box { width: 30px; text-align: right; } .visibility-hidden { visibility: hidden; } .display-none { display: none; } .display-inline-block { display: inline-block; } .position-relative { position: relative; } /* ======= FLOATS ============ */ .float-right { float: right; } .float-left { float: left; } .btn-form-close { min-height: 0px !important; padding: 1px 9px !important; font-size: 18px !important; margin: 10px 1px; font-weight: bold; } /********************Survey Confirmation Notifications************************/ .html-message-add-info { position: absolute; top: -5px; font-size: 20px !important; margin-left: 10px; color: #CA3738; } .system-survey-cn-tile .chosen-container-multi .default { width: auto !important; } .modal-items-inside-border { margin: 25px 0px 20px 0px; border-bottom: 2px dashed #808080; } .confirmation-notification-property-desc { font-weight: normal; font-size: 12px; font-style: italic; margin-top: 3px; margin-bottom: 15px; display: block; } .reference-specific-element-example-info { font-size: 20px !important; margin-left: 5px; color: #CA3738; position: relative; top: 2px; } /********************Versions************************/ @media (min-width: 1200px) { .versions-container { padding: 0px 100px 0px 100px; border-top: 4px solid #eeeeee; } } .version-container { margin-top: 35px; } .version-title { margin-bottom: 5px; font-size: 19px; line-height: 1.5; } .version-date { font-style: italic; margin-bottom: 25px; } .versions-container hr { border: 2px solid #eee; } /** Class to make text inputs look like labels (for user data in surveys) **/ .element-user-data { border: 1px solid transparent !important; cursor: default; pointer-events: none; background-color: transparent !important; } /*******************Tasks Overview*******************/ .tasks-overview-container i { font-size: 10px; } .tasks-overview-container th { white-space: nowrap; padding: 8px 12px !important; } .tasks-overview-container th a { font-weight: bold; } .tasks-overview-container td:not(.centers-table) { padding: 8px 12px !important; } .centers-table { white-space: nowrap; } .filter-placeholder { font-size: 13px !important; } /***********************View Answer page*********************/ .no-option-selected { color: #08c; font-size: 15px; } .selected-option { color: #08c; font-size: 18px; font-weight: bold !important; } /********************Matrix tabs***************************/ #tab-container { margin-top: 60px; background-color: #ffffff; } #tab-container .hidden-tab-check { height: 0; width: 0; padding: 0; margin: 0; position: absolute; visibility: hidden; } #tab-container label { background: #d8eaec; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #3f3f3f; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; line-height: 34px; text-align: center; padding: 0; max-width: 24%; min-width: 200px; width: auto; margin: 0; } #tab-container .hidden-tab-check:hover + label { background: #26b2c4; color: #fff; transition: all 0.5s ease; } #tab-container .hidden-tab-check:checked + label { background: #26b2c4; color: #ffffff; position: relative; z-index: 6; transition: all 0.5s ease; } #content { position: relative; width: 100%; z-index: 5; background-color: #ffffff; border-top: 1px solid #26b2c4; } #content .table-responsive { display: none; margin-top: 1.5em; position: relative; width: 100%; z-index: -100; min-height: 330px; transition: all linear 0.1s; } #tab-container input#tab-1:checked ~ #content #content-1, #tab-container input#tab-2:checked ~ #content #content-2, #tab-container input#tab-3:checked ~ #content #content-3, #tab-container input#tab-4:checked ~ #content #content-4, #tab-container input#tab-2:checked ~ #content #content-2 #upload-2, #tab-container input#tab-3:checked ~ #content #content-3 #upload-3, #tab-container input#tab-4:checked ~ #content #content-4 #upload-4 { display: block; z-index: 100; } input.visible { visibility: visible !important; } .desc-text { margin-left: 15px; width: 80%; display: inline-block; } .file-desc-text { margin-left: 0px !important; min-width: 60% !important; max-width: 90% !important; width: auto; word-break: break-all; } /* ================ Tab container responsive ================== */ @media(max-width:1024px) { #tab-container { margin-top: 20px; display: flex; flex-direction: column; } #tab-container .hidden-tab-check + label { flex: 1 1 100%; width: 100%; max-width: 100%; border-radius: 5px; margin-bottom: 2px; } } /****************Link to another survey (Label property) **************/ .linked-surveys-list { margin-top: 15px; margin-left: 20px; } /*************************No-Script-Enabled*****************************/ .no-script-public-form { position: fixed; top: 50%; left: 49%; transform: translate(-50%, -50%); z-index: 1000000000; font-size: 18px; text-align: center; } .no-script-public-form i { height: 60px; width: 60px; line-height: 60px; -moz-border-radius: 30px; border-radius: 30px; background-color: #f3f3f4; text-align: center; font-size: 40px; } .no-script-public-form span { display: block; margin-top: 5px; } .no-script-public, .no-script-form, .no-script { font-size: 16px; text-align: center; width: auto; } .no-script-public i, .no-script-form i, .no-script i { height: 45px; width: 45px; line-height: 45px; -moz-border-radius: 25px; border-radius: 25px; background-color: #f3f3f4; text-align: center; font-size: 30px; } .no-script-public .alert { margin-bottom: 0px; width: 65%; margin: auto; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: none; } .no-script-form .alert, .no-script .alert { margin-bottom: 0px; margin: auto; width: 75%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: none; } .no-script-public span, .no-script-form span, .no-script span { display: block; margin-top: 5px; } @media (max-width: 1200px) { .no-script-public-form { width: 80%; } .no-script-public .alert, .no-script .alert { width: 75%; } .no-script-form .alert { width: auto; } .no-script-public-form span, .no-script-public span, .no-script-form span, .no-script span { margin-top: 10px; } } @media (max-width: 768px) { .no-script-public-form { width: 80%; } .no-script-public .alert, .no-script-form .alert, .no-script .alert { width: auto; } .no-script-public-form span, .no-script-public span, .no-script-form span, .no-script span { margin-top: 10px; } } /*************************My Visit Plan*****************************/ .my-visit-plan { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; border: 2px solid transparent; background-color: transparent; } .my-visit-plan .panel-heading { background-color: #fff; padding: 0px; } .my-visit-plan .panel-body { padding-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .my-visit-plan .my-visit-plan-info-toggle { display: block; padding: 10px 15px; } .my-visit-plan h3.visit-plan { margin-top: 0px; font-size: 19px; } .my-visit-plan .user-code { font-size: 16px; color: #CA3738; margin-top: -2px } /*************************Change Password*****************************/ .panel-title a { color: #464646; position: relative; display: inline-block; margin: -8px -8px; width: 100%; padding: 8px 8px; text-decoration: none; } .panel-title a span.fa-solid { position: absolute; right: 5px; font-size: 16px; opacity: 0.8; transform: rotate(0deg); transition: all 0.4s ease; } .panel-title a[aria-expanded="true"] span.fa-solid { transform: rotate(180deg); transition: all 0.4s ease; } .change-password .change-password-info-toggle { display: block; } .change-password .user-code { font-size: 16px; color: #CA3738; margin-top: -2px } .info-hover { width: 100%; justify-content: center; position: relative; display: flex; font-size: 16px; cursor: pointer; color: #CA3738; align-items: center; font-size: 24px; left: -30px; } /* =============== Inclusion Criteria / Dropout Criteria ==================== */ .inclusion-criteria-info, .dropout-criteria-info, .survey-answer-status-info, .login-info { width: 100%; justify-content: center; position: relative; display: flex; font-size: 16px; cursor: pointer; color: #CA3738; align-items: center; } .inclusion-criteria-info .fa-solid, .dropout-criteria-info .fa-solid { font-size: 24px; } .survey-answer-status-info { display: inline; position: absolute; right: -16px; width: auto; } .survey-answer-status-info .fa-solid { font-size: 20px; } .inclusion-criteria-container, .dropout-criteria-container { min-height: 500px; } .text-area-inclusionCriteria, .text-area-dropoutCriteria { width: 100% !important; height: 450px !important; margin: 15px auto 5px auto; resize: none; background-color: #ffffff !important; } .section-inclusion-criteria .panel-collapse { max-height: 190px; overflow-y: auto; margin-bottom: 15px; } .section-inclusion-criteria .panel-collapse .form-group { padding-bottom: 10px; } /************Answer Review***************/ .slider-container-review [disabled] .noUi-connect { background: #1ab394; } .slider-container-review [disabled].noUi-target, .slider-container-review [disabled].noUi-handle, .slider-container-review [disabled] .noUi-handle { cursor: auto; } .review-i-checks-disabled.icheckbox_square-green.checked.disabled { background-position: -48px 0; } .review-i-checks-disabled.iradio_square-green.checked.disabled { background-position: -168px 0; } /************File Upload***************/ .system-upload-file-container { float: left; margin-bottom: 15px; margin-right: 15px; text-align: center; max-width: 200px; } .link-container { text-align: center; margin-top: 5px; } /********************CSS Editor***********************/ /************Answer Files***************/ .css-editor { width: 95%; height: 700px; margin: 15px; } .allVersionMsg { font-size: x-small; font-style: italic; } /********************Import/Export************************/ .all-surveys-import-container, .all-surveys-export-container { margin: 30px 0px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; } .all-surveys-export-container { margin-bottom: 30px; padding-top: 30px; } .all-surveys-import-container div[class^="col-md"], .all-surveys-import-container label[class*="col-md"], .all-surveys-export-container div[class^="col-md"], .all-surveys-export-container label[class*="col-md"] { padding-left: 4px; padding-right: 4px; } .all-surveys-import-container div[class^="form-group"], .all-surveys-export-container div[class^="form-group"] { width: 100%; margin-left: 5px; margin-right: 0px; border-bottom: 1px dotted #ccc; padding-bottom: 15px; } .all-surveys-import-container label, .all-surveys-export-container label { word-break: break-word; } .survey-import-container, .survey-export-container { margin: 60px 0px; } .survey-export-container { margin-top: 30px; } .survey-import-elements-container, .survey-export-elements-container { padding: 0px 20px; } .translation-container { display: none; padding: 5px; } .survey-import-name, .languages-title { background-color: #ececed; background-color: #ffffff; padding: 8px 10px; cursor: pointer; margin-bottom: 15px; position: relative; } .survey-import-name:hover, .languages-title { background-color: #dbdbdc; } .import-metadata-title { margin-bottom: 30px; } .survey-import-remove, .survey-export-remove { position: absolute; right: 0px; padding: 8px 10px; } .survey-import-page-title { background-color: #dbdbdc; padding: 3px 10px; cursor: pointer; margin-bottom: 10px; margin-top: 10px; font-size: 16px; } .export-template-desc { padding: 0px 10px; font-size: 15px; font-weight: bold; font-family: "Noto Sans", sans-serif; } .export-template-desc span.badge { font-size: 14px; padding: 4px 7px; font-style: normal; border-radius: 0px; background-color: #588ea0; } .export-template-elements-desc-container { display: none; } /******************Queries*********************/ .system-query-list-item { margin: 3px; padding: 10px 5px; border-bottom: 1px dotted; } .add-query-button-container { float: right; margin: 0 3px 15px 0; } .lnkEditQuery, .lnkEditUserQuery { margin: 5px 0; white-space: normal; } .lnkEditQuery, .lnkEditUserQuery, .lnkQueryClose, .lnkUserQueryClose { white-space: normal; padding-top: 4px; padding-bottom: 4px; } .system-element-query-container { padding-top: 5px; border-top: 1px dotted; } .addQueryComment, .addUserQueryComment { float: right; margin-top: 5px; } .not-query-element { opacity: 0.5; } .query-element-open { background-color: #f8d2cc; border-radius: 5px; padding: 5px 2px 5px 2px; } .query-element-inprogress { background-color: #FFFFC4; border-radius: 5px; padding: 5px 2px 5px 2px; } .query-element-closed { background-color: #ADDFAD; border-radius: 5px; padding: 5px 2px 5px 2px; } /***********TelInput plugin*************/ .iti { --iti-path-flags-1x: url(/Content/intlTelInput/img/flags.webp); --iti-path-flags-2x: url(/Content/intlTelInput/img/flags@2x.webp); --iti-path-globe-1x: url(/Content/intlTelInput/img/globe.webp); --iti-path-globe-2x: url(/Content/intlTelInput/img/globe@2x.webp); width: 100%; } /*************Copy Button*************/ .tooltip-copy-button { position: relative; display: inline-block; margin: 10px 0 0 0; } .tooltip-copy-button .btn.copy-button { min-width: 45px; } .tooltip-copy-button .btn.copy-button .fa-solid { margin-right: 0; } /***********Project Patient Register link*************/ /***********Project Patient Login link*************/ .patient-login-link .generate-link { margin-top: 15px; } .patient-register-link .tooltip-register-link, .patient-login-link .tooltip-login-link { margin-left: 15px; } .patient-register-link .copy-button, .login-link .copy-button { margin-top: -4px; } .login-link-lang { margin-left: 10px; } /************Review***************/ .review-element { background-color: RGBA(78,223,155, 0.3); border-radius: 10px; padding: 10px 10px 0px 10px; } /****************Validations*****************/ .validation-message { display: block; } /* Workaround for select2 multiselect placeholder being cutoff*/ .select2-search__field { width: 100% !important; } /**********GRIDD Subject pages**************/ .footer-gridd-images { margin-top: 80px; } .footer-gridd-images img { max-width: 200px; } .gridd-banner { margin-bottom: 80px; } .gridd-banner img { width: 70%; } .parthership-gridd { font-weight: bold; margin-top: 30px; } .sweet-alert p { font-size: 18px; } .sweet-alert h2 { font-size: 26px; } /*============ Conflict Button SDNTT DATA MONITOR MODE^============*/ .btn-conflict { background-color: #f0ad4e !important; border-color: #eea236 !important; } .btn-conflict-solved { background-color: #1c84c6 !important; border-color: #1c84c6 !important; } .btn-conflict:hover { background-color: #ffdaa6 !important; } .btn-conflict-solved:hover { background-color: #99d7ff !important; } /*************Matrix-Compare-Images*************/ .container-compare-img { float: left; height: 100%; border-left: 3px solid black; border-right: 3px solid black; position: relative; } .compare-img { max-width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } /********Timeline Diagram Control*********/ .timelineDiagram-timelineName { font-size: 22px; cursor: pointer; color: #787878; display: block; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 3px; border-radius: 3px 3px 0 0; background-color: rgba(255, 255, 255, 1); } .timelineDiagram-timelineName:hover { background-color: rgba(255, 255, 255, 0.6); } h2.timelineDiagram-title { font-size: 16px; } h2.timelineDiagram-title.active { cursor: pointer; text-decoration: underline; color: #0000EE; } h2.timelineDiagram-title.active:hover { opacity: 0.7; } .timelineDiagram-file-container { height: 120px; border: 1px solid rgba(34, 34, 34, 0.2); padding: 1px; } .timelineDiagram-file-container img { max-width: 100%; max-height: 100%; width: auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .timelineDiagram .link-container, .timelineDiagram .date-container, .timelineDiagram .checkbox-container { font-size: 12px; text-align: center; margin-top: 5px; } .timelineDiagram .row { margin-bottom: 20px; margin-top: 15px; } :focus { outline: none !important; } ::-moz-focus-inner { border: 0 !important; } /**********Dashboard**********/ .show-more, .show-less { cursor: pointer; } .show-more:hover, .show-less:hover { font-weight: bold; font-size: 16px; text-decoration: underline; } .main-text-hidden { display: none; } /***********CKEditor 5 ************/ #ProjectDropoutCriteriaForm .ck-editor__editable_inline, #ProjectInclusionCriteriaForm .ck-editor__editable_inline, #ProjectLatexTemplateForm .ck-editor__editable_inline, #ICFMessageForm .ck-editor__editable_inline, #ICFMessageForm .ck-editor__editable_inline { height: 250px; } .btn-opacity { opacity: 0.5; } /**************Project Subject Inclusions**************/ .subject-inclusion-description-text { font-size: 14px; font-weight: bold; } .subject-inclusion-text-container { display: block; margin-bottom: 15px; font-size: 14px; font-weight: bold; margin-left: 5px; } .subject-inclusion-text-container.message-title { margin-top: 25px; margin-bottom: 10px; } .subject-inclusion-text-container.step-title { margin-bottom: 10px; font-size: 20px; float: left; } .subject-inclusion-color-picker-container, .subject-inclusion-usertovalidate-container, .system-project-subject-inclusion-users-container, .system-project-subject-inclusion-surveys-container, .system-project-subject-inclusion-dropoutTypes-container { float: none; padding: 0px; margin-top: 25px; } .system-project-subject-inclusions-update-actions-container { text-align: right; padding-right: 5px; } .system-project-subject-inclusion-users { margin-top: 15px; } .subject-inclusion-notification-property-desc { font-weight: normal; font-size: 12px; font-style: italic; margin-top: 3px; margin-bottom: 15px; display: block; } .subject-inclusion-history-user-data { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 30px; } .survey-answer-status-history-step-details, .subject-inclusion-history-step-details { border-bottom: 1px solid #e5e5e5; margin-top: 15px; padding-bottom: 15px; } .survey-answer-status-history-step-details, .subject-inclusion-history-step-details .badge { border-radius: 0; font-size: 15px; margin-right: 10px; } /********System Notifications********/ .system-notification-text-container { display: block; margin-left: -15px; font-size: 18px; font-weight: bold; color: #464646; background: #ededed; width: calc(100% + 30px); /* Extend width to compensate for removed padding */ height: calc(100% + 40px); /* Extend height to compensate for removed padding */ margin-top: -10px; margin-bottom: -4px; padding: 6px; } .system-notifications-list { max-height: 120px; overflow: auto; --bs-nav-tabs-border-width: 0px; } .system-project-system-notification-default-top-container { border-bottom: 1px dotted #333; } .system-project-system-notification-default-container { max-height: 300px; height: auto; overflow-y: auto; padding: 10px 20px; border: 1px dotted #333; border-radius: 3px; } /**********Matrix**************/ .matrix-file-icon { /*width: 40px; height: 40px;*/ font-size: 25px; min-width: 25px; min-height: 25px; } /******* Swal is open smaller when used with bootstrap - Fix - https://github.com/sweetalert2/sweetalert2/issues/855 *******/ .swal2-popup { font-size: 1.6rem !important; } /****** Pdf/Csv Export Button(Icon) ******/ .pdfExportButton { background-image: url(/Content/icons/pdf.svg); background-repeat: no-repeat; width: 35px; height: 35px; background-size: cover; } .csvExportButton { background-image: url(/Content/icons/csv.svg); background-repeat: no-repeat; width: 35px; height: 35px; background-size: cover; } .pdfExportButton-viewAnswer, .csvExportButton-viewAnswer { width: 35px; height: 35px; min-height: 35px; margin-top: -3px; } .pdfExportButton-matrix, .csvExportButton-matrix { width: 35px; height: 35px; margin-left: 10px; } .pdfExportButton:hover, .csvExportButton:hover { opacity: 0.6; } .popover-mirror { min-width: 100%; } .popover-area-button { width: 100%; max-width: 100%; left: 0px !important; } /*************Distribution Answers page*************/ .columns-filter-container { margin: 20px auto; width: 60%; text-align: center; } .table th.data-column { position: relative; } .table th .btnDeleteColumns { width: auto; width: 20px; height: 20px; min-width: auto; min-height: auto; position: absolute; top: 0; right: 0; font-size: 8px; padding: 0px 3px; /* border-color: transparent !important;*/ } .table th .btnDeleteColumns i { font-size: 10px; } .table th .btnDeleteColumns + .btnDeleteColumns { margin-right: 30px; } .pac-container { z-index: 69420; } /**************Subject Queries*******************/ .userquery-banner { padding: 6px; font-size: 12px; background-color: #23c6c8; color: #333333; font-weight: bold; animation-name: flashRed; animation-duration: 2s; animation-delay: 1s; animation-iteration-count: infinite; } @keyframes flashRed { from { background-color: #FF0000; } to { background-color: #23c6c8; } } /***Language selection dropdown***/ .language-dropdown-container { display: inline-block; position: relative; } .language-dropdown { min-width: 30px; right: 0px; } .language-dropdown > li > a { text-align: right !important; } .label-right .control-label { text-align: right; justify-content: flex-end; line-height: 15px; } .ui-state-hover { background-color: gray; } .ui-state-hover-pageDrop { background-color: gray; width: 75px !important; } .ui-state-active { border: solid 1px black; } .ui-pageSelector { height: 25px; border: solid 1px gray; background-color: lightgray; float: left; } .ui-pageDrop { height: 25px; width: 25px; float: left; } .ui-areaDrop { height: 25px; } /* .ui-areaSelector { min-height: 75px; border: solid 1px gray; }*/ .ui-inputDrop { height: 25px; } .ui-inputSelector { min-height: 25px; border: solid 1px gray; } .ui-pageContainer { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; min-height: 200px; width: 100%; /*min-height: 300px;*/ /*border: solid 1px gray;*/ } .ui-pageContainer.review { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; min-height: 20px !important; word-break: break-word; /*min-height: 300px;*/ /*border: solid 1px gray;*/ } .ui-pageContainer li { width: 100%; } /* .ui-formAreaContainer { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; border: solid 1px gray; } .ui-formAreaContainer li { width: 100%; } */ @media(max-width:1024px) { .ui-pageContainer { margin-top: 40px; } } .ui-formItemsContainer-conversational { padding: 10px; } .ui-formItemsContainer li { width: 100%; } .ui-formItemsContainer ul.thumbnails.image_picker_selector li, ul.thumbnails_image_picker.image_picker_selector li { width: auto !important; } .ui-sortable-handle { cursor: pointer; } .ui-draggable { cursor: pointer; } canvas { margin-left: auto; margin-right: auto; display: block; } .image-map-container { text-align: center; } .image-map-container > div { margin-left: auto; margin-right: auto; } .draw-pad { margin-left: auto; margin-right: auto; background-position: center; background-repeat: no-repeat; } .popover.bottom { margin-top: 2px; } .popover.bottom > .arrow { display: none; } .area-draggable-helper { background-color: #428bca; border-radius: 4px; font-family: "Open Sans", "Noto Sans", sans-serif; width: 50%; height: 55px; z-index: 255; opacity: 0.6; cursor: move; text-align: center; font-size: 30px; color: white; } .sortable-placeholder-element { background-color: lightgrey; border: none; } .subject-inclusion-color-picker, watermark-color-picker { min-height: 25px; width: 100%; } /* CSS ifram*/ .CodeMirror { height: 100%; width: 100%; border-radius: 8px; } .formCssFormInner .CodeMirror { border: 2px solid #2ab32b; } .formCssFormInner, .formReviewCssFormInner { height: 650px; } /* ================= Timeline ================= */ .timeline-stage-tile div[class*=col-], .system-monitoring-and-condition-tile div[class*=col-], .system-survey-cn-condition-tile div[class*=col-]:not(.row) { padding: 0px 5px 2px 5px; } .system-validation-conditions-container div[class*=col-]:not(.row) { padding: 0px 5px 2px 5px; } .tabs-container.language { margin: 5px 0; padding: 5px 0; border-top: 1px dotted; border-bottom: 1px dotted; } /* =========== FOOTER ================*/ .footer { background: none repeat scroll 0 0 white; bottom: 0; width: 100%; padding: 10px 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; max-width: 100%; min-height: 50px; margin: 15px auto 0 auto; font-size: 15px; font-family: Consolas; font-weight: bold; z-index: 3; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); display: flex; align-items: center; } .layoutForm .footer { display: none; } .footer span { display: inline-flex; font-size: 13px; font-weight: 500; margin: 5px 5px; } .footer-logo { /* padding: 5px; color: #ffffff; height: auto; position: relative; float: left; max-width: 120px;*/ flex: 0 0 auto; margin-right: 10px; min-width: 80px; } .footer-logo span { font-size: 35px; margin: 0; top: -4px; left: 8px; display: block; position: absolute; } .footer-logo img { background-color: #fff; width: auto; padding: 0; height: auto; max-height: 40px; } .footer-logo .pull-right a { word-break: break-all; } /* ======================== HELPERS ======================== */ /* ================== FLEX =================== */ .flex { display: flex; } .p0 { padding: 0; } .pr5 { padding-right: 5px; } .pl5 { padding-left: 5px; } /* ===== LABELS AND SPECIAL LABELS =========*/ .l-bold .control-label, .l-bold label { font-weight: bold; } .l-right { text-align: right; } .l-user { font-size: 15px; font-weight: 600; } /* ===== MARGIN BOTTON =========*/ .mb2 { margin-bottom: 2px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } /* ===== MARGIN TOP =========*/ .mt2 { margin-top: 2px !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } /* ======= MARGIN LEFT ============ */ .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } /* ======= MARGIN RIGHT ============ */ .mr0 { margin-right: 0px !important; } .mr3 { margin-right: 3px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } /* ======= PADDING LEFT ============ */ .pl10 { padding-left: 10px !important; } /* ======= PADDING RIGHT ============ */ .pr10 { padding-right: 10px !important; } /* ======= PADDING TOP ============ */ .pt0 { padding-top: 0px !important; } .pt2 { padding-top: 2px !important; } .pt4 { padding-top: 4px !important; } /* ======= PADDING BOTTOM ============ */ .pb0 { padding-bottom: 0px !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } /* ======= PADDING RIGHT ============ */ .pr15 { padding-right: 15px !important; } /* ===== WITH TABLE CELL =========*/ .w15 { width: 15%; } .w20 { width: 20%; } .w25 { width: 25%; } .maxW350 { max-width: 350px; } /* ====== FLEX VERTICAL ALIGNAMENT ===== */ .vcenter { align-items: center; } .vstart { align-items: flex-start !important; } .vend { align-items: flex-end !important; } /* ====== FLEX OPTIONS ===== */ .f-wrap { flex-wrap: wrap; } /* ======= HORIZONTAL ALIGNAMENT ============ */ .center { text-align: center; justify-content: center; transition: none; } .left { text-align: left !important; justify-content: flex-start !important; } .right { text-align: right !important; justify-content: flex-end !important; } /* ======= URL STYLES ============ */ .break-all { word-break: break-all; } /* =================== RESPONSIVE ======================= */ @media(max-width:1024px) { /* Header no public size */ .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand, .public.login-logonselectproject-projectstyle .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand { font-size: 32px; } .header-bar .navbar.navbar-static-top .navbar-header .navbar-brand .navbar-brand-star { font-size: 58px; left: 9px; } .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapse.show .main-menu-mobile { width: 100%; position: absolute; top: 0; left: 0; background-color: darkgrey; } .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapse.show .main-menu-mobile { display: block; background-color: #e8e8e8; transition: all 0.4s ease-in; } .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapse.show .main-menu-mobile .nav.navbar-nav { z-index: 2; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0px; left: 0; width: 100%; transform: translate(0, -130%); background-color: #e8e8e8; transition: all 0.4s ease-in; } .header-bar .navbar.navbar-static-top .header-menu .navbar-collapse.collapse.show .main-menu-mobile.showmenu .nav.navbar-nav { top: 80px; transform: translate(0, 0); background-color: #e8e8e8; transition: all 0.4s ease-in; } .main-menu-mobile > .main-menu-mobile-curtain { position: fixed; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: #1c1c1c8c; pointer-events: none; } .main-menu-mobile.showmenu > .main-menu-mobile-curtain { opacity: 1; z-index: 1; pointer-events: all; } .main-menu-mobile .nav.navbar-nav li { min-height: 40px; padding: 0; margin: 0; text-align: center; width: 100%; border-bottom: 1px dotted; } .main-menu-mobile .nav.navbar-nav li a { display: flex; margin: 0 auto; padding: 10px 0 0 0; justify-content: center; width: 100%; } .main-menu-mobile .nav.navbar-nav > li::after { max-width: 320px; margin: -2px auto; } .main-menu-mobile .nav.navbar-nav li.active { background-color: #ca3738; color: #ffffff; } .main-menu-mobile .nav.navbar-nav li.active a { color: #ffffff; } .main-menu-mobile .nav.navbar-nav { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3); } .header-bar .navbar.navbar-static-top .header-menu .main-menu { display: none; } /* Header no public icon mobile menu */ .header-bar .navbar.navbar-static-top .icon-mobile-nav { display: block; right: 6px; top: 8px; } .body-content > .row { padding: 5px 0; } .fb-form_title h4 { font-size: 14px; } body:not(.public) .col-6 { width: 100%; flex: 1 0 100%; } .fb-form_content, fb-form_title { padding: 0; } .fb-form_content .search-bar .item { width: auto; flex: 0 0 24.2%; max-width: 170px; width: auto; min-width: 45%; } .table { max-width: 100%; } } .toolbar-responsive { display: none; } .navbar-anchor-ipad { display: none; } @media(max-width:1024px) { .navbar-default.navbar-static-side { left: -320px; z-index: 1000; transition: all 0.6s ease; } .navbar-anchor-ipad { display: flex; justify-content: center; align-items: center; position: fixed; background-color: #428bca; width: 30px; height: 32px; border: 1px solid #428bca; z-index: 1000; top: 136px; left: -5px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 0; color: #ffffff; font-weight: bold; font-size: 18px; padding-bottom: 3px; transition: all 0.6s ease; } .navbar-anchor-ipad:after { content: ""; display: flex; justify-content: center; margin-top: 2px; align-items: center; margin-right: 0%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #ffffff; transition: all 0.6s ease; } .row.sticky.options-bar { height: 30px; } .navbar-default.navbar-static-side.show { left: 0px; z-index: 1000; transition: all 0.6s ease; } .navbar-static-side.ipad-show { left: 0; border-right: 2px solid #428bca; } .navbar-anchor-ipad.ipad-show { left: 320px; width: 30px; } .navbar-anchor-ipad.ipad-show:after { transform: rotate(-180deg); margin-right: 20%; } .toolbar-responsive { display: block; position: relative; } .navbar-default.navbar-static-side ~ #page-wrapper .wrapper.wrapper-content { margin-left: 0; width: 100%; transition: all 0.6s ease; } .copy-box .row .copy-box-items, .copy-box .row .copy-box-areas, .copy-box { height: 20px; } .copy-box .row { position: relative; justify-content: right; } .copy-box-items, .copy-box-areas { width: 50% !important; flex: 1 0 50% !important; } } @media(max-width:1024px) { .login .col-6.login-messages { display: none; } .login .col-6.login-form { width: 100%; justify-content: flex-start; padding-top: 60px; margin-top: 0; border-top: 40px solid #3299ab; } .login-select-project .col-2.select-project { width: 50%; padding: 0px; } } /* =============== Buttons ================== */ .loading { pointer-events: none; display: flex; align-items: center; justify-content: center; background: #f5f2f2; text-align: center; font-size: 16px; font-weight: bold; color: #a79393; } .local-spinner { position: relative; } /* ============== ARABIC ============== */ html[dir="rtl"] .navbar-default.navbar-static-side ~ #page-wrapper .wrapper.wrapper-content { margin-right: 320px; width: calc(100% - 320px); background-color: #ffffff; padding: 0 15px 40px 15px; } html[dir="rtl"] .fb-form_content .chosen-container .chosen-choices { display: inline-flex; } html[dir="rtl"] .row.label-right .form-group .control-label { padding: 0 0 0 15px; text-align: left; } html[dir="rtl"] .navbar-default.navbar-static-side .sidebar-collapse .toolbox-title::after { right: auto; left: 0; } html[dir="rtl"] .s-custom::after, html[dir="rtl"] .chosen-container .chosen-single::after, html[dir="rtl"] .select2-selection.select2-selection--multiple::after, html[dir="rtl"] .select2-selection.select2-selection--single::after { right: auto; left: 5px; } html[dir="rtl"] .select2-container .select2-selection__rendered { padding-left: 8px; padding-right: 30px; } html[dir="rtl"] .iradio_square-green:after { left: 0px; } /*================= DASHBOARD MANAGEMENT ============*/ .breadcrumb { margin-top: 10px; padding: 4px 20px 4px 10px; background-color: #efefef; border-radius: 3px; width: auto; display: inline-block; } .breadcrumb a { color: #128bb3; font-weight: bold; text-decoration: none; transition: all 0.4s ease; } .breadcrumb a:hover { opacity: 0.7; transition: all 0.4s ease; } .breadcrumb span { font-weight: bold; } #propertiesPanel h1, #propertiesPanel h2, #propertiesPanel h3, #propertiesPanel h4 { font-size: 13px; } .CodeMirror { height: 100% !important; width: 100%; border-radius: 8px; } .widget_inner .table td a { color: white; } .lnkQuerySave { padding: 4px; } .iform.chat-view .fb-form_content { padding: 0px; } .iform.chat-view .chat-discussion { background: #ececec; padding: 13px; border-radius: 8px 8px 0 0; } .iform.chat-view .chat-discussion .message { background: white; padding: 12px; border-radius: 8px; width: 100%; } .iform.chat-view .chat-discussion .chat-message { display: flex; margin: 12px 0 0 12px; } .iform.chat-view .chat-discussion .chat-message .message-avatar { margin: 0 10px 0 0; width: 45px; height: 40px; } .iform.chat-view .chat-discussion .chat-message .message { display: flex; flex-wrap: wrap; } .iform.chat-view .chat-discussion .chat-message .message .message-author { width: 60%; } .iform.chat-view .chat-discussion .chat-message .message .message-date { font-size: 11px; text-align: right; width: 40%; } .iform.chat-view .chat-discussion .chat-message .message .message-content { width: 100%; } .iform.chat-view .chat-message-form .message-input { border: 1px solid lightgrey; margin: -5px 0 16px 0; height: 80px !important; } .system-area-copy img { height: 14px; } .col-email { min-width: 100px; } /*============= LAYOUT ARABIC ===============*/ html[dir="rtl"] .lnkNext .fa-solid { transform: rotate(180deg); } html[dir="rtl"] .lnkPrev .fa-solid { transform: rotate(180deg); } /*============= BOOTSTRAP DATETIMEPICKER CUSTOM CSS (LAYOUT) ===============*/ .bootstrap-datetimepicker-widget { font-size: 12px; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #3299ab; color: #ffffff; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #3299ab; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover, .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover, .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { color: #dddddd; } .bootstrap-datetimepicker-widget table th.prev::after { content: "<<"; } .bootstrap-datetimepicker-widget table th.next::after { content: ">>"; } /*============= AVAILABLE LANGUAGES SELECTOR WHEN GENERATING PDF ===============*/ .available-languages-pdf { display: inline-block; position: relative; font-size: 13px; } .available-languages-pdf .btn-icon { padding-left: 10px; } .available-languages-pdf .btn-icon i { margin-right: 0; margin-left: 5px; } .available-languages-pdf .btn.btn-action:focus::after { -webkit-transform: translate3d(0, 100%, 0); } .available-languages-pdf .dropdown-menu { --bs-dropdown-min-width: 100%; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0; --bs-dropdown-font-size: 14px; --bs-dropdown-border-radius: 4px; --bs-dropdown-border-width: 0; text-align: center; box-shadow: 0 3px 8px rgba(0,0,0,0.1); overflow: hidden; } .available-languages-pdf .dropdown-menu a { display: block; width: 100%; font-weight: 600; padding: 6px 5px; background-color: var(--bgNavLinkColor); color: var(--navLinkColor); transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .available-languages-pdf .dropdown-menu a:hover { background-color: var(--bgNavLinkHoverColor); color: var(--navLinkHoverColor); } ::placeholder, [data-cke-editorplaceholder]::before { opacity: 0.5 !important; font-style: italic; } [data-cke-editorplaceholder]::before { color: inherit !important; } .system-sortable-handle { position: absolute; width: 140px; height: 22px; top: -1px; left: -1px; cursor: move; border-radius: 0 0 4px 0; background: #3299ab; opacity: 0.2; } .system-option-handle { position: absolute; width: 140px; height: 22px; top: -1px; left: -1px; cursor: move; border-radius: 0 0 4px 0; background: #3299ab; opacity: 0.2; } .system-sortable-handle:hover { opacity: 1; } .chosen-container-multi .default { width: auto !important; } .system-option-handle:hover { opacity: 1; } .predefined-message-button { background-color: #188a99 !important; color: #FFFFFF !important; } .system-reminder-language-subject:disabled, .system-reminder-language-content:disabled, .system-reminder-language-text-message:disabled { background-color: var(--bs-secondary-bg); } .label-pointer { cursor: pointer; } .overflow-visible { overflow: visible; } .br-widget a { font-family: 'Font Awesome 6 Free' !important; } /* ========= BR =============*/ .br-right { border-right: 1px solid #bebebe; } .br-left { border-left: 1px solid #bebebe; } .br-bottom { border-bottom: 1px solid #bebebe; } /*============= FORM WATERMARK ===============*/ /*Text*/ .watermarked-text::after { position: fixed; top: 50%; left: 50%; pointer-events: none; content: attr(data-watermark); line-height: 3em; letter-spacing: 2px; z-index: 1; /*transform: translate(-50%, -50%) rotate(-45deg)*/ /*direction*/ /*; color: red;*/ /*color*/ /*font-size: 100px;*/ /*size*/ /*opacity: 0.1;*/ /*transparent*/ /*width: 100%;*/ /*repeat*/ /*text-align: center;*/ /*repeat */ } /*Image*/ .watermarked-picture::after { position: fixed; top: 50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%); content: ""; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; z-index: 1; /*background-image: url(/uploads/77bf8271-5fa3-4dcb-b2d0-cbd29e138056.jpg); opacity: 0.35;*/ /*transparent*/ } .add-to-projects-subject .btn-danger { height: 30px; width: 29px; min-height: 28px; min-width: 28px; justify-content: center; align-items: center; margin: 2px 0px; float: right; } /* ==================== Only for pridd Home ========================= */ /* styles for links in login Home */ .website-home-login { margin-top: 30px; text-align: center; } .website-home-login a { color: #242863; font-size: 13px; transition: all 0.5s ease; position: relative; } .website-home-login a::after { content: ''; position: absolute; width: 0%; height: 1px; left: 50%; bottom: -4px; background-color: #242863; transition: all 0.5s ease; } .website-home-login a:hover { opacity: 0.6; transition: all 0.5s ease; } .website-home-login a:hover::after { width: 100%; left: 0; transition: all 0.5s ease; } .public-copyright-container { position: absolute; bottom: 20px; font-size: 13px; } .public-copyright-icon { font-size: 18px; margin-right: 3px; } /* ==================== QR Code ========================= */ .qr-code-container { width: 150px; height: 150px; } .qr-code-container-mini { width: 75px; height: 75px; } /************Comments (User & TimelineStage)***********/ .comments-container { padding: 0 10px; display: flex; flex-wrap: wrap; } .comments-container .comment-history { max-height: 500px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ccc; padding: 1%; background-color: #f4f5f7; margin-top: 10px; border-radius: 8px; } .comments-container .no-comment-desc { color: #666; font-size: 14px; padding: 20px; margin: 10px 2px; background-color: #f1f1f1; border-radius: 5px; } .comments-container .timeline-stage-comment-history-step-details, .comments-container .survey-answer-status-history-step-details, .comments-container .subject-inclusion-history-step-details { margin: 10px 2px; display: flex; flex-wrap: wrap; padding-bottom: 20px; padding: 5px 5px 0 45px; border-bottom: 1px dashed #c3c3c3; position: relative; } .comments-container .existing-comment { border-radius: 5px; resize: none; background-color: #e9ecef; } .comments-container .new-comment { border-radius: 10px; resize: none; font-style: italic; padding: 20px; background-color: #eaf1f3; margin: 10px 2% 0 2%; width: calc(33.3333% - 4%); flex: 1 0 calc(33.3333% - 4%); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2); } .comments-container .comment-pos { display: flex; font-size: 14px; color: #ffffff; position: absolute; width: 36px; height: 30px; background-color: #689fa7; border-radius: 25%; text-align: center; align-items: center; justify-content: center; align-items: center; font-size: 16px; top: 0px; left: -5px; } .comments-container .comment-content::after { content: '\f075'; font-family: "Font Awesome 6 Free"; position: absolute; right: -5px; font-size: 30px; top: 22px; color: #689fa724; } .comments-container .comment-desc { flex: 0 0 80%; font-size: 12px; /* color: #525252;*/ } .comments-container .comment-desc.answer-status-comment .comments-container .comment-desc.subject-inclusion-status-comment { font-size: 14px; } .comments-container .comment-name { flex: 0 0 80%; font-weight: bold; } .comments-container .comment-date { flex: 0 0 20%; text-align: right; font-size: 11px; font-weight: bold; } .comments-container .comment-content { border: 0; padding: 10px; margin-bottom: 10px; } /*************General*********/ .desc-label { font-weight: normal; font-size: 12px; font-style: italic; margin-top: 3px; margin-bottom: 3px; display: block; } .cursor-pointer { cursor: pointer; } /* ================ Sweet Alert ================== */ .swal2-container .swal2-popup { width: 500px; padding: 17px; font-size: 1rem; } .swal2-container .swal2-title { color: #575757; font-weight: 600; font-size: 26px; } .swal2-container .swal2-html-container { color: #797979; font-size: 17px; /*text-align: start;*/ font-weight: 500; margin: 15px 10% 0 10%; } .swal2-container .swal2-textarea { font-size: 15px; margin: 5px 10%; } .swal2-container .swal2-actions { margin: 15px auto 0 auto; } .swal2-container .swal2-styled.swal2-cancel, .swal2-container .swal2-deny.swal2-styled, .swal2-container .swal2-confirm.swal2-styled { color: #fff; font-size: 17px; padding: 10px 32px; font-weight: 600; } .swal2-container .swal2-styled.swal2-cancel { background-color: #C1C1C1; } .swal2-container .swal2-file:focus, .swal2-container .swal2-input:focus, .swal2-container .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 1px rgba(100, 150, 200, .5); } /****Subject Details******/ .account-locked { padding: 6px 9px; font-size: 12px; background-color: #FF0000; color: #FFFFFF; font-weight: bold; animation-name: flashRed; animation-duration: 2s; animation-delay: 1s; animation-iteration-count: infinite; } @keyframes flashRed { from { background-color: #FF0000; } to { background-color: #CA3738; } } .subject-attributes.passed h4 { background-color: rgba(0, 128, 0, 0.1); } .passed h4 { background-color: rgba(0, 128, 0, 0.1); } .subject-attributes.active-section h4 { background-color: rgba(0, 128, 0, 0.5); } /* ============== Sticky info bar (Subject Details) ================= */ .body-content > .row-sticky-info { position: sticky; top: 85px; z-index: 100; border-top: 10px solid #f6f7f8; border-bottom: 10px solid #f6f7f8; margin: -10px 0 0 0; padding: 0; border-radius: 0; box-shadow: 0 1px 4px rgba(255, 255, 255, 100%); background-color: transparent; } .body-content > .row-sticky-info .col-sticky-info { background-color: #ffffff; margin: 0; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 8%); padding: 10px 25px; min-height: 50px; } .body-content > .row-sticky-info .col-sticky-info .row { display: flex; align-items: center; } /* ================= AREA COLLAPSED IN FORM EDITOR ================== */ .system-area.collapse-area .ui-formItemsContainer { height: 0; overflow: hidden; } .system-area.collapse-area { border: 1px solid #449f98; background-color: #e0fffd; } .system-area.collapse-area:after { content: 'collapsed'; position: absolute; background-color: #449f98; border: solid #449f98; border-width: 1px 1px 0 1px; padding: 2px 8px; right: -1px; border-top-left-radius: 4px; border-top-right-radius: 4px; top: -20px; font-size: 10px; color: white; font-weight: bold; } .form-options-bar-extra .btn.btn-bar.expand-areas { background: #449f98; } .btn.btn-default.collapse-area { background: #449f98; } .inactive-area { background-color: #f5f5f5; } /* ============ Modal emailCodeStyle =========== */ .modal-content.emailCodeStyle { max-width: 350px; background-color: #ffffff; border-radius: 8px; padding: 20px 30px; border: 1px solid; } .modal-content.emailCodeStyle .modal-header { justify-content: center; border: 0; } .modal-content.emailCodeStyle .modal-header .close { display: none; } .modal-content.emailCodeStyle .modal-body { padding: 0px 15px 0px 15px; } .modal-content.emailCodeStyle .modal-body .validation-desc { font-weight: 600; font-size: 13px; color: #4e4e4e; } .modal-content.emailCodeStyle .modal-body .form-group { margin: 10px 0 0 0; } .modal-content.emailCodeStyle .modal-body .form-control { max-height: none; height: auto; border: 0; background-color: #f2f2f2; text-align: center; width: 100%; color: #101011; font-size: 28px; letter-spacing: 10px; padding-left: 10px; } .modal-content.emailCodeStyle .modal-body .form-control::placeholder { text-transform: uppercase; font-size:16px; transform: translate(0, -12%); } .modal-content.emailCodeStyle .modal-footer { display: flex; justify-content: space-between; padding: 5px 0 0 0; border: 0; margin: 0; width: 100%; } .modal-content.emailCodeStyle .modal-footer .btn { margin: 5px 0 5px 10px; } /******Middle box (temporary css)******/ .middle-box { margin-top: 300px; } @media (max-width: 992px) { .middle-box { margin-top: 150px; } } /*! * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-stethoscope:before{content:"\f0f1"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-flag-checkered:before{content:"\f11e"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-crop:before{content:"\f125"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-users-rectangle:before{content:"\e594"}.fa-people-roof:before{content:"\e537"}.fa-people-line:before{content:"\e534"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-diagram-predecessor:before{content:"\e477"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-laptop:before{content:"\f109"}.fa-file-csv:before{content:"\f6dd"}.fa-menorah:before{content:"\f676"}.fa-truck-plane:before{content:"\e58f"}.fa-record-vinyl:before{content:"\f8d9"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-bong:before{content:"\f55c"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-jar-wheat:before{content:"\e517"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-pager:before{content:"\f815"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-strikethrough:before{content:"\f0cc"}.fa-k:before{content:"\4b"}.fa-landmark-flag:before{content:"\e51c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-backward:before{content:"\f04a"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-code-pull-request:before{content:"\e13c"}.fa-clipboard-list:before{content:"\f46d"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-user-check:before{content:"\f4fc"}.fa-vial-virus:before{content:"\e597"}.fa-sheet-plastic:before{content:"\e571"}.fa-blog:before{content:"\f781"}.fa-user-ninja:before{content:"\f504"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-toggle-off:before{content:"\f204"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-person-drowning:before{content:"\e545"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-spray-can:before{content:"\f5bd"}.fa-truck-monster:before{content:"\f63b"}.fa-w:before{content:"\57"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-rainbow:before{content:"\f75b"}.fa-circle-notch:before{content:"\f1ce"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-paw:before{content:"\f1b0"}.fa-cloud:before{content:"\f0c2"}.fa-trowel-bricks:before{content:"\e58a"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-hospital-user:before{content:"\f80d"}.fa-tent-arrow-left-right:before{content:"\e57f"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-binoculars:before{content:"\f1e5"}.fa-microphone-slash:before{content:"\f131"}.fa-box-tissue:before{content:"\e05b"}.fa-motorcycle:before{content:"\f21c"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-mars-and-venus-burst:before{content:"\e523"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-sun-plant-wilt:before{content:"\e57a"}.fa-toilets-portable:before{content:"\e584"}.fa-hockey-puck:before{content:"\f453"}.fa-table:before{content:"\f0ce"}.fa-magnifying-glass-arrow-right:before{content:"\e521"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-users-slash:before{content:"\e073"}.fa-clover:before{content:"\e139"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-star-and-crescent:before{content:"\f699"}.fa-house-fire:before{content:"\e50c"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-helicopter:before{content:"\f533"}.fa-compass:before{content:"\f14e"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-file-circle-question:before{content:"\e4ef"}.fa-laptop-code:before{content:"\f5fc"}.fa-swatchbook:before{content:"\f5c3"}.fa-prescription-bottle:before{content:"\f485"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-people-group:before{content:"\e533"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-film:before{content:"\f008"}.fa-ruler-horizontal:before{content:"\f547"}.fa-people-robbery:before{content:"\e536"}.fa-lightbulb:before{content:"\f0eb"}.fa-caret-left:before{content:"\f0d9"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-school-circle-xmark:before{content:"\e56d"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-sitemap:before{content:"\f0e8"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-memory:before{content:"\f538"}.fa-road-spikes:before{content:"\e568"}.fa-fire-burner:before{content:"\e4f1"}.fa-flag:before{content:"\f024"}.fa-hanukiah:before{content:"\f6e6"}.fa-feather:before{content:"\f52d"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-comment-slash:before{content:"\f4b3"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-compress:before{content:"\f066"}.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}.fa-ankh:before{content:"\f644"}.fa-hands-holding-child:before{content:"\e4fa"}.fa-asterisk:before{content:"\2a"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-peseta-sign:before{content:"\e221"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-ghost:before{content:"\f6e2"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-cart-plus:before{content:"\f217"}.fa-gamepad:before{content:"\f11b"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-egg:before{content:"\f7fb"}.fa-house-medical-circle-xmark:before{content:"\e513"}.fa-campground:before{content:"\f6bb"}.fa-folder-plus:before{content:"\f65e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-lock:before{content:"\f023"}.fa-gas-pump:before{content:"\f52f"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-house-flood-water:before{content:"\e50e"}.fa-tree:before{content:"\f1bb"}.fa-bridge-lock:before{content:"\e4cc"}.fa-sack-dollar:before{content:"\f81d"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-car-side:before{content:"\f5e4"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-heart-circle-minus:before{content:"\e4ff"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-microscope:before{content:"\f610"}.fa-sink:before{content:"\e06d"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-mitten:before{content:"\f7b5"}.fa-person-rays:before{content:"\e54d"}.fa-users:before{content:"\f0c0"}.fa-eye-slash:before{content:"\f070"}.fa-flask-vial:before{content:"\e4f3"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-om:before{content:"\f679"}.fa-worm:before{content:"\e599"}.fa-house-circle-xmark:before{content:"\e50b"}.fa-plug:before{content:"\f1e6"}.fa-chevron-up:before{content:"\f077"}.fa-hand-spock:before{content:"\f259"}.fa-stopwatch:before{content:"\f2f2"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-bridge-circle-xmark:before{content:"\e4cb"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-chess-bishop:before{content:"\f43a"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-road-circle-check:before{content:"\e564"}.fa-dice-five:before{content:"\f523"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-land-mine-on:before{content:"\e51b"}.fa-i-cursor:before{content:"\f246"}.fa-stamp:before{content:"\f5bf"}.fa-stairs:before{content:"\e289"}.fa-i:before{content:"\49"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-pills:before{content:"\f484"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-tooth:before{content:"\f5c9"}.fa-v:before{content:"\56"}.fa-bangladeshi-taka-sign:before{content:"\e2e6"}.fa-bicycle:before{content:"\f206"}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-wheat-awn-circle-exclamation:before{content:"\e598"}.fa-snowman:before{content:"\f7d0"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-road-barrier:before{content:"\e562"}.fa-school:before{content:"\f549"}.fa-igloo:before{content:"\f7ae"}.fa-joint:before{content:"\f595"}.fa-angle-right:before{content:"\f105"}.fa-horse:before{content:"\f6f0"}.fa-q:before{content:"\51"}.fa-g:before{content:"\47"}.fa-notes-medical:before{content:"\f481"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-dong-sign:before{content:"\e169"}.fa-capsules:before{content:"\f46b"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-hand-point-up:before{content:"\f0a6"}.fa-money-bill:before{content:"\f0d6"}.fa-bookmark:before{content:"\f02e"}.fa-align-justify:before{content:"\f039"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-helmet-un:before{content:"\e503"}.fa-bullseye:before{content:"\f140"}.fa-bacon:before{content:"\f7e5"}.fa-hand-point-down:before{content:"\f0a7"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-radiation:before{content:"\f7b9"}.fa-chart-simple:before{content:"\e473"}.fa-mars-stroke:before{content:"\f229"}.fa-vial:before{content:"\f492"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-e:before{content:"\45"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-bridge-circle-exclamation:before{content:"\e4ca"}.fa-user:before{content:"\f007"}.fa-school-circle-check:before{content:"\e56b"}.fa-dumpster:before{content:"\f793"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-building-user:before{content:"\e4da"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-highlighter:before{content:"\f591"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-synagogue:before{content:"\f69b"}.fa-person-half-dress:before{content:"\e548"}.fa-road-bridge:before{content:"\e563"}.fa-location-arrow:before{content:"\f124"}.fa-c:before{content:"\43"}.fa-tablet-button:before{content:"\f10a"}.fa-building-lock:before{content:"\e4d6"}.fa-pizza-slice:before{content:"\f818"}.fa-money-bill-wave:before{content:"\f53a"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-house-flag:before{content:"\e50d"}.fa-person-circle-minus:before{content:"\e540"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-camera-rotate:before{content:"\e0d8"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-star:before{content:"\f005"}.fa-repeat:before{content:"\f363"}.fa-cross:before{content:"\f654"}.fa-box:before{content:"\f466"}.fa-venus-mars:before{content:"\f228"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-charging-station:before{content:"\f5e7"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-mobile-retro:before{content:"\e527"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-spider:before{content:"\f717"}.fa-hands-bound:before{content:"\e4f9"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-plane-circle-exclamation:before{content:"\e556"}.fa-x-ray:before{content:"\f497"}.fa-spell-check:before{content:"\f891"}.fa-slash:before{content:"\f715"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-server:before{content:"\f233"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-shop-lock:before{content:"\e4a5"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-blender-phone:before{content:"\f6b6"}.fa-building-wheat:before{content:"\e4db"}.fa-person-breastfeeding:before{content:"\e53a"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-venus:before{content:"\f221"}.fa-passport:before{content:"\f5ab"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-temperature-high:before{content:"\f769"}.fa-microchip:before{content:"\f2db"}.fa-crown:before{content:"\f521"}.fa-weight-hanging:before{content:"\f5cd"}.fa-xmarks-lines:before{content:"\e59a"}.fa-file-prescription:before{content:"\f572"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-chess-knight:before{content:"\f441"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-wheelchair:before{content:"\f193"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-toggle-on:before{content:"\f205"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-l:before{content:"\4c"}.fa-fire:before{content:"\f06d"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-folder-open:before{content:"\f07c"}.fa-heart-circle-plus:before{content:"\e500"}.fa-code-fork:before{content:"\e13b"}.fa-city:before{content:"\f64f"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-pepper-hot:before{content:"\f816"}.fa-unlock:before{content:"\f09c"}.fa-colon-sign:before{content:"\e140"}.fa-headset:before{content:"\f590"}.fa-store-slash:before{content:"\e071"}.fa-road-circle-xmark:before{content:"\e566"}.fa-user-minus:before{content:"\f503"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-clipboard:before{content:"\f328"}.fa-house-circle-exclamation:before{content:"\e50a"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-underline:before{content:"\f0cd"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-signature:before{content:"\f5b7"}.fa-stroopwafel:before{content:"\f551"}.fa-bold:before{content:"\f032"}.fa-anchor-lock:before{content:"\e4ad"}.fa-building-ngo:before{content:"\e4d7"}.fa-manat-sign:before{content:"\e1d5"}.fa-not-equal:before{content:"\f53e"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-jedi:before{content:"\f669"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-mug-hot:before{content:"\f7b6"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-gift:before{content:"\f06b"}.fa-dice-two:before{content:"\f528"}.fa-chess-queen:before{content:"\f445"}.fa-glasses:before{content:"\f530"}.fa-chess-board:before{content:"\f43c"}.fa-building-circle-check:before{content:"\e4d2"}.fa-person-chalkboard:before{content:"\e53d"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-cloud-showers-water:before{content:"\e4e4"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-less-than-equal:before{content:"\f537"}.fa-train:before{content:"\f238"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-crow:before{content:"\f520"}.fa-sailboat:before{content:"\e445"}.fa-window-restore:before{content:"\f2d2"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-torii-gate:before{content:"\f6a1"}.fa-frog:before{content:"\f52e"}.fa-bucket:before{content:"\e4cf"}.fa-image:before{content:"\f03e"}.fa-microphone:before{content:"\f130"}.fa-cow:before{content:"\f6c8"}.fa-caret-up:before{content:"\f0d8"}.fa-screwdriver:before{content:"\f54a"}.fa-folder-closed:before{content:"\e185"}.fa-house-tsunami:before{content:"\e515"}.fa-square-nfi:before{content:"\e576"}.fa-arrow-up-from-ground-water:before{content:"\e4b5"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-lemon:before{content:"\f094"}.fa-head-side-mask:before{content:"\e063"}.fa-handshake:before{content:"\f2b5"}.fa-gem:before{content:"\f3a5"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-smoking:before{content:"\f48d"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-monument:before{content:"\f5a6"}.fa-snowplow:before{content:"\f7d2"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-cannabis:before{content:"\f55f"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-tablets:before{content:"\f490"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-chair:before{content:"\f6c0"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-plate-wheat:before{content:"\e55a"}.fa-icicles:before{content:"\f7ad"}.fa-person-shelter:before{content:"\e54f"}.fa-neuter:before{content:"\f22c"}.fa-id-badge:before{content:"\f2c1"}.fa-marker:before{content:"\f5a1"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-helicopter-symbol:before{content:"\e502"}.fa-universal-access:before{content:"\f29a"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-lari-sign:before{content:"\e1c8"}.fa-volcano:before{content:"\f770"}.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-viruses:before{content:"\e076"}.fa-square-person-confined:before{content:"\e577"}.fa-user-tie:before{content:"\f508"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-tent-arrow-down-to-line:before{content:"\e57e"}.fa-certificate:before{content:"\f0a3"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-suitcase:before{content:"\f0f2"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-camera-retro:before{content:"\f083"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-box-open:before{content:"\f49e"}.fa-scroll:before{content:"\f70e"}.fa-spa:before{content:"\f5bb"}.fa-location-pin-lock:before{content:"\e51f"}.fa-pause:before{content:"\f04c"}.fa-hill-avalanche:before{content:"\e507"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-bomb:before{content:"\f1e2"}.fa-registered:before{content:"\f25d"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-subscript:before{content:"\f12c"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-burst:before{content:"\e4dc"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-money-bills:before{content:"\e1f3"}.fa-smog:before{content:"\f75f"}.fa-crutch:before{content:"\f7f7"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-palette:before{content:"\f53f"}.fa-arrows-turn-right:before{content:"\e4c0"}.fa-vest:before{content:"\e085"}.fa-ferry:before{content:"\e4ea"}.fa-arrows-down-to-people:before{content:"\e4b9"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-boxes-packing:before{content:"\e4c7"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-group-arrows-rotate:before{content:"\e4f6"}.fa-bowl-food:before{content:"\e4c6"}.fa-candy-cane:before{content:"\f786"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-file-word:before{content:"\f1c2"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-house-lock:before{content:"\e510"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-children:before{content:"\e4e1"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-envelope-open:before{content:"\f2b6"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-mattress-pillow:before{content:"\e525"}.fa-guarani-sign:before{content:"\e19a"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-fire-extinguisher:before{content:"\f134"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-greater-than-equal:before{content:"\f532"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-virus:before{content:"\e074"}.fa-envelope-circle-check:before{content:"\e4e8"}.fa-layer-group:before{content:"\f5fd"}.fa-arrows-to-dot:before{content:"\e4be"}.fa-archway:before{content:"\f557"}.fa-heart-circle-check:before{content:"\e4fd"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-square:before{content:"\f0c8"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-couch:before{content:"\f4b8"}.fa-cedi-sign:before{content:"\e0df"}.fa-italic:before{content:"\f033"}.fa-church:before{content:"\f51d"}.fa-comments-dollar:before{content:"\f653"}.fa-democrat:before{content:"\f747"}.fa-z:before{content:"\5a"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-road-lock:before{content:"\e567"}.fa-a:before{content:"\41"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-p:before{content:"\50"}.fa-snowflake:before{content:"\f2dc"}.fa-newspaper:before{content:"\f1ea"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-locust:before{content:"\e520"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-person-dress-burst:before{content:"\e544"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-vector-square:before{content:"\f5cb"}.fa-bread-slice:before{content:"\f7ec"}.fa-language:before{content:"\f1ab"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-filter:before{content:"\f0b0"}.fa-question:before{content:"\3f"}.fa-file-signature:before{content:"\f573"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-house-chimney-user:before{content:"\e065"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-puzzle-piece:before{content:"\f12e"}.fa-money-check:before{content:"\f53c"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-code:before{content:"\f121"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-building-circle-exclamation:before{content:"\e4d3"}.fa-magnifying-glass-chart:before{content:"\e522"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-cubes-stacked:before{content:"\e4e6"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-virus-covid:before{content:"\e4a8"}.fa-austral-sign:before{content:"\e0a9"}.fa-f:before{content:"\46"}.fa-leaf:before{content:"\f06c"}.fa-road:before{content:"\f018"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-person-circle-plus:before{content:"\e541"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-sack-xmark:before{content:"\e56a"}.fa-file-excel:before{content:"\f1c3"}.fa-file-contract:before{content:"\f56c"}.fa-fish-fins:before{content:"\e4f2"}.fa-building-flag:before{content:"\e4d5"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-object-ungroup:before{content:"\f248"}.fa-poop:before{content:"\f619"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-kaaba:before{content:"\f66b"}.fa-toilet-paper:before{content:"\f71e"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-eject:before{content:"\f052"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-plane-circle-check:before{content:"\e555"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-object-group:before{content:"\f247"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-mask-ventilator:before{content:"\e524"}.fa-arrow-right:before{content:"\f061"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-cash-register:before{content:"\f788"}.fa-person-circle-question:before{content:"\e542"}.fa-h:before{content:"\48"}.fa-tarp:before{content:"\e57b"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-arrows-to-eye:before{content:"\e4bf"}.fa-plug-circle-bolt:before{content:"\e55b"}.fa-heart:before{content:"\f004"}.fa-mars-and-venus:before{content:"\f224"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-dumpster-fire:before{content:"\f794"}.fa-house-crack:before{content:"\e3b1"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-bottle-water:before{content:"\e4c5"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-kitchen-set:before{content:"\e51a"}.fa-r:before{content:"\52"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-cube:before{content:"\f1b2"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-shield-dog:before{content:"\e573"}.fa-solar-panel:before{content:"\f5ba"}.fa-lock-open:before{content:"\f3c1"}.fa-elevator:before{content:"\e16d"}.fa-money-bill-transfer:before{content:"\e528"}.fa-money-bill-trend-up:before{content:"\e529"}.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-circle:before{content:"\f111"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-recycle:before{content:"\f1b8"}.fa-user-astronaut:before{content:"\f4fb"}.fa-plane-slash:before{content:"\e069"}.fa-trademark:before{content:"\f25c"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-satellite-dish:before{content:"\f7c0"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-users-rays:before{content:"\e593"}.fa-wallet:before{content:"\f555"}.fa-clipboard-check:before{content:"\f46c"}.fa-file-audio:before{content:"\f1c7"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-wrench:before{content:"\f0ad"}.fa-bugs:before{content:"\e4d0"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-file-image:before{content:"\f1c5"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-plane-departure:before{content:"\f5b0"}.fa-handshake-slash:before{content:"\e060"}.fa-book-bookmark:before{content:"\e0bb"}.fa-code-branch:before{content:"\f126"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-bridge:before{content:"\e4c8"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-truck-front:before{content:"\e2b7"}.fa-cat:before{content:"\f6be"}.fa-anchor-circle-exclamation:before{content:"\e4ab"}.fa-truck-field:before{content:"\e58d"}.fa-route:before{content:"\f4d7"}.fa-clipboard-question:before{content:"\e4e3"}.fa-panorama:before{content:"\e209"}.fa-comment-medical:before{content:"\f7f5"}.fa-teeth-open:before{content:"\f62f"}.fa-file-circle-minus:before{content:"\e4ed"}.fa-tags:before{content:"\f02c"}.fa-wine-glass:before{content:"\f4e3"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-house-signal:before{content:"\e012"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-faucet-drip:before{content:"\e006"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-terminal:before{content:"\f120"}.fa-mobile-button:before{content:"\f10b"}.fa-house-medical-flag:before{content:"\e514"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-tape:before{content:"\f4db"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-eye:before{content:"\f06e"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-audio-description:before{content:"\f29e"}.fa-person-military-to-person:before{content:"\e54c"}.fa-file-shield:before{content:"\e4f0"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-tower-observation:before{content:"\e586"}.fa-file-code:before{content:"\f1c9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-bus:before{content:"\f207"}.fa-heart-circle-xmark:before{content:"\e501"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-window-maximize:before{content:"\f2d0"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-prescription:before{content:"\f5b1"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-vihara:before{content:"\f6a7"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-plant-wilt:before{content:"\e5aa"}.fa-diamond:before{content:"\f219"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-bacterium:before{content:"\e05a"}.fa-hand-pointer:before{content:"\f25a"}.fa-drum-steelpan:before{content:"\f56a"}.fa-hand-scissors:before{content:"\f257"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-biohazard:before{content:"\f780"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-mars-double:before{content:"\f227"}.fa-child-dress:before{content:"\e59c"}.fa-users-between-lines:before{content:"\e591"}.fa-lungs-virus:before{content:"\e067"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-phone:before{content:"\f095"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-child-reaching:before{content:"\e59d"}.fa-head-side-virus:before{content:"\e064"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-door-closed:before{content:"\f52a"}.fa-shield-virus:before{content:"\e06c"}.fa-dice-six:before{content:"\f526"}.fa-mosquito-net:before{content:"\e52c"}.fa-bridge-water:before{content:"\e4ce"}.fa-person-booth:before{content:"\f756"}.fa-text-width:before{content:"\f035"}.fa-hat-wizard:before{content:"\f6e8"}.fa-pen-fancy:before{content:"\f5ac"}.fa-digging:before,.fa-person-digging:before{content:"\f85e"}.fa-trash:before{content:"\f1f8"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-book-medical:before{content:"\f7e6"}.fa-poo:before{content:"\f2fe"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-cubes:before{content:"\f1b3"}.fa-divide:before{content:"\f529"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-headphones:before{content:"\f025"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-clapping:before{content:"\e1a8"}.fa-republican:before{content:"\f75e"}.fa-arrow-left:before{content:"\f060"}.fa-person-circle-xmark:before{content:"\e543"}.fa-ruler:before{content:"\f545"}.fa-align-left:before{content:"\f036"}.fa-dice-d6:before{content:"\f6d1"}.fa-restroom:before{content:"\f7bd"}.fa-j:before{content:"\4a"}.fa-users-viewfinder:before{content:"\e595"}.fa-file-video:before{content:"\f1c8"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-file-pdf:before{content:"\f1c1"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-o:before{content:"\4f"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-user-secret:before{content:"\f21b"}.fa-otter:before{content:"\f700"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-comment-dollar:before{content:"\f651"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-book-tanakh:before,.fa-tanakh:before{content:"\f827"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-clipboard-user:before{content:"\f7f3"}.fa-child:before{content:"\f1ae"}.fa-lira-sign:before{content:"\f195"}.fa-satellite:before{content:"\f7bf"}.fa-plane-lock:before{content:"\e558"}.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-envelope:before{content:"\f0e0"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-paperclip:before{content:"\f0c6"}.fa-arrow-right-to-city:before{content:"\e4b3"}.fa-ribbon:before{content:"\f4d6"}.fa-lungs:before{content:"\f604"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-border-none:before{content:"\f850"}.fa-circle-nodes:before{content:"\e4e2"}.fa-parachute-box:before{content:"\f4cd"}.fa-indent:before{content:"\f03c"}.fa-truck-field-un:before{content:"\e58e"}.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}.fa-mountain:before{content:"\f6fc"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-square-virus:before{content:"\e578"}.fa-meteor:before{content:"\f753"}.fa-car-on:before{content:"\e4dd"}.fa-sleigh:before{content:"\f7cc"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-water:before{content:"\f773"}.fa-calendar-check:before{content:"\f274"}.fa-braille:before{content:"\f2a1"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-landmark:before{content:"\f66f"}.fa-truck:before{content:"\f0d1"}.fa-crosshairs:before{content:"\f05b"}.fa-person-cane:before{content:"\e53c"}.fa-tent:before{content:"\e57d"}.fa-vest-patches:before{content:"\e086"}.fa-check-double:before{content:"\f560"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-money-bill-wheat:before{content:"\e52a"}.fa-cookie:before{content:"\f563"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-dumbbell:before{content:"\f44b"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-tarp-droplet:before{content:"\e57c"}.fa-house-medical-circle-check:before{content:"\e511"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-calendar-plus:before{content:"\f271"}.fa-plane-arrival:before{content:"\f5af"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-chart-gantt:before{content:"\e0e4"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-dna:before{content:"\f471"}.fa-virus-slash:before{content:"\e075"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-chess:before{content:"\f439"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-plug-circle-check:before{content:"\e55c"}.fa-street-view:before{content:"\f21d"}.fa-franc-sign:before{content:"\e18f"}.fa-volume-off:before{content:"\f026"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-mosque:before{content:"\f678"}.fa-mosquito:before{content:"\e52b"}.fa-star-of-david:before{content:"\f69a"}.fa-person-military-rifle:before{content:"\e54b"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-vials:before{content:"\f493"}.fa-plug-circle-plus:before{content:"\e55f"}.fa-place-of-worship:before{content:"\f67f"}.fa-grip-vertical:before{content:"\f58e"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-u:before{content:"\55"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-pallet:before{content:"\f482"}.fa-faucet:before{content:"\e005"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-s:before{content:"\53"}.fa-timeline:before{content:"\e29c"}.fa-keyboard:before{content:"\f11c"}.fa-caret-down:before{content:"\f0d7"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}.fa-plane-up:before{content:"\e22d"}.fa-piggy-bank:before{content:"\f4d3"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-mountain-city:before{content:"\e52e"}.fa-coins:before{content:"\f51e"}.fa-khanda:before{content:"\f66d"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-folder-tree:before{content:"\f802"}.fa-network-wired:before{content:"\f6ff"}.fa-map-pin:before{content:"\f276"}.fa-hamsa:before{content:"\f665"}.fa-cent-sign:before{content:"\e3f5"}.fa-flask:before{content:"\f0c3"}.fa-person-pregnant:before{content:"\e31e"}.fa-wand-sparkles:before{content:"\f72b"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-ticket:before{content:"\f145"}.fa-power-off:before{content:"\f011"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-flag-usa:before{content:"\f74d"}.fa-laptop-file:before{content:"\e51d"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-diagram-next:before{content:"\e476"}.fa-person-rifle:before{content:"\e54e"}.fa-house-medical-circle-exclamation:before{content:"\e512"}.fa-closed-captioning:before{content:"\f20a"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-venus-double:before{content:"\f226"}.fa-images:before{content:"\f302"}.fa-calculator:before{content:"\f1ec"}.fa-people-pulling:before{content:"\e535"}.fa-n:before{content:"\4e"}.fa-cable-car:before,.fa-tram:before{content:"\f7da"}.fa-cloud-rain:before{content:"\f73d"}.fa-building-circle-xmark:before{content:"\e4d4"}.fa-ship:before{content:"\f21a"}.fa-arrows-down-to-line:before{content:"\e4b8"}.fa-download:before{content:"\f019"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-file-circle-check:before{content:"\e5a0"}.fa-forward:before{content:"\f04e"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-align-center:before{content:"\f037"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-heart-circle-exclamation:before{content:"\e4fe"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-calendar-week:before{content:"\f784"}.fa-laptop-medical:before{content:"\f812"}.fa-b:before{content:"\42"}.fa-file-medical:before{content:"\f477"}.fa-dice-one:before{content:"\f525"}.fa-kiwi-bird:before{content:"\f535"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-mill-sign:before{content:"\e1ed"}.fa-bowl-rice:before{content:"\e2eb"}.fa-skull:before{content:"\f54c"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-truck-pickup:before{content:"\f63c"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-stop:before{content:"\f04d"}.fa-code-merge:before{content:"\f387"}.fa-upload:before{content:"\f093"}.fa-hurricane:before{content:"\f751"}.fa-mound:before{content:"\e52d"}.fa-toilet-portable:before{content:"\e583"}.fa-compact-disc:before{content:"\f51f"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-caravan:before{content:"\f8ff"}.fa-shield-cat:before{content:"\e572"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-glass-water:before{content:"\e4f4"}.fa-oil-well:before{content:"\e532"}.fa-vault:before{content:"\e2c5"}.fa-mars:before{content:"\f222"}.fa-toilet:before{content:"\f7d8"}.fa-plane-circle-xmark:before{content:"\e557"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-sun:before{content:"\f185"}.fa-guitar:before{content:"\f7a6"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-horse-head:before{content:"\f7ab"}.fa-bore-hole:before{content:"\e4c3"}.fa-industry:before{content:"\f275"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-arrows-turn-to-dots:before{content:"\e4c1"}.fa-florin-sign:before{content:"\e184"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-less-than:before{content:"\3c"}.fa-angle-down:before{content:"\f107"}.fa-car-tunnel:before{content:"\e4de"}.fa-head-side-cough:before{content:"\e061"}.fa-grip-lines:before{content:"\f7a4"}.fa-thumbs-down:before{content:"\f165"}.fa-user-lock:before{content:"\f502"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-anchor-circle-xmark:before{content:"\e4ac"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-chess-pawn:before{content:"\f443"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-person-through-window:before{content:"\e5a9"}.fa-toolbox:before{content:"\f552"}.fa-hands-holding-circle:before{content:"\e4fb"}.fa-bug:before{content:"\f188"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-hand-holding-hand:before{content:"\e4f7"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-mountain-sun:before{content:"\e52f"}.fa-arrows-left-right-to-line:before{content:"\e4ba"}.fa-dice-d20:before{content:"\f6cf"}.fa-truck-droplet:before{content:"\e58c"}.fa-file-circle-xmark:before{content:"\e5a1"}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}.fa-medal:before{content:"\f5a2"}.fa-bed:before{content:"\f236"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-podcast:before{content:"\f2ce"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-bell:before{content:"\f0f3"}.fa-superscript:before{content:"\f12b"}.fa-plug-circle-xmark:before{content:"\e560"}.fa-star-of-life:before{content:"\f621"}.fa-phone-slash:before{content:"\f3dd"}.fa-paint-roller:before{content:"\f5aa"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-file:before{content:"\f15b"}.fa-greater-than:before{content:"\3e"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-arrow-down:before{content:"\f063"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-eraser:before{content:"\f12d"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-person-burst:before{content:"\e53b"}.fa-dove:before{content:"\f4ba"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-socks:before{content:"\f696"}.fa-inbox:before{content:"\f01c"}.fa-section:before{content:"\e447"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-envelope-open-text:before{content:"\f658"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-wine-bottle:before{content:"\f72f"}.fa-chess-rook:before{content:"\f447"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-dharmachakra:before{content:"\f655"}.fa-hotdog:before{content:"\f80f"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-drum:before{content:"\f569"}.fa-ice-cream:before{content:"\f810"}.fa-heart-circle-bolt:before{content:"\e4fc"}.fa-fax:before{content:"\f1ac"}.fa-paragraph:before{content:"\f1dd"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-star-half:before{content:"\f089"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-tree-city:before{content:"\e587"}.fa-play:before{content:"\f04b"}.fa-font:before{content:"\f031"}.fa-rupiah-sign:before{content:"\e23d"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-naira-sign:before{content:"\e1f6"}.fa-cart-arrow-down:before{content:"\f218"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}.fa-receipt:before{content:"\f543"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-person-circle-exclamation:before{content:"\e53f"}.fa-chevron-down:before{content:"\f078"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-skull-crossbones:before{content:"\f714"}.fa-code-compare:before{content:"\e13a"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-school-lock:before{content:"\e56f"}.fa-tower-cell:before{content:"\e585"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-ranking-star:before{content:"\e561"}.fa-chess-king:before{content:"\f43f"}.fa-person-harassing:before{content:"\e549"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}.fa-arrow-up:before{content:"\f062"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-shrimp:before{content:"\e448"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-jug-detergent:before{content:"\e519"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-user-shield:before{content:"\f505"}.fa-wind:before{content:"\f72e"}.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}.fa-y:before{content:"\59"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-fish:before{content:"\f578"}.fa-user-graduate:before{content:"\f501"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-clapperboard:before{content:"\e131"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-jet-fighter-up:before{content:"\e518"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-copy:before{content:"\f0c5"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-hand-sparkles:before{content:"\e05d"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-child-combatant:before,.fa-child-rifle:before{content:"\e4e0"}.fa-gun:before{content:"\e19b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-expand:before{content:"\f065"}.fa-computer:before{content:"\e4e5"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-peso-sign:before{content:"\e222"}.fa-building-shield:before{content:"\e4d8"}.fa-baby:before{content:"\f77c"}.fa-users-line:before{content:"\e592"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-tractor:before{content:"\f722"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-arrow-down-up-lock:before{content:"\e4b0"}.fa-lines-leaning:before{content:"\e51e"}.fa-ruler-combined:before{content:"\f546"}.fa-copyright:before{content:"\f1f9"}.fa-equals:before{content:"\3d"}.fa-blender:before{content:"\f517"}.fa-teeth:before{content:"\f62e"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-map:before{content:"\f279"}.fa-rocket:before{content:"\f135"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-folder-minus:before{content:"\f65d"}.fa-store:before{content:"\f54e"}.fa-arrow-trend-up:before{content:"\e098"}.fa-plug-circle-minus:before{content:"\e55e"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-bezier-curve:before{content:"\f55b"}.fa-bell-slash:before{content:"\f1f6"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-school-flag:before{content:"\e56e"}.fa-fill:before{content:"\f575"}.fa-angle-up:before{content:"\f106"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-holly-berry:before{content:"\f7aa"}.fa-chevron-left:before{content:"\f053"}.fa-bacteria:before{content:"\e059"}.fa-hand-lizard:before{content:"\f258"}.fa-notdef:before{content:"\e1fe"}.fa-disease:before{content:"\f7fa"}.fa-briefcase-medical:before{content:"\f469"}.fa-genderless:before{content:"\f22d"}.fa-chevron-right:before{content:"\f054"}.fa-retweet:before{content:"\f079"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-pump-soap:before{content:"\e06b"}.fa-video-slash:before{content:"\f4e2"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-radio:before{content:"\f8d7"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-traffic-light:before{content:"\f637"}.fa-thermometer:before{content:"\f491"}.fa-vr-cardboard:before{content:"\f729"}.fa-hand-middle-finger:before{content:"\f806"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-truck-moving:before{content:"\f4df"}.fa-glass-water-droplet:before{content:"\e4f5"}.fa-display:before{content:"\e163"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-trophy:before{content:"\f091"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-hammer:before{content:"\f6e3"}.fa-hand-peace:before{content:"\f25b"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-spinner:before{content:"\f110"}.fa-robot:before{content:"\f544"}.fa-peace:before{content:"\f67c"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-warehouse:before{content:"\f494"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-splotch:before{content:"\f5bc"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-dice-four:before{content:"\f524"}.fa-sim-card:before{content:"\f7c4"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-mercury:before{content:"\f223"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-person-falling-burst:before{content:"\e547"}.fa-award:before{content:"\f559"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-building:before{content:"\f1ad"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-qrcode:before{content:"\f029"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-house-medical:before{content:"\e3b2"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-house-chimney-window:before{content:"\e00d"}.fa-pen-nib:before{content:"\f5ad"}.fa-tent-arrow-turn-left:before{content:"\e580"}.fa-tents:before{content:"\e582"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-dog:before{content:"\f6d3"}.fa-carrot:before{content:"\f787"}.fa-moon:before{content:"\f186"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-cheese:before{content:"\f7ef"}.fa-yin-yang:before{content:"\f6ad"}.fa-music:before{content:"\f001"}.fa-code-commit:before{content:"\f386"}.fa-temperature-low:before{content:"\f76b"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-broom:before{content:"\f51a"}.fa-shield-heart:before{content:"\e574"}.fa-gopuram:before{content:"\f664"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-hashtag:before{content:"\23"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-oil-can:before{content:"\f613"}.fa-t:before{content:"\54"}.fa-hippo:before{content:"\f6ed"}.fa-chart-column:before{content:"\e0e3"}.fa-infinity:before{content:"\f534"}.fa-vial-circle-check:before{content:"\e596"}.fa-person-arrow-down-to-line:before{content:"\e538"}.fa-voicemail:before{content:"\f897"}.fa-fan:before{content:"\f863"}.fa-person-walking-luggage:before{content:"\e554"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-calendar:before{content:"\f133"}.fa-trailer:before{content:"\e041"}.fa-bahai:before,.fa-haykal:before{content:"\f666"}.fa-sd-card:before{content:"\f7c2"}.fa-dragon:before{content:"\f6d5"}.fa-shoe-prints:before{content:"\f54b"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-hand-holding:before{content:"\f4bd"}.fa-plug-circle-exclamation:before{content:"\e55d"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-clone:before{content:"\f24d"}.fa-person-walking-arrow-loop-left:before{content:"\e551"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-tornado:before{content:"\f76f"}.fa-file-circle-plus:before{content:"\e494"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-anchor:before{content:"\f13d"}.fa-border-all:before{content:"\f84c"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-cookie-bite:before{content:"\f564"}.fa-arrow-trend-down:before{content:"\e097"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-draw-polygon:before{content:"\f5ee"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-shower:before{content:"\f2cc"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-m:before{content:"\4d"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-book:before{content:"\f02d"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-house-circle-check:before{content:"\e509"}.fa-angle-left:before{content:"\f104"}.fa-diagram-successor:before{content:"\e47a"}.fa-truck-arrow-right:before{content:"\e58b"}.fa-arrows-split-up-and-left:before{content:"\e4bc"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-cloud-moon:before{content:"\f6c3"}.fa-briefcase:before{content:"\f0b1"}.fa-person-falling:before{content:"\e546"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-user-tag:before{content:"\f507"}.fa-rug:before{content:"\e569"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-baht-sign:before{content:"\e0ac"}.fa-book-open:before{content:"\f518"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-handcuffs:before{content:"\e4f8"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-database:before{content:"\f1c0"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-bottle-droplet:before{content:"\e4c4"}.fa-mask-face:before{content:"\e1d7"}.fa-hill-rockslide:before{content:"\e508"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-paper-plane:before{content:"\f1d8"}.fa-road-circle-exclamation:before{content:"\e565"}.fa-dungeon:before{content:"\f6d9"}.fa-align-right:before{content:"\f038"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-life-ring:before{content:"\f1cd"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-calendar-day:before{content:"\f783"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-person-walking-arrow-right:before{content:"\e552"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-dice:before{content:"\f522"}.fa-bowling-ball:before{content:"\f436"}.fa-brain:before{content:"\f5dc"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-calendar-minus:before{content:"\f272"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-gifts:before{content:"\f79c"}.fa-hotel:before{content:"\f594"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-thumbs-up:before{content:"\f164"}.fa-user-clock:before{content:"\f4fd"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-file-invoice:before{content:"\f570"}.fa-window-minimize:before{content:"\f2d1"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-brush:before{content:"\f55d"}.fa-mask:before{content:"\f6fa"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-ruler-vertical:before{content:"\f548"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-train-tram:before{content:"\e5b4"}.fa-user-nurse:before{content:"\f82f"}.fa-syringe:before{content:"\f48e"}.fa-cloud-sun:before{content:"\f6c4"}.fa-stopwatch-20:before{content:"\e06f"}.fa-square-full:before{content:"\f45c"}.fa-magnet:before{content:"\f076"}.fa-jar:before{content:"\e516"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-bug-slash:before{content:"\e490"}.fa-arrow-up-from-water-pump:before{content:"\e4b6"}.fa-bone:before{content:"\f5d7"}.fa-user-injured:before{content:"\f728"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-plane:before{content:"\f072"}.fa-tent-arrows-down:before{content:"\e581"}.fa-exclamation:before{content:"\21"}.fa-arrows-spin:before{content:"\e4bb"}.fa-print:before{content:"\f02f"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-x:before{content:"\58"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-person-military-pointing:before{content:"\e54a"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-umbrella:before{content:"\f0e9"}.fa-trowel:before{content:"\e589"}.fa-d:before{content:"\44"}.fa-stapler:before{content:"\e5af"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-kip-sign:before{content:"\e1c4"}.fa-hand-point-left:before{content:"\f0a5"}.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-barcode:before{content:"\f02a"}.fa-plus-minus:before{content:"\e43c"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-person-circle-check:before{content:"\e53e"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"} .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} /*! * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ :host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/Content/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/Content/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900} /*! * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ :host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/Content/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/Content/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{content:"\f369"}.fa-ioxhost:before{content:"\f208"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-app-store:before{content:"\f36f"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-itunes-note:before{content:"\f3b5"}.fa-golang:before{content:"\e40f"}.fa-kickstarter:before{content:"\f3bb"}.fa-grav:before{content:"\f2d6"}.fa-weibo:before{content:"\f18a"}.fa-uncharted:before{content:"\e084"}.fa-firstdraft:before{content:"\f3a1"}.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}.fa-wikipedia-w:before{content:"\f266"}.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}.fa-angellist:before{content:"\f209"}.fa-galactic-republic:before{content:"\f50c"}.fa-nfc-directional:before{content:"\e530"}.fa-skype:before{content:"\f17e"}.fa-joget:before{content:"\f3b7"}.fa-fedora:before{content:"\f798"}.fa-stripe-s:before{content:"\f42a"}.fa-meta:before{content:"\e49b"}.fa-laravel:before{content:"\f3bd"}.fa-hotjar:before{content:"\f3b1"}.fa-bluetooth-b:before{content:"\f294"}.fa-sticker-mule:before{content:"\f3f7"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-hips:before{content:"\f452"}.fa-behance:before{content:"\f1b4"}.fa-reddit:before{content:"\f1a1"}.fa-discord:before{content:"\f392"}.fa-chrome:before{content:"\f268"}.fa-app-store-ios:before{content:"\f370"}.fa-cc-discover:before{content:"\f1f2"}.fa-wpbeginner:before{content:"\f297"}.fa-confluence:before{content:"\f78d"}.fa-mdb:before{content:"\f8ca"}.fa-dochub:before{content:"\f394"}.fa-accessible-icon:before{content:"\f368"}.fa-ebay:before{content:"\f4f4"}.fa-amazon:before{content:"\f270"}.fa-unsplash:before{content:"\e07c"}.fa-yarn:before{content:"\f7e3"}.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}.fa-500px:before{content:"\f26e"}.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}.fa-asymmetrik:before{content:"\f372"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-gratipay:before{content:"\f184"}.fa-apple:before{content:"\f179"}.fa-hive:before{content:"\e07f"}.fa-gitkraken:before{content:"\f3a6"}.fa-keybase:before{content:"\f4f5"}.fa-apple-pay:before{content:"\f415"}.fa-padlet:before{content:"\e4a0"}.fa-amazon-pay:before{content:"\f42c"}.fa-github-square:before,.fa-square-github:before{content:"\f092"}.fa-stumbleupon:before{content:"\f1a4"}.fa-fedex:before{content:"\f797"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-shopify:before{content:"\e057"}.fa-neos:before{content:"\f612"}.fa-hackerrank:before{content:"\f5f7"}.fa-researchgate:before{content:"\f4f8"}.fa-swift:before{content:"\f8e1"}.fa-angular:before{content:"\f420"}.fa-speakap:before{content:"\f3f3"}.fa-angrycreative:before{content:"\f36e"}.fa-y-combinator:before{content:"\f23b"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}.fa-studiovinari:before{content:"\f3f8"}.fa-pied-piper:before{content:"\f2ae"}.fa-wordpress:before{content:"\f19a"}.fa-product-hunt:before{content:"\f288"}.fa-firefox:before{content:"\f269"}.fa-linode:before{content:"\f2b8"}.fa-goodreads:before{content:"\f3a8"}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}.fa-jsfiddle:before{content:"\f1cc"}.fa-sith:before{content:"\f512"}.fa-themeisle:before{content:"\f2b2"}.fa-page4:before{content:"\f3d7"}.fa-hashnode:before{content:"\e499"}.fa-react:before{content:"\f41b"}.fa-cc-paypal:before{content:"\f1f4"}.fa-squarespace:before{content:"\f5be"}.fa-cc-stripe:before{content:"\f1f5"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-bitcoin:before{content:"\f379"}.fa-keycdn:before{content:"\f3ba"}.fa-opera:before{content:"\f26a"}.fa-itch-io:before{content:"\f83a"}.fa-umbraco:before{content:"\f8e8"}.fa-galactic-senate:before{content:"\f50d"}.fa-ubuntu:before{content:"\f7df"}.fa-draft2digital:before{content:"\f396"}.fa-stripe:before{content:"\f429"}.fa-houzz:before{content:"\f27c"}.fa-gg:before{content:"\f260"}.fa-dhl:before{content:"\f790"}.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}.fa-xing:before{content:"\f168"}.fa-blackberry:before{content:"\f37b"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-playstation:before{content:"\f3df"}.fa-quinscape:before{content:"\f459"}.fa-less:before{content:"\f41d"}.fa-blogger-b:before{content:"\f37d"}.fa-opencart:before{content:"\f23d"}.fa-vine:before{content:"\f1ca"}.fa-paypal:before{content:"\f1ed"}.fa-gitlab:before{content:"\f296"}.fa-typo3:before{content:"\f42b"}.fa-reddit-alien:before{content:"\f281"}.fa-yahoo:before{content:"\f19e"}.fa-dailymotion:before{content:"\e052"}.fa-affiliatetheme:before{content:"\f36b"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-bootstrap:before{content:"\f836"}.fa-odnoklassniki:before{content:"\f263"}.fa-nfc-symbol:before{content:"\e531"}.fa-ethereum:before{content:"\f42e"}.fa-speaker-deck:before{content:"\f83c"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-patreon:before{content:"\f3d9"}.fa-avianex:before{content:"\f374"}.fa-ello:before{content:"\f5f1"}.fa-gofore:before{content:"\f3a7"}.fa-bimobject:before{content:"\f378"}.fa-facebook-f:before{content:"\f39e"}.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}.fa-mandalorian:before{content:"\f50f"}.fa-first-order-alt:before{content:"\f50a"}.fa-osi:before{content:"\f41a"}.fa-google-wallet:before{content:"\f1ee"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-periscope:before{content:"\f3da"}.fa-fulcrum:before{content:"\f50b"}.fa-cloudscale:before{content:"\f383"}.fa-forumbee:before{content:"\f211"}.fa-mizuni:before{content:"\f3cc"}.fa-schlix:before{content:"\f3ea"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}.fa-bandcamp:before{content:"\f2d5"}.fa-wpforms:before{content:"\f298"}.fa-cloudversify:before{content:"\f385"}.fa-usps:before{content:"\f7e1"}.fa-megaport:before{content:"\f5a3"}.fa-magento:before{content:"\f3c4"}.fa-spotify:before{content:"\f1bc"}.fa-optin-monster:before{content:"\f23c"}.fa-fly:before{content:"\f417"}.fa-aviato:before{content:"\f421"}.fa-itunes:before{content:"\f3b4"}.fa-cuttlefish:before{content:"\f38c"}.fa-blogger:before{content:"\f37c"}.fa-flickr:before{content:"\f16e"}.fa-viber:before{content:"\f409"}.fa-soundcloud:before{content:"\f1be"}.fa-digg:before{content:"\f1a6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-symfony:before{content:"\f83d"}.fa-maxcdn:before{content:"\f136"}.fa-etsy:before{content:"\f2d7"}.fa-facebook-messenger:before{content:"\f39f"}.fa-audible:before{content:"\f373"}.fa-think-peaks:before{content:"\f731"}.fa-bilibili:before{content:"\e3d9"}.fa-erlang:before{content:"\f39d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-dashcube:before{content:"\f210"}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-stack-exchange:before{content:"\f18d"}.fa-elementor:before{content:"\f430"}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-palfed:before{content:"\f3d8"}.fa-superpowers:before{content:"\f2dd"}.fa-resolving:before{content:"\f3e7"}.fa-xbox:before{content:"\f412"}.fa-searchengin:before{content:"\f3eb"}.fa-tiktok:before{content:"\e07b"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-renren:before{content:"\f18b"}.fa-linux:before{content:"\f17c"}.fa-glide:before{content:"\f2a5"}.fa-linkedin:before{content:"\f08c"}.fa-hubspot:before{content:"\f3b2"}.fa-deploydog:before{content:"\f38e"}.fa-twitch:before{content:"\f1e8"}.fa-ravelry:before{content:"\f2d9"}.fa-mixer:before{content:"\e056"}.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}.fa-vimeo:before{content:"\f40a"}.fa-mendeley:before{content:"\f7b3"}.fa-uniregistry:before{content:"\f404"}.fa-figma:before{content:"\f799"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-dropbox:before{content:"\f16b"}.fa-instagram:before{content:"\f16d"}.fa-cmplid:before{content:"\e360"}.fa-facebook:before{content:"\f09a"}.fa-gripfire:before{content:"\f3ac"}.fa-jedi-order:before{content:"\f50e"}.fa-uikit:before{content:"\f403"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-phabricator:before{content:"\f3db"}.fa-ussunnah:before{content:"\f407"}.fa-earlybirds:before{content:"\f39a"}.fa-trade-federation:before{content:"\f513"}.fa-autoprefixer:before{content:"\f41c"}.fa-whatsapp:before{content:"\f232"}.fa-slideshare:before{content:"\f1e7"}.fa-google-play:before{content:"\f3ab"}.fa-viadeo:before{content:"\f2a9"}.fa-line:before{content:"\f3c0"}.fa-google-drive:before{content:"\f3aa"}.fa-servicestack:before{content:"\f3ec"}.fa-simplybuilt:before{content:"\f215"}.fa-bitbucket:before{content:"\f171"}.fa-imdb:before{content:"\f2d8"}.fa-deezer:before{content:"\e077"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-jira:before{content:"\f7b1"}.fa-docker:before{content:"\f395"}.fa-screenpal:before{content:"\e570"}.fa-bluetooth:before{content:"\f293"}.fa-gitter:before{content:"\f426"}.fa-d-and-d:before{content:"\f38d"}.fa-microblog:before{content:"\e01a"}.fa-cc-diners-club:before{content:"\f24c"}.fa-gg-circle:before{content:"\f261"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-yandex:before{content:"\f413"}.fa-readme:before{content:"\f4d5"}.fa-html5:before{content:"\f13b"}.fa-sellsy:before{content:"\f213"}.fa-sass:before{content:"\f41e"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-buromobelexperte:before{content:"\f37f"}.fa-salesforce:before{content:"\f83b"}.fa-octopus-deploy:before{content:"\e082"}.fa-medapps:before{content:"\f3c6"}.fa-ns8:before{content:"\f3d5"}.fa-pinterest-p:before{content:"\f231"}.fa-apper:before{content:"\f371"}.fa-fort-awesome:before{content:"\f286"}.fa-waze:before{content:"\f83f"}.fa-cc-jcb:before{content:"\f24b"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-rust:before{content:"\e07a"}.fa-wix:before{content:"\f5cf"}.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}.fa-supple:before{content:"\f3f9"}.fa-rebel:before{content:"\f1d0"}.fa-css3:before{content:"\f13c"}.fa-staylinked:before{content:"\f3f5"}.fa-kaggle:before{content:"\f5fa"}.fa-space-awesome:before{content:"\e5ac"}.fa-deviantart:before{content:"\f1bd"}.fa-cpanel:before{content:"\f388"}.fa-goodreads-g:before{content:"\f3a9"}.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}.fa-trello:before{content:"\f181"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-get-pocket:before{content:"\f265"}.fa-perbyte:before{content:"\e083"}.fa-grunt:before{content:"\f3ad"}.fa-weebly:before{content:"\f5cc"}.fa-connectdevelop:before{content:"\f20e"}.fa-leanpub:before{content:"\f212"}.fa-black-tie:before{content:"\f27e"}.fa-themeco:before{content:"\f5c6"}.fa-python:before{content:"\f3e2"}.fa-android:before{content:"\f17b"}.fa-bots:before{content:"\e340"}.fa-free-code-camp:before{content:"\f2c5"}.fa-hornbill:before{content:"\f592"}.fa-js:before{content:"\f3b8"}.fa-ideal:before{content:"\e013"}.fa-git:before{content:"\f1d3"}.fa-dev:before{content:"\f6cc"}.fa-sketch:before{content:"\f7c6"}.fa-yandex-international:before{content:"\f414"}.fa-cc-amex:before{content:"\f1f3"}.fa-uber:before{content:"\f402"}.fa-github:before{content:"\f09b"}.fa-php:before{content:"\f457"}.fa-alipay:before{content:"\f642"}.fa-youtube:before{content:"\f167"}.fa-skyatlas:before{content:"\f216"}.fa-firefox-browser:before{content:"\e007"}.fa-replyd:before{content:"\f3e6"}.fa-suse:before{content:"\f7d6"}.fa-jenkins:before{content:"\f3b6"}.fa-twitter:before{content:"\f099"}.fa-rockrms:before{content:"\f3e9"}.fa-pinterest:before{content:"\f0d2"}.fa-buffer:before{content:"\f837"}.fa-npm:before{content:"\f3d4"}.fa-yammer:before{content:"\f840"}.fa-btc:before{content:"\f15a"}.fa-dribbble:before{content:"\f17d"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-internet-explorer:before{content:"\f26b"}.fa-stubber:before{content:"\e5c7"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-old-republic:before{content:"\f510"}.fa-odysee:before{content:"\e5c6"}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}.fa-node-js:before{content:"\f3d3"}.fa-edge-legacy:before{content:"\e078"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-medrt:before{content:"\f3c8"}.fa-usb:before{content:"\f287"}.fa-tumblr:before{content:"\f173"}.fa-vaadin:before{content:"\f408"}.fa-quora:before{content:"\f2c4"}.fa-reacteurope:before{content:"\f75d"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-amilia:before{content:"\f36d"}.fa-mixcloud:before{content:"\f289"}.fa-flipboard:before{content:"\f44d"}.fa-viacoin:before{content:"\f237"}.fa-critical-role:before{content:"\f6c9"}.fa-sitrox:before{content:"\e44a"}.fa-discourse:before{content:"\f393"}.fa-joomla:before{content:"\f1aa"}.fa-mastodon:before{content:"\f4f6"}.fa-airbnb:before{content:"\f834"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-buy-n-large:before{content:"\f8a6"}.fa-gulp:before{content:"\f3ae"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-strava:before{content:"\f428"}.fa-ember:before{content:"\f423"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-teamspeak:before{content:"\f4f9"}.fa-pushed:before{content:"\f3e1"}.fa-wordpress-simple:before{content:"\f411"}.fa-nutritionix:before{content:"\f3d6"}.fa-wodu:before{content:"\e088"}.fa-google-pay:before{content:"\e079"}.fa-intercom:before{content:"\f7af"}.fa-zhihu:before{content:"\f63f"}.fa-korvue:before{content:"\f42f"}.fa-pix:before{content:"\e43a"}.fa-steam-symbol:before{content:"\f3f6"} /* ===================== LOGIN ======================= */ @import url(/Content/https:/fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;1,700&display=swap); @import url(/Content/https:/fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100..700&display=swap); :root { --navy: #1B2B5E; --navyD: #111D42; --navyL: #162248; --orange: #E8612C; --teal: #2A7FAF; --gray: #9099A8; --grayL: #aeb1b7; --grayXL: #f7f7f7; --bg-login: #F4F5F8; --white: #FFFFFF; --bg-dermatools: #5b692c; --bg-formoffice: #bb1516; --bg-formoffice-gradient: linear-gradient(130deg, rgb(130 15 16) 20%, #bb1516 70%); --bg-tt-gpa: #d80d86; --bg-tt-gpa-gradient: linear-gradient(90deg, rgb(182 11 113) 0%, #3ab0d5 70%); --bg-pridd: #43c0bc; --bg-pridd-gradient: linear-gradient(90deg, rgb(52 80 114) 0%, #45a1a2 70%); --bg-localhost: #2c2c2c; --sans: 'IBM Plex Sans', sans-serif; --mono: 'IBM Plex Mono', monospace; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden; } body.crf-one{ background: var(--navyD); } body.dermatools{ background: var(--bg-dermatools); } body.Formoffice{ background: var(--bg-formoffice); } body.tt-gpa{ background: var(--bg-tt-gpa); } body.pridd{ background: var(--bg-pridd); } body.localhost{ background: var(--bg-localhost); } #wrapper { width: 100%; height: 100vh; } @font-face { font-style: italic; font-weight: 300; font-stretch: 100%; font-family: "IBM Plex Sans", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; font-variation-settings: "wdth" 100; unicode-range: U +0460 -052F, U +1C80 -1C8A, U +20B4, U +2DE0 -2DFF, U + A640-A69F, U + FE2E-FE2F; } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; unicode-range: U +0460 -052F, U +1C80 -1C8A, U +20B4, U +2DE0 -2DFF, U + A640-A69F, U + FE2E-FE2F; } .login-bg { position: fixed; inset: 0; background: var(--navyD); z-index: 0; } .dermatools .login-bg { background: var(--bg-dermatools); } .Formoffice .login-bg { background: var(--bg-formoffice-gradient); } .pridd .login-bg { background: var(--bg-pridd-gradient); } .tt-gpa .login-bg { background: var(--bg-tt-gpa-gradient); } .localhost .login-bg { background: var(--bg-localhost); } .login-bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px); background-size: 52px 52px; } .tt-gpa .login-bg .login-bg-grid{ background-image: linear-gradient(rgba(255, 255, 255, 0.048) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.048) 1px, transparent 1px); } .Formoffice .login-bg .login-bg-grid{ background-image: linear-gradient(rgba(255, 255, 255, 0.058) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.058) 1px, transparent 1px); } .login-bg-glow-1 { position: absolute; top: -20%; left: -10%; width: 60vw; height: 60vw; background: radial-gradient(circle, rgba(27, 43, 94, 0.9) 0%, transparent 65%); pointer-events: none; } .crf-one .login-bg-glow-1 { background: radial-gradient(circle, rgba(27, 43, 94, 0.9) 0%, transparent 65%); } .dermatools .login-bg-glow-1 { background: radial-gradient(circle, rgb(99 117 32) 0%, transparent 65%); } .Formoffice .login-bg-glow-1 { background: radial-gradient(circle, rgb(185 9 13) 0%, transparent 65%); top: -40%; left: -15%; width: 65vw; } .tt-gpa .login-bg-glow-1 { background: radial-gradient(circle, rgb(178 65 132) 0%, transparent 65%); } .pridd .login-bg-glow-1 { background: radial-gradient(circle, rgb(64 141 166) 0%, transparent 65%); } .localhost .login-bg-glow-1 { background: radial-gradient(circle, rgb(72 72 72 / 90%) 0%, transparent 65%); } .login-bg-glow-2 { position: absolute; bottom: -15%; right: -10%; width: 50vw; height: 50vw; background: radial-gradient(circle, rgba(232, 97, 44, 0.12) 0%, transparent 60%); pointer-events: none; } .login-bg-glow-2 { background: radial-gradient(circle, rgba(232, 97, 44, 0.12) 0%, transparent 60%); } .dermatools .login-bg-glow-2 { background: radial-gradient(circle, rgb(112 128 51) 0%, transparent 60%); } .Formoffice .login-bg-glow-2 { background: radial-gradient(circle, rgb(185 9 13) 0%, transparent 60%); } .tt-gpa .login-bg-glow-2 { background: radial-gradient(circle, rgb(106 204 235) 0%, transparent 60%); } .pridd .login-bg-glow-2 { background: radial-gradient(circle, rgba(232, 97, 44, 0.12) 0%, transparent 60%); } .localhost .login-bg-glow-2 { background: radial-gradient(circle, rgb(72 72 72 / 90%) 0%, transparent 60%); } .login-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 480px; height: 100vh; font-family: var(--sans); } .login-left-panel { display: flex; flex-direction: column; justify-content: space-between; padding: 52px 64px; position: relative; overflow: hidden; } .login-left-panel .logo { display: flex; flex-direction: column; gap: 10px; animation: fadeUp 0.5s ease both; } .login-left-panel .logo.crf-one img{ width: 115px; margin: 0 0 -10px 0; } .login-left-panel .logo.dermatools img{ width: 170px; margin: 0 0 -25px -45px; } .login-left-panel .logo.formoffice img{ width: 170px; margin: 0 0 -25px 0; } .login-left-panel .logo.pridd img{ width: 120px; margin:0 0 -25px -15px; } .login-left-panel .logo.tt-gpa img{ width: 150px; margin: 0 0 -25px -25px; } .login-left-panel .logo.localhost img{ width: 114px; } .login-left-panel .logo .logo-bar { width: 36px; height: 4px; background: var(--orange); border-radius: 2px; } .login-left-panel .logo .logo-wordmark { display: flex; align-items: baseline; gap: 0; line-height: 1; } .login-left-panel .logo .logo-wordmark .logo-crf { font-size: 42px; font-weight: 600; color: var(--white); letter-spacing: -1px; } .login-left-panel .logo .logo-wordmark .logo-dotone { font-size: 42px; font-weight: 300; color: var(--orange); letter-spacing: -1px; } .login-left-panel .logo .logo-tagline { font-family: var(--mono); font-size: 11px; color: rgba(255, 255, 255, 0.3); letter-spacing: 0.15em; text-transform: lowercase; } .login-left-panel .left-content { animation: fadeUp 0.6s ease 0.15s both; } .login-left-panel .left-eyebrow { font-family: var(--mono); font-size: 11px; color: var(--orange); letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .login-left-panel .left-eyebrow::before { content: ''; display: inline-block; width: 16px; height: 2px; background: var(--orange); } .dermatools .login-left-panel .left-eyebrow { color: #ff8a00; } .dermatools .login-left-panel .left-eyebrow::before { background: #ff8a00; } .Formoffice .login-left-panel .left-eyebrow { color: #2a2a2a; } .Formoffice .login-left-panel .left-eyebrow::before { background: #2a2a2a; } .tt-gpa .login-left-panel .left-eyebrow { color: #d1b2ff; } .tt-gpa .login-left-panel .left-eyebrow::before { background: #d1b2ff; } .pridd .login-left-panel .left-eyebrow { color: #242863; } .pridd .login-left-panel .left-eyebrow::before { background: #242863; } .localhost .login-left-panel .left-eyebrow { color: #cacaca; } .localhost .login-left-panel .left-eyebrow::before { background: #cacaca; } .login-left-panel .left-headline { font-size: clamp(28px, 3.5vw, 48px); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -1.2px; margin-bottom: 20px; } .login-left-panel .left-headline em { font-style: normal; color: var(--orange); } .dermatools .login-left-panel .left-headline em { color: #ff8a00; } .Formoffice .login-left-panel .left-headline em { color: #2a2a2a; } .tt-gpa .login-left-panel .left-headline em { color: #d1b2ff; } .pridd .login-left-panel .left-headline em { color: #242863; } .localhost .login-left-panel .left-headline em { color:#777777; } .login-left-panel .left-sub { font-size: 15px; color: rgba(255, 255, 255, 0.4); line-height: 1.7; font-weight: 300; max-width: 400px; } .Formoffice .login-left-panel .left-sub { color: rgba(255, 255, 255, 0.7); } .login-left-panel .left-badges { display: flex; gap: 12px; flex-wrap: wrap; animation: fadeUp 0.6s ease 0.25s both; } .login-left-panel .badge { font-family: var(--mono); font-size: 10px; color: rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; padding: 5px 10px; letter-spacing: 0.1em; text-transform: uppercase; } .login-left-panel .left-watermark { position: absolute; bottom: -40px; left: -20px; font-size: clamp(100px, 18vw, 220px); font-weight: 700; color: rgba(255, 255, 255, 0.025); line-height: 1; pointer-events: none; user-select: none; letter-spacing: -4px; } .login-left-panel .left-watermark.dermatools, .login-left-panel .left-watermark.formoffice, .login-left-panel .left-watermark.tt-gpa, .login-left-panel .left-watermark.pridd, .login-left-panel .left-watermark.localhost{ position: absolute; z-index: -1; bottom: -20px; left: 47px; opacity: 0.03; pointer-events: none; } .login-left-panel .left-watermark.formoffice { bottom: -2%; left: 0%; opacity: 0.06; } .login-left-panel .left-watermark.formoffice img{ width: 450px; } .login-left-panel .left-watermark.tt-gpa { bottom: -80px; left: 0; opacity: 0.04; } .login-left-panel .left-watermark.dermatools{ bottom: -9%; left: -4%; } .login-left-panel .left-watermark.dermatools img{ width: 450px; } .login-left-panel .left-watermark.pridd { bottom: -40px; left: 30px; opacity: 0.04; } .login-left-panel .left-watermark.pridd img{ width: 360px; } .login-left-panel .left-watermark.tt-gpa img{ width: 440px; } .login-left-panel .left-watermark.localhost img{ width: 440px; } /* ------------------------- RIGHT PANEL ------------------------*/ .login-right-panel { background: var(--white); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 56px 52px; position: relative; animation: slideIn 0.5s ease both; } .login-right-panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--orange); } .Formoffice .login-right-panel::before { background: var(--bg-formoffice); } .tt-gpa .login-right-panel::before { background: var(--bg-tt-gpa); } .pridd .login-right-panel::before { background: #242863; } .crf-one .login-right-panel .right-logo { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 40px; min-width: 160px; } .login-right-panel .right-logo { text-align: center; margin: 0 0 40px 0; width:30%; } .login-right-panel .right-logo img{ min-width:100px; max-width:100%; width:100%; } .login-right-panel .right-logo.dermatools img{ max-width:70%; } .login-right-panel .right-logo.crf-one img{ max-width:80%; } .login-right-panel .right-logo.pridd img{ max-width:80%; } .login-right-panel .right-logo .right-logo-bar { width: 28px; height: 3px; background: var(--orange); border-radius: 2px; } .login-right-panel .right-logo .right-logo-wordmark { font-size: 32px; font-weight: 700; letter-spacing: -0.5px; line-height: 1; font-family:var(--sans); color: var(--navy); } .login-right-panel .right-logo .right-logo-wordmark span { font-weight: 300; color: var(--orange); } .login-right-panel .right-logo .right-logo-tagline { font-family: var(--mono); font-size: 10px; color: var(--gray); letter-spacing: 0.12em; text-transform: lowercase; } .login-right-panel .form-container { width: 100%; max-width: 360px; } .login-right-panel .form-container .pw-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; } .login-right-panel .form-container .pw-right { display: flex; justify-content: right; align-items: center; margin-bottom: 6px; } .login-right-panel .form-container .forgot-link { font-size: 12px; color: var(--orange); text-decoration: none; font-weight: 500; transition: all 0.3s ease; }.login-right-panel .form-container .forgot-link:hover { color: #9d2e02; transition: all 0.3s ease; } .login-right-panel .form-container .form-title { font-size: 20px; font-weight: 700; color: #202020; margin-bottom: 6px; letter-spacing: -0.3px; } .crf-one .login-right-panel .form-container .form-title, .pridd .login-right-panel .form-container .form-title { color: var(--navy); } .login-right-panel .form-container .form-subtitle { font-size: 13px; color: var(--gray); margin-bottom: 25px; font-weight: 300; max-width: 100%; padding-right: 20px; } .login-right-panel .form-container .lang-btn { display: flex; align-items: center; gap: 6px; font-family: var(--sans); font-size: 12px; color: var(--gray); background: var(--bg-login); border: 1px solid rgba(27, 43, 94, 0.1); border-radius: 6px; padding: 6px 6px; cursor: pointer; transition: border-color 0.2s; } .login-right-panel .form-container .lang-btn .language-selector .current-language span { padding: 0 6px; color: #97a0af; font-weight: 400; font-size: 12px; } .login-right-panel .form-container .lang-btn .language-selector .current-language i { font-size: 11px; color: #bababa; } .login-right-panel .form-container .lang-btn .language-selector .language-list li { border-radius: 6px; background-color: #f4f5f8; width: 100%; border: 1px solid #dee0e9; } .login-right-panel .form-container .lang-btn .language-selector .language-list li a { font-size: 12px; color: #88898c; } .login-right-panel .form-container .input-group-login { position: relative; margin-bottom: 14px; } .login-right-panel .form-container .input-label{ display: block; font-size: 11px; font-weight: 600; color: var(--navy); letter-spacing: 0.05em; margin-bottom: 6px; text-transform: uppercase; } .login-right-panel .form-container .input-field { width: 100%; padding: 13px 16px; font-family: var(--sans); font-size: 14px; color: var(--navy) !important; background: var(--bg-login); border: 1.5px solid rgba(27, 43, 94, 0.1); border-radius: 8px; outline: none; height: auto; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; } .login-right-panel .form-container .input-field:hover { -webkit-box-shadow: none; } .login-right-panel .form-container .input-field:focus { border-color: var(--navy); background: var(--white); box-shadow: 0 0 0 3px rgba(27, 43, 94, 0.07); } .login-right-panel .form-container .btn-submit-login, .login-right-panel .form-container .btn-reset-password, .login-right-panel .form-container .btn-unlock-acount, .login-right-panel .form-container .btn-questions, .login-right-panel .form-container .btn-login-back { width: 100%; padding: 14px; font-family: var(--sans); font-size: 15px; font-weight: 600; color: var(--white); background: var(--orange); border: none; border-radius: 8px; margin-top: 12px; cursor: pointer; letter-spacing: 0.02em; transition: background 0.2s, transform 0.15s, box-shadow 0.2s; display: flex; align-items: center; justify-content: flex-start; gap: 8px; text-decoration:none; } .Formoffice .login-right-panel .form-container .btn-submit-login { background: var(--bg-formoffice); } .tt-gpa .login-right-panel .form-container .btn-submit-login { background: var(--bg-tt-gpa); } .pridd .login-right-panel .form-container .btn-submit-login { background: var(--navy); } .login-right-panel .form-container .btn-submit-login { justify-content: center; } .login-right-panel .form-container .btn-reset-password, .login-right-panel .form-container .btn-unlock-acount, .login-right-panel .form-container .btn-questions { color: var(--navy); background: var(--grayXL); border: 1.5px solid rgba(27, 43, 94, 0.1); } .login-right-panel .form-container .btn-login-back { color: var(--navy); justify-content: center; background: var(--white); border: 1.5px solid rgba(27, 43, 94, 0.1); } .login-right-panel .form-container .btn-reset-password span.icon, .login-right-panel .form-container .btn-unlock-acount span.icon, .login-right-panel .form-container .btn-questions span.icon { flex: 0 0 10%; text-align: center; padding:4px; border-radius:8px; } .login-right-panel .form-container .btn-reset-password span.icon { background-color: #ffdbce; border: 1px solid #ffdbce; } .login-right-panel .form-container .btn-unlock-acount span.icon { background-color: #e7ebf4; border: 1px solid #e7ebf4; } .login-right-panel .form-container .btn-questions span.icon { background-color: #e0f3ff; border: 1px solid #e0f3ff; } .login-right-panel .form-container .btn-reset-password span.btn-text, .login-right-panel .form-container .btn-unlock-acount span.btn-text, .login-right-panel .form-container .btn-questions span.btn-text { flex: 0 0 80%; display:flex; flex-direction:column; } .login-right-panel .form-container .btn-reset-password span.btn-text .btn-title, .login-right-panel .form-container .btn-unlock-acount span.btn-text .btn-title, .login-right-panel .form-container .btn-questions span.btn-text .btn-title { color: var(--navy); font-size: 13px; padding-left: 10px; line-height: 17px; } .login-right-panel .form-container .btn-reset-password span.btn-text .btn-subtitle, .login-right-panel .form-container .btn-unlock-acount span.btn-text .btn-subtitle, .login-right-panel .form-container .btn-questions span.btn-text .btn-subtitle { color: var(--gray); font-size: 12px; font-weight: 300; padding-left: 10px; } .login-right-panel .form-container .btn-reset-password span.btn-svg, .login-right-panel .form-container .btn-unlock-acount span.btn-svg, .login-right-panel .form-container .btn-questions span.btn-svg { flex: 0 0 4%; color: var(--grayL); } .login-right-panel .form-container .btn-submit-login { margin-top: 22px; } .login-right-panel .form-container .btn-submit-login:hover { background: #F07040; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(232, 97, 44, 0.28); } .Formoffice .login-right-panel .form-container .btn-submit-login:hover { background: var(--bg-formoffice); } .tt-gpa .login-right-panel .form-container .btn-submit-login:hover { background: var(--bg-tt-gpa); box-shadow: 0 8px 24px rgb(216 13 134 / 41%); } .pridd .login-right-panel .form-container .btn-submit-login:hover { background: var(--navy); box-shadow: 0 8px 24px rgb(27 43 94 / 42%); } .login-right-panel .form-container .btn-reset-password:hover, .login-right-panel .form-container .btn-unlock-acount:hover, .login-right-panel .form-container .btn-questions:hover { background: var(--grayXL); transform: translateY(-1px); box-shadow: 0 8px 24px rgb(183 183 183 / 28%); } .login-right-panel .form-container .btn-login-back:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgb(123 190 228); } .login-right-panel .form-container .btn-submit-login svg, .login-right-panel .form-container .btn-login-back svg { width: 16px; height: 16px; } .login-right-panel .form-container .btn-login-back svg { transform: rotate(180deg); } .login-right-panel .form-container .btn-reset-password img, .login-right-panel .form-container .btn-questions img { width: 16px; height: 16px; } .login-right-panel .form-container .btn-unlock-acount img { width: 18px; height: 18px; } .login-right-panel .form-footer { margin-top: 36px; text-align: center; } .login-right-panel .form-footer .form-footer-links { display: flex; justify-content: center; gap: 20px; } .login-right-panel .form-footer .form-footer-links a { font-size: 11px; color: var(--grayL); text-decoration: none; transition: color 0.3s; } .login-right-panel .form-footer .form-footer-links a:hover { color: #4d4f52; transition: color 0.3s; } .login-right-panel .form-footer .form-footer-copy { margin-top: 12px; font-family: var(--mono); font-size: 10px; color: rgba(27, 43, 94, 0.4); letter-spacing: 0.05em; } .home-index-projectstyle .header-bar { display: none; } /* ── ANIMATIONS ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } .footer{ display: none; } /* ── RESPONSIVE ── */ @media (max-width: 860px) { html, body { overflow: auto; } .login-layout { grid-template-columns: 1fr; height: auto; min-height: 100vh; } .login-left-panel { padding: 40px 32px 48px; min-height: 280px; } .login-left-panel .left-content { display: none; } .login-right-panel { padding: 48px 32px 56px; min-height: calc(100vh - 280px); } }