/* Minification failed. Returning unminified contents. (213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16967,1): run-time error CSS1019: Unexpected token, found '@import' (16967,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900)' (17165,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (17168,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (17261,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-50' (17265,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-700' (17334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17355,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17358,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17359,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18387,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (18390,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (18396,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-50' (18400,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-700' (22867,19): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (22874,19): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (22884,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-50' (22887,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-700' (23243,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23244,8): run-time error CSS1035: Expected colon, found '{' (23249,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23250,8): run-time error CSS1035: Expected colon, found '{' (23322,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23328,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '99%' (23340,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '99%' (23346,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23359,8): run-time error CSS1035: Expected colon, found '{' (23364,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23365,8): run-time error CSS1035: Expected colon, found '{' (23374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23375,8): run-time error CSS1035: Expected colon, found '{' (23380,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23381,8): run-time error CSS1035: Expected colon, found '{' (23407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23408,8): run-time error CSS1035: Expected colon, found '{' (23417,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23418,8): run-time error CSS1035: Expected colon, found '{' (23428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23429,8): run-time error CSS1035: Expected colon, found '{' (23438,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23439,8): run-time error CSS1035: Expected colon, found '{' (23449,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23450,8): run-time error CSS1035: Expected colon, found '{' (23459,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23460,8): run-time error CSS1035: Expected colon, found '{' (23470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23471,8): run-time error CSS1035: Expected colon, found '{' (23480,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23481,8): run-time error CSS1035: Expected colon, found '{' (23725,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (23728,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-900' (23734,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-50' (23738,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-700' (27150,1): run-time error CSS1019: Unexpected token, found '@keyframes' (27150,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (27150,140): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (27150,167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (27150,227): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27150,258): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (27150,322): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (27150,350): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (27175,18502): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27175,18538): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27177,59): run-time error CSS1019: Unexpected token, found '@keyframes' (27177,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27671,1): run-time error CSS1019: Unexpected token, found '@keyframes' (27672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,16744): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,16780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,16959): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,16987): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,17166): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,17202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (30934,17242): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,17270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (30934,17310): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,17366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,17560): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,17608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,17802): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,17859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18017): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,18066): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18224): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,18254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18353): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,18375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18474): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,18504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18572): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,18594): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18662): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,18712): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,18918): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,18960): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,19166): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,19217): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,19376): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,19419): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,19578): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,19632): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,19750): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,19796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,19914): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,19960): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,20158): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,20196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,20394): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,20438): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,20514): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,20550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,20626): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30934,20666): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30934,20720): run-time error CSS1019: Unexpected token, found '@keyframes' (30934,20752): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30935,1): run-time error CSS1019: Unexpected token, found '@import' (30935,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900)' (32063,1): run-time error CSS1019: Unexpected token, found '@import' (32063,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900)' (33203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33217,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33241,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33251,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33262,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34931,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34932,10): run-time error CSS1035: Expected colon, found '{' (34951,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34952,10): run-time error CSS1035: Expected colon, found '{' */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); :root { --blue: #886ab5; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #fd3995; --orange: #ffc241; --yellow: #ffc241; --green: #1dc9b7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #868e96; --gray-dark: #495057; --primary: #886ab5; --secondary: #868e96; --success: #1dc9b7; --info: #2196F3; --warning: #ffc241; --danger: #fd3995; --light: #fff; --dark: #505050; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #886ab5; text-decoration: none; background-color: transparent; } a:hover { color: #967bbd; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.3rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.57; } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.375rem; } h3, .h3 { font-size: 1.1875rem; } h4, .h4 { font-size: 1.0625rem; } h5, .h5 { font-size: 0.9375rem; } h6, .h6 { font-size: 0.875rem; } .lead { font-size: 1.01563rem; font-weight: 300; } .display-1 { font-size: 5rem; font-weight: 300; line-height: 1.57; } .display-2 { font-size: 4.5rem; font-weight: 300; line-height: 1.57; } .display-3 { font-size: 3.5rem; font-weight: 300; line-height: 1.57; } .display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.57; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.01563rem; } .blockquote-footer { display: block; font-size: 80%; color: #868e96; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #868e96; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 4px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1399px) { .container { max-width: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1399px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1399px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9e9e9; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9e9e9; } .table tbody + tbody { border-top: 2px solid #e9e9e9; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #e9e9e9; } .table-bordered th, .table-bordered td { border: 1px solid #e9e9e9; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(80, 80, 80, 0.02); } .table-hover tbody tr:hover { color: #212529; background-color: #fdfdfd; } .table-primary, .table-primary > th, .table-primary > td { background-color: #ded5ea; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #c1b2d9; } .table-hover .table-primary:hover { background-color: #d1c4e2; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #d1c4e2; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #dddfe2; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #c0c4c8; } .table-hover .table-secondary:hover { background-color: #cfd2d6; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cfd2d6; } .table-success, .table-success > th, .table-success > td { background-color: #c0f0eb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #89e3da; } .table-hover .table-success:hover { background-color: #abebe4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #abebe4; } .table-info, .table-info > th, .table-info > td { background-color: #c1e2fc; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #8cc8f9; } .table-hover .table-info:hover { background-color: #a9d7fb; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a9d7fb; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeca; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf9c; } .table-hover .table-warning:hover { background-color: #ffe6b1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe6b1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fec8e1; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #fe98c8; } .table-hover .table-danger:hover { background-color: #feafd3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #feafd3; } .table-light, .table-light > th, .table-light > td { background-color: white; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: white; } .table-hover .table-light:hover { background-color: #f2f2f2; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f2f2f2; } .table-dark, .table-dark > th, .table-dark > td { background-color: #cecece; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #a4a4a4; } .table-hover .table-dark:hover { background-color: #c1c1c1; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #c1c1c1; } .table-active, .table-active > th, .table-active > td { background-color: #fdfdfd; } .table-hover .table-active:hover { background-color: #f0f0f0; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #f0f0f0; } .table .thead-dark th { color: #fff; background-color: dimgray; border-color: #5d5d5d; } .table .thead-light th { color: #495057; background-color: #f3f3f3; border-color: #e9e9e9; } .table-dark { color: #fff; background-color: dimgray; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #5d5d5d; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: #886ab5; } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1398.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #886ab5; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1; } .form-control::-moz-placeholder { color: #868e96; opacity: 1; } .form-control:-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::placeholder { color: #868e96; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #f3f3f3; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.47; } .col-form-label-lg { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); font-size: 1rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); font-size: 0.75rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.5rem 0; margin-bottom: 0; font-size: 0.8125rem; line-height: 1.47; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .form-control-lg { height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1.5rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #868e96; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #1dc9b7; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #1dc9b7; border-radius: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #1dc9b7; padding-right: calc(1.47em + 1rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3675em + 0.25rem) center; background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #1dc9b7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #1dc9b7; padding-right: calc(0.75em + 2.625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #1dc9b7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #1dc9b7; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #1dc9b7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #1dc9b7; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #37e2d0; background-color: #37e2d0; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #1dc9b7; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #1dc9b7; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #1dc9b7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #fd3995; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #fd3995; border-radius: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fd3995; padding-right: calc(1.47em + 1rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3675em + 0.25rem) center; background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #fd3995; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fd3995; padding-right: calc(0.75em + 2.625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fd3995; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fd3995; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #fd3995; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #fd3995; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #fe6bb0; background-color: #fe6bb0; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #fd3995; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #fd3995; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #fd3995; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.5rem 1.125rem; font-size: 0.8125rem; line-height: 1.47; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } /*.btn-primary { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-primary:hover { color: #fff; background-color: #7453a6; border-color: #6e4e9e; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #7453a6; border-color: #6e4e9e; -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #6e4e9e; border-color: #684a95; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } .btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:hover { color: #fff; background-color: #727b84; border-color: #6c757d; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #727b84; border-color: #6c757d; -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #666e76; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); } .btn-success { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-success:hover { color: #fff; background-color: #18a899; border-color: #179c8e; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #18a899; border-color: #179c8e; -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #179c8e; border-color: #159184; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-info { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:hover { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c7cd5; border-color: #0b75c9; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-warning { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:hover { color: #212529; background-color: #ffb61b; border-color: #ffb20e; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #ffb61b; border-color: #ffb20e; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ffb20e; border-color: #ffae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-danger { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-danger:hover { color: #fff; background-color: #fd1381; border-color: #fc077a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #fd1381; border-color: #fc077a; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fc077a; border-color: #f40274; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-light { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-dark { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:hover { color: #fff; background-color: #3d3d3d; border-color: #363636; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #3d3d3d; border-color: #363636; -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #363636; border-color: #303030; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } .btn-outline-primary { color: #886ab5; border-color: #886ab5; } .btn-outline-primary:hover { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #886ab5; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .btn-outline-secondary { color: #868e96; border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-success { color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:hover { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1dc9b7; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-info { color: #2196F3; border-color: #2196F3; } .btn-outline-info:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2196F3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-warning { color: #ffc241; border-color: #ffc241; } .btn-outline-warning:hover { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc241; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-danger { color: #fd3995; border-color: #fd3995; } .btn-outline-danger:hover { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fd3995; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-light { color: #fff; border-color: #fff; } .btn-outline-light:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-dark { color: #505050; border-color: #505050; } .btn-outline-dark:hover { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #505050; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }*/ .btn-link { font-weight: 400; color: #886ab5; text-decoration: none; } .btn-link:hover { color: #967bbd; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #868e96; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 2000; display: none; float: left; min-width: 10rem; padding: 0.3125rem 0; margin: 0.125rem 0 0; font-size: 0.8125rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1399px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #f3f3f3; } .dropdown-item { display: block; width: 100%; padding: 0.75rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #6e4e9e; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #563d7c; text-decoration: none; background-color: #efebf5; } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.3125rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #868e96; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.75rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.633rem; padding-left: 0.633rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.875rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; text-align: center; white-space: nowrap; background-color: #f3f3f3; border: 1px solid #E5E5E5; border-radius: 4px; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1.5rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.75rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.875rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.19437rem; padding-left: 1.625rem; } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.15969rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #6e4e9e; background-color: #7a59ad; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #967bbd; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #beaed7; background-color: #beaed7; border-color: #beaed7; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #868e96; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f3f3f3; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 2px; } .custom-control-label::after { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; content: ""; background: no-repeat 50% / 0.5rem; } .custom-checkbox .custom-control-label::before { border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #886ab5; background-color: #886ab5; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: #beaed7; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-switch { padding-left: 2.46875rem; } .custom-switch .custom-control-label::before { left: -2.46875rem; width: 1.96875rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: calc(0.03469rem + 4px); left: calc(-2.46875rem + 4px); width: calc(1.125rem - 8px); height: calc(1.125rem - 8px); background-color: #adb5bd; border-radius: 0.5625rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.84375rem); transform: translateX(0.84375rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-select { display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 1.875rem 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #886ab5; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.875rem; background-image: none; } .custom-select:disabled { color: #868e96; background-color: #f3f3f3; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.75rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.844rem; font-size: 0.75rem; } .custom-select-lg { height: calc(1.5em + 1.5rem + 2px); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; font-size: 1rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.47em + 1rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #886ab5; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #f3f3f3; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.47em + 1rem); padding: 0.5rem 0.875rem; line-height: 1.47; color: #495057; content: "Browse"; background-color: #f3f3f3; border-left: inherit; border-radius: 0 4px 4px 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.3375rem; background-color: #886ab5; border: 0; border-radius: 50%; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } .custom-range::-webkit-slider-thumb:active { background-color: #a38cc6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #886ab5; border: 0; border-radius: 50%; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } .custom-range::-moz-range-thumb:active { background-color: #a38cc6; } .custom-range::-moz-range-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #886ab5; border: 0; border-radius: 50%; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-ms-thumb:active { background-color: #a38cc6; } .custom-range::-ms-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1.125rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #868e96; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent; } .nav-tabs .nav-link.disabled { color: #868e96; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 4px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #886ab5; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.36219rem; padding-bottom: 0.36219rem; margin-right: 1rem; font-size: 1rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 7.5px 18px; font-size: 1.3125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1398.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1399px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1rem; } .card-title { margin-bottom: 1rem; } .card-subtitle { margin-top: -0.5rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 1rem 1rem; margin-bottom: 0; background-color: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .card-header:first-child { border-radius: 3px 3px 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1rem 1rem; background-color: inherit; border-top: 1px solid rgba(0, 0, 0, 0.08); } .card-footer:last-child { border-radius: 0 0 3px 3px; } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -1rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .card-img, .card-img-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-deck .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .card-deck .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 0.75rem; margin-bottom: 0; margin-left: 0.75rem; } } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #f6f6f6; border-radius: 4px; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: inherit; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #868e96; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 4px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #886ab5; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #967bbd; text-decoration: none; background-color: #f3f3f3; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #886ab5; border-color: #886ab5; } .page-item.disabled .page-link { color: #868e96; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 85%; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #886ab5; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #6e4e9e; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .badge-secondary { color: #fff; background-color: #868e96; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #6c757d; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .badge-success { color: #fff; background-color: #1dc9b7; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #179c8e; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .badge-info { color: #fff; background-color: #2196F3; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0c7cd5; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .badge-warning { color: #212529; background-color: #ffc241; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #ffb20e; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .badge-danger { color: #fff; background-color: #fd3995; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #fc077a; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .badge-light { color: #212529; background-color: #fff; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #e6e6e6; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-dark { color: #fff; background-color: #505050; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #363636; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f3f3f3; border-radius: 4px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 2rem; border: 1px solid transparent; border-radius: 4px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.71875rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1.25rem; color: inherit; } .alert-primary { color: #47375e; background-color: #e7e1f0; border-color: #ded5ea; } .alert-primary hr { border-top-color: #d1c4e2; } .alert-primary .alert-link { color: #2f243e; } .alert-secondary { color: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; } .alert-secondary hr { border-top-color: #cfd2d6; } .alert-secondary .alert-link { color: #2e3133; } .alert-success { color: #0f695f; background-color: #d2f4f1; border-color: #c0f0eb; } .alert-success hr { border-top-color: #abebe4; } .alert-success .alert-link { color: #093c37; } .alert-info { color: #114e7e; background-color: #d3eafd; border-color: #c1e2fc; } .alert-info hr { border-top-color: #a9d7fb; } .alert-info .alert-link { color: #0b3251; } .alert-warning { color: #856522; background-color: #fff3d9; border-color: #ffeeca; } .alert-warning hr { border-top-color: #ffe6b1; } .alert-warning .alert-link { color: #5c4618; } .alert-danger { color: #841e4d; background-color: #ffd7ea; border-color: #fec8e1; } .alert-danger hr { border-top-color: #feafd3; } .alert-danger .alert-link { color: #5a1535; } .alert-light { color: #858585; background-color: white; border-color: white; } .alert-light hr { border-top-color: #f2f2f2; } .alert-light .alert-link { color: #6c6c6c; } .alert-dark { color: #292929; background-color: gainsboro; border-color: #cecece; } .alert-dark hr { border-top-color: #c1c1c1; } .alert-dark .alert-link { color: #101010; } @-webkit-keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 0.75rem; overflow: hidden; font-size: 0.625rem; background-color: #f6f6f6; border-radius: 10rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #886ab5; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 0.75rem 0.75rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #f3f3f3; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #886ab5; border-color: #886ab5; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal .list-group-item.active { margin-top: 0; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-md .list-group-item.active { margin-top: 0; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1399px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } .list-group-flush .list-group-item:first-child { border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #47375e; background-color: #ded5ea; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #47375e; background-color: #d1c4e2; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #47375e; border-color: #47375e; } .list-group-item-secondary { color: #464a4e; background-color: #dddfe2; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #464a4e; background-color: #cfd2d6; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #464a4e; border-color: #464a4e; } .list-group-item-success { color: #0f695f; background-color: #c0f0eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f695f; background-color: #abebe4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f695f; border-color: #0f695f; } .list-group-item-info { color: #114e7e; background-color: #c1e2fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #114e7e; background-color: #a9d7fb; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e; } .list-group-item-warning { color: #856522; background-color: #ffeeca; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856522; background-color: #ffe6b1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856522; border-color: #856522; } .list-group-item-danger { color: #841e4d; background-color: #fec8e1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #841e4d; background-color: #feafd3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #841e4d; border-color: #841e4d; } .list-group-item-light { color: #858585; background-color: white; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-dark { color: #292929; background-color: #cecece; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #292929; background-color: #c1c1c1; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #292929; border-color: #292929; } .close { float: right; font-size: 1.21875rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.75rem; color: #505050; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 2050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 4px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 2040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.2; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem 1.25rem; border-bottom: 0px solid #dee2e6; border-top-left-radius: 3px; border-top-right-radius: 3px; } .modal-header .close { padding: 1.25rem 1.25rem; margin: -1.25rem -1.25rem -1.25rem auto; } .modal-title { margin-bottom: 0; line-height: 1.47; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 0px solid #dee2e6; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 650px; } } @media (min-width: 1399px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 2070; display: block; margin: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.47; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 8px; height: 5px; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 5px 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 5px 4px 0; border-top-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 5px; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 5px; height: 8px; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 4px 5px 4px 0; border-right-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 5px 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 4px 5px; border-bottom-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 5px; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 5px; height: 8px; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 4px 0 4px 5px; border-left-color: rgba(54, 54, 54, 0.9); } .tooltip-inner { max-width: 200px; padding: 0.3rem 0.6rem; color: #fff; text-align: center; background-color: rgba(54, 54, 54, 0.9); border-radius: 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 2060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.47; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 0.5rem; } .popover .arrow { position: absolute; display: block; width: 15px; height: 7px; margin: 0 0.5rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 7px; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: -10px; } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 7px 7.5px 0; border-top-color: inherit; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 3px; border-width: 7px 7.5px 0; border-top-color: transparent; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 7px; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: -10px; width: 7px; height: 15px; margin: 0.5rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 7.5px 7px 7.5px 0; border-right-color: inherit; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 3px; border-width: 7.5px 7px 7.5px 0; border-right-color: transparent; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 7px; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: -10px; } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 7.5px 7px 7.5px; border-bottom-color: inherit; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 3px; border-width: 0 7.5px 7px 7.5px; border-bottom-color: transparent; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 15px; margin-left: -7.5px; content: ""; border-bottom: 3px solid transparent; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 7px; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: -10px; width: 7px; height: 15px; margin: 0.5rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 7.5px 0 7.5px 7px; border-left-color: inherit; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 3px; border-width: 7.5px 0 7.5px 7px; border-left-color: transparent; } .popover-header { padding: 1rem 1rem; margin-bottom: 0; font-size: 0.8125rem; background-color: transparent; border-bottom: 3px solid rgba(0, 0, 0, 0); border-top-left-radius: calc(0.5rem - 3px); border-top-right-radius: calc(0.5rem - 3px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 13px; height: 13px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #886ab5 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #6e4e9e !important; } .bg-secondary { background-color: #868e96 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #6c757d !important; } .bg-success { background-color: #1dc9b7 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #179c8e !important; } .bg-info { background-color: #2196F3 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0c7cd5 !important; } .bg-warning { background-color: #ffc241 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffb20e !important; } .bg-danger { background-color: #fd3995 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #fc077a !important; } .bg-light { background-color: #fff !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #e6e6e6 !important; } .bg-dark { background-color: #505050 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #363636 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #886ab5 !important; } .border-secondary { border-color: #868e96 !important; } .border-success { border-color: #1dc9b7 !important; } .border-info { border-color: #2196F3 !important; } .border-warning { border-color: #ffc241 !important; } .border-danger { border-color: #fd3995 !important; } .border-light { border-color: #fff !important; } .border-dark { border-color: #505050 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 4px !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-lg { border-radius: 4px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1399px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1399px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1399px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 2030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 2030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 2020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mr-5, .mx-5 { margin-right: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-left: 2rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mr-6, .mx-6 { margin-right: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-left: 2.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pr-5, .px-5 { padding-right: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-left: 2rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pr-6, .px-6 { padding-right: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-left: 2.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -2rem !important; } .mt-n5, .my-n5 { margin-top: -2rem !important; } .mr-n5, .mx-n5 { margin-right: -2rem !important; } .mb-n5, .my-n5 { margin-bottom: -2rem !important; } .ml-n5, .mx-n5 { margin-left: -2rem !important; } .m-n6 { margin: -2.5rem !important; } .mt-n6, .my-n6 { margin-top: -2.5rem !important; } .mr-n6, .mx-n6 { margin-right: -2.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.5rem !important; } .ml-n6, .mx-n6 { margin-left: -2.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1399px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1399px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #886ab5 !important; } a.text-primary:hover, a.text-primary:focus { color: #62468d !important; } .text-secondary { color: #868e96 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #60686f !important; } .text-success { color: #1dc9b7 !important; } a.text-success:hover, a.text-success:focus { color: #13867a !important; } .text-info { color: #2196F3 !important; } a.text-info:hover, a.text-info:focus { color: #0a6ebd !important; } .text-warning { color: #ffc241 !important; } a.text-warning:hover, a.text-warning:focus { color: #f4a500 !important; } .text-danger { color: #fd3995 !important; } a.text-danger:hover, a.text-danger:focus { color: #e7026e !important; } .text-light { color: #fff !important; } a.text-light:hover, a.text-light:focus { color: #d9d9d9 !important; } .text-dark { color: #505050 !important; } a.text-dark:hover, a.text-dark:focus { color: #2a2a2a !important; } .text-body { color: #212529 !important; } .text-muted { color: #868e96 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: letter; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #e9e9e9; } .table .thead-dark th { color: inherit; border-color: #e9e9e9; } } /* #GLOBAL IMPORTS ========================================================================== */ /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ /* patterns */ /* #WEBFONT ICONS IMPORTS ========================================================================== */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .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-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: 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%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-abacus:before { content: "\f640"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acorn:before { content: "\f6ae"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-conditioner:before { content: "\f8f4"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-alarm-exclamation:before { content: "\f843"; } .fa-alarm-plus:before { content: "\f844"; } .fa-alarm-snooze:before { content: "\f845"; } .fa-album:before { content: "\f89f"; } .fa-album-collection:before { content: "\f8a0"; } .fa-algolia:before { content: "\f36c"; } .fa-alicorn:before { content: "\f6b0"; } .fa-alien:before { content: "\f8f5"; } .fa-alien-monster:before { content: "\f8f6"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-align-slash:before { content: "\f846"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-amp-guitar:before { content: "\f8a1"; } .fa-analytics:before { content: "\f643"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angel:before { content: "\f779"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-crate:before { content: "\f6b1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-atom-alt:before { content: "\f5d3"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-axe:before { content: "\f6b2"; } .fa-axe-battle:before { content: "\f6b3"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backpack:before { content: "\f5d4"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\f959"; } .fa-bacterium:before { content: "\f95a"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-badge-dollar:before { content: "\f645"; } .fa-badge-percent:before { content: "\f646"; } .fa-badge-sheriff:before { content: "\f8a2"; } .fa-badger-honey:before { content: "\f6b4"; } .fa-bags-shopping:before { content: "\f847"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ball-pile:before { content: "\f77e"; } .fa-ballot:before { content: "\f732"; } .fa-ballot-check:before { content: "\f733"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-banjo:before { content: "\f8a3"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bat:before { content: "\f6b5"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-bed-alt:before { content: "\f8f7"; } .fa-bed-bunk:before { content: "\f8f8"; } .fa-bed-empty:before { content: "\f8f9"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-exclamation:before { content: "\f848"; } .fa-bell-on:before { content: "\f8fa"; } .fa-bell-plus:before { content: "\f849"; } .fa-bell-school:before { content: "\f5d5"; } .fa-bell-school-slash:before { content: "\f5d6"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bells:before { content: "\f77f"; } .fa-betamax:before { content: "\f8a4"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-biking-mountain:before { content: "\f84b"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blanket:before { content: "\f498"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blinds:before { content: "\f8fb"; } .fa-blinds-open:before { content: "\f8fc"; } .fa-blinds-raised:before { content: "\f8fd"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bone-break:before { content: "\f5d8"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-alt:before { content: "\f5d9"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-heart:before { content: "\f499"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-book-spells:before { content: "\f6b8"; } .fa-book-user:before { content: "\f7e7"; } .fa-bookmark:before { content: "\f02e"; } .fa-books:before { content: "\f5db"; } .fa-books-medical:before { content: "\f7e8"; } .fa-boombox:before { content: "\f8a5"; } .fa-boot:before { content: "\f782"; } .fa-booth-curtain:before { content: "\f734"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-bottom:before { content: "\f84d"; } .fa-border-center-h:before { content: "\f89c"; } .fa-border-center-v:before { content: "\f89d"; } .fa-border-inner:before { content: "\f84e"; } .fa-border-left:before { content: "\f84f"; } .fa-border-none:before { content: "\f850"; } .fa-border-outer:before { content: "\f851"; } .fa-border-right:before { content: "\f852"; } .fa-border-style:before { content: "\f853"; } .fa-border-style-alt:before { content: "\f854"; } .fa-border-top:before { content: "\f855"; } .fa-bow-arrow:before { content: "\f6b9"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-alt:before { content: "\f49a"; } .fa-box-ballot:before { content: "\f735"; } .fa-box-check:before { content: "\f467"; } .fa-box-fragile:before { content: "\f49b"; } .fa-box-full:before { content: "\f49c"; } .fa-box-heart:before { content: "\f49d"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\f95b"; } .fa-box-up:before { content: "\f49f"; } .fa-box-usd:before { content: "\f4a0"; } .fa-boxes:before { content: "\f468"; } .fa-boxes-alt:before { content: "\f4a1"; } .fa-boxing-glove:before { content: "\f438"; } .fa-brackets:before { content: "\f7e9"; } .fa-brackets-curly:before { content: "\f7ea"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-loaf:before { content: "\f7eb"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-bring-forward:before { content: "\f856"; } .fa-bring-front:before { content: "\f857"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-browser:before { content: "\f37e"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-bullseye-arrow:before { content: "\f648"; } .fa-bullseye-pointer:before { content: "\f649"; } .fa-burger-soda:before { content: "\f858"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-burrito:before { content: "\f7ed"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-bus-school:before { content: "\f5dd"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-cabinet-filing:before { content: "\f64b"; } .fa-cactus:before { content: "\f8a7"; } .fa-calculator:before { content: "\f1ec"; } .fa-calculator-alt:before { content: "\f64c"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-star:before { content: "\f736"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camcorder:before { content: "\f8a8"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-home:before { content: "\f8fe"; } .fa-camera-movie:before { content: "\f8a9"; } .fa-camera-polaroid:before { content: "\f8aa"; } .fa-camera-retro:before { content: "\f083"; } .fa-campfire:before { content: "\f6ba"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candle-holder:before { content: "\f6bc"; } .fa-candy-cane:before { content: "\f786"; } .fa-candy-corn:before { content: "\f6bd"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-building:before { content: "\f859"; } .fa-car-bump:before { content: "\f5e0"; } .fa-car-bus:before { content: "\f85a"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-garage:before { content: "\f5e2"; } .fa-car-mechanic:before { content: "\f5e3"; } .fa-car-side:before { content: "\f5e4"; } .fa-car-tilt:before { content: "\f5e5"; } .fa-car-wash:before { content: "\f5e6"; } .fa-caravan:before { content: "\f8ff"; } .fa-caravan-alt:before { content: "\f900"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cars:before { content: "\f85b"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cassette-tape:before { content: "\f8ab"; } .fa-cat:before { content: "\f6be"; } .fa-cat-space:before { content: "\f901"; } .fa-cauldron:before { content: "\f6bf"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cctv:before { content: "\f8ac"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chair-office:before { content: "\f6c1"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-line-down:before { content: "\f64d"; } .fa-chart-network:before { content: "\f78a"; } .fa-chart-pie:before { content: "\f200"; } .fa-chart-pie-alt:before { content: "\f64e"; } .fa-chart-scatter:before { content: "\f7ee"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-cheese-swiss:before { content: "\f7f0"; } .fa-cheeseburger:before { content: "\f7f1"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chimney:before { content: "\f78b"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clarinet:before { content: "\f8ad"; } .fa-claw-marks:before { content: "\f6c2"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-clipboard-prescription:before { content: "\f5e8"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-drizzle:before { content: "\f738"; } .fa-cloud-hail:before { content: "\f739"; } .fa-cloud-hail-mixed:before { content: "\f73a"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-music:before { content: "\f8ae"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-rainbow:before { content: "\f73e"; } .fa-cloud-showers:before { content: "\f73f"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sleet:before { content: "\f741"; } .fa-cloud-snow:before { content: "\f742"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-clouds:before { content: "\f744"; } .fa-clouds-moon:before { content: "\f745"; } .fa-clouds-sun:before { content: "\f746"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-coffee-pot:before { content: "\f902"; } .fa-coffee-togo:before { content: "\f6c5"; } .fa-coffin:before { content: "\f6c6"; } .fa-coffin-cross:before { content: "\f951"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coin:before { content: "\f85c"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comet:before { content: "\f903"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-alt-check:before { content: "\f4a2"; } .fa-comment-alt-dollar:before { content: "\f650"; } .fa-comment-alt-dots:before { content: "\f4a3"; } .fa-comment-alt-edit:before { content: "\f4a4"; } .fa-comment-alt-exclamation:before { content: "\f4a5"; } .fa-comment-alt-lines:before { content: "\f4a6"; } .fa-comment-alt-medical:before { content: "\f7f4"; } .fa-comment-alt-minus:before { content: "\f4a7"; } .fa-comment-alt-music:before { content: "\f8af"; } .fa-comment-alt-plus:before { content: "\f4a8"; } .fa-comment-alt-slash:before { content: "\f4a9"; } .fa-comment-alt-smile:before { content: "\f4aa"; } .fa-comment-alt-times:before { content: "\f4ab"; } .fa-comment-check:before { content: "\f4ac"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-edit:before { content: "\f4ae"; } .fa-comment-exclamation:before { content: "\f4af"; } .fa-comment-lines:before { content: "\f4b0"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-minus:before { content: "\f4b1"; } .fa-comment-music:before { content: "\f8b0"; } .fa-comment-plus:before { content: "\f4b2"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comment-smile:before { content: "\f4b4"; } .fa-comment-times:before { content: "\f4b5"; } .fa-comments:before { content: "\f086"; } .fa-comments-alt:before { content: "\f4b6"; } .fa-comments-alt-dollar:before { content: "\f652"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compass-slash:before { content: "\f5e9"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-compress-wide:before { content: "\f326"; } .fa-computer-classic:before { content: "\f8b1"; } .fa-computer-speaker:before { content: "\f8b2"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-construction:before { content: "\f85d"; } .fa-container-storage:before { content: "\f4b7"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-corn:before { content: "\f6c7"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cow:before { content: "\f6c8"; } .fa-cowbell:before { content: "\f8b3"; } .fa-cowbell-more:before { content: "\f8b4"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-critical-role:before { content: "\f6c9"; } .fa-croissant:before { content: "\f7f6"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-crutches:before { content: "\f7f8"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dagger:before { content: "\f6cb"; } .fa-dailymotion:before { content: "\f952"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-debug:before { content: "\f7f9"; } .fa-deer:before { content: "\f78e"; } .fa-deer-rudolph:before { content: "\f78f"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dewpoint:before { content: "\f748"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d10:before { content: "\f6cd"; } .fa-dice-d12:before { content: "\f6ce"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d4:before { content: "\f6d0"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-d8:before { content: "\f6d2"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digging:before { content: "\f85e"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-diploma:before { content: "\f5ea"; } .fa-directions:before { content: "\f5eb"; } .fa-disc-drive:before { content: "\f8b5"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-do-not-enter:before { content: "\f5ec"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dog-leashed:before { content: "\f6d4"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-circle:before { content: "\f5ed"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-draw-square:before { content: "\f5ef"; } .fa-dreidel:before { content: "\f792"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-drone:before { content: "\f85f"; } .fa-drone-alt:before { content: "\f860"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick:before { content: "\f6d6"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dryer:before { content: "\f861"; } .fa-dryer-alt:before { content: "\f862"; } .fa-duck:before { content: "\f6d8"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-ear:before { content: "\f5f0"; } .fa-ear-muffs:before { content: "\f795"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-eclipse:before { content: "\f749"; } .fa-eclipse-alt:before { content: "\f74a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-egg-fried:before { content: "\f7fc"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-elephant:before { content: "\f6da"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-empty-set:before { content: "\f656"; } .fa-engine-warning:before { content: "\f5f2"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-dollar:before { content: "\f657"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-evil:before { content: "\f6db"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fan-table:before { content: "\f904"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-farm:before { content: "\f864"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\f905"; } .fa-faucet-drip:before { content: "\f906"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-certificate:before { content: "\f5f3"; } .fa-file-chart-line:before { content: "\f659"; } .fa-file-chart-pie:before { content: "\f65a"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-minus:before { content: "\f318"; } .fa-file-music:before { content: "\f8b6"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-search:before { content: "\f865"; } .fa-file-signature:before { content: "\f573"; } .fa-file-spreadsheet:before { content: "\f65b"; } .fa-file-times:before { content: "\f317"; } .fa-file-upload:before { content: "\f574"; } .fa-file-user:before { content: "\f65c"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-files-medical:before { content: "\f7fd"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-film-canister:before { content: "\f8b7"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-fire-smoke:before { content: "\f74b"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-fireplace:before { content: "\f79a"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fish-cooked:before { content: "\f7fe"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-alt:before { content: "\f74c"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flame:before { content: "\f6df"; } .fa-flashlight:before { content: "\f8b8"; } .fa-flask:before { content: "\f0c3"; } .fa-flask-poison:before { content: "\f6e0"; } .fa-flask-potion:before { content: "\f6e1"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flower:before { content: "\f7ff"; } .fa-flower-daffodil:before { content: "\f800"; } .fa-flower-tulip:before { content: "\f801"; } .fa-flushed:before { content: "\f579"; } .fa-flute:before { content: "\f8b9"; } .fa-flux-capacitor:before { content: "\f8ba"; } .fa-fly:before { content: "\f417"; } .fa-fog:before { content: "\f74e"; } .fa-folder:before { content: "\f07b"; } .fa-folder-download:before { content: "\f953"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-folder-times:before { content: "\f65f"; } .fa-folder-tree:before { content: "\f802"; } .fa-folder-upload:before { content: "\f954"; } .fa-folders:before { content: "\f660"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-font-case:before { content: "\f866"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-fragile:before { content: "\f4bb"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-french-fries:before { content: "\f803"; } .fa-frog:before { content: "\f52e"; } .fa-frosty-head:before { content: "\f79b"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-function:before { content: "\f661"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-galaxy:before { content: "\f908"; } .fa-game-board:before { content: "\f867"; } .fa-game-board-alt:before { content: "\f868"; } .fa-game-console-handheld:before { content: "\f8bb"; } .fa-gamepad:before { content: "\f11b"; } .fa-gamepad-alt:before { content: "\f8bc"; } .fa-garage:before { content: "\f909"; } .fa-garage-car:before { content: "\f90a"; } .fa-garage-open:before { content: "\f90b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gas-pump-slash:before { content: "\f5f4"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gift-card:before { content: "\f663"; } .fa-gifts:before { content: "\f79c"; } .fa-gingerbread-man:before { content: "\f79d"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass:before { content: "\f804"; } .fa-glass-champagne:before { content: "\f79e"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-citrus:before { content: "\f869"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glass-whiskey-rocks:before { content: "\f7a1"; } .fa-glasses:before { content: "\f530"; } .fa-glasses-alt:before { content: "\f5f5"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-globe-snow:before { content: "\f7a3"; } .fa-globe-stand:before { content: "\f5f6"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gramophone:before { content: "\f8bd"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-guitar-electric:before { content: "\f8be"; } .fa-guitars:before { content: "\f8bf"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-h4:before { content: "\f86a"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hammer-war:before { content: "\f6e4"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-heart:before { content: "\f4bc"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-magic:before { content: "\f6e5"; } .fa-hand-holding-medical:before { content: "\f95c"; } .fa-hand-holding-seedling:before { content: "\f4bf"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\f95d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-heart:before { content: "\f4c3"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-usd:before { content: "\f4c5"; } .fa-hands-wash:before { content: "\f95e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt:before { content: "\f4c6"; } .fa-handshake-alt-slash:before { content: "\f95f"; } .fa-handshake-slash:before { content: "\f960"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-chef:before { content: "\f86b"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-santa:before { content: "\f7a7"; } .fa-hat-winter:before { content: "\f7a8"; } .fa-hat-witch:before { content: "\f6e7"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side:before { content: "\f6e9"; } .fa-head-side-brain:before { content: "\f808"; } .fa-head-side-cough:before { content: "\f961"; } .fa-head-side-cough-slash:before { content: "\f962"; } .fa-head-side-headphones:before { content: "\f8c2"; } .fa-head-side-mask:before { content: "\f963"; } .fa-head-side-medical:before { content: "\f809"; } .fa-head-side-virus:before { content: "\f964"; } .fa-head-vr:before { content: "\f6ea"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heart-circle:before { content: "\f4c7"; } .fa-heart-rate:before { content: "\f5f8"; } .fa-heart-square:before { content: "\f4c8"; } .fa-heartbeat:before { content: "\f21e"; } .fa-heat:before { content: "\f90c"; } .fa-helicopter:before { content: "\f533"; } .fa-helmet-battle:before { content: "\f6eb"; } .fa-hexagon:before { content: "\f312"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-mask:before { content: "\f6ee"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-home-alt:before { content: "\f80a"; } .fa-home-heart:before { content: "\f4c9"; } .fa-home-lg:before { content: "\f80b"; } .fa-home-lg-alt:before { content: "\f80c"; } .fa-hood-cloak:before { content: "\f6ef"; } .fa-hooli:before { content: "\f427"; } .fa-horizontal-rule:before { content: "\f86c"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-horse-saddle:before { content: "\f8c3"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hospitals:before { content: "\f80e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house:before { content: "\f90d"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-day:before { content: "\f90e"; } .fa-house-flood:before { content: "\f74f"; } .fa-house-leave:before { content: "\f90f"; } .fa-house-night:before { content: "\f910"; } .fa-house-return:before { content: "\f911"; } .fa-house-signal:before { content: "\f912"; } .fa-house-user:before { content: "\f965"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-humidity:before { content: "\f750"; } .fa-hurricane:before { content: "\f751"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-ice-skate:before { content: "\f7ac"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-icons-alt:before { content: "\f86e"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-image-polaroid:before { content: "\f8c4"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-inhaler:before { content: "\f5f9"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\f955"; } .fa-integral:before { content: "\f667"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-intersection:before { content: "\f668"; } .fa-inventory:before { content: "\f480"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-island-tropical:before { content: "\f811"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-joystick:before { content: "\f8c5"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-jug:before { content: "\f8c6"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-kazoo:before { content: "\f8c7"; } .fa-kerning:before { content: "\f86f"; } .fa-key:before { content: "\f084"; } .fa-key-skeleton:before { content: "\f6f3"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-keynote:before { content: "\f66c"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kidneys:before { content: "\f5fb"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kite:before { content: "\f6f4"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-knife-kitchen:before { content: "\f6f5"; } .fa-korvue:before { content: "\f42f"; } .fa-lambda:before { content: "\f66e"; } .fa-lamp:before { content: "\f4ca"; } .fa-lamp-desk:before { content: "\f914"; } .fa-lamp-floor:before { content: "\f915"; } .fa-landmark:before { content: "\f66f"; } .fa-landmark-alt:before { content: "\f752"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\f966"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lasso:before { content: "\f8c8"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-layer-minus:before { content: "\f5fe"; } .fa-layer-plus:before { content: "\f5ff"; } .fa-leaf:before { content: "\f06c"; } .fa-leaf-heart:before { content: "\f4cb"; } .fa-leaf-maple:before { content: "\f6f6"; } .fa-leaf-oak:before { content: "\f6f7"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-light-ceiling:before { content: "\f916"; } .fa-light-switch:before { content: "\f917"; } .fa-light-switch-off:before { content: "\f918"; } .fa-light-switch-on:before { content: "\f919"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-lightbulb-dollar:before { content: "\f670"; } .fa-lightbulb-exclamation:before { content: "\f671"; } .fa-lightbulb-on:before { content: "\f672"; } .fa-lightbulb-slash:before { content: "\f673"; } .fa-lights-holiday:before { content: "\f7b2"; } .fa-line:before { content: "\f3c0"; } .fa-line-columns:before { content: "\f870"; } .fa-line-height:before { content: "\f871"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lips:before { content: "\f600"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-music:before { content: "\f8c9"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location:before { content: "\f601"; } .fa-location-arrow:before { content: "\f124"; } .fa-location-circle:before { content: "\f602"; } .fa-location-slash:before { content: "\f603"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-loveseat:before { content: "\f4cc"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\f967"; } .fa-lyft:before { content: "\f3c3"; } .fa-mace:before { content: "\f6f8"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailbox:before { content: "\f813"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-mandolin:before { content: "\f6f9"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-marker-alt-slash:before { content: "\f605"; } .fa-map-marker-check:before { content: "\f606"; } .fa-map-marker-edit:before { content: "\f607"; } .fa-map-marker-exclamation:before { content: "\f608"; } .fa-map-marker-minus:before { content: "\f609"; } .fa-map-marker-plus:before { content: "\f60a"; } .fa-map-marker-question:before { content: "\f60b"; } .fa-map-marker-slash:before { content: "\f60c"; } .fa-map-marker-smile:before { content: "\f60d"; } .fa-map-marker-times:before { content: "\f60e"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-meat:before { content: "\f814"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaphone:before { content: "\f675"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microphone-stand:before { content: "\f8cb"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-microwave:before { content: "\f91b"; } .fa-mind-share:before { content: "\f677"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mistletoe:before { content: "\f7b4"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\f956"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-money-check-edit:before { content: "\f872"; } .fa-money-check-edit-alt:before { content: "\f873"; } .fa-monitor-heart-rate:before { content: "\f611"; } .fa-monkey:before { content: "\f6fb"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-moon-cloud:before { content: "\f754"; } .fa-moon-stars:before { content: "\f755"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mountains:before { content: "\f6fd"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-alt:before { content: "\f8cd"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mp3-player:before { content: "\f8ce"; } .fa-mug:before { content: "\f874"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-mug-marshmallows:before { content: "\f7b7"; } .fa-mug-tea:before { content: "\f875"; } .fa-music:before { content: "\f001"; } .fa-music-alt:before { content: "\f8cf"; } .fa-music-alt-slash:before { content: "\f8d0"; } .fa-music-slash:before { content: "\f8d1"; } .fa-napster:before { content: "\f3d2"; } .fa-narwhal:before { content: "\f6fe"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-oil-temp:before { content: "\f614"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-omega:before { content: "\f67a"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-ornament:before { content: "\f7b8"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-outlet:before { content: "\f91c"; } .fa-oven:before { content: "\f91d"; } .fa-overline:before { content: "\f876"; } .fa-page-break:before { content: "\f877"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-brush-alt:before { content: "\f5a9"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paragraph-rtl:before { content: "\f878"; } .fa-parking:before { content: "\f540"; } .fa-parking-circle:before { content: "\f615"; } .fa-parking-circle-slash:before { content: "\f616"; } .fa-parking-slash:before { content: "\f617"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paw-alt:before { content: "\f701"; } .fa-paw-claws:before { content: "\f702"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pegasus:before { content: "\f703"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-paintbrush:before { content: "\f618"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-pennant:before { content: "\f456"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\f968"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-person-carry:before { content: "\f4cf"; } .fa-person-dolly:before { content: "\f4d0"; } .fa-person-dolly-empty:before { content: "\f4d1"; } .fa-person-sign:before { content: "\f757"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-laptop:before { content: "\f87a"; } .fa-phone-office:before { content: "\f67d"; } .fa-phone-plus:before { content: "\f4d2"; } .fa-phone-rotary:before { content: "\f8d3"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pi:before { content: "\f67e"; } .fa-piano:before { content: "\f8d4"; } .fa-piano-keyboard:before { content: "\f8d5"; } .fa-pie:before { content: "\f705"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-pig:before { content: "\f706"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza:before { content: "\f817"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\f969"; } .fa-planet-moon:before { content: "\f91f"; } .fa-planet-ringed:before { content: "\f920"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-podium:before { content: "\f680"; } .fa-podium-star:before { content: "\f758"; } .fa-police-box:before { content: "\f921"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poll-people:before { content: "\f759"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-popcorn:before { content: "\f819"; } .fa-portal-enter:before { content: "\f922"; } .fa-portal-exit:before { content: "\f923"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-presentation:before { content: "\f685"; } .fa-print:before { content: "\f02f"; } .fa-print-search:before { content: "\f81a"; } .fa-print-slash:before { content: "\f686"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-projector:before { content: "\f8d6"; } .fa-pump-medical:before { content: "\f96a"; } .fa-pump-soap:before { content: "\f96b"; } .fa-pumpkin:before { content: "\f707"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-rabbit:before { content: "\f708"; } .fa-rabbit-fast:before { content: "\f709"; } .fa-racquet:before { content: "\f45a"; } .fa-radar:before { content: "\f924"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-radio:before { content: "\f8d7"; } .fa-radio-alt:before { content: "\f8d8"; } .fa-rainbow:before { content: "\f75b"; } .fa-raindrops:before { content: "\f75c"; } .fa-ram:before { content: "\f70a"; } .fa-ramp-loading:before { content: "\f4d4"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-raygun:before { content: "\f925"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-refrigerator:before { content: "\f926"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-rings-wedding:before { content: "\f81b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocket-launch:before { content: "\f927"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-route-highway:before { content: "\f61a"; } .fa-route-interstate:before { content: "\f61b"; } .fa-router:before { content: "\f8da"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-triangle:before { content: "\f61c"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rv:before { content: "\f7be"; } .fa-sack:before { content: "\f81c"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salad:before { content: "\f81e"; } .fa-salesforce:before { content: "\f83b"; } .fa-sandwich:before { content: "\f81f"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-sausage:before { content: "\f820"; } .fa-save:before { content: "\f0c7"; } .fa-sax-hot:before { content: "\f8db"; } .fa-saxophone:before { content: "\f8dc"; } .fa-scalpel:before { content: "\f61d"; } .fa-scalpel-path:before { content: "\f61e"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-image:before { content: "\f8f3"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-scarecrow:before { content: "\f70d"; } .fa-scarf:before { content: "\f7c1"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-scroll-old:before { content: "\f70f"; } .fa-scrubber:before { content: "\f2f8"; } .fa-scythe:before { content: "\f710"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-send-back:before { content: "\f87e"; } .fa-send-backward:before { content: "\f87f"; } .fa-sensor:before { content: "\f928"; } .fa-sensor-alert:before { content: "\f929"; } .fa-sensor-fire:before { content: "\f92a"; } .fa-sensor-on:before { content: "\f92b"; } .fa-sensor-smoke:before { content: "\f92c"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-sheep:before { content: "\f711"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-shield-cross:before { content: "\f712"; } .fa-shield-virus:before { content: "\f96c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shish-kebab:before { content: "\f821"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\f957"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shovel:before { content: "\f713"; } .fa-shovel-snow:before { content: "\f7c3"; } .fa-shower:before { content: "\f2cc"; } .fa-shredder:before { content: "\f68a"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sickle:before { content: "\f822"; } .fa-sigma:before { content: "\f68b"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signal-1:before { content: "\f68c"; } .fa-signal-2:before { content: "\f68d"; } .fa-signal-3:before { content: "\f68e"; } .fa-signal-4:before { content: "\f68f"; } .fa-signal-alt:before { content: "\f690"; } .fa-signal-alt-1:before { content: "\f691"; } .fa-signal-alt-2:before { content: "\f692"; } .fa-signal-alt-3:before { content: "\f693"; } .fa-signal-alt-slash:before { content: "\f694"; } .fa-signal-slash:before { content: "\f695"; } .fa-signal-stream:before { content: "\f8dd"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\f96d"; } .fa-siren:before { content: "\f92d"; } .fa-siren-on:before { content: "\f92e"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-skeleton:before { content: "\f620"; } .fa-sketch:before { content: "\f7c6"; } .fa-ski-jump:before { content: "\f7c7"; } .fa-ski-lift:before { content: "\f7c8"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-cow:before { content: "\f8de"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sledding:before { content: "\f7cb"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-plus:before { content: "\f5b9"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoke:before { content: "\f760"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snake:before { content: "\f716"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snooze:before { content: "\f880"; } .fa-snow-blowing:before { content: "\f761"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowflakes:before { content: "\f7cf"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowmobile:before { content: "\f7d1"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\f96e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-solar-system:before { content: "\f92f"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-alt:before { content: "\f883"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-circle:before { content: "\f930"; } .fa-sort-circle-down:before { content: "\f931"; } .fa-sort-circle-up:before { content: "\f932"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-shapes-down:before { content: "\f888"; } .fa-sort-shapes-down-alt:before { content: "\f889"; } .fa-sort-shapes-up:before { content: "\f88a"; } .fa-sort-shapes-up-alt:before { content: "\f88b"; } .fa-sort-size-down:before { content: "\f88c"; } .fa-sort-size-down-alt:before { content: "\f88d"; } .fa-sort-size-up:before { content: "\f88e"; } .fa-sort-size-up-alt:before { content: "\f88f"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-soup:before { content: "\f823"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-space-station-moon:before { content: "\f933"; } .fa-space-station-moon-alt:before { content: "\f934"; } .fa-spade:before { content: "\f2f4"; } .fa-sparkles:before { content: "\f890"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker:before { content: "\f8df"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-speakers:before { content: "\f8e0"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spider-black-widow:before { content: "\f718"; } .fa-spider-web:before { content: "\f719"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-sprinkler:before { content: "\f935"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root:before { content: "\f697"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-squirrel:before { content: "\f71a"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-staff:before { content: "\f71b"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-christmas:before { content: "\f7d4"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-star-shooting:before { content: "\f936"; } .fa-starfighter:before { content: "\f937"; } .fa-starfighter-alt:before { content: "\f938"; } .fa-stars:before { content: "\f762"; } .fa-starship:before { content: "\f939"; } .fa-starship-freighter:before { content: "\f93a"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steak:before { content: "\f824"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-steering-wheel:before { content: "\f622"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stocking:before { content: "\f7d5"; } .fa-stomach:before { content: "\f623"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\f96f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\f970"; } .fa-store-slash:before { content: "\f971"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-stretcher:before { content: "\f825"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-sun-cloud:before { content: "\f763"; } .fa-sun-dust:before { content: "\f764"; } .fa-sun-haze:before { content: "\f765"; } .fa-sunglasses:before { content: "\f892"; } .fa-sunrise:before { content: "\f766"; } .fa-sunset:before { content: "\f767"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sword:before { content: "\f71c"; } .fa-sword-laser:before { content: "\f93b"; } .fa-sword-laser-alt:before { content: "\f93c"; } .fa-swords:before { content: "\f71d"; } .fa-swords-laser:before { content: "\f93d"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tachometer-alt-average:before { content: "\f624"; } .fa-tachometer-alt-fast:before { content: "\f625"; } .fa-tachometer-alt-fastest:before { content: "\f626"; } .fa-tachometer-alt-slow:before { content: "\f627"; } .fa-tachometer-alt-slowest:before { content: "\f628"; } .fa-tachometer-average:before { content: "\f629"; } .fa-tachometer-fast:before { content: "\f62a"; } .fa-tachometer-fastest:before { content: "\f62b"; } .fa-tachometer-slow:before { content: "\f62c"; } .fa-tachometer-slowest:before { content: "\f62d"; } .fa-taco:before { content: "\f826"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tally:before { content: "\f69c"; } .fa-tanakh:before { content: "\f827"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-tasks-alt:before { content: "\f828"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-telescope:before { content: "\f93e"; } .fa-temperature-down:before { content: "\f93f"; } .fa-temperature-frigid:before { content: "\f768"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-hot:before { content: "\f76a"; } .fa-temperature-low:before { content: "\f76b"; } .fa-temperature-up:before { content: "\f940"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text:before { content: "\f893"; } .fa-text-height:before { content: "\f034"; } .fa-text-size:before { content: "\f894"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-theta:before { content: "\f69e"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-thunderstorm:before { content: "\f76c"; } .fa-thunderstorm-moon:before { content: "\f76d"; } .fa-thunderstorm-sun:before { content: "\f76e"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tilde:before { content: "\f69f"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tire:before { content: "\f631"; } .fa-tire-flat:before { content: "\f632"; } .fa-tire-pressure-warning:before { content: "\f633"; } .fa-tire-rugged:before { content: "\f634"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-alt:before { content: "\f71f"; } .fa-toilet-paper-slash:before { content: "\f972"; } .fa-tombstone:before { content: "\f720"; } .fa-tombstone-alt:before { content: "\f721"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-toothbrush:before { content: "\f635"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tornado:before { content: "\f76f"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-cone:before { content: "\f636"; } .fa-traffic-light:before { content: "\f637"; } .fa-traffic-light-go:before { content: "\f638"; } .fa-traffic-light-slow:before { content: "\f639"; } .fa-traffic-light-stop:before { content: "\f63a"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-transporter:before { content: "\f942"; } .fa-transporter-1:before { content: "\f943"; } .fa-transporter-2:before { content: "\f944"; } .fa-transporter-3:before { content: "\f945"; } .fa-transporter-empty:before { content: "\f946"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-trash-undo:before { content: "\f895"; } .fa-trash-undo-alt:before { content: "\f896"; } .fa-treasure-chest:before { content: "\f723"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-tree-christmas:before { content: "\f7db"; } .fa-tree-decorated:before { content: "\f7dc"; } .fa-tree-large:before { content: "\f7dd"; } .fa-tree-palm:before { content: "\f82b"; } .fa-trees:before { content: "\f724"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-triangle-music:before { content: "\f8e2"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-container:before { content: "\f4dc"; } .fa-truck-couch:before { content: "\f4dd"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-truck-plow:before { content: "\f7de"; } .fa-truck-ramp:before { content: "\f4e0"; } .fa-trumpet:before { content: "\f8e3"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-turkey:before { content: "\f725"; } .fa-turntable:before { content: "\f8e4"; } .fa-turtle:before { content: "\f726"; } .fa-tv:before { content: "\f26c"; } .fa-tv-alt:before { content: "\f8e5"; } .fa-tv-music:before { content: "\f8e6"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typewriter:before { content: "\f8e7"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-ufo:before { content: "\f947"; } .fa-ufo-beam:before { content: "\f948"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-unicorn:before { content: "\f727"; } .fa-union:before { content: "\f6a2"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-usb-drive:before { content: "\f8e9"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alien:before { content: "\f94a"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-chart:before { content: "\f6a3"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-cowboy:before { content: "\f8ea"; } .fa-user-crown:before { content: "\f6a4"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-hard-hat:before { content: "\f82c"; } .fa-user-headset:before { content: "\f82d"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-md-chat:before { content: "\f82e"; } .fa-user-minus:before { content: "\f503"; } .fa-user-music:before { content: "\f8eb"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-robot:before { content: "\f94b"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-user-unlock:before { content: "\f958"; } .fa-user-visor:before { content: "\f94c"; } .fa-users:before { content: "\f0c0"; } .fa-users-class:before { content: "\f63d"; } .fa-users-cog:before { content: "\f509"; } .fa-users-crown:before { content: "\f6a5"; } .fa-users-medical:before { content: "\f830"; } .fa-users-slash:before { content: "\f973"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-vacuum:before { content: "\f94d"; } .fa-vacuum-robot:before { content: "\f94e"; } .fa-value-absolute:before { content: "\f6a6"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vhs:before { content: "\f8ec"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-plus:before { content: "\f4e1"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-violin:before { content: "\f8ed"; } .fa-virus:before { content: "\f974"; } .fa-virus-slash:before { content: "\f975"; } .fa-viruses:before { content: "\f976"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volcano:before { content: "\f770"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume:before { content: "\f6a8"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-slash:before { content: "\f2e2"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-nay:before { content: "\f771"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-wagon-covered:before { content: "\f8ee"; } .fa-walker:before { content: "\f831"; } .fa-walkie-talkie:before { content: "\f8ef"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-wand:before { content: "\f72a"; } .fa-wand-magic:before { content: "\f72b"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-washer:before { content: "\f898"; } .fa-watch:before { content: "\f2e1"; } .fa-watch-calculator:before { content: "\f8f0"; } .fa-watch-fitness:before { content: "\f63e"; } .fa-water:before { content: "\f773"; } .fa-water-lower:before { content: "\f774"; } .fa-water-rise:before { content: "\f775"; } .fa-wave-sine:before { content: "\f899"; } .fa-wave-square:before { content: "\f83e"; } .fa-wave-triangle:before { content: "\f89a"; } .fa-waveform:before { content: "\f8f1"; } .fa-waveform-path:before { content: "\f8f2"; } .fa-waze:before { content: "\f83f"; } .fa-webcam:before { content: "\f832"; } .fa-webcam-slash:before { content: "\f833"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whale:before { content: "\f72c"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheat:before { content: "\f72d"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wifi-1:before { content: "\f6aa"; } .fa-wifi-2:before { content: "\f6ab"; } .fa-wifi-slash:before { content: "\f6ac"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-wind-turbine:before { content: "\f89b"; } .fa-wind-warning:before { content: "\f776"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-frame:before { content: "\f94f"; } .fa-window-frame-open:before { content: "\f950"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-windsock:before { content: "\f777"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wreath:before { content: "\f7e2"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url(/Content/webfonts/fa-light-300.eot); src: url(/Content/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(/Content/webfonts/fa-light-300.woff2) format("woff2"), url(/Content/webfonts/fa-light-300.woff) format("woff"), url(/Content/webfonts/fa-light-300.ttf) format("truetype"), url(/Content/webfonts/fa-light-300.svg#fontawesome) format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } /*! * WebApp Icons */ @font-face { font-family: 'nextgen-icons'; src: url(/Content/webfonts/nextgen-icons.eot); src: url(/Content/webfonts/nextgen-icons.eot?#iefix) format("embedded-opentype"), url(/Content/webfonts/nextgen-icons.woff2) format("woff2"), url(/Content/webfonts/webfonts/nextgen-icons.woff) format("woff"), url(/Content/webfonts/webfonts/nextgen-icons.ttf) format("truetype"), url(/Content/webfonts/webfonts/nextgen-icons.svg#nextgen-icons) format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to have a class per icon */ .ni, [data-icon]:before, [class^="base-"], [class*=" base-"] { font-family: 'nextgen-icons'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* why? .page-content { .ni:before, [data-icon]:before { vertical-align: -8%; } }*/ .navbar-toggler .ni:before, .navbar-toggler [data-icon]:before { vertical-align: inherit !important; } .base-19:before { content: "\e09b"; } .base-18:before { content: "\e09c"; } .base-17:before { content: "\e09d"; } .base-16:before { content: "\e09e"; } .base-15:before { content: "\e09f"; } .base-14:before { content: "\e0a0"; } .base-13:before { content: "\e0a1"; } .base-12:before { content: "\f000"; } .base-11:before { content: "\f00b"; } .base-10:before { content: "\f00a"; } .base-9:before { content: "\f1c8"; } .base-8:before { content: "\f1e3"; } .base-7:before { content: "\f413"; } .base-6:before { content: "\f412"; } .base-5:before { content: "\f411"; } .base-4:before { content: "\f410"; } .base-3:before { content: "\f409"; } .base-2:before { content: "\f408"; } .base-1:before { content: "\f405"; } .md-profile:before { content: "\f407"; } .md-picframe:before { content: "\f406"; } .ni-phone:before { content: "\f402"; } .ni-calendar-fine:before { content: "\f403"; } .ni-blog-read:before { content: "\f404"; } .ni-my-apps:before { content: "\f328"; } .ni-big-plus:before { content: "\f276"; } .ni-minify-nav:before { content: "\f254"; } .ni-lock-nav:before { content: "\f2ae"; } .ni-chevron-down:before { content: "\f2f9"; } .ni-chevron-up:before { content: "\f2fc"; } .ni-chevron-left:before { content: "\f2fa"; } .ni-chevron-right:before { content: "\f2fb"; } .ni-menu:before { content: "\e000"; } .ni-user-follow:before { content: "\e002"; } .ni-user-following:before { content: "\e003"; } .ni-user-unfollow:before { content: "\e004"; } .ni-trophy:before { content: "\e006"; } .ni-screen-smartphone:before { content: "\e010"; } .ni-screen-desktop:before { content: "\e011"; } .ni-plane:before { content: "\e012"; } .ni-notebook:before { content: "\e013"; } .ni-moustache:before { content: "\e014"; } .ni-mouse:before { content: "\e015"; } .ni-magnet:before { content: "\e016"; } .ni-energy:before { content: "\e020"; } .ni-emoticon-smile:before { content: "\e021"; } .ni-disc:before { content: "\e022"; } .ni-cursor-move:before { content: "\e023"; } .ni-crop:before { content: "\e024"; } .ni-credit-card:before { content: "\e025"; } .ni-chemistry:before { content: "\e026"; } .ni-user:before { content: "\e005"; } .ni-speedometer:before { content: "\e007"; } .ni-social-youtube:before { content: "\e008"; } .ni-social-twitter:before { content: "\e009"; } .ni-social-tumblr:before { content: "\e00a"; } .ni-social-facebook:before { content: "\e00b"; } .ni-social-dropbox:before { content: "\e00c"; } .ni-social-dribbble:before { content: "\e00d"; } .ni-shield:before { content: "\e00e"; } .ni-screen-tablet:before { content: "\e00f"; } .ni-magic-wand:before { content: "\e017"; } .ni-hourglass:before { content: "\e018"; } .ni-graduation:before { content: "\e019"; } .ni-ghost:before { content: "\e01a"; } .ni-game-controller:before { content: "\e01b"; } .ni-fire:before { content: "\e01c"; } .ni-eyeglasses:before { content: "\e01d"; } .ni-envelope-open:before { content: "\e01e"; } .ni-envelope-letter:before { content: "\e01f"; } .ni-bell:before { content: "\e027"; } .ni-badge:before { content: "\e028"; } .ni-anchor:before { content: "\e029"; } .ni-wallet:before { content: "\e02a"; } .ni-vector:before { content: "\e02b"; } .ni-speech:before { content: "\e02c"; } .ni-puzzle:before { content: "\e02d"; } .ni-printer:before { content: "\e02e"; } .ni-present:before { content: "\e02f"; } .ni-playlist:before { content: "\e030"; } .ni-pin:before { content: "\e031"; } .ni-picture:before { content: "\e032"; } .ni-map:before { content: "\e033"; } .ni-layers:before { content: "\e034"; } .ni-handbag:before { content: "\e035"; } .ni-globe-alt:before { content: "\e036"; } .ni-globe:before { content: "\e037"; } .ni-frame:before { content: "\e038"; } .ni-folder-alt:before { content: "\e039"; } .ni-film:before { content: "\e03a"; } .ni-feed:before { content: "\e03b"; } .ni-earphones-alt:before { content: "\e03c"; } .ni-earphones:before { content: "\e03d"; } .ni-drop:before { content: "\e03e"; } .ni-drawer:before { content: "\e03f"; } .ni-docs:before { content: "\e040"; } .ni-directions:before { content: "\e041"; } .ni-direction:before { content: "\e042"; } .ni-diamond:before { content: "\e043"; } .ni-cup:before { content: "\e044"; } .ni-compass:before { content: "\e045"; } .ni-call-out:before { content: "\e046"; } .ni-call-in:before { content: "\e047"; } .ni-call-end:before { content: "\e048"; } .ni-calculator:before { content: "\e049"; } .ni-bubbles:before { content: "\e04a"; } .ni-briefcase:before { content: "\e04b"; } .ni-book-open:before { content: "\e04c"; } .ni-basket-loaded:before { content: "\e04d"; } .ni-basket:before { content: "\e04e"; } .ni-bag:before { content: "\e04f"; } .ni-action-undo:before { content: "\e050"; } .ni-action-redo:before { content: "\e051"; } .ni-wrench:before { content: "\e052"; } .ni-umbrella:before { content: "\e053"; } .ni-trash:before { content: "\e054"; } .ni-tag:before { content: "\e055"; } .ni-support:before { content: "\e056"; } .ni-size-fullscreen:before { content: "\e057"; } .ni-size-actual:before { content: "\e058"; } .ni-shuffle:before { content: "\e059"; } .ni-share-alt:before { content: "\e05a"; } .ni-share:before { content: "\e05b"; } .ni-rocket:before { content: "\e05c"; } .ni-question:before { content: "\e05d"; } .ni-pie-chart:before { content: "\e05e"; } .ni-pencil:before { content: "\e05f"; } .ni-note:before { content: "\e060"; } .ni-music-tone-alt:before { content: "\e061"; } .ni-music-tone:before { content: "\e062"; } .ni-microphone:before { content: "\e063"; } .ni-loop:before { content: "\e064"; } .ni-logout:before { content: "\e065"; } .ni-login:before { content: "\e066"; } .ni-list:before { content: "\e067"; } .ni-like:before { content: "\e068"; } .ni-home:before { content: "\e069"; } .ni-grid:before { content: "\e06a"; } .ni-graph:before { content: "\e06b"; } .ni-equalizer:before { content: "\e06c"; } .ni-dislike:before { content: "\e06d"; } .ni-cursor:before { content: "\e06e"; } .ni-control-start:before { content: "\e06f"; } .ni-control-rewind:before { content: "\e070"; } .ni-control-play:before { content: "\e071"; } .ni-control-pause:before { content: "\e072"; } .ni-control-forward:before { content: "\e073"; } .ni-control-end:before { content: "\e074"; } .ni-calendar:before { content: "\e075"; } .ni-bulb:before { content: "\e076"; } .ni-bar-chart:before { content: "\e077"; } .ni-arrow-up:before { content: "\e078"; } .ni-arrow-right:before { content: "\e079"; } .ni-arrow-left:before { content: "\e07a"; } .ni-arrow-down:before { content: "\e07b"; } .ni-ban:before { content: "\e07c"; } .ni-bubble:before { content: "\e07d"; } .ni-camcorder:before { content: "\e07e"; } .ni-camera:before { content: "\e07f"; } .ni-check:before { content: "\e080"; } .ni-clock:before { content: "\e081"; } .ni-close:before { content: "\e082"; } .ni-cloud-download:before { content: "\e083"; } .ni-cloud-upload:before { content: "\e084"; } .ni-doc:before { content: "\e085"; } .ni-envelope:before { content: "\e086"; } .ni-eye:before { content: "\e087"; } .ni-flag:before { content: "\e088"; } .ni-folder:before { content: "\e089"; } .ni-heart:before { content: "\e08a"; } .ni-info:before { content: "\e08b"; } .ni-key:before { content: "\e08c"; } .ni-link:before { content: "\e08d"; } .ni-lock:before { content: "\e08e"; } .ni-lock-open:before { content: "\e08f"; } .ni-magnifier:before { content: "\e090"; } .ni-magnifier-add:before { content: "\e091"; } .ni-magnifier-remove:before { content: "\e092"; } .ni-paper-clip:before { content: "\e093"; } .ni-paper-plane:before { content: "\e094"; } .ni-plus:before { content: "\e095"; } .ni-pointer:before { content: "\e096"; } .ni-power:before { content: "\e097"; } .ni-refresh:before { content: "\e098"; } .ni-reload:before { content: "\e099"; } .ni-settings:before { content: "\e09a"; } .ni-users:before { content: "\e001"; } /*# sourceMappingURL=vendors.bundle.css.map */ @charset "UTF-8"; /* #GLOBAL IMPORTS ========================================================================== */ /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #584475; } /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ .btn-default { background-color: #f5f5f5; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .btn-default:hover { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #c6c6c6; color: #333; z-index: 2; } .btn-default:focus { border-color: #b19dce !important; z-index: 3; } .active.btn-default { background: #a38cc6; color: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } .custom-scroll, .custom-scrollbar { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .custom-scroll::-webkit-scrollbar-track-piece, .custom-scrollbar::-webkit-scrollbar-track-piece { background-color: transparent; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; } .custom-scroll::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar { height: 4px; width: 4px; } .custom-scroll::-webkit-scrollbar-corner, .custom-scrollbar::-webkit-scrollbar-corner { width: 40px; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; } .page-logo, body:not(.header-function-fixed) .page-logo, .header-function-fixed:not(.nav-function-top) .page-header, .footer-function-fixed .page-footer, #msgr_listfilter_input, .msgr-list, .msgr-list + .msgr:before { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .breadcrumb > li.breadcrumb-item { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-switch, [class*="btn-outline-"], .panel-toolbar .btn-panel, .settings-panel .list, .settings-panel .list .onoffswitch, .settings-panel .list:hover .onoffswitch, .color-disp-demo tr td, .icon-demo li { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .info-card img.cover { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] { color: #fff; background: #886ab5 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:before, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:before { content: "ON" !important; left: 7px !important; right: auto !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after { content: " " !important; right: 0 !important; left: auto !important; background: #fff !important; color: #886ab5 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title { font-weight: 500; color: #886ab5; } .info-card img.cover { background-size: cover; } .nav-mobile-slide-out #nmp, .nav-mobile-slide-out #nmno, .nav-function-top #mnl, .nav-function-minify #mnl, .mod-hide-nav-icons #mnl, .mod-skin-dark #mhc, .nav-function-top #nfh, .nav-function-top #mhni, .nav-function-minify #mhni { position: relative; } .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .mod-skin-dark #mhc .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title, .nav-function-top #mhni .onoffswitch-title, .nav-function-minify #mhni .onoffswitch-title { color: #da9400; color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .mod-skin-dark #mhc .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc, .nav-function-top #mhni .onoffswitch-title-desc, .nav-function-minify #mhni .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, .nav-function-minify #mhni:after { content: "DISABLED"; } /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ .dropdown-icon-menu > ul > li .btn, .header-btn { border-radius: 4px; border: 1px solid gainsboro; height: 2.25rem; width: 3.25rem; vertical-align: middle; line-height: 2.125rem; margin-right: 0.9375rem; font-size: 21px; padding: 0 11px; cursor: default; color: #a6a6a6; position: relative; /* &.active { @extend %header-btn-active; }*/ } .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { -webkit-box-shadow: none; box-shadow: none; border-color: #886ab5; background: #a38cc6; color: #fff; } .settings-panel .expanded { -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.06); border-width: 0 0 1px 0; background: #fff; padding: 16px 16px 10px; } .nav-function-fixed:not(.nav-function-top) .page-header [data-class="nav-function-fixed"] { background: #505050; border-color: #363636 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ .saving #saving { margin: 5px; height: 20px; width: 20px; -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; border: 2px solid #886ab5; border-right-color: transparent; border-radius: 50%; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, .nav-function-minify #mhni:after { display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } /* patterns */ .mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a, .mod-color-blind [class*="bg-danger-"], .mod-color-blind .btn-danger, .mod-color-blind .btn-outline-danger, .mod-color-blind .alert-danger, .pattern-0 { background-size: 10px 10px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent; } .mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a, .pattern-1 { background-size: 5px 5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) 0 0/5px 5px transparent; } .mod-color-blind [class*="bg-primary-"], .mod-color-blind .btn-primary, .mod-color-blind .btn-outline-primary, .mod-color-blind .alert-primary, .pattern-2 { background-size: 15px 15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px transparent; } .mod-color-blind [class*="bg-success-"], .mod-color-blind .btn-success, .mod-color-blind .btn-outline-success, .mod-color-blind .alert-success, .pattern-3 { background-size: 15px 15px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px 15px transparent; } .mod-color-blind [class*="bg-info-"], .mod-color-blind .btn-info, .mod-color-blind .btn-outline-info, .mod-color-blind .alert-info, .pattern-4 { background-size: 37px 37px; background-position: 0 0, 18.5px 18.5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/37px, linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 37px 37px/74px, transparent; } .mod-color-blind [class*="bg-warning-"], .mod-color-blind .btn-warning, .mod-color-blind .btn-outline-warning, .mod-color-blind .alert-warning, .pattern-5 { background-size: 37px 37px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, #eee; } /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) DOC: you can disable unused _modules (may brake the page) ========================================================================== */ /* contains root variables to be used with css (see docs) */ :root { --theme-primary: #886ab5; --theme-secondary: #868e96; --theme-success: #1dc9b7; --theme-info: #2196F3; --theme-warning: #ffc241; --theme-danger: #fd3995; --theme-light: #fff; --theme-dark: #505050; --theme-rgb-primary: 136,106,181; --theme-rgb-success: 29,201,183; --theme-rgb-info: 33,150,243; --theme-rgb-warning: 255,194,65; --theme-rgb-danger: 253,57,149; --theme-rgb-fusion: 79.75,79.75,79.75; --theme-primary-50: #ccbfdf; --theme-primary-100: #beaed7; --theme-primary-200: #b19dce; --theme-primary-300: #a38cc6; --theme-primary-400: #967bbd; --theme-primary-500: #886ab5; --theme-primary-600: #7a59ad; --theme-primary-700: #6e4e9e; --theme-primary-800: #62468d; --theme-primary-900: #563d7c; --theme-success-50: #7aece0; --theme-success-100: #63e9db; --theme-success-200: #4de5d5; --theme-success-300: #37e2d0; --theme-success-400: #21dfcb; --theme-success-500: #1dc9b7; --theme-success-600: #1ab3a3; --theme-success-700: #179c8e; --theme-success-800: #13867a; --theme-success-900: #107066; --theme-info-50: #9acffa; --theme-info-100: #82c4f8; --theme-info-200: #6ab8f7; --theme-info-300: #51adf6; --theme-info-400: #39a1f4; --theme-info-500: #2196F3; --theme-info-600: #0d8aee; --theme-info-700: #0c7cd5; --theme-info-800: #0a6ebd; --theme-info-900: #0960a5; --theme-warning-50: #ffebc1; --theme-warning-100: #ffe3a7; --theme-warning-200: #ffdb8e; --theme-warning-300: #ffd274; --theme-warning-400: #ffca5b; --theme-warning-500: #ffc241; --theme-warning-600: #ffba28; --theme-warning-700: #ffb20e; --theme-warning-800: #f4a500; --theme-warning-900: #da9400; --theme-danger-50: #feb7d9; --theme-danger-100: #fe9ecb; --theme-danger-200: #fe85be; --theme-danger-300: #fe6bb0; --theme-danger-400: #fd52a3; --theme-danger-500: #fd3995; --theme-danger-600: #fd2087; --theme-danger-700: #fc077a; --theme-danger-800: #e7026e; --theme-danger-900: #ce0262; --theme-fusion-50: #909090; --theme-fusion-100: #838383; --theme-fusion-200: #767676; --theme-fusion-300: dimgray; --theme-fusion-400: #5d5d5d; --theme-fusion-500: #505050; --theme-fusion-600: #434343; --theme-fusion-700: #363636; --theme-fusion-800: #2a2a2a; --theme-fusion-900: #1d1d1d; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px; } /* resets DOM elements to its natural state */ /* for IE */ main { display: block; } /* removes dotted lines for focus */ a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; } input::-moz-focus-inner { border: 0; } /* html and body base styles */ html { scroll-behavior: smooth; } html body { direction: ltr; text-rendering: optimizeLegibility; background-color: #fff; } html body a { color: #886ab5; text-decoration: none; background-color: transparent; } html body a:hover { color: #967bbd; text-decoration: underline; } /* app header */ .header-icon { color: #666666; height: 4.125rem; display: block; line-height: 4.125rem; text-decoration: none; position: relative; } .header-icon:not(.btn) { min-width: 3.125rem; text-align: center; overflow: visible; } .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child { color: #886ab5; vertical-align: middle; } .header-icon:not(.btn) > [class*='fa-']:first-child { font-size: 21px; } .header-icon:not(.btn) > .ni:first-child { font-size: 21px; } .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"] { /* header dropdowns */ /* note: important rules to override popper's inline classes */ /* end header dropdowns */ } .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after { content: " "; width: 1.5rem; height: 1.5rem; position: absolute; background: #dae1e8; border-radius: 50%; top: 1.3125rem; z-index: -1; left: 0.9375rem; opacity: 0; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { color: #404040; /* new lines for arrow visibility */ position: relative; z-index: 1001; font-weight: 500; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after { content: " "; width: 2.5rem; height: 2.5rem; top: 0.8125rem; z-index: -1; left: 0.3125rem; opacity: 1; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { color: #404040 !important; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: none; } .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { position: absolute; border: 0px solid #ccc; right: 2rem; top: 4.0625rem !important; left: auto !important; padding: 0; margin: 0; } .header-icon:not(.btn) .profile-image { width: 2rem; height: auto; } .header-icon:hover { cursor: default; color: #404040; } .page-header { background-color: #fff; -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.125rem; position: relative; z-index: 1000; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .page-header .page-logo { display: none; } .page-header .badge-icon { left: 1.5625rem; top: 1.09375rem; } .page-header .badge-icon:only-child { position: relative; left: auto; right: auto; font-size: 14px; height: 26px; width: 26px; line-height: 21px; top: 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* app logo */ .page-logo { height: 4.125rem; width: 16.875rem; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); overflow: hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px; padding: 0 2rem; } .page-logo img { width: 28px; height: 28px; } .page-logo .page-logo-link { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .page-logo-text { margin-left: 0.5rem; font-weight: 300; font-size: 1rem; color: #fff; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: left; } /* app search */ .search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search .app-forms { padding: 0; } .search .app-forms.has-length { position: relative; } .search .app-forms:before { content: none; } #search-field { max-width: 21.875rem; height: 2.625rem; line-height: normal; border-radius: 4px; background: transparent; border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; font-size: 0.9375rem; padding: 0.38rem; } /* icon menu with user options */ .dropdown-icon-menu > .btn { z-index: 1; } .dropdown-icon-menu > ul { opacity: 0; list-style: none; margin: 0; position: absolute; background: #fff; height: 2.25rem; padding: 2.75rem 4px 5px; width: 3.75rem; margin-left: 1px; margin-top: -2.5rem; left: -5px; overflow: hidden; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); border-radius: 0.25rem; -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); } .dropdown-icon-menu > ul > li { margin-bottom: 4px; position: relative; } .dropdown-icon-menu > ul > li:last-child { margin-bottom: 0; } .dropdown-icon-menu:hover > ul { display: block; opacity: 1; /* * n = number of buttons minus 1 * eg. $header-btn-height * 2n */ height: 7.75rem; } .dropdown-icon-menu:hover > ul:hover { overflow: visible; } /* dropdown notification in the app header */ .tab-notification { height: 363px; } .tab-notification .tab-pane { height: 100%; } .notification { padding: 0; margin: 0; list-style: none; position: relative; } .notification li { position: relative; background: #fff; } .notification li.unread { background: #fffaee; } .notification li.unread .name { font-weight: 500; } .notification li > :first-child { padding: 0.75rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .notification li > :first-child:hover { text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .notification li > :first-child:focus { text-decoration: none; } .notification li > :first-child > span { position: relative; } .notification li > :first-child > span > span { /* IE fix */ display: block; } .notification li:last-child > a { border: 0; } .notification .name { color: #222222; font-weight: 400; font-size: 0.8125rem; } .notification .msg-a, .notification .msg-b { color: #555555; } .notification.notification-layout-2 li { background: #f9f9f9; } .notification.notification-layout-2 li.unread { background: #fff; } .notification.notification-layout-2 li.unread .name { font-weight: bold; } .notification.notification-layout-2 li > :first-child { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.04); z-index: 1; } .notification.notification-layout-2 li > :first-child:hover { background: transparent; } .notification.notification-layout-2 li > :first-child:hover:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); } .notification.notification-layout-2 li .name { font-size: 0.875rem; } .notification.notification-layout-2:hover { cursor: pointer; } .notification:not(.notification-loading):before { content: "No new activity/messages"; position: absolute; top: 0; left: 0; z-index: 0; padding: 1.5rem; width: 100%; display: block; } /* icon menu with stacked icons located in the app header */ .app-list { margin: 0 auto; display: block; width: 21.875rem !important; height: 22.5rem !important; font-size: 0; padding: 0.5rem 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .app-list > li { display: inline-block; text-align: center; padding: 0; } .app-list-item { height: 5.9375rem; width: 6.25rem; display: block; text-decoration: none; color: #666666; margin: 10px 2px; border: 1px solid transparent !important; outline: none; border-radius: 3px; padding-top: 8px; border-radius: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .app-list-item .icon-stack { font-size: 3.125rem; margin-top: 4px; } .app-list-item:hover { padding-top: 7px; } .app-list-item:hover > .icon-stack { font-size: 3.1875rem; } .app-list-item:active { border-color: #886ab5; padding-top: 8px; } .app-list-item:active > .icon-stack { font-size: 3.125rem; } .app-list-name { text-align: center; font-size: 0.8125rem; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* app header stays fixed */ .header-function-fixed:not(.nav-function-top) .page-header { left: 0; position: fixed !important; right: 0; top: 0; } .header-function-fixed:not(.nav-function-top) .page-content { margin-top: 4.125rem; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) { /* bug fix for nav hidden other than chrome...*/ } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-logo { width: 16.875rem; position: fixed; top: 0; z-index: 950; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-sidebar .primary-nav { margin-top: 4.125rem; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed).desktop.nav-function-hidden .page-logo { position: absolute; -webkit-transition: none !important; transition: none !important; } @media (min-width: 992px) { .header-function-fixed:not(.nav-function-top) .page-header { margin-left: 16.875rem; } .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo { width: 4.6875rem; } .header-function-fixed.nav-function-top { /*.page-wrapper { padding-top: $header-height-nav-top; }*/ } .header-function-fixed.nav-function-top .page-header { position: fixed !important; /*top: 0; right: 0; left: 0;*/ -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); /*chrome flickering solution*/ -webkit-transform: translateZ(0); } } /* app far left panel */ .page-sidebar { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 16.875rem; max-width: 16.875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1002; will-change: left, right; } /* app navigation */ .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .primary-nav .nav-menu:last-of-type { margin: 0; } .primary-nav .nav-menu:first-of-type { margin-top: 1rem; margin-bottom: 1rem; } .nav-title { text-transform: uppercase; margin: 0; color: #8268a8; padding: 1rem 2rem; margin-top: 1.5rem; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500; } .nav-menu { padding: 0; list-style: none; margin: 0; } .nav-menu a, .nav-menu a > [class*='fa-'], .nav-menu a > .ni { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-menu b.collapse-sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #967bbd; } .nav-menu b.collapse-sign > [class*='fa-'], .nav-menu b.collapse-sign > .ni { font-size: inherit; } .nav-menu ul { padding-left: 0; list-style: none; display: none; } .nav-menu li { position: relative; } .nav-menu li.open > a { color: white; } .nav-menu li.active { /* arrow that appears next to active/selected items */ } .nav-menu li.active > a { color: white; background-color: rgba(255, 255, 255, 0.04); -webkit-box-shadow: inset 3px 0 0 #886ab5; box-shadow: inset 3px 0 0 #886ab5; font-weight: 400; } .nav-menu li.active > a:hover > [class*='fa-'], .nav-menu li.active > a:hover > .ni { color: #a8a6ac; } .nav-menu li.active > ul { display: block; } .nav-menu li.active:not(.open) > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 7px; height: 10px; width: auto; color: #24b3a4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; /*new*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*new*/ outline: 0; padding: 0.8125rem 2rem; font-size: 0.875rem; color: #bdafd1; font-weight: 400; text-decoration: none; position: relative; /* needed for mod-nav-hiarchiy*/ /*> .badge { @extend %ping-badge; & + [class*='fa-'], & + .ni { display: none; } }*/ /*> [class*='fa-'] { font-size: $nav-font-icon-size - 2; }*/ /*> img { background: $primary-500; padding: 0.125rem; width: 20px; height: 20px; margin-left: 5px; margin-right: $nav-icon-margin-right + 0.1875rem; }*/ /*> .badge:not(.clear-badge):first-child { position: static; display: inline-block; border-radius: 5px; margin-right: 10px; width: 28px; height: auto; padding: 4px 0; font-size: rem($fs-base); }*/ } .nav-menu li a .dl-ref { font-size: 0.625rem; text-align: center; min-width: 1.25rem; display: inline-block; border-radius: 4px; letter-spacing: 0.5px; margin-left: -2.1875rem; margin-right: 0.9375rem; font-weight: 500; overflow: hidden; padding: 0 4px; -webkit-font-smoothing: subpixel-antialiased; } .nav-menu li a .dl-ref.label { margin-left: 0; margin-right: 0; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni { margin-right: 0.25rem; font-size: 1.125rem; width: 1.75rem; color: #876fab; text-align: left; } .nav-menu li a > .nav-link-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*new*/ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; } .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nav-menu li a:hover { color: white; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li a:hover .badge { color: #fff; } .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni { color: #a8a6ac; } .nav-menu li a:hover > .badge { -webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); border: 1px solid rgba(107, 83, 143, 0.8); } .nav-menu li a:focus { color: white; } .nav-menu li a:focus .badge { color: #fff; } .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.1); padding-top: 10px; padding-bottom: 10px; } .nav-menu li > ul li a { color: #af9fc7; padding: 0.8125rem 2rem 0.8125rem 4rem; } .nav-menu li > ul li a b.collapse-sign > [class*='fa-'], .nav-menu li > ul li a b.collapse-sign > .ni { font-size: inherit-2; } .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni { margin-left: -2.1875rem; margin-right: 0.9375rem; color: #876fab; font-size: 0.875rem; width: 1.25rem; text-align: center; } .nav-menu li > ul li a > .badge { color: #fff; background-color: #fd3995; border: 1px solid #505050; } .nav-menu li > ul li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li.active > a { color: white; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; font-weight: 400; } .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a > .nav-link-text > .ni { color: white; } .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li:last-child > ul { padding-bottom: 0; } .nav-menu li > ul li > ul li.active > a { color: white; } .nav-menu li > ul li > ul li a { color: #aa99c4; padding: 0.8125rem 2rem 0.8125rem 4.75rem; } .nav-menu li > ul li > ul li a .dl-ref { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a > [class*='fa-'], .nav-menu li > ul li > ul li a > .ni { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a:hover { color: white; } .nav-menu li > ul li > ul li a > .badge { color: #fff; background-color: #fd3995; border: 1px solid #505050; } .nav-menu li:last-child { margin-bottom: 0; } .nav-menu:last-child { margin-bottom: 0; } /* nav hover elements .nav-menu-hover { li > ul { background-color: rgba(0,0,0,0.17) !important; } li { a { color: rgba(255,255,255,0.90); span { color: rgba(255,255,255,0.90); } &:hover { background:rgba(255,255,255,0.09) !important; color: $white !important; span { color: $white; } } } } }*/ /* nav clean elements */ .nav-menu-clean { background: #fff; } .nav-menu-clean ul { background: transparent !important; padding-bottom: 0 !important; } .nav-menu-clean li a { background: transparent !important; color: #505050 !important; } .nav-menu-clean li a span { color: #505050 !important; } .nav-menu-clean li a:hover { background-color: #f4f4f4 !important; } .nav-menu-clean li a { border-bottom: 1px solid transparent; } .nav-menu-clean li > ul li > ul > li:not(:last-child) a { border-bottom: none; } /* nav bordered elements */ .nav-menu-bordered { border: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li > ul li > ul > li:not(:last-child) a { border-bottom: none; } /* nav compact elements */ .nav-menu-compact li a { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .nav-menu-compact li li a { padding-left: 2rem !important; } .nav-menu-compact li li li a { padding-left: 2.5rem !important; } .nav-menu.nav-menu-reset li a:not(:hover), .nav-menu.nav-menu-reset .collapse-sign { color: rgba(255, 255, 255, 0.7) !important; } /*body:not(.nav-function-top) { .primary-nav { .nav-menu { a, a:hover, a:focus { .badge-detached { display: inline-block; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: rem($fs-nano); min-height: 13px; min-width: $nav-badge-height + 4; background-color: #fff; border: 1px solid #33383e; border-radius: 3px; color: #33383E; padding: 1px 5px; right: 15px; left: auto; top: 13px; width: auto; max-width: 0; height: auto; -webkit-font-smoothing: subpixel-antialiased; } } } } }*/ @media (min-width: 1399px) { .page-sidebar .primary-nav .nav-menu > li > a { font-size: 0.875rem; } } /* app navigation filter */ .nav-filter { margin: 0; opacity: 0; visibility: hidden; overflow: hidden; height: 0px; position: relative; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-filter input[type="text"] { padding: 8px 40px 8px 14px; width: 14.625rem; background: rgba(0, 0, 0, 0.4); color: #fff; } .nav-filter input[type="text"]:not(:focus) { border-color: rgba(0, 0, 0, 0.1); } .nav-filter input[type="text"]:focus { border-color: #775c9f; } .list-filter-active { /* these classes are triggered by JS */ } .list-filter-active .info-card { height: calc(9.53rem - 9.53rem); -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); } .list-filter-active .nav-filter { opacity: 1; visibility: visible; height: 60px; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); -webkit-transform: scale(1); transform: scale(1); } .list-filter-active .nav-title { display: none; } .list-filter-active .nav-menu { margin: 0; } .list-filter-active .nav-menu li > ul { padding: 0; } .list-filter-active .js-filter-hide { display: none; } .list-filter-active .js-filter-show { display: block; } /* only show filter message if lister filter is active */ .page-sidebar:not(.list-filter-active) .filter-message { display: none; } @media (min-width: 992px) { .nav-function-top .page-sidebar, .nav-function-minify .page-sidebar { /*.js-filter-hide, .js-filter-show { display:block; }*/ } .nav-function-top .page-sidebar .filter-message, .nav-function-top .page-sidebar .nav-filter, .nav-function-minify .page-sidebar .filter-message, .nav-function-minify .page-sidebar .nav-filter { display: none; } } /* app info card inside navigation */ .info-card { position: relative; width: 16.875rem; height: 9.53rem; color: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2rem; -webkit-transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); } .info-card img.cover { opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; height: auto; } .info-card .profile-image { width: 3.125rem; height: auto; display: inline-block; z-index: 2; position: relative; } .info-card .info-card-text { margin-left: 1rem; color: inherit; text-shadow: #000 0 1px; z-index: 1; position: relative; line-height: normal; } .info-card .info-card-text > span { font-weight: 300; } @media (min-width: 1399px) { .info-card:hover { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; will-change: opacity; } .info-card:hover img.cover { opacity: 0.7; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .info-card-text { font-size: 0.875rem; display: inline-block; vertical-align: middle; font-weight: 500; line-height: 1.35; } .info-card-text > span { font-size: 0.875rem; display: block; font-weight: 300; } /* app navigation made horizontal */ .nav-padel-left, .nav-padel-right { display: none; } @media (min-width: 992px) { .nav-function-top { /* digitally created elements */ /* hide elements when nav-function-top */ /* correct search field color */ /* reorder */ } .nav-function-top .nav-menu-wrapper { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .nav-function-top .hidden-nav-function-top { display: none !important; } .nav-function-top #search-field { color: #fff; } .nav-function-top:not(.header-function-fixed) #nff { position: relative; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { color: #da9400; color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff:after { content: "DISABLED"; display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } .nav-function-top .page-header { margin-top: 0; height: 4.125rem; background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #584475; position: absolute; top: 0; right: 0; left: 0; -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); } .nav-function-top .page-header .dropdown-icon-menu { display: none; } .nav-function-top .page-header #search-field { margin: 0 !important; } .nav-function-top .page-header .page-logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; width: initial; padding-left: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #a38cc6; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #beaed7; } .nav-function-top .page-header .badge.badge-icon { -webkit-box-shadow: 0 0 0 1px #7a59ad; box-shadow: 0 0 0 1px #7a59ad; } .nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { top: 4.125rem !important; } .nav-function-top .page-content-wrapper { margin-top: 7.625rem; } .nav-function-top .page-wrapper { padding-left: 0; } .nav-function-top .page-wrapper .page-footer { width: 100%; } .nav-function-top .page-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; height: 3.5rem; z-index: 999; padding: 0 0.625rem; background: #fff; -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); position: absolute; top: 4.125rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .nav-function-top .page-sidebar .page-logo, .nav-function-top .page-sidebar .nav-filter, .nav-function-top .page-sidebar .info-card, .nav-function-top .page-sidebar .nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 0; /* Make an auto-hiding scroller for the 3 people using a IE */ -ms-overflow-style: -ms-autohiding-scrollbar; /* Remove the default scrollbar for WebKit implementations */ } .nav-function-top .page-sidebar .primary-nav::-webkit-scrollbar { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu { margin: 0; margin-left: 2.90rem; /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */ padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-transition: margin 0.5s ease-out 0s; transition: margin 0.5s ease-out 0s; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li { display: inline-block; position: static; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a { -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% + 15px); right: calc(50% - 5px); font-size: 7px; height: 10px; width: auto; color: #24b3a4; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a { padding: .75rem 1.5rem .75rem 1rem; text-align: center; height: 100%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { width: inherit; margin: 0; margin-right: .5rem !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; color: inherit; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: normal; vertical-align: text-top; font-weight: 400; display: inline-block; /*override inline-flex*/ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge.clear-badge { left: 53%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { margin-left: 0.5rem; color: #a492c0; position: absolute; right: 0.5rem; top: 0; bottom: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign > em:before { content: "\f107"; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 25px !important; height: 25px !important; line-height: 16px !important; font-size: 0.8125rem !important; display: block !important; margin: 0 auto 4px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { font-size: .9rem; color: #584475; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; width: 13rem; height: auto !important; top: 3.5rem; position: absolute; background: #68518c; border-radius: 10px; -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); padding: 1rem 0; margin-top: 1rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li { width: 100%; position: relative; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { padding: 0.65rem 1.25rem; width: 100%; color: #bdafd1; max-height: none; -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text { display: block; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .dl-ref { margin-left: 0; margin-right: 5px; display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .ni > [class*='fa-'] { margin-left: 6px; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { background: #68518c; padding: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul li a { padding-left: 2rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { background: rgba(0, 0, 0, 0.1); color: #fff; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { content: ""; display: block; width: calc(100% + 100px); height: calc(100% + 120px); position: absolute; z-index: -1; left: -50px; top: -1rem; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 5rem; color: #68518c; overflow: hidden; display: block; top: -1.7rem; left: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { color: #886ab5; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul { display: block !important; animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } .nav-function-top .page-sidebar .nav-footer { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 24px; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-top .page-header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .nav-function-top .page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-function-top .page-sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .nav-function-top .page-content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (min-width: 1399px) { .nav-function-top .page-sidebar .primary-nav .nav-menu { /*li { ul { li { a { font-size: rem($fs-base); } } } }*/ } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 27px !important; height: 27px !important; line-height: 18px !important; margin: 0 auto 2px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > img { font-size: 22px; height: 22px; } } /* app navgation stays hidden */ @media (min-width: 992px) { .nav-function-hidden:not(.nav-function-top) .page-wrapper { padding-left: 0.625rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar { left: -16.25rem; z-index: 1001; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); position: absolute; top: 0; bottom: 0; will-change: left, right; /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top) .page-sidebar:after { content: ""; background: transparent; height: 100%; display: block; position: fixed; z-index: 1; top: 0; bottom: 0; left: 16.875rem; width: 2.1rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover { left: 0; -webkit-transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover:after { content: ""; z-index: -1; } .nav-function-hidden:not(.nav-function-top) .page-header { margin-left: 0; /* active button state for "nav-function-hidden" */ } .nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"] { background: #505050; border-color: #363636 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar { /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after { left: 0.625rem; } .nav-function-hidden.header-function-fixed:not(.nav-function-top) .page-header { margin-left: 0.625rem; } } /* app navigation stays fixed */ .nav-function-fixed:not(.nav-function-top) .page-sidebar { position: fixed !important; top: 0; bottom: 0; } .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 6.9375rem); } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv { height: calc(100% - 6.9375rem) !important; } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv .primary-nav { padding-bottom: 0; } @media (min-width: 992px) { .nav-function-fixed { /* * top navigation fixed for larger screens with nav on LEFT */ /* * top navigation fixed for larger screens with nav on TOP */ /* * center for left nav fixed with boxed layout */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: fixed !important; } .nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper { padding-left: 16.875rem; } .nav-function-fixed.nav-function-top.header-function-fixed .page-sidebar { position: fixed !important; -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); } .nav-function-fixed.nav-function-top.mod-main-boxed .page-sidebar { right: 0; left: 0; margin-right: auto; margin-left: auto; max-width: 1397px; } } @media (min-width: 1399px) { .nav-function-fixed { /* * top navigation fixed for extra large screens with nav on LEFT */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: absolute !important; } } /* app navigation stays minified */ @media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) { /* hide elements when nav-function-minify */ } .nav-function-minify:not(.nav-function-top) .hidden-nav-function-minify { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar { width: 4.6875rem; z-index: 1001; will-change: width; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo { width: 4.6875rem; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-link { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text + * { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card { height: 5.9375rem; width: 100%; padding: 1.21324rem 0; text-align: center; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card .profile-image + div { position: absolute; top: 0; width: 14.0625rem; text-align: left; display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav { overflow: hidden; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-title { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu { margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 7px; height: 10px; width: auto; color: #24b3a4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul { /*.dl-ref { display:none !important; }*/ } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .ni { font-size: 1.2375rem; margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 2.34375rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a:not(.livicon) > .badge:not(.clear-badge):first-child { margin-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; position: absolute; text-align: left; background: trasparent; padding-left: 1.375rem; color: #fff; top: 0; left: 5.6875rem; height: 100%; width: 13.75rem; font-weight: 500; margin-top: -1.563rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > b.collapse-sign { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { position: absolute; width: 13.75rem; left: 5.6875rem; background-color: #584475; margin-top: -5rem; padding-top: 3.75rem; border-radius: 4px .5rem .5rem .5rem; padding-bottom: 1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 3.5rem; left: -0.4125rem; color: #584475; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(270deg); overflow: hidden; display: block; top: 1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a { padding-left: 1.375rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > .ni { display: inline-block !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a { padding-left: 1.71875rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > .ni { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { overflow: visible; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: #614b82; color: #fff; overflow: visible; z-index: 10; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { top: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #584475; overflow: visible; border-radius: 4px 10px 10px 4px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 3.5rem; left: -7px; color: #584475; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(270deg); overflow: hidden; display: block; top: -9px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul { display: block !important; z-index: 1; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul:after { content: ""; display: block; position: absolute; height: calc(100% + 180px); width: calc(100% + 80px); top: -4.125rem; z-index: -1; left: -1rem; } .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { background: #505050; border-color: #363636 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper { padding-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar { left: -4.0625rem; overflow: visible; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar:hover { left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-header { margin-left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header { margin-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-hidden .page-header { margin-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden).mod-main-boxed .page-content-wrapper { padding-left: 0; } } /* app navigation footer */ .nav-footer { /*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent); background-image: linear-gradient(270deg, $nav-background-shade, transparent); background-color: $nav-background;*/ height: 2.8125rem; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-footer .nav-footer-buttons > li > a { display: block; color: #9782b7; height: 1.8125rem; line-height: 1.8125rem; margin-top: 1px; padding: 0 13px; overflow: visible; font-size: 1rem; } .nav-footer [data-class="nav-function-minify"] { display: none; } .nav-function-fixed .nav-footer { background: #584475; border: 0; } .nav-function-fixed .nav-footer:before { content: ' '; height: 1px; position: inherit; width: inherit; background: rgba(112, 87, 149, 0.2); background: -webkit-gradient(linear, left top, right top, from(#584475), color-stop(50%, #7c62a4), color-stop(50%, #7c62a4), to(#584475)); background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%); opacity: 0.5; } .nav-function-fixed .nav-footer:after { opacity: 0.1; } @media (min-width: 992px) { .nav-function-minify .nav-footer { background-color: #53406f; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] { display: block; width: 100%; height: 2.8125rem; line-height: 2.8125rem; font-size: 1.1875rem; vertical-align: middle; color: #876fab; text-align: center; text-decoration: none; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :first-child { margin-right: -4px; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :only-child { margin: 0; } .nav-function-minify .nav-footer:hover { background-color: #5f497f; } .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { color: #a8a6ac; margin-left: 7px; } .nav-function-minify .nav-footer .nav-footer-buttons { display: none; } } /* app wrapper */ .page-wrapper { position: relative; } .page-inner { min-height: 100vh; } .page-wrapper, .page-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .page-content-wrapper { background-color: #faf8fb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 0; min-width: 0; max-width: 100%; min-height: 1px; } /* app content heading */ .subheader:not(:empty) { margin-bottom: calc(1.5rem + 0.625rem); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subheader-icon { color: #a8a6ac; margin-right: 0.25rem; } .subheader-title { font-size: 1.375rem; font-weight: 500; color: #505050; text-shadow: #fff 0 1px; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .subheader-title sup.badge { text-shadow: none; position: absolute; margin-top: 0.4rem; margin-left: 0.25rem; font-size: 40%; padding: 2px 5px; line-height: normal; } .subheader-title small { font-weight: 400; color: #838383; margin-bottom: 0; font-size: 0.875rem; } /* app content */ .page-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } /*@include media-breakpoint-up($mobile-breakpoint) { .nav-function-top { .page-content { min-height: calc(100vh - 10.4375rem) } } } */ /* app footer */ .page-footer { height: 2.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #4d4d4d; font-size: 0.8125rem; padding: 0 2rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } /* app footer stays fixed */ .footer-function-fixed .page-footer { position: fixed; right: 0; left: 16.875rem; bottom: 0; z-index: 1000; border-top: 1px solid rgba(0, 0, 0, 0.08); } .footer-function-fixed .page-content { padding-bottom: 4.8125rem !important; } .footer-function-fixed.nav-function-minify .page-footer { left: 4.6875rem; } .footer-function-fixed.nav-function-top .page-footer { left: 0; } .footer-function-fixed.nav-function-hidden .page-footer { left: 0.625rem; } .footer-function-fixed.mod-main-boxed .page-footer { width: 100%; max-width: 1397px; margin: 0 auto !important; padding-left: 18.875rem; left: 0; } .footer-function-fixed.mod-main-boxed.nav-function-top .page-footer { padding-left: 2rem; } .footer-function-fixed.mod-main-boxed.nav-function-minify .page-footer { padding-left: 6.6875rem; } .footer-function-fixed.mod-main-boxed.nav-function-hidden .page-footer { padding-left: 2.625rem; } @media only screen and (max-width: 992px) { .footer-function-fixed .page-footer { left: 0; } } /* app error page */ .alt { padding: 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .alt .page-footer { width: 100% !important; } .page-error { font-size: 600% !important; font-weight: bold !important; } .page-error small { font-size: 40%; font-weight: 500; } .h-alt-f { height: calc(100vh - 11.4375rem); width: 100%; } .h-alt-hf { height: calc(100vh - 15.5625rem); width: 100%; } .nav-function-top .h-alt-hf { height: calc(100vh - 19.0625rem); } /* various app components (see docs for the full list) */ .accordion .card .card-header { cursor: pointer; margin: 0; padding: 0; border-bottom: 0; background-color: #f7f9fa; } .accordion .card .card-header .card-title { padding: 1rem 1rem; margin: 0; font-size: 0.875rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #886ab5; } .accordion .card .card-header .card-title.collapsed { color: #838383; } .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-title, .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-left: 0 !important; padding-right: 0 !important; } .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-top: 0; } .accordion.accordion-clean .card-header { background: #fff; } .accordion.accordion-clean .card { border-left: 0; border-right: 0; } .accordion.accordion-clean .card:first-child { border-top: 0; } .accordion.accordion-clean .card:last-child { border-bottom: 0; } .accordion.accordion-clean.accordion-outline .card-title, .accordion.accordion-clean.accordion-outline .card-body, .accordion.accordion-clean.accordion-hover .card-title, .accordion.accordion-clean.accordion-hover .card-body { padding-left: 1rem !important; padding-right: 1rem !important; } .accordion.accordion-outline .card { margin-bottom: 1rem; border: 2px solid rgba(0, 0, 0, 0.08) !important; border-radius: 4px !important; } .accordion.accordion-hover .card-title { -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .accordion.accordion-hover .card-header { background: #fff; } .accordion.accordion-hover .card-header:hover .card-title.collapsed { color: #fff; background-color: #a38cc6; } .accordion.accordion-hover .card-title:not(.collapsed) { color: #fff; background-color: #886ab5; } /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 does not allow you to add your own alert colors via variable control rather through a systemetic agent that changes the theme colors. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 */ .alert-primary { color: dimgray; background-color: #f3f1f5; border-color: #d6d3da; } .alert-success { color: #45a197; background-color: #f7fdfc; border-color: #a3ebe4; } .alert-danger { color: #e7026e; background-color: #ffe5f1; border-color: #fe9ecb; } .alert-warning { color: #c18300; background-color: #fff8e9; border-color: #ffcd65; } .alert-info { color: #0a6ebd; background-color: #e3f2fd; border-color: #82c4f8; } .alert-secondary { color: #505050; background-color: #fbfbfb; border-color: gainsboro; } .alert-icon { width: 2.5rem; } .alert-icon > i { font-size: 1.75rem; } .alert-icon + div { padding-left: 0.25rem; } .badge.badge-icon { position: absolute; display: inline-block; background-color: #fd3995; color: #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; cursor: default; border: 1px solid transparent; font-size: 0.625rem; min-width: 1rem; max-width: 1.6875rem; padding: 0 3px; border-radius: 1.25rem; font-weight: 500; line-height: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /* when self is relative */ vertical-align: middle; } /* parent position needs to be relative, and turn off waves function */ .btn-icon .badge { top: auto; } .btn-icon .badge.pos-top { margin-top: -4px; } .btn-icon .badge.pos-bottom { margin-bottom: -4px; } .btn-icon .badge.pos-left { margin-left: -4px; } .btn-icon .badge.pos-right { margin-right: -4px; } .page-breadcrumb { padding: 0; background: transparent; margin: 0 0 1.5rem; position: relative; text-shadow: #fff 0 1px; } .breadcrumb > li > a { text-decoration: none !important; } .breadcrumb > li.breadcrumb-item { max-width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .breadcrumb > li.breadcrumb-item:hover { max-width: 200px !important; cursor: default; } [data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before { content: attr(data-breadcrumb-seperator); } .breadcrumb-lg > li { font-size: 1rem; } .breadcrumb-sm > li { font-size: 0.6875rem; } [class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; font-family: Font Awesome\ 5 Pro; } .breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { content: "\f105"; } .breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { content: "\f178"; } .breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { content: "\f054"; } .breadcrumb-arrow { padding: 0; background: transparent; } .breadcrumb-arrow li.active { font-weight: 500; opacity: 0.5; } .breadcrumb-arrow li a { color: white; display: inline-block; background: #838383; text-decoration: none; position: relative; height: 2.5em; line-height: 2.5em; padding: 0 10px 0 5px; text-align: center; margin-right: 22px; } .breadcrumb-arrow li:nth-child(even) a { background-color: #838383; } .breadcrumb-arrow li:nth-child(even) a:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li:nth-child(even) a:after { border-left-color: #838383; } .breadcrumb-arrow li:first-child a { padding-left: 0.938em; border-radius: 4px 0 0 4px; } .breadcrumb-arrow li:first-child a:before { border: none; } .breadcrumb-arrow li:last-child a { padding-right: 0.938em; border-radius: 0 4px 4px 0; } .breadcrumb-arrow li:last-child a:after { border: none; } .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after { content: ""; position: absolute; top: 0; border: 0 solid #838383; border-width: 1.250em 10px; width: 0; height: 0; } .breadcrumb-arrow li a:before { left: -20px; border-left-color: transparent; } .breadcrumb-arrow li a:after { left: 100%; border-color: transparent; border-left-color: #838383; } .breadcrumb-arrow li a:hover { background-color: #886ab5; } .breadcrumb-arrow li a:hover:before { border-color: #886ab5; border-left-color: transparent; } .breadcrumb-arrow li a:hover:after { border-left-color: #886ab5; } .breadcrumb-arrow li a:active { background-color: #838383; } .breadcrumb-arrow li a:active:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li a:active:after { border-left-color: #838383; } /* btn switch */ .btn-switch { background: dimgray; padding: 2px 8px 1px 22px; font-size: 10px; line-height: 15px; border-radius: 20px; text-transform: uppercase; color: white; font-weight: 500; min-width: 55px; height: 20px; margin-top: 5%; position: relative; overflow: hidden; } .btn-switch:hover { -webkit-transform: scale(1.1); transform: scale(1.1); color: white; } .btn-switch:before { content: "OFF"; position: absolute; right: 7px; } .btn-switch:after { content: " "; text-align: center; color: white; width: 16px; height: 16px; position: absolute; background: #fff; padding: 1px; left: 0; top: 0; line-height: normal; margin: 1px; border-radius: 50%; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .btn-switch.active { color: #fff; background: #886ab5; } .btn-switch.active:before { content: "ON"; left: 7px; right: auto; color: white; } .btn-switch.active:after { content: " "; right: 0; left: auto; background: #fff; color: #886ab5; } /* button used to close filter and mobile search */ .btn-search-close { position: absolute !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px 5px; border-radius: 3px; color: #fff; right: 8px; top: 0; left: 0; bottom: 0; margin: auto 0 auto auto; width: 20px; height: 20px; } /* buttons used in the header section of the page */ .header-btn[data-class='mobile-nav-on'] { border-color: #fc077a; background-color: #fd2087; background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); background-image: linear-gradient(to top, #fd2087, #e7026e); color: #fff; width: 3.875rem; } /* btn widths */ .btn-w-m { min-width: 85px; } .btn-w-l { min-width: 130px; } .btn-m-s { margin: 3px 1px; } .btn-m-l { margin: 3px 2.5px; } /* dropdown btn */ /* used on info card pulldown filter */ .pull-trigger-btn { position: absolute !important; top: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: rgba(0, 0, 0, 0.4); padding: 0px 9px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0 0 20px 20px; text-decoration: none; font-size: 17px; height: 21px; width: 31px; color: #fff !important; line-height: 20px; text-align: center; -webkit-transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); -webkit-box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); opacity: 1; } .pull-trigger-btn:hover { font-size: 23px; height: 25px; width: 35px; line-height: 23px; background: #886ab5; border-color: #7a59ad; -webkit-box-shadow: 0px 0px 10px #5790b3; box-shadow: 0px 0px 10px #5790b3; } /* buttons dropshadow */ /*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']), [class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/ .btn-shadow, .btn-shadow:focus { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .btn-shadow:active, .btn-shadow .active, .btn-shadow:focus:active, .btn-shadow:focus .active { -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; } .btn-shadow:not(.disabled):not([disabled]):hover, .btn-shadow:focus:not(.disabled):not([disabled]):hover { -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); } .btn:active { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } /*.btn-group { [class*='btn-'] { box-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important; } }*/ .btn-light { border-color: rgba(0, 0, 0, 0.15); } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:hover { border-color: rgba(0, 0, 0, 0.25); } .show > .btn-light.dropdown-toggle { border-color: rgba(0, 0, 0, 0.25); } /* btn misc */ .btn-outline-default { background-color: transparent; color: #212529; border-color: #E5E5E5; } .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #212529; background-color: #f9f9f9; border-color: #E5E5E5; } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #212529; background-color: transparent; } .btn-pills { border-radius: 15px; } /* new btn size */ .btn-xs, .btn-group-xs > .btn { padding: 1px 0.844rem; font-size: .7rem; line-height: 1.5; border-radius: .25rem; } /* btn shadows */ .btn-primary { -webkit-box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); } .btn-secondary { -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); } .btn-success { -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); } .btn-info { -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } .btn-warning { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); } .btn-danger { -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); } .btn-light { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } .btn-dark { -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); } /* btn icon */ .btn-icon { width: calc(2.1rem + 2px); padding: 0; line-height: 2.1rem; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover { background-color: rgba(0, 0, 0, 0.05); border-color: transparent; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) { background: transparent; color: #434343; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):focus { border-color: rgba(80, 80, 80, 0.1) !important; } .btn-icon.btn-xs { width: calc(1.15rem + 2px); line-height: 1.15rem; } .btn-icon.btn-sm { width: calc(1.5rem + 2px); line-height: 1.5rem; } .btn-icon.btn-lg { width: calc(3rem + 2px); line-height: 3rem; } .btn-icon-light { color: rgba(255, 255, 255, 0.7) !important; border-color: transparent !important; } .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { color: rgba(255, 255, 255, 0.7) !important; } .btn-icon-light:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.2) !important; } .card-header { color: inherit; background-color: #f7f9fa; } .card-header small { margin: 0; opacity: 0.8; font-weight: 400; font-size: 85%; } /* remove extra margin in card child items */ .card, .card-group { -webkit-box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); } .card > :last-child, .card-group > :last-child { margin-bottom: 0px; } .accordion > .card { -webkit-box-shadow: none; box-shadow: none; } .card-group > .card { -webkit-box-shadow: none; box-shadow: none; } /* remove wierd line height issue */ .card-header-pills, .card-header-tabs { font-size: 0; } .card-header-pills .nav-link, .card-header-tabs .nav-link { font-size: 0.8125rem; } /* card title */ .card-title { font-size: 0.9375rem; } .card-header .card-title { display: inline-block; padding: 0; margin: 0 0.5rem 0 0; } .carousel-indicators li { border-radius: 50%; } .carousel-control-prev:hover { /*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .carousel-control-next:hover { /*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .dropdown-header.bg-trans-gradient { padding: 1.25rem 1.5rem; } /* dropdown-item hover menu*/ .dropdown-menu-animated { -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); opacity: 0; visibility: hidden; display: block; } /* various sizes */ .dropdown-menu { -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); -webkit-user-select: text; } .dropdown-menu .dropdown-item { font-weight: 400; cursor: pointer; } .dropdown-menu.dropdown-sm { width: 8rem; height: auto; } .dropdown-menu.dropdown-md { width: 14rem; height: auto; } .dropdown-menu.dropdown-lg { width: 17.5rem; height: auto; } .dropdown-menu.dropdown-xl { width: 21.875rem; height: auto; } .dropdown-menu .dropdown-item:first-child, .dropdown-menu .dropdown-item:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } /* replace bootstrap's default arrow */ .dropdown-toggle:after, .dropleft .dropdown-toggle:before { text-align: center; display: inline; border: 0 !important; font-family: 'Font Awesome 5 Pro'; content: "\f107" !important; vertical-align: top !important; position: relative; } .dropup .dropdown-toggle:after { content: "\f106" !important; } .dropright .dropdown-toggle:after { content: "\f105" !important; } .dropleft .dropdown-toggle:before { content: "\f104" !important; } .nav-item .dropdown-toggle:after { font-size: 0.90em; } /* remove arrow */ .dropdown-toggle.no-arrow:before, .dropdown-toggle.no-arrow:after { display: none !important; } /* dropdown menu multi-level */ .dropdown-menu .dropdown-menu { margin: 0; padding: 0; border-radius: 0; position: absolute; top: -1px; left: 100%; background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transition-delay: 500ms; transition-delay: 500ms; opacity: 0; visibility: hidden; display: block; } .dropdown-menu .dropdown-menu .dropdown-item { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .dropdown-menu .dropdown-multilevel { position: relative; /* it is displayed on right by default */ /* add arrow */ } .dropdown-menu .dropdown-multilevel.dropdown-multilevel-left > .dropdown-menu { right: 100%; left: auto; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { content: "\f2fb"; font-family: 'nextgen-icons'; font-size: inherit; position: absolute; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 1.5rem; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background: #f8f9fa; color: #6e4e9e; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu { -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; } .icon-stack { position: relative; display: inline-block; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; text-align: center; } .icon-stack-1x, .icon-stack-2x, .icon-stack-3x { position: absolute !important; left: 0; bottom: 0; width: 100%; text-align: center; line-height: inherit !important; } .icon-stack-1x { font-size: 0.5em; } .icon-stack-2x { font-size: 0.70em; /*padding-right: 0.025em;*/ } .icon-stack-3x { font-size: 1em; } .icon-stack-xl { font-size: 3.125rem; } .icon-stack-lg { font-size: 2.5rem; } .icon-stack-md { font-size: 2.125rem; } .icon-stack-sm { font-size: 1.875rem; } .filter-message { display: block; text-align: center; padding: 2px; font-size: 0.6875rem; text-transform: capitalize; font-style: italic; width: calc(100% - 60px); max-width: 180px; border-radius: 4px; margin: 1rem auto; } .filter-message:empty { display: none; } .js-list-filter:not(.primary-nav) { /* these classes are triggered by JS */ /*.js-filter-show { display:block !important; }*/ } .js-list-filter:not(.primary-nav) .js-filter-hide { display: none !important; } .js-list-filter.nav-menu:not(.primary-nav) .js-filter-show { display: block !important; } .loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.5); color: inherit; z-index: 10; /* The use of translate3d pushes CSS animations into hardware acceleration. Even if you're looking to do a basic 2d translation, use translate3d for more power! If your animation is still flickering after switching to the transform above, you can use a few little-known CSS properties to try to fix the problem: */ /*-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; */ } /*:not(.enable-loader) .loader { > * { animation: pause; } }*/ .enable-loader:before { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .enable-loader .loader { display: -webkit-box; display: -ms-flexbox; display: flex; } #msgr_listfilter_input { width: calc(100% - 1rem); margin: 0 auto; margin-top: -41px; padding-left: 41px; margin-bottom: 10px; opacity: 0; background: transparent; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .msgr-list { width: 14.563rem; right: -11.438rem; z-index: 101; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .msgr-list + .msgr { width: calc(100% - 3.125rem); height: 100%; } .msgr-list + .msgr:before { content: ''; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 100; -webkit-transition-delay: 100ms; transition-delay: 100ms; opacity: 0; visibility: hidden; } .msgr-list:hover { right: 0; border-left-color: rgba(0, 0, 0, 0.1); } .msgr-list:hover #msgr_listfilter_input { opacity: 1; } .msgr-list:hover + .msgr:before { opacity: 1; visibility: visible; } /*.msgr-chatinput { min-height: 110px; max-height: 160px; [contenteditable="true"] { min-height:50px; max-height:110px; } }*/ /*.msgr-chatinput-icons { height: 40px; }*/ /*.msgr-chatinput-container { > div { border-top: 1px solid rgba($black,0.07); } }*/ /* IE HACK */ /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { [contenteditable="true"] { height: 110px; } }*/ .chat-segment-get { text-align: left; position: relative; margin: 0 2rem 0.5rem 0; } .chat-segment-get.chat-start .chat-message { border-bottom-left-radius: 3px; } .chat-segment-get.chat-start + :not(.chat-end) .chat-message { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .chat-segment-get.chat-end .chat-message { border-top-left-radius: 3px; } .chat-segment-get .chat-message { background: #f1f0f0; color: rgba(0, 0, 0, 0.8); text-align: left; } .chat-segment-sent { text-align: right; position: relative; margin: 0 0 .5rem 3rem; } .chat-segment-sent.chat-start .chat-message { border-bottom-right-radius: 3px; } .chat-segment-sent.chat-start + :not(.chat-end) .chat-message { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .chat-segment-sent.chat-end .chat-message { border-top-right-radius: 3px; } .chat-segment-sent .chat-message { background: #1dc9b7; color: white; text-align: left; } .chat-message { padding: 0.75rem 1rem; border-radius: 0.625rem; position: relative; display: inline-block; } .chat-message > p { padding: 0.75rem 0 0; margin: 0; } .chat-message > p:first-child { padding-top: 0; } .chat-start { margin-bottom: 3px !important; } .chat-start .time-stamp { display: none; } .chat-start + .chat-segment:not(.chat-end) { margin-bottom: 3px !important; } .chat-start + .chat-segment:not(.chat-end) .time-stamp { display: none; } /* modal shadow */ .modal-content { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } /* adjustments */ .modal.show .modal-dialog { -webkit-transform: none; transform: none; } /* alert modal */ .modal-alert { padding: 0 !important; /* overriding bootstrap generated style */ /*.modal-body { padding: 0.5rem 0; } */ } .modal-alert .modal-dialog { max-width: 100% !important; /* overriding bootstrap css for all media queries */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 3.5rem); -webkit-transform: none !important; transform: none !important; /* overriding bootstrap css */ } .modal-alert .modal-content { background-color: rgba(0, 0, 0, 0.8); border-radius: 0; padding: 1.5rem 1rem 1rem; } .modal-alert .modal-title { font-size: 1.5rem; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal-alert .modal-header, .modal-alert .modal-body, .modal-alert .modal-footer { /*left: 20%; width: 60%;*/ width: 100%; max-width: 992px; margin: 0 auto; padding: 0; color: #fff; position: relative; } .modal-alert .close { color: #fff; text-shadow: 0 1px 0 #000; } /* transparent modal */ .modal-transparent .modal-content { -webkit-box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); } .modal-transparent .modal-content { background: rgba(40, 36, 47, 0.85); } /* transparent backdrop */ .modal-backdrop-transparent { background: transparent; } /* fullscreen modal */ .modal-fullscreen { padding: 0 !important; } .modal-fullscreen .modal-content { border-radius: 0; border-width: 0; } .modal-fullscreen .modal-dialog { max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); } .modal-fullscreen .modal-dialog .modal-content { height: calc(100vh - 80px); } /* top */ .modal-dialog-top, .modal-dialog-bottom { position: absolute; top: 0; margin: 0; min-width: 100%; } .modal-dialog-top .modal-dialog, .modal-dialog-bottom .modal-dialog { width: 100%; max-width: 100%; margin: 0; } .modal-dialog-top .modal-content, .modal-dialog-bottom .modal-content { border-radius: 0px; border: 0; } .modal-dialog-bottom { top: auto; bottom: 0; } .modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } /* left */ .modal-dialog-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 !important; } .modal-dialog-left .modal-content { min-height: 100%; border-width: 0; border-radius: 0; } .modal.fade .modal-dialog-left { -webkit-transform: translate(-25%, 0); transform: translate(-25%, 0); } /* right */ .modal-dialog-right { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0 !important; border-width: 0px; } .modal-dialog-right .modal-content { min-height: 100%; border-width: 0; border-radius: 0; } .modal.fade .modal-dialog-right { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* modal size */ .modal-md { max-width: 350px; } .pagination .page-item:not(:first-child) { margin-left: 0.4rem; } .pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link { background: #e7e1f0; } .pagination .page-link { border-radius: 4px; border-width: 0px; } .pagination .page-link:hover { background-color: #886ab5 !important; color: #fff; } .pagination.pagination-xs .page-link { padding: 0.2rem 0.5rem; font-size: 0.75rem; } .panel-fullscreen { overflow: hidden; max-width: 100%; } .panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background-color: #fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); margin-bottom: 1.5rem; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid #e0e0e0; border-radius: 4px; -webkit-transition: border 500ms ease-out; transition: border 500ms ease-out; /* panel container */ /* panel refresh */ /* panel fullscreen */ /* panel collapse */ /*&.panel-collapsed:not(.panel-fullscreen) { .panel-container { display:none; } }*/ /* panel locked */ } .panel .panel-container { position: relative; border-radius: 0 0 4px 4px; } .panel .panel-container .panel-content { padding: 1rem 1rem; } .panel .panel-container .panel-content:only-child, .panel .panel-container .panel-content:last-child { border-radius: 0 0 4px 4px; } .panel.panel-refresh .js-panel-refresh { opacity: 0.5; cursor: wait; } .panel.panel-fullscreen { position: fixed !important; /* there is a bug with jquery ui, so we have to add !important rule here */ z-index: 2055; top: 0; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; width: 100vw !important; max-width: 100vw !important; border-radius: 0; border: 0; /*display: flex; flex-direction: column;*/ /* make panel header bigger */ } .panel.panel-fullscreen [data-action="panel-collapse"], .panel.panel-fullscreen .js-panel-collapse, .panel.panel-fullscreen [data-action="panel-close"], .panel.panel-fullscreen .js-panel-close { display: none !important; } .panel.panel-fullscreen .panel-hdr { height: 4.125rem; border-radius: 0; -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); /* make panel header bigger */ } .panel.panel-fullscreen .panel-hdr h2 { font-size: 1.125rem; font-weight: 400; } .panel.panel-fullscreen .js-panel-locked { display: none; } .panel.panel-fullscreen .btn-panel[data-action="panel-fullscreen"], .panel.panel-fullscreen .js-panel-fullscreen { width: 1.5rem; height: 1.5rem; } .panel.panel-fullscreen .panel-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; border-radius: 0; display: block !important; } .panel.panel-locked:not(.panel-fullscreen) .js-panel-locked { font-weight: bold; } .panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before { font-family: 'nextgen-icons'; content: "\f2ae"; position: absolute; top: 0; bottom: 0; right: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1rem; color: #fd3995; } .panel.ui-sortable-helper { -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); /*.panel-toolbar { -webkit-filter: grayscale(100%); Safari 6.0 - 9.0 filter: grayscale(100%); }*/ } /* panel tag can be used globally */ .panel-tag { padding: 1rem 1rem; margin-bottom: 2rem; border-left: 3px solid #1dc9b7; background: #eef7fd; opacity: 0.8; font-weight: 400; font-size: 0.875rem; border-radius: 0px 8px 8px 0px; } .panel-tag > *:last-child, .panel-tag > *:only-child { margin-bottom: 0; } .panel-tag:only-child { margin-bottom: 0; } /* panel header */ .panel-hdr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; min-height: 3rem; border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px 4px 0 0; -webkit-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; /* add padding to first and last child */ /* adjusts title */ } .panel-collapsed .panel-hdr { border-radius: 4px; } .panel-hdr > :first-child { padding-left: 1rem; } .panel-hdr > :last-child { padding-right: 1rem; } .panel-hdr h2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 3rem; color: inherit; color: #333; position: relative; font-weight: 500; /* panel header icon */ } .panel-hdr h2:not(:only-child) { margin-right: 0.66667rem; } .panel-hdr h2 > [class*='fw-'] { margin-left: 4px; } .panel-hdr h2 small { display: inline-block; margin: 0; opacity: 0.8; font-weight: 400; font-size: 0.75rem; margin-left: 0.5rem; } .panel-hdr h2 .panel-icon { margin-right: 0.5rem; } .panel-hdr[class^="bg-"] h2, .panel-hdr[class*=" bg-"] h2 { color: inherit; } /* panel tap highlight */ .panel-sortable:not(.panel-locked).ui-sortable-helper { /*.panel-hdr { &:active { border-top-color: rgba($primary-300, 0.7); border-left-color: rgba($primary-500, 0.7); border-right-color: rgba($primary-500, 0.7); & + .panel-container { border-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7); } } }*/ } .panel-sortable:not(.panel-locked).ui-sortable-helper:active { border-color: rgba(0, 0, 0, 0.15); } /*.panel-sortable .panel-hdr:active, .panel-sortable .panel-hdr:active + .panel-container { @include transition-border(0.4s, ease-out); }*/ .panel-sortable.panel-locked { /*.panel-hdr { &:active { border-top-color: $danger-300; border-left-color: $danger; border-right-color: $danger; & + .panel-container { border-color: transparent $danger $danger; } } }*/ } /* panel toolbar (sits inside panel header) */ .panel-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* we curve the last button to make it seamless with panel's border radius */ } .panel-toolbar .btn-panel { margin-left: 0.3rem; padding: 0; width: 1rem; height: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; opacity: 0.8; /* add default colors for action buttons */ /*&:after { content: ""; position: absolute; border: 1px solid rgba($white, 0.6); border-radius: 50%; width: calc(100% + 2px); height: calc(100% + 2px); right: -1px; top: -1px; }*/ } .panel-toolbar .btn-panel:hover { opacity: 1; } .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { background: #1dc9b7; } .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { background: #ffc241; } .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { background: #fd3995; } .panel-toolbar .btn-toolbar-master { height: 3rem; width: 1.826875rem; /* stop flickering bug due to cpu latency */ border-radius: 0; margin-right: -1rem; border-top-right-radius: 3px; margin-left: 0.5rem; padding: 0 13px; background: transparent; border: 0; font-size: 1.5625rem; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel-toolbar .btn-toolbar-master[aria-expanded="true"] { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .panel-toolbar .btn-toolbar-master + .dropdown-menu { right: 0; top: 3rem; left: auto !important; margin: 0; border-radius: 0; } .panel-toolbar .btn-panel-flat:last-child { border-top-right-radius: 3px; } .panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle { cursor: move; } /* placeholder */ .panel-placeholder { background-color: #e8e6ec; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; border-radius: 5px; position: relative; overflow: hidden; border: 1px solid transparent; /* placeholder border animation */ } .panel-placeholder:before, .panel-placeholder:after { content: " "; background-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=); border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3; } .panel-placeholder:before { background: #e8e6ec; margin: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; z-index: 1; } .mod-panel-clean { /*.panel-container { .panel-content:first-child { padding-top: $p-1; } }*/ } .mod-panel-clean .panel-hdr { background: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); background-image: linear-gradient(to bottom, #f7f7f7, #fff); -webkit-box-shadow: none; box-shadow: none; } .mod-panel-clean .panel-hdr h2 { color: #333; font-weight: 500; } @media only screen and (max-width: 420px) { /* making mobile spacing a little narrow */ .panel .panel-hdr { font-size: 0.875rem; min-height: -1rem; } .panel .panel-hdr > :first-child { padding-left: 10px; } .panel .panel-hdr > :last-child { padding-right: 10px; } .panel .panel-hdr .panel-toolbar .btn-toolbar-master { margin-right: -10px; } .panel .panel-container .panel-content:first-child { padding: 10px; } } /* print only selected panel when on fullscreen */ @media print { .panel-fullscreen .subheader, .panel-fullscreen .page-breadcrumb, .panel-fullscreen .page-content .panel:not(.panel-fullscreen) { display: none; } .panel-fullscreen .panel-hdr, .panel-fullscreen .panel-container, .panel-fullscreen .panel-content, .panel-fullscreen h2 { border: none; padding: 0 !important; } .panel-fullscreen .panel { margin: 0; } } .popover { -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); margin: 12px; } .popover .arrow { border-color: inherit; } .popover .popover-header { font-weight: 500; font-size: 0.875rem; border-radius: 0.5rem 0.5rem 0 0; border-bottom-width: 0px; } .popover .popover-body { padding: 0; } .popover-body:not(:empty) { padding: 0 1rem 1rem; } .popover-header:empty + .popover-body { padding-top: 1rem; } .progress-xs { height: 5px; } .progress-sm { height: 8px; } .progress-md { height: 14px; } .progress-lg { height: 20px; } .progress-xl { height: 30px; } /*$app-shortcut-btn-size: 49px; $menu-item-size: 45px; $menu-items:5; $menu-grid-icon: 5px; $menu-item-direction: 'top'; //top or left*/ .menu-item, label.menu-open-button { background: #886ab5; border-radius: 50%; width: 45px; height: 45px; position: absolute !important; padding: 0; right: 0; bottom: 0; color: #fff !important; text-align: center; line-height: 45px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } .menu-item:hover, label.menu-open-button:hover { background: #6e4e9e; } .shortcut-menu { position: fixed; right: 1.5rem; bottom: 4.3125rem; z-index: 931; } .menu-open { display: none; } .menu-item, label.menu-open-button { font-size: 16px; } label.menu-open-button { z-index: 932; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; transition-duration: 400ms; cursor: pointer; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .app-shortcut-icon { width: 5px; height: 5px; background: #ecf0f1; color: #ecf0f1; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; } .menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0); transform: scale(0.9, 0.9) translate3d(0, 0, 0); background: #505050; } .menu-open:checked + .menu-open-button .app-shortcut-icon { -webkit-box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); } .menu-open:checked ~ .menu-item { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .menu-open:checked ~ .menu-item:nth-child(3) { -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transform: translate3d(0, -48px, 0); transform: translate3d(0, -48px, 0); } .menu-open:checked ~ .menu-item:nth-child(4) { -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: translate3d(0, -96px, 0); transform: translate3d(0, -96px, 0); } .menu-open:checked ~ .menu-item:nth-child(5) { -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transform: translate3d(0, -144px, 0); transform: translate3d(0, -144px, 0); } .menu-open:checked ~ .menu-item:nth-child(6) { -webkit-transition-duration: 450ms; transition-duration: 450ms; -webkit-transform: translate3d(0, -192px, 0); transform: translate3d(0, -192px, 0); } .menu-open:checked ~ .menu-item:nth-child(7) { -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transform: translate3d(0, -240px, 0); transform: translate3d(0, -240px, 0); } /* set base height for slider */ .slide-on-mobile { width: 15rem; } @media only screen and (max-width: 992px) { /* SIDE PANELS */ .slide-on-mobile { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 950; position: absolute !important; top: 0; bottom: 0; background-color: #f8f9fa; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .slide-backdrop { background: transparent; -webkit-transition: background 300ms; transition: background 300ms; } .slide-on-mobile-left { border-right: 1px solid rgba(0, 0, 0, 0.09); /* new solution */ left: -15rem; } .slide-on-mobile-left-show { left: 0; } .slide-on-mobile-right { border-left: 1px solid rgba(0, 0, 0, 0.09); right: -15rem; } .slide-on-mobile-right-show { right: 0; } /* place the backdrop right after these classes */ .slide-on-mobile-right-show + .slide-backdrop, .slide-on-mobile-left-show + .slide-backdrop { background: rgba(0, 0, 0, 0.09); position: absolute; z-index: 948; left: 0; right: 0; bottom: 0; top: 0; } } /* bootstrap override table stripe .table.table-striped:not(.table-bordered) th, .table.table-striped:not(.table-bordered) tbody th, .table.table-striped:not(.table-bordered) tbody td { border: 0; } */ .table thead[class^="bg-"] tr > th, .table thead[class*=" bg-"] tr > th { border-top: 0; border-bottom: 0; } .table tr[class^="bg-"] > td, .table tr[class^="bg-"] > th, .table tr[class*=" bg-"] > td, .table tr[class*=" bg-"] > th { border-top: 0 !important; } .thead-themed { background-color: #f2f2f2; background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fafafa)); background-image: linear-gradient(to top, #f2f2f2, #fafafa); } .table-dark .thead-themed { background-color: #363636; background-image: -webkit-gradient(linear, left bottom, left top, from(#363636), to(#2a2a2a)); background-image: linear-gradient(to top, #363636, #2a2a2a); } .table-bordered[class*=" bg-"], .table-bordered[class*=" bg-"] td, .table-bordered[class*=" bg-"] th, .table-bordered[class^="bg-"], .table-bordered[class^="bg-"] td, .table-bordered[class^="bg-"] th { border: 1px solid rgba(255, 255, 255, 0.1); } .table-bordered [class*=" bg-"] td, .table-bordered [class*=" bg-"] th, .table-bordered [class^="bg-"] td, .table-bordered [class^="bg-"] th { border: 1px solid rgba(0, 0, 0, 0.1); } /* table hover */ .table-hover tbody tr:hover { -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); z-index: 1; } /* reset table (global) */ th { font-weight: 500; } .table-clean { background: transparent; border: none; } .table-clean tr, .table-clean td, .table-clean th { border: none; background: none; } .table-scale-border-top { border-top: 2px solid #505050 !important; } .table-scale-border-bottom { border-bottom: 2px solid #505050 !important; } /* nav tabs panel */ .nav-tabs-clean { height: 45px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs-clean .nav-item .nav-link { border-radius: 0; border: 0; height: 45px; /*font-size: rem($fs-md); font-weight: 500;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid transparent; } .nav-tabs-clean .nav-item .nav-link.active { border-bottom: 1px solid #886ab5; color: #886ab5; } .nav-tabs-clean .nav-item .nav-link:hover { color: #886ab5; } /* hack for waves effect breaking tabs */ /*.nav-tabs .nav-item > .nav-link.waves-effect { height: 100% !important; display: block; }*/ /* fontsize for tabs */ .nav-tabs .nav-item .nav-link:not(:hover) { color: inherit; } .nav-tabs .nav-item .nav-link.active:not(:hover) { color: #333; } .nav-tabs .nav-item .nav-link:hover:not(.active) { color: inherit; } .nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) { font-weight: 500; font-size: 0.8125rem; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #886ab5; } .tooltip-inner { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-weight: 500; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } /*.tooltip .arrow { display: none; }*/ /* #MISC - misc styles, helpers, effects and hacks ========================================================================== */ /* height & width auto */ .h-auto { height: auto !important; } .w-auto { width: auto !important; } .min-height-reset { min-height: initial !important; } .max-width-reset { max-width: none !important; } .max-height-reset { max-height: none !important; } /* width preset */ .min-width-0 { min-width: 0; } .width-0 { width: 0; } .width-1 { width: 1.5rem; } .width-2 { width: 2rem; } .width-3 { width: 2.5rem; } .width-4 { width: 2.75rem; } .width-5 { width: 3rem; } .width-6 { width: 3.25rem; } .width-7 { width: 3.5rem; } .width-8 { width: 3.75rem; } .width-9 { width: 4rem; } .width-10 { width: 4.25rem; } .width-xs { min-width: 5rem; } .width-sm { min-width: 10rem; } .width-lg { min-width: 15rem; } .width-xl { min-width: 20rem; } .height-0 { height: 0; } .height-1 { height: 1.5rem; } .height-2 { height: 2rem; } .height-3 { height: 2.5rem; } .height-4 { height: 2.75rem; } .height-5 { height: 3rem; } .height-6 { height: 3.25rem; } .height-7 { height: 3.5rem; } .height-8 { height: 3.75rem; } .height-9 { height: 4rem; } .height-10 { height: 4.25rem; } .height-xs { min-height: 5rem; } .height-sm { min-height: 10rem; } .height-lg { min-height: 15rem; } .height-xl { min-height: 20rem; } /* line-heights */ .l-h-n { line-height: normal; } /* no bg image */ .bg-img-none { background-image: none !important; } /* flex */ .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* margins */ .m-g { margin: 1.5rem; } .mb-g { margin-bottom: 1.5rem !important; } .mb-gb { margin-bottom: 3rem; } /* paddings */ .p-g { padding: 1.5rem; } /* text turncaters */ .text-truncate-header { max-width: 6.0625rem; } .text-truncate-xs { max-width: 4.5625rem; } .text-truncate-sm { max-width: 117px; } .text-truncate-md { max-width: 160px; } .text-truncate-default { max-width: 180px; } .text-truncate-lg { max-width: 200px; } /* blur text */ .text-blur { color: transparent !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } a.text-blur { text-shadow: 0 0 5px rgba(136, 106, 181, 0.5); } /* positions usage: .position-absolute|relative|static|fixed .pos-top|left|right|bottom */ .pos-top { top: 0; } .pos-left { left: 0; } .pos-right { right: 0; } .pos-bottom { bottom: 0; } /* font weights */ .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-700 { font-weight: 700 !important; } .fw-900 { font-weight: 900 !important; } .fw-n { font-weight: normal !important; } /* font sizes */ .fs-nano { font-size: 0.6875rem !important; } /* 10px */ .fs-xs { font-size: 0.75rem !important; } /* 12px */ .fs-sm { font-size: 0.78125rem !important; } /* 12.5px */ .fs-b { font-size: 0.8125rem !important; } /* 13px */ .fs-md { font-size: 0.875rem !important; } /* 14px */ .fs-lg { font-size: 0.9375rem !important; } /* 15px */ .fs-xl { font-size: 1rem !important; } /* 16px */ .fs-xxl { font-size: 1.75rem !important; } /* page header */ /* alphas */ .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-95 { opacity: 0.95; } .opacity-100 { opacity: 1; } /* backgrounds */ .bg-white { background-color: #fff; color: #666666; } .bg-faded { background-color: #f7f9fa; } .bg-offwhite-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to top, #fff, #f8f8f8); } .bg-subtlelight { background-color: white; } .bg-subtlelight-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff)); background-image: linear-gradient(to top, #fff, #f5fcff); } .bg-highlight { background-color: #fffaee; } .bg-gray-50 { background-color: #f9f9f9; } .bg-gray-100 { background-color: #f8f9fa; } .bg-gray-200 { background-color: #f3f3f3; } .bg-gray-300 { background-color: #dee2e6; } .bg-gray-400 { background-color: #ced4da; } .bg-gray-500 { background-color: #adb5bd; } .bg-gray-600 { background-color: #868e96; } .bg-gray-700 { background-color: #495057; } .bg-gray-800 { background-color: #343a40; } .bg-gray-900 { background-color: #212529; } /* borders */ .border-faded { border: 1px solid rgba(29, 29, 29, 0.07); } .border-transparent { border: 1px solid transparent !important; } /* border radius */ .border-top-left-radius-0 { border-top-left-radius: 0 !important; } .border-bottom-left-radius-0 { border-bottom-left-radius: 0 !important; } .border-top-right-radius-0 { border-top-right-radius: 0 !important; } .border-bottom-right-radius-0 { border-bottom-right-radius: 0 !important; } .rounded-plus { border-radius: 10px; } .rounded-bottom { border-radius: 0 0 4px; } .rounded-top { border-radius: 4px 4px 0 0; } /* progressbars */ /*.progress-xs { height: 5px } .progress-sm { height: 8px } .progress-md { height: 14px } .progress-lg { height: 20px } .progress-xl { height: 30px }*/ /* rotate */ .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /* shadows */ .shadow-0 { -webkit-box-shadow: none !important; box-shadow: none !important; } .shadow-1, .shadow-hover-1:hover { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); } .shadow-2, .shadow-hover-2:hover { -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); } .shadow-3, .shadow-hover-3:hover { -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); } .shadow-4, .shadow-hover-4:hover { -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); } .shadow-5, .shadow-hover-5:hover { -webkit-box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); } .shadow-inset-1, .shadow-hover-inset-1:hover { -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } .shadow-inset-2, .shadow-hover-inset-2:hover { -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); } .shadow-inset-3, .shadow-hover-inset-3:hover { -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); } .shadow-inset-4, .shadow-hover-inset-4:hover { -webkit-box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); } .shadow-inset-5, .shadow-hover-inset-5:hover { -webkit-box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); } .shadow-sm-hover:hover { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-hover:hover { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg-hover:hover { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } /*.shadow-unique-hover { @extend %shadow-hover; }*/ /* hover any bg */ /* inherits the parent background on hover */ .hover-bg { background: #fff; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; color: inherit; } .hover-bg:hover { background: inherit; color: inherit; } /* hover alpha effect */ /* example found in the buttons page */ /* example of use could be found inside panel buttons top right */ .hover-effect-dot { position: relative; } .hover-effect-dot:before { content: ""; background: rgba(0, 0, 0, 0.2); width: 0%; height: 0%; display: block; position: absolute; top: 50%; left: 50%; border-radius: 100%; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .hover-effect-dot:hover:before { width: 75%; height: 75%; top: 12%; left: 12%; } /* hover light bg effect */ .hover-highlight:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .hover-highlight:active { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.05)), to(rgba(29, 33, 41, 0.06))); background-image: linear-gradient(rgba(29, 33, 41, 0.05), rgba(29, 33, 41, 0.06)); } /* hover and hide items on show */ .show-child-on-hover .show-on-hover-parent { display: none; } .show-child-on-hover:hover .show-on-hover-parent { display: block; } .hide-child-on-hover .hide-on-hover-parent { display: block; } .hide-child-on-hover:hover .hide-on-hover-parent { display: none; } /* z-indexes */ .z-index-space { z-index: 1000; } .z-index-cloud { z-index: 950; } .z-index-ground { z-index: 0; } .z-index-water { z-index: -99; } /* cursor usage: cursor-default; */ .cursor-auto { cursor: auto !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-crosshair { cursor: crosshair !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-default { cursor: default !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-e-resize { cursor: e-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-help { cursor: help !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-move { cursor: move !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-n-resize { cursor: n-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-ne-resize { cursor: ne-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-nw-resize { cursor: nw-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-pointer { cursor: pointer !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-progress { cursor: progress !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-s-resize { cursor: s-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-se-resize { cursor: se-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-sw-resize { cursor: sw-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-text { cursor: text !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-w-resize { cursor: w-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-wait { cursor: wait !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-inherit { cursor: inherit !important; /* had to insert important since bootstrap has some peculiar classes */ } /* states */ .state-selected { background: #e7f4fe !important; } /* collapse toggle to reveal and hide elements */ [aria-expanded="false"] ~ .collapsed-reveal { display: none; } [aria-expanded="false"] .collapsed-reveal { display: none; } [aria-expanded="false"] ~ .collapsed-hidden { display: block; } [aria-expanded="false"] .collapsed-hidden { display: block; } [aria-expanded="true"] ~ .collapsed-reveal { display: block; } [aria-expanded="true"] .collapsed-reveal { display: block; } [aria-expanded="true"] ~ .collapsed-hidden { display: none; } [aria-expanded="true"] .collapsed-hidden { display: none; } /* demo window */ .demo-window { position: relative; z-index: 1; overflow: hidden; padding-top: 23px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .demo-window:before, .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { content: ""; position: absolute; display: block; } .demo-window:before { top: 0; right: 0; left: 0; z-index: 3; height: 23px; background: #e5e5e5; } .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { left: 10px; background: #ccc; top: 6px; z-index: 4; width: 11px; height: 11px; border-radius: 50%; } .demo-window .demo-window-content { width: 100%; } .demo-window .demo-window-content img { display: block; width: 100%; } .demo-window .demo-window-content:before { left: 26px; } .demo-window .demo-window-content:after { left: 43px; } /* layout composed */ .layout-composed .page-content { padding: 0 !important; } .layout-composed .page-content .page-breadcrumb, .layout-composed .page-content .subheader { display: none; } /* responsive helpers */ @media only screen and (max-width: 992px) { /* layout composed mobile only */ .layout-composed-mobile .page-content { padding: 0 !important; } .layout-composed-mobile .page-content .page-breadcrumb, .layout-composed-mobile .page-content .subheader { display: none; } /* positions on mobile view */ .position-on-mobile-absolute { position: absolute !important; } .position-on-mobile-relative { position: relative !important; } .position-on-mobile-static { position: static !important; } /* RESET HEIGHTS */ .height-mobile-auto { height: auto; min-height: auto; max-height: auto; } .width-mobile-auto { width: auto; min-width: auto; max-width: auto; } /* FULL HEIGHT ON MOBILE */ .expand-full-height-on-mobile { height: calc(100vh - 4.125rem) !important; } .expand-full-width-on-mobile { width: 100vw !important; max-width: 100vw !important; } } /* list style none */ .list-style-none { list-style: none; } .list-style-none ul { list-style: none; } /* row grid */ .row-grid { overflow: hidden; } .row-grid > .col, .row-grid > [class^="col-"], .row-grid > [class*=" col-"], .row-grid > [class^="col "], .row-grid > [class*=" col "], .row-grid > [class$=" col"], .row-grid > [class="col"] { position: relative; } .row-grid > .col:after, .row-grid > [class^="col-"]:after, .row-grid > [class*=" col-"]:after, .row-grid > [class^="col "]:after, .row-grid > [class*=" col "]:after, .row-grid > [class$=" col"]:after, .row-grid > [class="col"]:after { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; display: block; width: 0; border-left: 1px solid rgba(29, 29, 29, 0.07); } .row-grid > .col:before, .row-grid > [class^="col-"]:before, .row-grid > [class*=" col-"]:before, .row-grid > [class^="col "]:before, .row-grid > [class*=" col "]:before, .row-grid > [class$=" col"]:before, .row-grid > [class="col"]:before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; display: block; height: 0; border-top: 1px solid rgba(29, 29, 29, 0.07); } /* List table */ .list-table { height: auto; display: table; margin: 0; padding: 0; } .list-table > li { display: table-cell; vertical-align: middle; position: relative; padding: 0; } .list-table > li.search { position: static; } /* mostly used for nav items */ .disabled:not(.btn), .disabled:not(.btn) > * { -webkit-filter: grayscale(80%); filter: grayscale(80%); opacity: 0.80; cursor: not-allowed; } .disabled:not(.btn) ul, .disabled:not(.btn) .collapse-sign, .disabled:not(.btn) > * ul, .disabled:not(.btn) > * .collapse-sign { display: none; } ul.list-verticle { margin: 0; padding: 0; list-style: none; } .show > .dropdown-menu-animated { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; } hr { border: none; border-bottom: 1px dashed #eee; } hr.hr-xl { margin: 3rem 0; } .bg-trans-gradient { background: linear-gradient(250deg, #3e93d6, #8a75aa); } /* custom scroll */ /* table no border */ .table-border-0 th, .table-border-0 td { border: 0 !important; } /* table calendar */ .table-calendar { table-layout: fixed; } .table-calendar th { border: 0px !important; font-weight: 500; } .table-calendar tr td:first-child { border-left: 0; } .table-calendar tr td:last-child { border-right: 0; padding-right: 10px; } .table-calendar td, .table-calendar th { text-align: right; vertical-align: top; padding: 5px 8px; position: relative; } /* list spaced */ .list-spaced li { margin-top: 7px; margin-bottom: 7px; } .list-spaced li:first-child { margin-top: 0; } .list-spaced li:last-child { margin-bottom: 0; } .list-spaced > li { padding: 0 0 0.2rem; } /* profile images */ .profile-image { width: 3.125rem; height: 3.125rem; } .profile-image-md { width: 2rem; height: 2rem; } .profile-image-sm { width: 1.5625rem; height: 1.5625rem; } /* image share */ .img-share { width: auto; height: 2.8125rem; } span.img-share { width: 4.12594rem; height: 2.8125rem; } .notes { padding: 5px; background: #f9f4b5; } /* .shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }*/ /* disclaimer class */ .disclaimer { padding-left: 10px; font-size: 0.5rem; color: #a2a2a2; letter-spacing: 1px; text-transform: uppercase; font-style: italic; } /* horizontal scrolling */ .scrolling-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .scrolling-wrapper .card { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .scrolling-wrapper::-webkit-scrollbar { display: none; } /* online status */ .status { position: relative; } .status:before { content: " "; position: absolute; width: 15px; height: 15px; display: block; top: -2px; right: -2px; background: #505050; border-radius: 50%; border: 2px solid #fff; } .status.status-sm:before { width: 10px; height: 10px; border-width: 1px; top: 0; right: 0; } .status.status-success:before { background: #1dc9b7; } .status.status-danger:before { background: #fd3995; } .status.status-warning:before { background: #ffc241; } /* containers */ .container.container-sm { max-width: 576px; } .container.container-md { max-width: 768px; } .container.container-lg { max-width: 992px; } /* responsive visibility */ /* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */ .hidden-xs-up { display: none !important; } @media (max-width: 575.98px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767.98px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991.98px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1398.98px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1399px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /* display frame */ .frame-heading { font-size: 0.8125rem; margin-bottom: 1rem; color: #a1a1a1; font-weight: 500; } .frame-heading small { font-size: 0.8125rem; margin-bottom: 0.5rem; } .frame-wrap { background: white; padding: 0; margin-bottom: 3rem; } * > .frame-wrap:last-child { margin-bottom: 0 !important; } /* time stamp */ .time-stamp { font-size: 0.78125rem; margin: 0.25rem 0 0 0; color: #767676; font-weight: 300; } /* data-hasmore */ [data-hasmore] { position: relative; color: #fff; } [data-hasmore]:before { content: attr(data-hasmore); border-radius: inherit; background: rgba(0, 0, 0, 0.4); height: inherit; width: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: inherit; } /* code */ code { background: #f8f8f8; padding: 4px 7px; border-radius: 4px; } /* star checkbox */ .star { visibility: hidden; font-size: 1.5em; cursor: pointer; } .star:before { content: "☆"; position: absolute; visibility: visible; } .star:checked:before { content: "★"; position: absolute; } .shadow-top:after, .shadow-bottom:after, .mobile-view-activated.header-function-fixed .page-header:after, .mobile-view-activated.header-function-fixed .page-footer:after { content: ""; height: 6px; position: absolute; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==); background-size: cover; top: -5px; left: 0; right: 0; opacity: 0.06; } .shadow-bottom:after, .mobile-view-activated.header-function-fixed .page-header:after { top: auto; bottom: -5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==); } .shadow-bottom-line, .shadow-top-line { position: relative; } .shadow-bottom-line:after, .shadow-top-line:after { content: ""; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; background-color: rgba(80, 80, 80, 0.09); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(80, 80, 80, 0.09)), to(transparent)); background-image: linear-gradient(to top, rgba(80, 80, 80, 0.09), transparent); /*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent); background-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/ } .shadow-top-line:after { content: ""; top: -5px; background-color: transparent; background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(80, 80, 80, 0.09))); background-image: linear-gradient(to top, transparent, rgba(80, 80, 80, 0.09)); /*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09)); background-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/ } /* press animation */ .press-scale-down { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .press-scale-down:active { -webkit-transform: scale(0.95); transform: scale(0.95); } .hover-white:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .hover-white:active { background: #e7e7e7; } /* DOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the following comments by the author states: IE10 in Windows (Phone) 8 Support for responsive views via media queries is kind of borked in IE10, for Surface/desktop in split view and for Windows Phone 8. This particular fix must be accompanied by a snippet of JavaScript to sniff the user agent and apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at our Getting Started page for more information on this bug. For more information, see the following: Issue: https://github.com/twbs/bootstrap/issues/10497 Docs: http://getbootstrap.com/getting-started/#support-ie10-width Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ @-ms-viewport { width: device-width; } Solution: http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx We add the following instead: */ body.desktop-detected { -ms-overflow-style: scrollbar; } /* Reset elms pos when js-waves-off is used */ /*.js-waves-off { position: relative; overflow: hidden; user-select: none; z-index: 0; }*/ /*.btn { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); &:hover, &:active { box-shadow: none; } }*/ /* change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: inherit !important; } /* select background */ ::-moz-selection { background: #505050; color: #fff; } ::selection { background: #505050; color: #fff; } ::-moz-selection { background: #505050; color: #fff; } /* remove dotted line from focus */ input:focus, select:focus, textarea:focus, button:focus { outline: none; } /* IE input clear field "X" input remove */ ::-ms-clear { width: 0; height: 0; } /* links */ a { text-decoration: none !important; } /* touch action */ a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } a[target]:not(.btn) { font-weight: 500; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-decoration: underline !important; } /* btn active */ /*.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }*/ /* dot bullet */ .dot { /*width: 4px; height: 4px; display: inline-block; line-height: 0; border-radius: 100%;*/ font-size: 4px !important; margin-right: 0.5rem !important; margin-left: -8px !important; } /* forms */ /* fix alignment for custom controls */ /*.custom-control { display: flex; align-items: center; }*/ select.custom-select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } select.custom-select::-ms-expand { display: none; } /* bootstrap modal remove padding */ /* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */ body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open { padding-right: 8px !important; } body:not(.mobile-view-activated).mod-main-boxed.modal-open { padding-right: 0px !important; } /* hover adjustment for close buttons */ .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: inherit; } /* add borders to button groups */ .btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-group-prepend .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-group-append .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .btn-group-vertical .btn:not([class*="btn-outline-"]):not(:first-child), .btn-group-vertical .btn-group { border-top: 1px solid rgba(0, 0, 0, 0.1); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .text-gradient { background: transparent; } .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before { left: -0.25rem !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { top: -1.5rem; } .ie-only { display: inline-block !important; } .ie-d-none { display: none !important; } /* table hover */ .table-hover tbody tr:hover { -webkit-box-shadow: none; box-shadow: none; background-color: #fffaee; } /* Counters IE bug DOC: If you've ever used CSS transitions on structural elements on your page, you may have noticed a case where a transition occur immideately after page load. As a result the user may experience the illusion of "broken page elements" Below solution insures that pace's indication of "everything loaded" before applying the CSS transitions */ .pace-running .page-sidebar, .pace-running .page-sidebar *, .pace-running .page-content-wrapper { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } } /* #MOBILE - mobile media related styles ========================================================================== */ /* contains most of the responsive styles for the app */ /******************************************************** RESPONSIVE REFERENCES .col-xs- .col-sm- .col-md- .col-lg- .col-xl- <544px ≥544px ≥768px ≥992px ≥1200px $grid-breakpoints: ( // Extra small screen / phone xs: 0, // Small screen / phone sm: 544px, // Medium screen / tablet md: 768px, // Large screen / desktop lg: 992px, // Extra large screen / wide desktop xl: 1200px ) !default; *********************************************************/ @media (min-width: 992px) { .page-header { padding: 0 2rem; } .page-content { padding: 1.5rem 2rem; } .page-content .panel { margin-bottom: 1.5rem; } } /*@include media-breakpoint-up(xl) { .page-header { padding: 0 $header-inner-padding-x; } .page-content { padding: 1.5rem 2rem; .card.panel { margin-bottom: 1.5rem; } } }*/ @media only screen and (max-width: 992px) { /*html { font-size: 18px; }*/ .dropdown-menu .dropdown-menu { position: static; padding: .5rem 0 0 .75rem; width: 100%; border: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: none; transition: none; } .show .dropdown-menu .dropdown-menu { visibility: visible; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { display: none; } body { overflow-x: hidden; } .page-logo-text { font-size: 1rem; } .page-content-overlay { background: transparent; -webkit-transition: background 300ms; transition: background 300ms; position: fixed; z-index: 1001; } .page-wrapper { padding-left: 0; background: #fff; } .page-wrapper .page-header { padding: 0 1.5rem; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .page-wrapper .page-header [data-toggle="dropdown"] + .dropdown-menu { right: 1.5rem; } .page-wrapper .page-sidebar { z-index: 2000; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transform: translate3d(-16.875rem, 0, 0); transform: translate3d(-16.875rem, 0, 0); position: fixed !important; top: 0; bottom: 0; } .page-wrapper .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 6.9375rem); } .page-wrapper .page-sidebar .primary-nav .nav-menu .dl-ref { vertical-align: text-top; } .page-wrapper .page-content { padding: 1.5rem 1.5rem; color: #222; font-size: 14px; min-height: calc(100vh - 6.9375rem); } .page-wrapper .page-content .breadcrumb > .breadcrumb-item { max-width: 80px; } .page-wrapper .page-content .subheader { margin-bottom: 1.5rem; } .page-wrapper .page-content .subheader .subheader-title { line-height: 32px; font-weight: 300; } .page-wrapper .page-content .subheader .subheader-title small { font-size: 68%; letter-spacing: normal; margin-top: 0px; overflow: hidden; width: calc(100% - 30px); font-weight: 300; } .page-wrapper .page-content .p-g { padding: 1.5rem; } .page-wrapper .page-footer { border-top: 1px solid rgba(0, 0, 0, 0.09); } .header-function-fixed { /* this was conflicting with the new DOM change where we swtiched header with nav */ /*&:not(.nav-function-fixed) { .page-sidebar { .page-logo { position: absolute !important; top:0px !important; } } }*/ } .header-function-fixed .page-header { margin-left: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .header-function-fixed .page-header, .header-function-fixed .page-logo { -webkit-box-shadow: none !important; box-shadow: none !important; } .header-function-fixed .page-content { margin-top: 4.125rem; } /* Push content */ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { -webkit-transform: translate3d(-16.875rem, 0, 0); transform: translate3d(-16.875rem, 0, 0); } .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } /* Off canvas */ .nav-mobile-slide-out { min-height: 100vh !important; /*new*/ } .nav-mobile-slide-out .page-wrapper .page-sidebar { z-index: 0; -webkit-transition: none; transition: none; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-header, .nav-mobile-slide-out .page-wrapper .page-content, .nav-mobile-slide-out .page-wrapper .page-footer, .nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-content { /* min-height: calc(100vh - 6.9375rem); no longer needed here */ background: #faf8fb; } /* mobile nav show & hide button */ /* general */ .mobile-nav-on { -ms-touch-action: none; touch-action: none; overflow: hidden; height: 100vh; /*.page-content:before { content:" "; position:fixed; z-index: $space; background:rgba(0,0,0,0); display: block; height: 100vh; width: 100vw; left: 0; top: 0; }*/ /* Push content */ /* Off canvas turned ON*/ /* 'not' is ON by default */ } .mobile-nav-on .page-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } .mobile-nav-on .page-content-overlay { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.09); } .mobile-nav-on:not(.nav-mobile-push) .page-sidebar { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on:not(.nav-mobile-push).nav-function-fixed:not(.nav-function-top) .page-sidebar { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { left: 0; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { -webkit-transform: translate3d(16.875rem, 0, 0); transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper { overflow: hidden; /*.page-content:before { background:transparent !important; }*/ } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-transform: translate3d(16.875rem, 0, 0); transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content-overlay { background: transparent !important; top: 0; right: 0; bottom: 0; left: 0; left: 16.875rem; } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper { /*.page-content:before { background:rgba(0,0,0,0.3); }*/ } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper .page-content-overlay { background: transparent; top: 0; right: 0; bottom: 0; left: 0; } } @media only screen and (max-width: 576px) { /* here we turn on mobile font for smaller screens */ /*body { font-family: $mobile-page-font !important; }*/ html { font-size: 17px; } /* mobile nav search */ .mobile-search-on:not(.mobile-nav-on) .page-header > * { display: none !important; } .mobile-search-on:not(.mobile-nav-on) .search { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms { display: block !important; position: relative !important; width: 100%; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; right: 10px; width: 26px; height: 26px; font-size: 1rem; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { border: 1px solid #886ab5; padding-left: 1rem; padding-right: 3rem; width: 100%; max-width: none; background: #fff; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { border-color: #886ab5; } .mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] { display: none !important; } .page-header [data-toggle="dropdown"] + .dropdown-menu { width: calc(100% - 2rem) !important; right: 1rem !important; } .page-header, .page-content, .card .card-header, .card .card-body { padding-left: 0.53571rem !important; padding-right: 0.53571rem !important; } .card[class*='p-'] .card-header, .card[class*='p-'] .card-body { padding: 0 !important; } .subheader-block { display: none; } .primary-nav .nav-menu li a > .badge { font-size: 10px !important; } .card .card-header, .card .card-body { padding: 1rem; } .alert, .panel .panel-tag, .accordion .card .card-header .card-title { padding: 1rem; } } /* changes content colors based on ambience light source of the user (experimental) */ /* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */ /* The device is used in a environment with a light level in the ideal range for the screen, * and which does not necessitate any particular adjustment.. */ /* The device is used in a dim environment, where excessive contrast and brightness would be * distracting or uncomfortable to the reader. For example: night time, or a dimly * illuminated indoor environment. */ /* The device is used in an exceptionally bright environment, causing the screen to be washed * out and difficult to read. For example: bright daylight. */ /* #FORMS (customized bootstrap form elems) ========================================================================== */ /* text area */ .form-content-editable[contenteditable="true"] { overflow: auto; -webkit-user-modify: read-write-plaintext-only; line-height: normal; } .form-content-editable[contenteditable="true"]:focus { outline: 0; } .form-content-editable[contenteditable="true"]:empty:not(:focus):before { content: attr(data-placeholder); color: #909090; } .form-content-editable[contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editable[contenteditable="true"]::selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editable[contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } /*.form-control:not(.form-control-sm), .custom-select:not(.custom-select-sm), .input-group:not(.input-group-sm) { min-height: calc(2.25rem + 2px); }*/ .form-label { font-weight: 500; } /* select arrow */ /*select:not(.custom-select):not([multiple]) { background-image: linear-gradient(45deg, transparent 50%, red 60%), linear-gradient(135deg, red 40%, transparent 50%) !important; background-position: calc(100% - 30px) 14px, calc(100% - 20px) 14px, 100% 0; background-size: 10px 10px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; }*/ /* fix */ .custom-range { -webkit-appearance: none; -moz-appearance: none; } .custom-range::-moz-range-thumb { -moz-appearance: none; } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; } /* add background to focused inpur prepend and append */ .form-control:focus ~ .input-group-prepend { background: #886ab5; } .has-length .input-group-text { border-color: #886ab5; } .has-length .input-group-text + .input-group-text { border-left: 1px solid rgba(0, 0, 0, 0.1); } .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { background: #886ab5; color: #fff !important; } .input-group-text { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } /* input group animation for multiple inputs */ .input-group.input-group-multi-transition input[type="text"] { -webkit-transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .input-group.input-group-multi-transition input[type="text"]:focus { width: 50%; } /* BS form hack for checkbox tick mark */ .custom-checkbox .custom-control-label::after { background-size: 50% 50%; } /* circle checkbox */ .custom-checkbox-circle .custom-control-label:before { border-radius: 50%; } /* rounded radio */ .custom-radio-rounded .custom-control-label:before { border-radius: 4px; } /* not sure if we need this? */ /*.custom-control { min-height: $custom-control-indicator-size; }*/ /* make checked label bold */ input[type="radio"]:checked + .custom-control-label, input[type="checkbox"]:checked + .custom-control-label { font-weight: 500; } /* help block and validation feedback texts*/ .help-block { color: #909090; } /* on feedback error */ .help-block, .invalid-feedback, .valid-feedback { font-size: 0.6875rem; margin-top: 0.325rem; } /* when form group is last child show now margin */ .form-group:last-child, .form-group:only-child { margin-bottom: 0; } /* fix alignment for generic checkbox and radio */ .form-check-input { margin-top: 0; } .form-check-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-check { margin: 5px 0; } /* #COMPONENTS (can be removed but may or may not impact other components) ========================================================================== */ /*@import '_modules/_form-switches';*/ @media (min-width: 1399px) { .page-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-function-fixed .page-wrapper, .header-function-fixed .page-sidebar, .nav-function-fixed .page-wrapper, .nav-function-fixed .page-sidebar, .header-function-fixed.nav-function-fixed .page-wrapper, .header-function-fixed.nav-function-fixed .page-sidebar { transform: none; -webkit-transform: none; -ms-transform: none; } } /* #DEMO ELEMS - elements mostly used for demo (can be removed) ========================================================================== */ @media only screen and (max-width: 992px) { .mobile-view-activated #nff, .mobile-view-activated #nfm, .mobile-view-activated #nfh, .mobile-view-activated #nft, .mobile-view-activated #mmb { position: relative; } .mobile-view-activated #nff .onoffswitch-title, .mobile-view-activated #nfm .onoffswitch-title, .mobile-view-activated #nfh .onoffswitch-title, .mobile-view-activated #nft .onoffswitch-title, .mobile-view-activated #mmb .onoffswitch-title { color: #da9400; color: var(--theme-warning-900) !important; } .mobile-view-activated #nff .onoffswitch-title-desc, .mobile-view-activated #nfm .onoffswitch-title-desc, .mobile-view-activated #nfh .onoffswitch-title-desc, .mobile-view-activated #nft .onoffswitch-title-desc, .mobile-view-activated #mmb .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900) !important; } .mobile-view-activated #nff:after, .mobile-view-activated #nfm:after, .mobile-view-activated #nfh:after, .mobile-view-activated #nft:after, .mobile-view-activated #mmb:after { content: "DISABLED"; font-size: 10px; position: absolute; background: #ffc241; background: var(--theme-warning-50); width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; display: block; right: 13px; top: 26%; color: #1d1d1d; } } .settings-panel .expanded.theme-colors { display: block; -webkit-box-shadow: none; box-shadow: none; border: 0; background: transparent; /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/ } .settings-panel .expanded.theme-colors > ul { height: auto; } .settings-panel .expanded.theme-colors > ul > li [data-action] { width: 36px; height: 36px; margin-right: 4px; margin-bottom: 4px; border-radius: 25px; } .settings-panel .expanded.theme-colors > ul > li [data-action]:hover { opacity: 1; } .settings-panel .expanded.theme-colors > ul:last-child { margin-right: 0; } .settings-panel .expanded.theme-colors #myapp-0 { background: #886ab5; -webkit-box-shadow: inset 0 0 0 3px #2ba1ff; box-shadow: inset 0 0 0 3px #2ba1ff; } .settings-panel .expanded.theme-colors #myapp-1 { background: #b56a9f; } .settings-panel .expanded.theme-colors #myapp-2 { background: #9fcb3d; } .settings-panel .expanded.theme-colors #myapp-3 { background: #4679cc; } .settings-panel .expanded.theme-colors #myapp-4 { background: #2198F3; } .settings-panel .expanded.theme-colors #myapp-5 { background: #6ab5b4; } .settings-panel .expanded.theme-colors #myapp-6 { background: #dd5293; } .settings-panel .expanded.theme-colors #myapp-7 { background: #868e96; } .settings-panel .expanded.theme-colors #myapp-8 { background: #7c91df; } .settings-panel .expanded.theme-colors #myapp-9 { background: #e59c6c; } .settings-panel .expanded.theme-colors #myapp-10 { background: #778c85; } .settings-panel .expanded.theme-colors #myapp-11 { background: #a2b077; } .settings-panel .expanded.theme-colors #myapp-12 { background: #7976b3; } .settings-panel .expanded.theme-colors #myapp-13 { background: #55ce5f; } .settings-panel .expanded.theme-colors #myapp-14 { background: #fbe231; } .settings-panel .expanded.theme-colors #myapp-15 { background: #627ca0; } .settings-panel:first-child h5 { margin-top: 0; padding-top: 5px; } .settings-panel h5 { margin: 0; font-weight: 500; font-size: 0.875rem; padding: 1rem 1rem 5px; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; overflow: hidden; text-decoration: none; margin-top: 5px; color: #505050; text-align: left; } .settings-panel h5 small { display: inline; } .settings-panel .list { font-weight: 400; min-height: 45px; padding: 0.25rem 1rem 0.25rem 2rem; color: #666666; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .settings-panel .list:hover { color: #333333; background: rgba(255, 255, 255, 0.7); } .settings-panel .list:hover .onoffswitch { -webkit-transform: scale(1.13); transform: scale(1.13); } .settings-panel .list .btn-switch { position: absolute; right: 1rem; margin: 0; top: 30%; } .settings-panel .list .onoffswitch-title { margin-top: 0.5px; font-size: 0.8125rem; display: block; } .settings-panel .list .onoffswitch-title-desc { display: block; font-size: 0.75rem; color: #989da5; text-transform: lowercase; } .settings-panel .expanded { position: relative; display: none; } .settings-panel .expanded:before { border-bottom-color: #5d5d5d; bottom: 1px; } .settings-panel .expanded > ul { padding: 0; margin: 0; margin: 0 0 0 1rem; height: 50px; } .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .settings-panel .expanded > ul > li [data-action] { width: 50px; height: 50px; border-radius: 50%; margin-right: 2px; display: block; cursor: pointer; position: relative; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } .settings-panel .expanded .list { padding: 0; min-height: auto; margin: 0.5rem 0 0 1rem; } .settings-panel .expanded .list .btn-switch { margin-top: 2px; top: -2px; right: 0; } .settings-panel .expanded .list:hover { background: transparent; } #saving { position: absolute; z-index: 1; top: 0; left: -40px; display: none; } /* localstorage success fade animation */ .saving #saving { display: block; } .saving [data-action="app-reset"] { opacity: 0.5; cursor: not-allowed !important; } .color-disp-demo tr:first-child td { height: 100px; -webkit-box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); } .color-disp-demo tr td { border: none; padding-top: 7px; padding-bottom: 7px; } .color-disp-demo tr td:hover { -webkit-transform: scale(1.1); transform: scale(1.1); font-weight: 500; } .cr-c { width: 21px; height: 21px; display: block; border-radius: 50%; } .icon-demo { list-style: none; padding: 0; } .icon-demo li { border: 1px solid #7f8995; padding: 10px; display: inline-block; font-size: 20px; width: 60px; height: 60px; overflow: hidden; margin: 0 6px 0 0; text-align: center; background: #fff; } .icon-demo li:hover { -webkit-transform: scale(1.4); transform: scale(1.4); } code[class*="language-"], pre[class*="language-"] { display: none !important; } .show-codes code[class*="language-"], .show-codes pre[class*="language-"] { display: block !important; } .container-demo { max-width: 100%; width: 100%; } .bd-example { position: relative; padding: 1rem 0; } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); } .bd-example-row .row > .col, .bd-example-row .row > [class^=col-] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2); } .bd-example-row .row + .row { margin-top: 1rem; } .bd-highlight { background-color: rgba(86, 61, 124, 0.2); border: 1px solid rgba(86, 61, 124, 0.2); } .demo { margin: 0; } .demo > * { margin: 0 .375rem 1rem 0 !important; } .demo.demo-no-mb > * { margin-bottom: 0 !important; } .demo-v-spacing-sm > * + *, .demo-v-spacing > * + *, .demo-v-spacing-lg > * + * { margin-top: 0.875rem !important; margin-bottom: 0 !important; } .demo-v-spacing-sm > *, .demo-v-spacing > *, .demo-v-spacing-lg > * { margin-bottom: 0 !important; } .demo-v-spacing > * + * { margin-top: 1rem !important; } .demo-v-spacing-lg > * + * { margin-top: 1.5rem !important; } .demo-h-spacing > *:not(last-child):not(only-child) { margin-right: 1rem !important; } /*.demo-vh-spacing > *:not(last-child):not(only-child) { margin: 0 .375rem 1rem 0 !important; }*/ /* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed) ========================================================================== */ body:not(.mod-pace-custom) .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body:not(.mod-pace-custom) .pace .pace-progress { background: #886ab5; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px; } body:not(.mod-pace-custom) .pace-inactive { display: none; } body.mod-pace-custom { /*&.pace-done { .page-content { &:before{ z-index:-2; display: none; } } }*/ } body.mod-pace-custom .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 45vh; left: 0; right: 0; height: 13px; border: 2px solid #fff; width: 15.18902rem; background: #fff; overflow: hidden; } body.mod-pace-custom .pace .pace-progress { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 15.18902rem; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background-color: #886ab5; background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%); background-repeat: repeat; background-position: 0 0; background-size: 13px 13px; background-clip: content-box; animation: loading 0.5s linear infinite; -o-animation: loading 0.5s linear infinite; -moz-animation: loading 0.5s linear infinite; -webkit-animation: loading 0.5s linear infinite; } body.mod-pace-custom .pace-inactive { display: none; } body.mod-pace-custom.pace-running .page-content:before { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #faf8fb; z-index: 1; } @keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; } } @-webkit-keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; } } .slimScrollBar { border-radius: 3px !important; } body:not(.no-slimscroll) .custom-scroll { overflow: hidden; } /*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; } .waves-notransition { -webkit-transition: none !important; transition: none !important; } .waves-themed.btn-warning .waves-ripple, .waves-themed.btn-default .waves-ripple, .waves-themed.btn-outline-default .waves-ripple { background: rgba(0, 0, 0, 0.6); background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%); } .waves-themed.btn-primary .waves-ripple, .waves-themed.btn-outline-primary .waves-ripple, .waves-themed.btn-info .waves-ripple, .waves-themed.btn-outline-info .waves-ripple, .waves-themed.btn-danger .waves-ripple, .waves-themed.btn-outline-danger .waves-ripple, .waves-themed.btn-success .waves-ripple, .waves-themed.btn-outline-success .waves-ripple, .waves-themed.btn-dark .waves-ripple, .waves-themed.btn-outline-dark .waves-ripple { background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); } .page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple { background: rgba(39, 28, 55, 0.6); background: radial-gradient(rgba(39, 28, 55, 0.2) 0, rgba(39, 28, 55, 0.3) 40%, rgba(39, 28, 55, 0.4) 50%, rgba(39, 28, 55, 0.5) 60%, rgba(39, 28, 55, 0) 70%); } .panel-hdr:not([class^="bg-"]):not([class*=" bg-"]) .waves-themed.btn-toolbar-master .waves-ripple, .waves-themed.nav-link .waves-ripple { background: rgba(136, 106, 181, 0.6); background: radial-gradient(rgba(136, 106, 181, 0.2) 0, rgba(136, 106, 181, 0.3) 40%, rgba(136, 106, 181, 0.4) 50%, rgba(136, 106, 181, 0.5) 60%, rgba(136, 106, 181, 0) 70%); } /* #ANIMATION - CSS animations and keyframes ========================================================================== */ @-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes highlight { from { background: #ffebc1; } to { background: transparent; } } @keyframes highlight { from { background: #ffebc1; } to { background: transparent; } } .highlight { -webkit-animation: highlight 1.5s; animation: highlight 1.5s; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*.spinner { margin: 5px; height: 20px; width: 20px; animation: rotate 0.7s infinite linear; border: 2px solid $color-primary; border-right-color: transparent; border-radius: 50%; }*/ .fa-spin-4x { -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; } .fa-spin-2x { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /*=== Animations start here ===*/ /*=== FADE IN DOWN ===*/ @-webkit-keyframes animateFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes animateFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /*==== FADE IN UP ===*/ @-webkit-keyframes animateFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes animateFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN LEFT ===*/ @-webkit-keyframes animateFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes animateFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /*==== FADE IN RIGHT ===*/ @-webkit-keyframes animateFadeInRight { from { opacity: 0; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes animateFadeInRight { from { opacity: 0; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* remove transition delay */ .no-transition-delay { -webkit-transition-delay: 0ms !important; transition-delay: 0ms !important; } /* fade transitions for page elements */ .page-content > .alert { animation: animateFadeInUp 0.3s; -webkit-animation: animateFadeInUp 0.3s; } .page-content > .card, .page-content > .row { animation: animateFadeInUp 0.7s; -webkit-animation: animateFadeInUp 0.7s; } .tab-content > .active:not(.fade) { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } /* repeated transitions */ .fadeinup { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } .fadeindown { animation: animateFadeInDown 0.5s; -webkit-animation: animateFadeInDown 0.5s; } .fadeinleft { animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; } .fadeinright { animation: animateFadeInRight 0.5s; -webkit-animation: animateFadeInRight 0.5s; } /* #MODS - Layout manipulation ========================================================================== */ @media (min-width: 1399px) { .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:before, .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:before, .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:before, .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:before, .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0, 0, 0, 0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:after, .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:after, .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:after, .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:after, .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } .mod-main-boxed .settings-panel .expanded { display: block; } .mod-main-boxed .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-1"] { background-image: url(/Content/img/backgrounds/prev-bg-1.png); } .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-2"] { background-image: url(/Content/img/backgrounds/prev-bg-2.png); } .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-3"] { background-image: url(/Content/img/backgrounds/prev-bg-3.png); } .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-4"] { background-image: url(/Content/img/backgrounds/prev-bg-4.png); } .mod-main-boxed .settings-panel .expanded > ul > li:last-child [data-action="toggle"] { margin-right: 0; } .mod-main-boxed.mod-bg-1 { background-image: url(/Content/img/backgrounds/bg-1.png); } .mod-main-boxed.mod-bg-2 { background-image: url(/Content/img/backgrounds/bg-2.png); } .mod-main-boxed.mod-bg-3 { background-image: url(/Content/img/backgrounds/bg-3.png); } .mod-main-boxed.mod-bg-4 { background-image: url(/Content/img/backgrounds/bg-4.png); } .mod-main-boxed.mod-fixed-bg { background-attachment: fixed; } } .mod-clean-page-bg .page-content-wrapper { background: #fff !important; } .mod-clean-page-bg .page-header { border-bottom-color: rgba(150, 123, 189, 0.13); } .mod-color-blind .page-wrapper { -webkit-filter: grayscale(65%); filter: grayscale(55%); } .mod-color-blind [class*="btn-"].active { background-image: none !important; } .mod-disable-animation *, .mod-disable-animation *:before, .mod-disable-animation *:after { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .mod-hide-info-card { /*.page-logo { border-bottom: 1px solid lighten($header-logo-border-bottom, 13%); }*/ } .mod-hide-info-card .page-sidebar .info-card { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > [class*='fa-'], .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .ni, .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > img { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .badge { right: 40px; left: auto; top: 30%; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > [class*='fa-'], .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > .ni, .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > img { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu .dl-ref { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a { padding-left: 2.9375rem; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a + ul > li > a { padding-left: 4.1875rem; } .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a, .mod-high-contrast:not(.mod-skin-dark) .nav-title, .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a [class*='fa-'], .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a .ni, .mod-high-contrast:not(.mod-skin-dark) .dl-ref, .mod-high-contrast:not(.mod-skin-dark) .btn { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff !important; font-weight: 500 !important; } .mod-high-contrast:not(.mod-skin-dark) .subheader-title, .mod-high-contrast:not(.mod-skin-dark) h1, .mod-high-contrast:not(.mod-skin-dark) h2, .mod-high-contrast:not(.mod-skin-dark) h3, .mod-high-contrast:not(.mod-skin-dark) h4, .mod-high-contrast:not(.mod-skin-dark) h5, .mod-high-contrast:not(.mod-skin-dark) .settings-panel-title a, .mod-high-contrast:not(.mod-skin-dark) .panel-header, .mod-high-contrast:not(.mod-skin-dark) .badge-detached, .mod-high-contrast:not(.mod-skin-dark) .btn-secondary, .mod-high-contrast:not(.mod-skin-dark) .btn-default, .mod-high-contrast:not(.mod-skin-dark) .page-header .btn, .mod-high-contrast:not(.mod-skin-dark) [class*="btn-outline-"] { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #000 !important; font-weight: 500; } .mod-high-contrast:not(.mod-skin-dark) .subheader-title small, .mod-high-contrast:not(.mod-skin-dark) .breadcrumb > li > a, .mod-high-contrast:not(.mod-skin-dark) .page-content, .mod-high-contrast:not(.mod-skin-dark) h1 small, .mod-high-contrast:not(.mod-skin-dark) h2 small, .mod-high-contrast:not(.mod-skin-dark) h3 small, .mod-high-contrast:not(.mod-skin-dark) h4 small, .mod-high-contrast:not(.mod-skin-dark) h5, .mod-high-contrast:not(.mod-skin-dark) h6, .mod-high-contrast:not(.mod-skin-dark) p, .mod-high-contrast:not(.mod-skin-dark) .btn-switch + .onoffswitch-title, .mod-high-contrast:not(.mod-skin-dark) .onoffswitch-title + .onoffswitch-title-desc, .mod-high-contrast:not(.mod-skin-dark) .panel-container, .mod-high-contrast:not(.mod-skin-dark) .panel-header .btn { text-shadow: none; color: #000 !important; font-weight: normal !important; } .mod-lean-subheader .subheader { margin: 0; } .mod-lean-subheader .subheader .subheader-title { margin-top: 0; font-size: 1rem; display: inline-block; font-weight: 400; text-transform: capitalize; margin-bottom: 1.5rem; } .mod-lean-subheader .subheader .subheader-title:not(:only-child) { margin-top: 23px; } .mod-lean-subheader .subheader .subheader-title small { font-size: 0.875rem; display: inline-block; text-transform: capitalize; } .mod-lean-subheader .subheader .subheader-title small:before { content: " - "; } .mod-lean-subheader .subheader .breadcrumb { position: absolute; top: 0; } @media (min-width: 1399px) { .mod-main-boxed { /* why did we add this again? this was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close &.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) { .page-sidebar { transform: translateX(0) !important; box-shadow: none; } .page-wrapper { transform: translateX(0) !important; } }*/ } .mod-main-boxed .page-wrapper { max-width: 1399px; margin: 0 auto; } .mod-main-boxed:not(.nav-function-top) #nff { position: relative; } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title { color: #da9400; color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff:after { content: "DISABLED"; display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 0.625rem; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } .mod-main-boxed.header-function-fixed .page-wrapper .page-header { width: 100%; max-width: 1397px; margin: 0 auto !important; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-wrapper .page-sidebar { position: absolute !important; top: 0; bottom: 0; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-wrapper .page-header { padding-left: 18.875rem; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-content, .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-footer { margin-left: 16.875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-header { padding-left: 6.6875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-content-wrapper { margin-left: 4.6875rem; } .mod-main-boxed.nav-function-hidden:not(.nav-function-top) .page-sidebar:after { position: absolute; left: 16.875rem; } .mod-main-boxed.nav-function-hidden.nav-function-minify .page-sidebar:after { position: absolute; left: 4.6875rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar { position: absolute; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .page-logo { position: fixed; top: 0; z-index: 950; -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .primary-nav { margin-top: 4.125rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top).nav-function-hidden .page-logo { position: absolute !important; -webkit-transition: none; transition: none; } .mod-main-boxed .page-wrapper { border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .mod-main-boxed:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen):not(.footer-function-fixed) .page-wrapper { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } } /* Hierarchical Navigation */ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li a > .dl-ref:first-child { margin-left: 0 !important; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { /* addressing all second, third children */ } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { content: ""; display: block; position: absolute; z-index: 1; left: 2.5625rem; top: 44px; bottom: 0; border-left: 1px solid #614b82; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { content: ""; display: block; position: absolute; width: 0.4rem; height: 0.4rem; background-color: #876fab; left: 2.4rem; top: calc(50% - 0.3rem); border: 1px solid #333; border-radius: 50%; z-index: 1; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:hover:after { border-color: transparent; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li li > a:after { content: ""; display: none; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul li a i { margin-left: 0 !important; } .mod-nav-dark .page-sidebar { background-color: #1d1d1d; } .mod-nav-dark.nav-function-top .page-sidebar .primary-nav .nav-menu > li a:not(:hover):not(focus) { color: #bdafd1; } .mod-nav-dark.mod-skin-dark:not(.mod-skin-light) .page-logo { border-bottom: inherit; } /* mod smartpanel icons */ .mod-panel-icon [role="widget"] .btn-panel { font-family: 'Font Awesome 5 Pro'; font-weight: 300; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: inherit; background: none !important; position: relative; height: 2rem; width: 2rem; font-size: 1rem; opacity: 0.7; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border-radius: 0.25rem; text-align: center; -webkit-transition: none; transition: none; } .mod-panel-icon [role="widget"] .btn-panel:hover { opacity: 1; } .mod-panel-icon [role="widget"] .btn-panel:active { font-size: 0.9rem; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { background: transparent; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0; -webkit-transition: none; transition: none; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before { content: "\f068"; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before { content: "\f065"; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { content: "\f00d"; } .mod-panel-icon [role="widget"].panel-collapsed .js-panel-collapse:before { content: "\f067" !important; } .mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen { font-size: 1.5rem; } .mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen:before { content: "\f066"; } html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-text"] { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .root-text-sm { font-size: 15px; } .root-text-sm [data-class="root-text-sm"] { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .root-text-lg { font-size: 17px; } .root-text-lg [data-class="root-text-lg"] { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .root-text-xl { font-size: 18px; } .root-text-xl [data-class="root-text-xl"] { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .mod-bigger-font { font-size: 18px; } /* #COLORS - we place this here so it can override other colors as needed ========================================================================== */ .bg-primary-50 { background-color: #ccbfdf; color: rgba(0, 0, 0, 0.8); } .bg-primary-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-100 { background-color: #beaed7; color: rgba(0, 0, 0, 0.8); } .bg-primary-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-200 { background-color: #b19dce; color: rgba(0, 0, 0, 0.8); } .bg-primary-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-300 { background-color: #a38cc6; color: white; } .bg-primary-300:hover { color: white; } .bg-primary-400 { background-color: #967bbd; color: white; } .bg-primary-400:hover { color: white; } .bg-primary-500 { background-color: #886ab5; color: white; } .bg-primary-500:hover { color: white; } .bg-primary-600 { background-color: #7a59ad; color: white; } .bg-primary-600:hover { color: white; } .bg-primary-700 { background-color: #6e4e9e; color: white; } .bg-primary-700:hover { color: white; } .bg-primary-800 { background-color: #62468d; color: white; } .bg-primary-800:hover { color: white; } .bg-primary-900 { background-color: #563d7c; color: white; } .bg-primary-900:hover { color: white; } .color-primary-50 { color: #ccbfdf; } .color-primary-100 { color: #beaed7; } .color-primary-200 { color: #b19dce; } .color-primary-300 { color: #a38cc6; } .color-primary-400 { color: #967bbd; } .color-primary-500 { color: #886ab5; } .color-primary-600 { color: #7a59ad; } .color-primary-700 { color: #6e4e9e; } .color-primary-800 { color: #62468d; } .color-primary-900 { color: #563d7c; } .bg-success-50 { background-color: #7aece0; color: rgba(0, 0, 0, 0.8); } .bg-success-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-100 { background-color: #63e9db; color: rgba(0, 0, 0, 0.8); } .bg-success-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-200 { background-color: #4de5d5; color: rgba(0, 0, 0, 0.8); } .bg-success-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-300 { background-color: #37e2d0; color: rgba(0, 0, 0, 0.8); } .bg-success-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-400 { background-color: #21dfcb; color: rgba(0, 0, 0, 0.8); } .bg-success-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-500 { background-color: #1dc9b7; color: white; } .bg-success-500:hover { color: white; } .bg-success-600 { background-color: #1ab3a3; color: white; } .bg-success-600:hover { color: white; } .bg-success-700 { background-color: #179c8e; color: white; } .bg-success-700:hover { color: white; } .bg-success-800 { background-color: #13867a; color: white; } .bg-success-800:hover { color: white; } .bg-success-900 { background-color: #107066; color: white; } .bg-success-900:hover { color: white; } .color-success-50 { color: #7aece0; } .color-success-100 { color: #63e9db; } .color-success-200 { color: #4de5d5; } .color-success-300 { color: #37e2d0; } .color-success-400 { color: #21dfcb; } .color-success-500 { color: #1dc9b7; } .color-success-600 { color: #1ab3a3; } .color-success-700 { color: #179c8e; } .color-success-800 { color: #13867a; } .color-success-900 { color: #107066; } .bg-info-50 { background-color: #9acffa; color: rgba(0, 0, 0, 0.8); } .bg-info-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-100 { background-color: #82c4f8; color: rgba(0, 0, 0, 0.8); } .bg-info-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-200 { background-color: #6ab8f7; color: rgba(0, 0, 0, 0.8); } .bg-info-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-300 { background-color: #51adf6; color: white; } .bg-info-300:hover { color: white; } .bg-info-400 { background-color: #39a1f4; color: white; } .bg-info-400:hover { color: white; } .bg-info-500 { background-color: #2196F3; color: white; } .bg-info-500:hover { color: white; } .bg-info-600 { background-color: #0d8aee; color: white; } .bg-info-600:hover { color: white; } .bg-info-700 { background-color: #0c7cd5; color: white; } .bg-info-700:hover { color: white; } .bg-info-800 { background-color: #0a6ebd; color: white; } .bg-info-800:hover { color: white; } .bg-info-900 { background-color: #0960a5; color: white; } .bg-info-900:hover { color: white; } .color-info-50 { color: #9acffa; } .color-info-100 { color: #82c4f8; } .color-info-200 { color: #6ab8f7; } .color-info-300 { color: #51adf6; } .color-info-400 { color: #39a1f4; } .color-info-500 { color: #2196F3; } .color-info-600 { color: #0d8aee; } .color-info-700 { color: #0c7cd5; } .color-info-800 { color: #0a6ebd; } .color-info-900 { color: #0960a5; } .bg-warning-50 { background-color: #ffebc1; color: rgba(0, 0, 0, 0.8); } .bg-warning-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-100 { background-color: #ffe3a7; color: rgba(0, 0, 0, 0.8); } .bg-warning-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-200 { background-color: #ffdb8e; color: rgba(0, 0, 0, 0.8); } .bg-warning-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-300 { background-color: #ffd274; color: rgba(0, 0, 0, 0.8); } .bg-warning-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-400 { background-color: #ffca5b; color: rgba(0, 0, 0, 0.8); } .bg-warning-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-500 { background-color: #ffc241; color: rgba(0, 0, 0, 0.8); } .bg-warning-500:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-600 { background-color: #ffba28; color: rgba(0, 0, 0, 0.8); } .bg-warning-600:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-700 { background-color: #ffb20e; color: rgba(0, 0, 0, 0.8); } .bg-warning-700:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-800 { background-color: #f4a500; color: rgba(0, 0, 0, 0.8); } .bg-warning-800:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-900 { background-color: #da9400; color: rgba(0, 0, 0, 0.8); } .bg-warning-900:hover { color: rgba(0, 0, 0, 0.8); } .color-warning-50 { color: #ffebc1; } .color-warning-100 { color: #ffe3a7; } .color-warning-200 { color: #ffdb8e; } .color-warning-300 { color: #ffd274; } .color-warning-400 { color: #ffca5b; } .color-warning-500 { color: #ffc241; } .color-warning-600 { color: #ffba28; } .color-warning-700 { color: #ffb20e; } .color-warning-800 { color: #f4a500; } .color-warning-900 { color: #da9400; } .bg-danger-50 { background-color: #feb7d9; color: rgba(0, 0, 0, 0.8); } .bg-danger-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-100 { background-color: #fe9ecb; color: rgba(0, 0, 0, 0.8); } .bg-danger-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-200 { background-color: #fe85be; color: rgba(0, 0, 0, 0.8); } .bg-danger-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-300 { background-color: #fe6bb0; color: rgba(0, 0, 0, 0.8); } .bg-danger-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-400 { background-color: #fd52a3; color: white; } .bg-danger-400:hover { color: white; } .bg-danger-500 { background-color: #fd3995; color: white; } .bg-danger-500:hover { color: white; } .bg-danger-600 { background-color: #fd2087; color: white; } .bg-danger-600:hover { color: white; } .bg-danger-700 { background-color: #fc077a; color: white; } .bg-danger-700:hover { color: white; } .bg-danger-800 { background-color: #e7026e; color: white; } .bg-danger-800:hover { color: white; } .bg-danger-900 { background-color: #ce0262; color: white; } .bg-danger-900:hover { color: white; } .color-danger-50 { color: #feb7d9; } .color-danger-100 { color: #fe9ecb; } .color-danger-200 { color: #fe85be; } .color-danger-300 { color: #fe6bb0; } .color-danger-400 { color: #fd52a3; } .color-danger-500 { color: #fd3995; } .color-danger-600 { color: #fd2087; } .color-danger-700 { color: #fc077a; } .color-danger-800 { color: #e7026e; } .color-danger-900 { color: #ce0262; } .bg-fusion-50 { background-color: #909090; color: white; } .bg-fusion-50:hover { color: white; } .bg-fusion-100 { background-color: #838383; color: white; } .bg-fusion-100:hover { color: white; } .bg-fusion-200 { background-color: #767676; color: white; } .bg-fusion-200:hover { color: white; } .bg-fusion-300 { background-color: dimgray; color: white; } .bg-fusion-300:hover { color: white; } .bg-fusion-400 { background-color: #5d5d5d; color: white; } .bg-fusion-400:hover { color: white; } .bg-fusion-500 { background-color: #505050; color: white; } .bg-fusion-500:hover { color: white; } .bg-fusion-600 { background-color: #434343; color: white; } .bg-fusion-600:hover { color: white; } .bg-fusion-700 { background-color: #363636; color: white; } .bg-fusion-700:hover { color: white; } .bg-fusion-800 { background-color: #2a2a2a; color: white; } .bg-fusion-800:hover { color: white; } .bg-fusion-900 { background-color: #1d1d1d; color: white; } .bg-fusion-900:hover { color: white; } .color-fusion-50 { color: #909090; } .color-fusion-100 { color: #838383; } .color-fusion-200 { color: #767676; } .color-fusion-300 { color: dimgray; } .color-fusion-400 { color: #5d5d5d; } .color-fusion-500 { color: #505050; } .color-fusion-600 { color: #434343; } .color-fusion-700 { color: #363636; } .color-fusion-800 { color: #2a2a2a; } .color-fusion-900 { color: #1d1d1d; } .color-white { color: #fff; } .color-black { color: #222222; } .bg-primary-gradient { background-image: linear-gradient(250deg, rgba(86, 61, 124, 0.7), transparent); } .bg-danger-gradient { background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); } .bg-info-gradient { background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } .bg-warning-gradient { background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); } .bg-success-gradient { background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); } .bg-fusion-gradient { background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); } /* #APP related modules (print, fullscreen, etc) ========================================================================== */ /* Custom Webkit Scrollbar */ /* http://css-tricks.com/custom-scrollbars-in-webkit/ */ body:not(.mobile-detected)::-webkit-scrollbar, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar { height: 8px; width: 8px; } body:not(.mobile-detected)::-webkit-scrollbar:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.01); } body:not(.mobile-detected)::-webkit-scrollbar-track-piece, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece { background-color: #efefef; } body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece:hover { background-color: #d0d0d0; } body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical { background-color: #838383; } body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:hover { background-color: dimgray; } /* * Left Panel custom scroll */ .page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef; } .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666; } .page-sidebar .primary-nav::-webkit-scrollbar { height: 4px; width: 4px; } .page-sidebar .primary-nav:hover::-webkit-scrollbar-corner { width: 40px; } .page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef; } .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666; } :-webkit-full-screen [data-action="app-fullscreen"] { color: #cccccc; } :-moz-full-screen [data-action="app-fullscreen"] { color: #cccccc; } @media print { @page { size: letter portrait; margin: 1cm; padding: 0; border: none; border-collapse: collapse; } /**:not(.keep-print-font) { color:#333 !important; background: transparent !important; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: normal !important; font-size: 10pt !important; line-height: 1.7 !important; text-transform: none !important; transition: none !important; }*/ table { font-size: 80%; } .card, .card-body, .container { display: inline; padding: 0; margin: 0; border: 0; } a:link { font-weight: bold; text-decoration: underline; color: #06c; } .subheader-title { font-size: 14pt !important; } .subheader-title small { font-size: 12pt !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } .page-sidebar, .btn, .page-header, .page-footer { display: none !important; } .page-wrapper, .page-content, .container.card { padding: 0; display: block; margin: 0; border: 0 !important; width: auto; float: none; } .panel-header > * { font-weight: bold !important; } .card.panel { border-color: #333 !important; } .clearfix:after { content: ''; clear: both; display: table; } } /* #OVERRIDE - You can override any of the variables through this file ========================================================================== */ /*# sourceMappingURL=app.bundle.css.map */ /* #THEME COLOR (variable overrides) ========================================================================== */ /* #GLOBAL IMPORTS ========================================================================== */ /* #IMPORTS ~~ ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* select */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav parent level-0 */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { background-image: -webkit-gradient(linear, right top, left top, from(rgba(70, 138, 240, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(70, 138, 240, 0.18), transparent); background-color: #4d504f; } /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ .btn-default { background-color: #f5f5f5; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; } .btn-default:hover { border: 1px solid #c6c6c6; } .btn-default:focus { border-color: #afb4ba !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] { color: #fff; background: #868e96 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after { background: #fff !important; color: #868e96 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title { color: #868e96; } .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title { color: #d58100 !important; } .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc { color: #ec9f28 !important; } .header-btn { border: 1px solid whitesmoke; color: #a6a6a6; } .header-btn:hover { border-color: #e59c6c; background: #edb997; color: #fff; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after { background: #ffebc1; border: 1px solid #ffb20e; color: #1b1b1b; } /* #GLOBAL IMPORTS ========================================================================== */ /*@import '_imports/_global-import';*/ /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) DOC: you can disable unused _modules ========================================================================== */ /* contains root variables to be used with css (see docs) */ /* html and body base styles */ html body { background-color: #fff; } .header-icon { color: #666666; } .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child { color: #868e96; } .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"] { /* header dropdowns */ /* note: important rules to override popper's inline classes */ /* end header dropdowns */ } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { color: #404040 !important; } .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { border-color: #ccc; } .header-icon:hover { color: #404040; } .page-header { background-color: #fff; } #search-field { background: transparent; border: 1px solid transparent; } .dropdown-icon-menu > ul { background: #fff; } .notification li.unread { background: #fffaee; } .notification li > :first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .notification li > :first-child:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .notification .name { color: #222222; } .notification .msg-a, .notification .msg-b { color: #555555; } .notification.notification-layout-2 li { background: #f9f9f9; } .notification.notification-layout-2 li.unread { background: #fff; } .notification.notification-layout-2 li > :first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .notification.notification-layout-2:hover { cursor: pointer; } .app-list-item { color: #666666; } .app-list-item:hover { border: 1px solid #e3e3e3; } .app-list-item:active { border-color: #868e96; } @media (min-width: 992px) { .header-function-fixed.nav-function-top .page-header { -webkit-box-shadow: 0px 0px 28px 2px rgba(85, 91, 97, 0.13); box-shadow: 0px 0px 28px 2px rgba(85, 91, 97, 0.13); } } .nav-title { color: #868686; } .nav-menu li.open > a { color: white; } .nav-menu li.active { /* arrow that appears next to active/selected items */ } .nav-menu li.active > a { color: white; background-color: rgba(255, 255, 255, 0.04); -webkit-box-shadow: inset 3px 0 0 #868e96; box-shadow: inset 3px 0 0 #868e96; } .nav-menu li.active > a:hover > [class*='fa-'], .nav-menu li.active > a:hover > .ni { color: #a8a8a8; } .nav-menu li.active > ul { display: block; } .nav-menu li.active:not(.open) > a:before { /*color: #e77070;*/ content: "\f053"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 16px; -webkit-font-smoothing: antialiased; display: inline-block; height: 27px; line-height: 1; width: 27px; position: absolute; right: -15px; top: 10px; color: #eee; } .nav-menu li a { color: #bebebf; } .nav-menu li a .dl-ref.label { color: rgba(255, 255, 255, 0.7); } .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni { color: #bbbbbb; } .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nav-menu li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li a:hover .badge { color: #fff; } .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni { color: #a8a8a8; } .nav-menu li a:hover > .badge { -webkit-box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.8); box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.8); border: 1px solid rgba(111, 111, 111, 0.8); } .nav-menu li a:focus { color: white; } .nav-menu li a:focus .badge { color: #fff; } .nav-menu li b.collapse-sign { color: #949ba2; } .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a { color: #b2b2b2; } .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni { color: #bbbbbb; } .nav-menu li > ul li a > .badge { color: #fff; background-color: #b57d6a; } .nav-menu li > ul li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li a:hover > .nav-link-text > .ni { color: #a8a8a8; } .nav-menu li > ul li.active > a { color: white; background-color: transparent; } .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a > .nav-link-text > .ni { color: white; } .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { color: #a8a8a8; } .nav-menu li > ul li > ul li.active > a { color: white; } .nav-menu li > ul li > ul li a { color: #adadad; } .nav-menu li > ul li > ul li a:hover { color: white; } .nav-menu li > ul li > ul li a > .badge { color: #fff; background-color: #b57d6a; border: 1px solid #4e4e4e; } /* nav clean elements */ .nav-menu-clean { background: #fff; } .nav-menu-clean li a { color: #4e4e4e !important; } .nav-menu-clean li a span { color: #4e4e4e !important; } .nav-menu-clean li a:hover { background-color: #f4f4f4 !important; } /* nav bordered elements */ .nav-menu-bordered { border: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-filter input[type="text"] { background: rgba(0, 0, 0, 0.4); color: #fff; } .nav-filter input[type="text"]:not(:focus) { border-color: rgba(0, 0, 0, 0.1); } .nav-filter input[type="text"]:focus { border-color: #7c7c7c; } .info-card { color: #fff; } .info-card .info-card-text { text-shadow: #000 0 1px; } @media (min-width: 992px) { .nav-function-top { /* correct search field color */ } .nav-function-top #search-field { color: #fff; } .nav-function-top:not(.header-function-fixed) #nff { position: relative; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { color: #d58100; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { color: #ec9f28; } .nav-function-top:not(.header-function-fixed) #nff:after { background: #ffebc1; border: 1px solid #ffb20e; color: #1b1b1b; } .nav-function-top .page-header { background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #5b5b5b; -webkit-box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #a1a8ae; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #bdc1c5; } .nav-function-top .page-header .badge.badge-icon { -webkit-box-shadow: 0 0 0 1px #e18d56; box-shadow: 0 0 0 1px #e18d56; } .nav-function-top .page-sidebar { background: #fff; -webkit-box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { color: #24b3a4; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { color: inherit; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { color: #a7a8a8; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: #5b5b5b; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { background: #6d6d6d; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { color: #bebebf; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { background: #6d6d6d; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { background: rgba(0, 0, 0, 0.1); color: #fff; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { color: #6d6d6d; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { color: #868e96; background: transparent; } } @media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { color: #24b3a4; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { background: trasparent; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { background-color: #5b5b5b; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { color: #5b5b5b; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { overflow: visible; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: #656565; color: #fff; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { background: #5b5b5b; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { color: #5b5b5b; } .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { background: #4e4e4e; border-color: #353535 !important; color: #fff !important; } } .nav-footer .nav-footer-buttons > li > a { color: #9b9b9b; } .nav-function-fixed .nav-footer { background: #5b5b5b; } .nav-function-fixed .nav-footer:before { background: rgba(116, 117, 117, 0.2); background: -webkit-gradient(linear, left top, right top, from(#5b5b5b), color-stop(50%, #818181), color-stop(50%, #818181), to(#5b5b5b)); background: linear-gradient(to right, #5b5b5b 0%, #818181 50%, #818181 50%, #5b5b5b 100%); } @media (min-width: 992px) { .nav-function-minify .nav-footer { background-color: #565656; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] { color: #8b8b8c; } .nav-function-minify .nav-footer:hover { background-color: #636363; } .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { color: #a8a8a8; } } .page-content-wrapper { background-color: #f8f8f8; } .subheader-icon { color: #a8a8a8; } .subheader-title { color: #4e4e4e; text-shadow: #fff 0 1px; } .subheader-title small { color: #818181; } .page-footer { background: #fff; color: #4d4d4d; } .accordion .card .card-header { background-color: #f7f9fa; } .accordion .card .card-header .card-title { color: #868e96; } .accordion .card .card-header .card-title.collapsed { color: #818181; } .accordion.accordion-clean .card-header { background: #fff; } .accordion.accordion-hover .card-header { background: #fff; } .accordion.accordion-hover .card-header:hover .card-title.collapsed { color: #fff; background-color: #a1a8ae; } .accordion.accordion-hover .card-title:not(.collapsed) { color: #fff; background-color: #868e96; } /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 does not allow you to add your own alert colors via variable control rather through a systemetic agent that changes the theme colors. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 */ .alert-primary { color: #6e6e6e; background-color: #f7f7f9; border-color: #dbdbdd; } .alert-success { color: #45a165; background-color: #f7fdf9; border-color: #a3ebbc; } .alert-danger { color: #dc2e2e; background-color: white; border-color: #f6c7c7; } .alert-warning { color: #c18300; background-color: #fff8e9; border-color: #ffcd65; } .alert-info { color: #0a6ebd; background-color: #e3f2fd; border-color: #82c4f8 } .alert-secondary { color: #555555; background-color: white; border-color: #e1e1e1; } .badge.badge-icon { background-color: #e77070; color: #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .badge-danger { color: #fff; background-color: #dc2e2e; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #fc077a; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } /* btn switch */ .btn-switch { background: #686868; color: white; } .btn-switch:hover { color: white; } .btn-switch:after { color: white; } .btn-switch.active { color: #fff; background: #868e96; } .btn-switch.active:before { color: white; } .btn-switch.active:after { background: #fff; color: #868e96; } /* button used to close filter and mobile search */ .btn-search-close { color: #fff; } /* buttons used in the header section of the page */ .header-btn[data-class='mobile-nav-on'] { border-color: #e04444; background-color: #e35a5a; background-image: -webkit-gradient(linear, left bottom, left top, from(#e35a5a), to(#dc2e2e)); background-image: linear-gradient(to top, #e35a5a, #dc2e2e); color: #fff; } /* dropdown btn */ /* used on info card pulldown filter */ .pull-trigger-btn { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); color: #fff !important; -webkit-box-shadow: 0px 0px 2px rgba(134, 142, 150, 0.3); box-shadow: 0px 0px 2px rgba(134, 142, 150, 0.3); } .pull-trigger-btn:hover { background: #868e96; border-color: #78818a; } /* btn misc */ .btn-outline-default { color: #212529; border-color: #E5E5E5; } .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #212529; background-color: #f9f9f9; border-color: #E5E5E5; } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #212529; } /* btn shadows */ .btn-primary { -webkit-box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5); box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5);} .btn-secondary { -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); } .btn-success { -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); } .btn-info { -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } .btn-warning { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); } .btn-danger { -webkit-box-shadow: 0 2px 6px 0 rgba(231, 112, 112, 0.5); box-shadow: 0 2px 6px 0 rgba(231, 112, 112, 0.5); } .btn-light { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } .btn-dark { -webkit-box-shadow: 0 2px 6px 0 rgba(78, 78, 78, 0.5); box-shadow: 0 2px 6px 0 rgba(78, 78, 78, 0.5); } .btn-icon-light { color: rgba(255, 255, 255, 0.7) !important; border-color: transparent !important; } .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { color: rgba(255, 255, 255, 0.7) !important; } .btn-icon-light:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.2) !important; } .card-header { background-color: #f7f9fa; } .carousel-control-prev:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .carousel-control-next:hover { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } /* dropdown menu multi-level */ .dropdown-menu .dropdown-menu { background: #fff; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background: #f8f9fa; color: #6c757d; } .chat-segment-get .chat-message { background: #f1f0f0; } .chat-segment-sent .chat-message { background: #1dc9b7; } /* transparent modal */ .modal-transparent .modal-content { -webkit-box-shadow: 0 1px 15px 1px rgba(85, 91, 97, 0.3); box-shadow: 0 1px 15px 1px rgba(85, 91, 97, 0.3); } .modal-transparent .modal-content { background: rgba(40, 40, 40, 0.85); } .panel { background-color: #fff; border-bottom: 1px solid #e0e0e0; /* panel fullscreen */ /* panel locked */ } .panel.panel-fullscreen { /* make panel header bigger */ } .panel.panel-fullscreen .panel-hdr { -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(73, 78, 84, 0.1); box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(73, 78, 84, 0.1); } .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { color: #b57d6a; } /* panel tag can be used globally */ .panel-tag { background: #eef7fd; } /* panel header */ .panel-hdr { background: #fff; } /* panel tap highlight */ .panel-sortable:not(.panel-locked) .panel-hdr:active { border-top-color: rgba(161, 168, 174, 0.7); border-left-color: rgba(134, 142, 150, 0.7); border-right-color: rgba(134, 142, 150, 0.7); } .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container { border-color: transparent rgba(134, 142, 150, 0.7) rgba(120, 129, 138, 0.7); } /*.panel-sortable .panel-hdr:active, .panel-sortable .panel-hdr:active + .panel-container { @include transition-border(0.4s, ease-out); }*/ .panel-sortable.panel-locked .panel-hdr:active { border-top-color: #c69b8c; border-left-color: #dc3545; border-right-color: #dc3545; } .panel-sortable.panel-locked .panel-hdr:active + .panel-container { border-color: transparent #dc3545 #dc3545; } /* panel toolbar (sits inside panel header) */ .panel-toolbar .btn-panel { /* add default colors for action buttons */ } .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { background: #1dc958; } .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { background: #ffc241; } .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { background: #e77070; } /* placeholder */ .panel-placeholder { background-color: #e7e7e7; } .panel-placeholder:before { background: #e7e7e7; } .mod-panel-clean .panel-hdr { background: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); background-image: linear-gradient(to bottom, #f7f7f7, #fff); } @media only screen and (max-width: 420px) { /* making mobile spacing a little narrow */ .panel .panel-hdr { color: #060606; } } .popover .arrow { border-color: inherit; } .menu-item, label.menu-open-button { background: #868e96; color: #fff !important; } .menu-item:hover, label.menu-open-button:hover { background: #6c757d; } .app-shortcut-icon { background: #ecf0f1; color: #ecf0f1; } .menu-open:checked + .menu-open-button { background: #4e4e4e; } /* backgrounds */ .bg-white { background-color: #fff; color: #666666; } .bg-faded { background-color: #f7f9fa; } .bg-offwhite-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7)); background-image: linear-gradient(to top, #fff, #f7f7f7); } .bg-subtlelight { background-color: #fefefe; } .bg-subtlelight-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fefefe)); background-image: linear-gradient(to top, #fff, #fefefe); } .bg-highlight { background-color: #fffaee; } .bg-gray-50 { background-color: #f9f9f9; } .bg-gray-100 { background-color: #f8f9fa; } .bg-gray-200 { background-color: #e9ecef; } .bg-gray-300 { background-color: #dee2e6; } .bg-gray-400 { background-color: #ced4da; } .bg-gray-500 { background-color: #adb5bd; } .bg-gray-600 { background-color: #6c757d; } .bg-gray-700 { background-color: #495057; } .bg-gray-800 { background-color: #343a40; } .bg-gray-900 { background-color: #212529; } /* borders */ .border-faded { border: 1px solid rgba(27, 27, 27, 0.07); } /* hover any bg */ /* inherits the parent background on hover */ .hover-bg { background: #fff; } /* states */ .state-selected { background: #e7f4fe !important; } /* demo window */ .demo-window { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); } .demo-window:before { background: #e5e5e5; } .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { background: #ccc; } .bg-trans-gradient { background: linear-gradient(250deg, #3e93d6, #8e8e8e); } .notes { background: #f9f4b5; } /* disclaimer class */ .disclaimer { color: #a2a2a2; } /* online status */ .status { position: relative; } .status:before { background: #4e4e4e; border: 2px solid #fff; } .status.status-success:before { background: #1dc9b7; } .status.status-danger:before { background: #b57d6a; } .status.status-warning:before { background: #ffc241; } /* display frame */ .frame-heading { color: #a0a0a0; } .frame-wrap { background: white; } /* time stamp */ .time-stamp { color: #757575; } /* data-hasmore */ [data-hasmore] { color: #fff; } [data-hasmore]:before { background: rgba(0, 0, 0, 0.4); } /* code */ code { background: #f7f7f7; } /* select background */ ::-moz-selection { background: #4e4e4e; color: #fff; } ::selection { background: #4e4e4e; color: #fff; } ::-moz-selection { background: #4e4e4e; color: #fff; } @media only screen and (max-width: 992px) { .page-wrapper { background: #fff; } .page-wrapper .page-header { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .page-wrapper .page-content { color: #222; } .page-wrapper .page-content .subheader .subheader-title { color: #22282d; } .page-wrapper .page-content .subheader .subheader-title small { color: #181c21; } .page-wrapper .page-content .p-g { padding: 1.5rem; } .page-wrapper .page-footer { border-top: 1px solid rgba(0, 0, 0, 0.09); } /* Off canvas */ .nav-mobile-slide-out .page-wrapper .page-content { background: #f8f8f8; } /* mobile nav show & hide button */ /* general */ .mobile-nav-on .page-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } .mobile-nav-on .page-content-overlay { background: rgba(0, 0, 0, 0.09); } } @media only screen and (max-width: 576px) { /* here we turn on mobile font for smaller screens */ /*body { font-family: $mobile-page-font !important; }*/ /* mobile nav search */ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { background: #fff; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { border-color: #868e96; } } /* text area */ [contenteditable="true"]:empty:not(:focus):before { content: attr(data-placeholder); color: #8e8e8e; } [contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } [contenteditable="true"]::selection { background: rgba(0, 132, 255, 0.2); color: #000; } [contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } /* add background to focused inpur prepend and append */ .form-control:focus ~ .input-group-prepend { background: #868e96; } .has-length .input-group-text { border-color: #868e96; } .has-length .input-group-text + .input-group-text { border-left: 1px solid rgba(0, 0, 0, 0.1); } .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { background: #868e96; color: #fff !important; } /* help block and validation feedback texts*/ .help-block { color: #8e8e8e; } .settings-panel h5 { color: #4e4e4e; } .settings-panel .list { color: #666666; } .settings-panel .list:hover { color: #333333; background: rgba(255, 255, 255, 0.7); } .settings-panel .expanded:before { border-bottom-color: #5b5b5b; } @media only screen and (max-width: 992px) { .mobile-view-activated #nff, .mobile-view-activated #nfm, .mobile-view-activated #nfh, .mobile-view-activated #nft, .mobile-view-activated #mmb { position: relative; } .mobile-view-activated #nff .onoffswitch-title, .mobile-view-activated #nfm .onoffswitch-title, .mobile-view-activated #nfh .onoffswitch-title, .mobile-view-activated #nft .onoffswitch-title, .mobile-view-activated #mmb .onoffswitch-title { color: #d58100 !important; } .mobile-view-activated #nff .onoffswitch-title-desc, .mobile-view-activated #nfm .onoffswitch-title-desc, .mobile-view-activated #nfh .onoffswitch-title-desc, .mobile-view-activated #nft .onoffswitch-title-desc, .mobile-view-activated #mmb .onoffswitch-title-desc { color: #ec9f28 !important; } .mobile-view-activated #nff:after, .mobile-view-activated #nfm:after, .mobile-view-activated #nfh:after, .mobile-view-activated #nft:after, .mobile-view-activated #mmb:after { background: #ffebc1; border: 1px solid #ffb20e; color: #1b1b1b; } } /* Hierarchical Navigation */ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { /* addressing all second, third children */ } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { border-left: 1px solid #656565; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { background-color: #8b8b8c; } .bg-primary-50 { background-color: #aac1e8; color: rgba(0, 0, 0, 0.8); } .bg-primary-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-100 { background-color: #96b3e2; color: rgba(0, 0, 0, 0.8); } .bg-primary-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-200 { background-color: #82a4dd; color: rgba(0, 0, 0, 0.8); } .bg-primary-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-300 { background-color: #6e96d7; color: white; } .bg-primary-300:hover { color: white; } .bg-primary-400 { background-color: #5a87d2; color: white; } .bg-primary-400:hover { color: white; } .bg-primary-500 { background-color: #4679cc; color: white; } .bg-primary-500:hover { color: white; } .bg-primary-600 { background-color: #366bc3; color: white; } .bg-primary-600:hover { color: white; } .bg-primary-700 { background-color: #3060af; color: white; } .bg-primary-700:hover { color: white; } .bg-primary-800 { background-color: #2b559b; color: white; } .bg-primary-800:hover { color: white; } .bg-primary-900 { background-color: #254a87; color: white; } .bg-primary-900:hover { color: white; } .color-primary-50 { color: #aac1e8; } .color-primary-100 { color: #96b3e2; } .color-primary-200 { color: #82a4dd; } .color-primary-300 { color: #6e96d7; } .color-primary-400 { color: #5a87d2; } .color-primary-500 { color: #4679cc; } .color-primary-600 { color: #366bc3; } .color-primary-700 { color: #3060af; } .color-primary-800 { color: #2b559b; } .color-primary-900 { color: #254a87; } .bg-success-50 { background-color: #7aeca1; color: rgba(0, 0, 0, 0.8); } .bg-success-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-100 { background-color: #63e991; color: rgba(0, 0, 0, 0.8); } .bg-success-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-200 { background-color: #4de581; color: rgba(0, 0, 0, 0.8); } .bg-success-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-300 { background-color: #37e272; color: rgba(0, 0, 0, 0.8); } .bg-success-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-400 { background-color: #21df62; color: rgba(0, 0, 0, 0.8); } .bg-success-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-500 { background-color: #1dc958; color: white; } .bg-success-500:hover { color: white; } .bg-success-600 { background-color: #1ab34e; color: white; } .bg-success-600:hover { color: white; } .bg-success-700 { background-color: #179c44; color: white; } .bg-success-700:hover { color: white; } .bg-success-800 { background-color: #13863b; color: white; } .bg-success-800:hover { color: white; } .bg-success-900 { background-color: #107031; color: white; } .bg-success-900:hover { color: white; } .color-success-50 { color: #7aeca1; } .color-success-100 { color: #63e991; } .color-success-200 { color: #4de581; } .color-success-300 { color: #37e272; } .color-success-400 { color: #21df62; } .color-success-500 { color: #1dc958; } .color-success-600 { color: #1ab34e; } .color-success-700 { color: #179c44; } .color-success-800 { color: #13863b; } .color-success-900 { color: #107031; } .bg-info-50 { background-color: #9acffa; color: rgba(0, 0, 0, 0.8); } .bg-info-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-100 { background-color: #82c4f8; color: rgba(0, 0, 0, 0.8); } .bg-info-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-200 { background-color: #6ab8f7; color: rgba(0, 0, 0, 0.8); } .bg-info-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-300 { background-color: #51adf6; color: white; } .bg-info-300:hover { color: white; } .bg-info-400 { background-color: #39a1f4; color: white; } .bg-info-400:hover { color: white; } .bg-info-500 { background-color: #2196F3; color: white; } .bg-info-500:hover { color: white; } .bg-info-600 { background-color: #0d8aee; color: white; } .bg-info-600:hover { color: white; } .bg-info-700 { background-color: #0c7cd5; color: white; } .bg-info-700:hover { color: white; } .bg-info-800 { background-color: #0a6ebd; color: white; } .bg-info-800:hover { color: white; } .bg-info-900 { background-color: #0960a5; color: white; } .bg-info-900:hover { color: white; } .color-info-50 { color: #9acffa; } .color-info-100 { color: #82c4f8; } .color-info-200 { color: #6ab8f7; } .color-info-300 { color: #51adf6; } .color-info-400 { color: #39a1f4; } .color-info-500 { color: #2196F3; } .color-info-600 { color: #0d8aee; } .color-info-700 { color: #0c7cd5; } .color-info-800 { color: #0a6ebd; } .color-info-900 { color: #0960a5; } .bg-warning-50 { background-color: #ffebc1; color: rgba(0, 0, 0, 0.8); } .bg-warning-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-100 { background-color: #ffe3a7; color: rgba(0, 0, 0, 0.8); } .bg-warning-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-200 { background-color: #ffdb8e; color: rgba(0, 0, 0, 0.8); } .bg-warning-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-300 { background-color: #ffd274; color: rgba(0, 0, 0, 0.8); } .bg-warning-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-400 { background-color: #ffca5b; color: rgba(0, 0, 0, 0.8); } .bg-warning-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-500 { background-color: #ffc241; color: rgba(0, 0, 0, 0.8); } .bg-warning-500:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-600 { background-color: #ffba28; color: rgba(0, 0, 0, 0.8); } .bg-warning-600:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-700 { background-color: #ffb20e; color: rgba(0, 0, 0, 0.8); } .bg-warning-700:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-800 { background-color: #f4a500; color: rgba(0, 0, 0, 0.8); } .bg-warning-800:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-900 { background-color: #da9400; color: rgba(0, 0, 0, 0.8); } .bg-warning-900:hover { color: rgba(0, 0, 0, 0.8); } .color-warning-50 { color: #ffebc1; } .color-warning-100 { color: #ffe3a7; } .color-warning-200 { color: #ffdb8e; } .color-warning-300 { color: #ffd274; } .color-warning-400 { color: #ffca5b; } .color-warning-500 { color: #ffc241; } .color-warning-600 { color: #ffba28; } .color-warning-700 { color: #ffb20e; } .color-warning-800 { color: #f4a500; } .color-warning-900 { color: #da9400; } .bg-danger-50 { background-color: #f9dddd; color: rgba(0, 0, 0, 0.8); } .bg-danger-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-100 { background-color: #f6c7c7; color: rgba(0, 0, 0, 0.8); } .bg-danger-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-200 { background-color: #f2b2b2; color: rgba(0, 0, 0, 0.8); } .bg-danger-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-300 { background-color: #ee9c9c; color: rgba(0, 0, 0, 0.8); } .bg-danger-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-400 { background-color: #eb8686; color: rgba(0, 0, 0, 0.8); } .bg-danger-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-500 { background-color: #e77070; color: rgba(0, 0, 0, 0.8); } .bg-danger-500:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-600 { background-color: #e35a5a; color: white; } .bg-danger-600:hover { color: white; } .bg-danger-700 { background-color: #e04444; color: white; } .bg-danger-700:hover { color: white; } .bg-danger-800 { background-color: #dc2e2e; color: white; } .bg-danger-800:hover { color: white; } .bg-danger-900 { background-color: #ce2323; color: white; } .bg-danger-900:hover { color: white; } .color-danger-50 { color: #f9dddd; } .color-danger-100 { color: #f6c7c7; } .color-danger-200 { color: #f2b2b2; } .color-danger-300 { color: #ee9c9c; } .color-danger-400 { color: #eb8686; } .color-danger-500 { color: #e77070; } .color-danger-600 { color: #e35a5a; } .color-danger-700 { color: #e04444; } .color-danger-800 { color: #dc2e2e; } .color-danger-900 { color: #ce2323; } .bg-fusion-50 { background-color: #8e8e8e; color: white; } .bg-fusion-50:hover { color: white; } .bg-fusion-100 { background-color: #818181; color: white; } .bg-fusion-100:hover { color: white; } .bg-fusion-200 { background-color: #757575; color: white; } .bg-fusion-200:hover { color: white; } .bg-fusion-300 { background-color: #686868; color: white; } .bg-fusion-300:hover { color: white; } .bg-fusion-400 { background-color: #5b5b5b; color: white; } .bg-fusion-400:hover { color: white; } .bg-fusion-500 { background-color: #4e4e4e; color: white; } .bg-fusion-500:hover { color: white; } .bg-fusion-600 { background-color: #424242; color: white; } .bg-fusion-600:hover { color: white; } .bg-fusion-700 { background-color: #353535; color: white; } .bg-fusion-700:hover { color: white; } .bg-fusion-800 { background-color: #282828; color: white; } .bg-fusion-800:hover { color: white; } .bg-fusion-900 { background-color: #1b1b1b; color: white; } .bg-fusion-900:hover { color: white; } .color-fusion-50 { color: #8e8e8e; } .color-fusion-100 { color: #818181; } .color-fusion-200 { color: #757575; } .color-fusion-300 { color: #686868; } .color-fusion-400 { color: #5b5b5b; } .color-fusion-500 { color: #4e4e4e; } .color-fusion-600 { color: #424242; } .color-fusion-700 { color: #353535; } .color-fusion-800 { color: #282828; } .color-fusion-900 { color: #1b1b1b; } .color-white { color: #fff; } .color-black { color: #222222; } .bg-primary-gradient { background-image: linear-gradient(250deg, rgba(85, 91, 97, 0.7), transparent); } .bg-danger-gradient { background-image: linear-gradient(250deg, rgba(206, 35, 35, 0.7), transparent); } .bg-info-gradient { background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } .bg-warning-gradient { background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); } .bg-success-gradient { background-image: linear-gradient(250deg, rgba(16, 112, 49, 0.7), transparent); } .bg-fusion-gradient { background-image: linear-gradient(250deg, rgba(27, 27, 27, 0.7), transparent); } .btn-primary { color: #fff; background-color: #4679cc; border-color: #4679cc; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-primary:hover { color: #fff; background-color: #3366b9; border-color: #3060af; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3060af; border-color: #2d5ba5; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #1dc958; border-color: #1dc958; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-success:hover { color: #fff; background-color: #18a849; border-color: #179c44; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1dc958; border-color: #1dc958; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #179c44; border-color: #159140; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); } .btn-info { color: #fff; background-color: #2196F3; border-color: #2196F3; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-info:hover { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c7cd5; border-color: #0b75c9; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-warning { color: #212529; background-color: #ffc241; border-color: #ffc241; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-warning:hover { color: #212529; background-color: #ffb61b; border-color: #ffb20e; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ffb20e; border-color: #ffae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-danger { color: #fff; background-color: #e77070; border-color: #e77070; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-danger:hover { color: #fff; background-color: #e24f4f; border-color: #e04444; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #e24f4f; border-color: #e04444; -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #e04444; border-color: #de3939; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-underlying { color: #fff; background-color: #D21F23; border-color: #D21F23; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-underlying:hover { color: #fff; background-color: #e24f4f; border-color: #e04444; } .btn-underlying:focus, .btn-underlying.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-underlying.disabled, .btn-underlying:disabled { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-underlying:not(:disabled):not(.disabled):active, .btn-underlying:not(:disabled):not(.disabled).active, .show > .btn-underlying.dropdown-toggle { color: #fff; background-color: #D21F23; border-color: #D21F23; } .btn-underlying:not(:disabled):not(.disabled):active:focus, .btn-underlying:not(:disabled):not(.disabled).active:focus, .show > .btn-underlying.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .toggle .btn-underlying, .toggle .btn-consistent, .toggle .btn-adapted { /*width: 90px;*/ } .btn-adapted { color: #fff; background-color: #9F65BF; border-color: #9F65BF; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-adapted:hover { color: #fff; background-color: #A38DBC; border-color: #e04444; } .btn-adapted:focus, .btn-adapted.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-adapted.disabled, .btn-adapted:disabled { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-adapted:not(:disabled):not(.disabled):active, .btn-adapted:not(:disabled):not(.disabled).active, .show > .btn-adapted.dropdown-toggle { color: #fff; background-color: #A38DBC; border-color: #A38DBC; } .btn-adapted:not(:disabled):not(.disabled):active:focus, .btn-adapted:not(:disabled):not(.disabled).active:focus, .show > .btn-adapted.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-consistent { color: #fff; background-color: #1858CE; border-color: #1858CE; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-consistent:hover { color: #fff; background-color: #6895CC; border-color: #1858CE; } .btn-consistent:focus, .btn-consistent.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-consistent.disabled, .btn-consistent:disabled { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-consistent:not(:disabled):not(.disabled):active, .btn-consistent:not(:disabled):not(.disabled).active, .show > .btn-consistent.dropdown-toggle { color: #fff; background-color: #1858CE; border-color: #1858CE; } .btn-consistent:not(:disabled):not(.disabled):active:focus, .btn-consistent:not(:disabled):not(.disabled).active:focus, .show > .btn-consistent.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); } .btn-light { color: #212529; background-color: #fff; border-color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-dark { color: #fff; background-color: #4e4e4e; border-color: #4e4e4e; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-dark:hover { color: #fff; background-color: #3b3b3b; border-color: #353535; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #4e4e4e; border-color: #4e4e4e; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #353535; border-color: #2e2e2e; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); } .btn-outline-primary { color: #4679cc; border-color: #4679cc; } .btn-outline-primary:hover { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #4679cc; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #1dc958; border-color: #1dc958; } .btn-outline-success:hover { color: #fff; background-color: #1dc958; border-color: #1dc958; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1dc958; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1dc958; border-color: #1dc958; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); } .btn-outline-info { color: #2196F3; border-color: #2196F3; } .btn-outline-info:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2196F3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-warning { color: #ffc241; border-color: #ffc241; } .btn-outline-warning:hover { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc241; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-danger { color: #e77070; border-color: #e77070; } .btn-outline-danger:hover { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e77070; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #e77070; border-color: #e77070; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); } .btn-outline-light { color: #fff; border-color: #fff; } .btn-outline-light:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-dark { color: #4e4e4e; border-color: #4e4e4e; } .btn-outline-dark:hover { color: #fff; background-color: #4e4e4e; border-color: #4e4e4e; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #4e4e4e; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #4e4e4e; border-color: #4e4e4e; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); } .bg-danger { background-color: #e77070 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #e04444 !important; } .bg-success { background-color: #1dc958 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #179c44 !important; } .border-primary { border-color: #007bff!important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745!important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc241 !important; } .border-danger { border-color: #e77070 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .text-primary { color: #868e96 !important; } a.text-primary:hover, a.text-primary:focus { color: #60686f !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #1dc958 !important; } a.text-success:hover, a.text-success:focus { color: #13867a !important; } .text-info { color: #2196F3 !important; } a.text-info:hover, a.text-info:focus { color: #0a6ebd !important; } .text-warning { color: #ffc241 !important; } a.text-warning:hover, a.text-warning:focus { color: #f4a500 !important; } .text-danger { color: #e77070 !important; } a.text-danger:hover, a.text-danger:focus { color: #e24f4f !important; } .text-light { color: #fff !important; } a.text-light:hover, a.text-light:focus { color: #d9d9d9 !important; } .text-dark { color: #4e4e4e !important; } a.text-dark:hover, a.text-dark:focus { color: #282828 !important; } /* #Reset userselect ========================================================================== */ #myapp-0 { -webkit-box-shadow: none !important; box-shadow: none !important; } #myapp-7 { -webkit-box-shadow: 0 0 0 3px #000000; box-shadow: 0 0 0 3px #000000; } /*# sourceMappingURL=prism-theme.css.map */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url(/Content/webfonts/fa-regular-400.eot); src: url(/Content/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/Content/webfonts/fa-regular-400.woff2) format("woff2"), url(/Content/webfonts/fa-regular-400.woff) format("woff"), url(/Content/webfonts/fa-regular-400.ttf) format("truetype"), url(/Content/webfonts/fa-regular-400.svg#fontawesome) format("svg"); } .far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; } /*# sourceMappingURL=fa-regular.css.map */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url(/Content/webfonts/fa-solid-900.eot); src: url(/Content/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/Content/webfonts/fa-solid-900.woff2) format("woff2"), url(/Content/webfonts/fa-solid-900.woff) format("woff"), url(/Content/webfonts/fa-solid-900.ttf) format("truetype"), url(/Content/webfonts/fa-solid-900.svg#fontawesome) format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; } /*# sourceMappingURL=fa-solid.css.map */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url(/Content/webfonts/fa-brands-400.eot); src: url(/Content/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/Content/webfonts/fa-brands-400.woff2) format("woff2"), url(/Content/webfonts/fa-brands-400.woff) format("woff"), url(/Content/webfonts/fa-brands-400.ttf) format("truetype"), url(/Content/webfonts/fa-brands-400.svg#fontawesome) format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /*# sourceMappingURL=fa-brands.css.map */ /* * This combined file was created by the DataTables downloader builder: * https://datatables.net/download * * To rebuild or modify this file with the latest versions of the included * software please visit: * https://datatables.net/download/#bs4/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.20/b-1.6.0/b-colvis-1.6.0/b-flash-1.6.0/b-html5-1.6.0/b-print-1.6.0/fc-3.3.0/fh-3.1.6/kt-2.5.1/r-2.2.3/rg-1.1.1/sc-2.0.1/sl-1.3.1 * * Included libraries: * JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.20, Buttons 1.6.0, Column visibility 1.6.0, Flash export 1.6.0, HTML5 export 1.6.0, Print view 1.6.0, FixedColumns 3.3.0, FixedHeader 3.1.6, KeyTable 2.5.1, Responsive 2.2.3, RowGroup 1.1.1, Scroller 2.0.1, Select 1.3.1 */ table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-sm>thead>tr>th{padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} @keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}div.dt-button-collection-title:empty{display:none}div.dt-button-collection.dropdown-menu{display:block;z-index:2002}div.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}div.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}div.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}div.dt-button-collection.dropdown-menu>div:last-child{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection.dropdown-menu>div:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.dropdown-menu.two-column{width:300px}div.dt-button-collection.dropdown-menu.two-column>div:last-child{padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.dropdown-menu.three-column{width:450px}div.dt-button-collection.dropdown-menu.three-column>div:last-child{padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.dropdown-menu.four-column{width:600px}div.dt-button-collection.dropdown-menu.four-column>div:last-child{padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-collection.dropdown-menu .dt-button{border-radius:0}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-150px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>div:last-child{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection>div:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:300px}div.dt-button-collection.two-column>div:last-child{padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px}div.dt-button-collection.three-column>div:last-child{padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px}div.dt-button-collection.four-column>div:last-child{padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-collection .dt-button{border-radius:0}div.dt-button-collection.fixed{max-width:none}div.dt-button-collection.fixed:before,div.dt-button-collection.fixed:after{display:none}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear} table.DTFC_Cloned tr{background-color:white;margin-bottom:0}div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table{border-bottom:none !important;margin-bottom:0 !important;background-color:white}div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table{border-top:none;margin:0 !important;z-index:2}div.DTFC_LeftBodyWrapper table thead .sorting:before,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_LeftBodyWrapper table thead .sorting:before,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:before,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:before,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:before,div.DTFC_RightBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:before,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:before,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:before,div.DTFC_RightBodyWrapper table thead .sorting_desc:after{display:none}div.DTFC_LeftBodyWrapper table tbody tr:first-child th,div.DTFC_LeftBodyWrapper table tbody tr:first-child td,div.DTFC_RightBodyWrapper table tbody tr:first-child th,div.DTFC_RightBodyWrapper table tbody tr:first-child td{border-top:none}div.DTFC_LeftFootWrapper table,div.DTFC_RightFootWrapper table{border-top:none;margin-top:0 !important;background-color:white}div.DTFC_Blocker{background-color:white}table.dataTable.table-striped.DTFC_Cloned tbody{background-color:white} table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-floating{position:fixed !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}} table.dataTable tbody th.focus,table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #0275d8}div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #ff8b33} table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:12px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none} table.dataTable tr.dtrg-group td{background-color:#e0e0e0}table.dataTable tr.dtrg-group.dtrg-level-0 td{font-weight:bold}table.dataTable tr.dtrg-group.dtrg-level-1 td,table.dataTable tr.dtrg-group.dtrg-level-2 td{background-color:#f0f0f0;padding-top:0.25em;padding-bottom:0.25em;padding-left:2em;font-size:0.9em}table.dataTable tr.dtrg-group.dtrg-level-2 td{background-color:#f3f3f3} div.dts{display:block !important}div.dts tbody th,div.dts tbody td{white-space:nowrap}div.dts div.dts_loading{z-index:1}div.dts div.dts_label{position:absolute;right:10px;background:rgba(0,0,0,0.8);color:white;box-shadow:3px 3px 10px rgba(0,0,0,0.5);text-align:right;border-radius:3px;padding:0.4em;z-index:2;display:none}div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.dts div.dataTables_scrollBody table{z-index:2}div.dts div.dataTables_paginate,div.dts div.dataTables_length{display:none}div.DTS div.dataTables_scrollBody table{background-color:white} table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#0275d8}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#0272d3}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#0271d0}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#0273d4}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#026fcc}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#0270ce}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#0270d0}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#0273d4}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#0274d5}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#0275d7}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#026fcc}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#0273d4}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#026bc6}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#026cc8}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#026eca}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#026bc6}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}table.dataTable tbody tr.selected,table.dataTable tbody th.selected,table.dataTable tbody td.selected{color:white}table.dataTable tbody tr.selected a,table.dataTable tbody th.selected a,table.dataTable tbody td.selected a{color:#a2d4ed} div.DTE div.DTE_Form_Error{color:#b11f1f}div.modal div.DTE div.DTE_Form_Error{display:none;float:left;padding-top:7px}div.DTE_Field{position:relative}div.DTE_Field div.multi-value,div.DTE_Field div.multi-restore{display:none;cursor:pointer}div.DTE_Field div.multi-value span,div.DTE_Field div.multi-restore span{display:block;color:#666}div.DTE_Field div.multi-value:hover,div.DTE_Field div.multi-restore:hover{background-color:#f1f1f1}div.DTE_Field div.multi-restore{margin-top:0.5em;font-size:0.8em;line-height:1.25em}div.DTE_Field:after{display:block;content:".";height:0;line-height:0;clear:both;visibility:hidden}div.DTE_Field div:not([data-dte-e="msg-error"]){color:inherit}div.DTE_Inline{position:relative;display:table;width:100%}div.DTE_Inline div.DTE_Inline_Field,div.DTE_Inline div.DTE_Inline_Buttons{display:table-cell;vertical-align:middle}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field{padding:0}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field>label,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field>label{display:none}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"]{width:100%}div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button{margin:-6px 0 -6px 4px;padding:5px}div.DTE_Inline div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Field input[type="week"]{margin:-6px 0}div.DTE_Inline div.DTE_Field_Error,div.DTE_Inline div.DTE_Form_Error{font-size:11px;line-height:1.2em;padding:0;margin-top:10px}div.DTE_Inline div.DTE_Field_Error:empty,div.DTE_Inline div.DTE_Form_Error:empty{margin-top:0}span.dtr-data div.DTE_Inline{display:inline-table}div.DTE_Inline div.DTE_Field{width:100%}div.DTE_Inline div.DTE_Field>div{width:100%;padding:0}div.DTE_Inline div.DTE_Field input.form-control{height:30px}div.DTE_Inline div.DTE_Field div.help-block{display:none;margin-top:10px;margin-bottom:0}div.DTE_Inline.DTE_Processing:after{top:5px}div.DTE_Field_Type_checkbox div.controls,div.DTE_Field_Type_radio div.controls{margin-top:0.4em}div.DTE_Field_Type_checkbox div.controls label,div.DTE_Field_Type_radio div.controls label{margin-left:0.75em;margin-bottom:0;vertical-align:middle;font-weight:normal}div.DTE_Bubble{position:absolute;z-index:11;margin-top:-6px;opacity:0}div.DTE_Bubble div.DTE_Bubble_Liner{position:absolute;bottom:0;border:1px solid black;width:300px;margin-left:-150px;background-color:white;box-shadow:0 12px 30px 0 rgba(0,0,0,0.5);border-radius:6px;border:1px solid #666;padding:1em;background:#fcfcfc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table{width:100%}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field{position:relative;zoom:1;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field:last-child{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>label{padding-top:0;margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div input{margin:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{text-align:right;margin-top:1em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header{border-top-left-radius:5px;border-top-right-radius:5px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Form_Info,div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Bubble_Table{padding-top:42px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error{float:none;display:none;padding:0;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close{position:absolute;top:-11px;right:-11px;width:22px;height:22px;border:2px solid white;background-color:black;text-align:center;border-radius:15px;cursor:pointer;z-index:12;box-shadow:2px 2px 6px #111}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after{content:'\00d7';color:white;font-weight:bold;font-size:18px;line-height:22px;font-family:'Courier New', Courier, monospace;padding-left:1px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover{background-color:#092079;box-shadow:2px 2px 9px #111}div.DTE_Bubble div.DTE_Bubble_Triangle{position:absolute;height:10px;width:10px;top:-6px;background-color:white;border:1px solid #666;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}div.DTE_Bubble.below div.DTE_Bubble_Liner{top:10px;bottom:auto}div.DTE_Bubble.below div.DTE_Bubble_Triangle{top:4px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}div.DTE_Bubble_Background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:10}div.DTE_Bubble_Background>div{position:absolute;top:0;right:0;left:0;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}div.DTE_Bubble_Background>div:not([dummy]){filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')}div.DTE_Bubble div.DTE_Bubble_Liner{box-shadow:0 5px 10px rgba(0,0,0,0.2);border-radius:6px;padding:1em;border:1px solid rgba(0,0,0,0.2)}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field label,div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div{width:100%;max-width:100%;float:none;clear:both;text-align:left;flex:none}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field label{padding:0 0 4px 0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{text-align:right;margin-top:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;font-size:14px;width:100%}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after{margin-top:-2px;display:block}div.DTE_Bubble div.DTE_Bubble_Triangle{border-bottom:1px solid rgba(0,0,0,0.2);border-left:1px solid rgba(0,0,0,0.2)}div.DTE_Bubble_Background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,0.05)}div.DTE div.editor_upload{padding-top:4px}div.DTE div.editor_upload div.eu_table{display:table;width:100%}div.DTE div.editor_upload div.row{display:table-row}div.DTE div.editor_upload div.cell{display:table-cell;position:relative;width:50%;vertical-align:top}div.DTE div.editor_upload div.cell+div.cell{padding-left:10px}div.DTE div.editor_upload div.row+div.row div.cell{padding-top:10px}div.DTE div.editor_upload button.btn,div.DTE div.editor_upload input[type=file]{width:100%;height:2.3em;font-size:0.8em;text-align:center;line-height:1em}div.DTE div.editor_upload input[type=file]{position:absolute;top:0;left:0;width:100%;opacity:0}div.DTE div.editor_upload div.drop{position:relative;box-sizing:border-box;width:100%;height:100%;border:3px dashed #ccc;border-radius:6px;min-height:4em;color:#999;padding-top:3px;text-align:center}div.DTE div.editor_upload div.drop.over{border:3px dashed #111;color:#111}div.DTE div.editor_upload div.drop span{max-width:75%;font-size:0.85em;line-height:1em}div.DTE div.editor_upload div.rendered img{max-width:8em;margin:0 auto}div.DTE div.editor_upload.noDrop div.drop{display:none}div.DTE div.editor_upload.noDrop div.row.second{display:none}div.DTE div.editor_upload.noDrop div.rendered{margin-top:10px}div.DTE div.editor_upload.noClear div.clearValue button{display:none}div.DTE div.editor_upload.multi div.cell{display:block;width:100%}div.DTE div.editor_upload.multi div.cell div.drop{min-height:0;padding-bottom:5px}div.DTE div.editor_upload.multi div.clearValue{display:none}div.DTE div.editor_upload.multi ul{list-style-type:none;margin:0;padding:0}div.DTE div.editor_upload.multi ul li{position:relative;margin-top:0.5em}div.DTE div.editor_upload.multi ul li:first-child{margin-top:0}div.DTE div.editor_upload.multi ul li img{vertical-align:middle}div.DTE div.editor_upload.multi ul li button{position:absolute;width:40px;right:0;top:50%;margin-top:-1.5em}div.DTE div.editor_upload button.btn,div.DTE div.editor_upload input[type=file]{height:auto}div.DTE div.editor_upload ul li button{padding-bottom:8px}div.editor-datetime{position:absolute;background-color:white;z-index:2050;border:1px solid #ccc;box-shadow:0 5px 15px -5px rgba(0,0,0,0.5);padding:0 20px 6px 20px;width:275px}div.editor-datetime div.editor-datetime-title{text-align:center;padding:5px 0px 3px}div.editor-datetime table{border-spacing:0;margin:12px 0;width:100%}div.editor-datetime table.editor-datetime-table-nospace{margin-top:-12px}div.editor-datetime table th{font-size:0.8em;color:#777;font-weight:normal;width:14.285714286%;padding:0 0 4px 0;text-align:center}div.editor-datetime table td{font-size:0.9em;color:#444;padding:0}div.editor-datetime table td.selectable{text-align:center;background:#f5f5f5}div.editor-datetime table td.selectable.disabled{color:#aaa;background:white}div.editor-datetime table td.selectable.disabled button:hover{color:#aaa;background:white}div.editor-datetime table td.selectable.now{background-color:#ddd}div.editor-datetime table td.selectable.now button{font-weight:bold}div.editor-datetime table td.selectable.selected button{background:#0275d8;color:white;border-radius:2px}div.editor-datetime table td.selectable button:hover{background:#ff8000;color:white;border-radius:2px}div.editor-datetime table td.editor-datetime-week{font-size:0.7em}div.editor-datetime table button{width:100%;box-sizing:border-box;border:none;background:transparent;font-size:inherit;color:inherit;text-align:center;padding:4px 0;cursor:pointer;margin:0}div.editor-datetime table button span{display:inline-block;min-width:14px;text-align:right}div.editor-datetime table.weekNumber th{width:12.5%}div.editor-datetime div.editor-datetime-calendar table{margin-top:0}div.editor-datetime div.editor-datetime-label{position:relative;display:inline-block;height:30px;padding:5px 6px;border:1px solid transparent;box-sizing:border-box;cursor:pointer}div.editor-datetime div.editor-datetime-label:hover{border:1px solid #ddd;border-radius:2px;background-color:#f5f5f5}div.editor-datetime div.editor-datetime-label select{position:absolute;top:6px;left:0;cursor:pointer;opacity:0;-ms-filter:"alpha(opacity=0)"}div.editor-datetime.horizontal{width:550px}div.editor-datetime.horizontal div.editor-datetime-date,div.editor-datetime.horizontal div.editor-datetime-time{width:48%}div.editor-datetime.horizontal div.editor-datetime-time{margin-left:4%}div.editor-datetime div.editor-datetime-date{position:relative;float:left;width:100%}div.editor-datetime div.editor-datetime-time{position:relative;float:left;width:100%;text-align:center}div.editor-datetime div.editor-datetime-time>span{vertical-align:middle}div.editor-datetime div.editor-datetime-time th{text-align:left}div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock{display:inline-block;vertical-align:middle}div.editor-datetime div.editor-datetime-iconLeft,div.editor-datetime div.editor-datetime-iconRight,div.editor-datetime div.editor-datetime-iconUp,div.editor-datetime div.editor-datetime-iconDown{width:30px;height:30px;background-position:center;background-repeat:no-repeat;opacity:0.3;overflow:hidden;box-sizing:border-box}div.editor-datetime div.editor-datetime-iconLeft:hover,div.editor-datetime div.editor-datetime-iconRight:hover,div.editor-datetime div.editor-datetime-iconUp:hover,div.editor-datetime div.editor-datetime-iconDown:hover{border:1px solid #ccc;border-radius:2px;background-color:#f0f0f0;opacity:0.6}div.editor-datetime div.editor-datetime-iconLeft button,div.editor-datetime div.editor-datetime-iconRight button,div.editor-datetime div.editor-datetime-iconUp button,div.editor-datetime div.editor-datetime-iconDown button{border:none;background:transparent;text-indent:30px;height:100%;width:100%;cursor:pointer}div.editor-datetime div.editor-datetime-iconLeft{position:absolute;top:5px;left:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")}div.editor-datetime div.editor-datetime-iconRight{position:absolute;top:5px;right:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconUp{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconDown{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC")}div.editor-datetime-error{clear:both;padding:0 1em;max-width:240px;font-size:11px;line-height:1.25em;text-align:center;color:#b11f1f}div.DTE div.DTE_Processing_Indicator{position:absolute;top:17px;right:9px;height:2em;width:2em;z-index:20;font-size:12px;display:none;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}div.DTE.processing div.DTE_Processing_Indicator{display:block}div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator{display:none}div.DTE div.DTE_Field div.DTE_Processing_Indicator{top:13px;right:0;font-size:8px}div.DTE.DTE_Inline div.DTE_Processing_Indicator{top:5px;right:6px;font-size:6px}div.DTE.DTE_Bubble div.DTE_Processing_Indicator{top:10px;right:14px;font-size:8px}div.DTE div.DTE_Processing_Indicator span,div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{display:block;background:black;width:0.5em;height:1.5em;border:1px solid rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.1);-webkit-animation:editorProcessing 0.9s infinite ease-in-out;animation:editorProcessing 0.9s infinite ease-in-out}div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{position:absolute;top:0;content:''}div.DTE div.DTE_Processing_Indicator:before{left:-1em;-webkit-animation-delay:-0.3s;animation-delay:-0.3s}div.DTE div.DTE_Processing_Indicator span{-webkit-animation-delay:-0.15s;animation-delay:-0.15s}div.DTE div.DTE_Processing_Indicator:after{left:1em}@-webkit-keyframes editorProcessing{0%, 80%, 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}}@keyframes editorProcessing{0%, 80%, 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}}table.dataTable tbody tr.highlight{background-color:#3399ff !important}table.dataTable tbody tr.highlight,table.dataTable tbody tr.noHighlight,table.dataTable tbody tr.highlight td,table.dataTable tbody tr.noHighlight td{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;transition:background-color 500ms linear}div.DTE div.DTE_Field div.DTE_Processing_Indicator{top:13px;right:20px}div.DTE div.DTE_Processing_Indicator{top:52px;right:12px}div.DTED_Envelope_Wrapper{position:absolute;top:0;bottom:0;left:50%;height:100%;z-index:11;display:none;overflow:hidden}div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow{position:absolute;top:-10px;left:10px;right:10px;height:10px;z-index:10;box-shadow:0 0 20px black}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container{position:absolute;top:0;left:5%;width:90%;border-left:1px solid #777;border-right:1px solid #777;border-bottom:1px solid #777;box-shadow:3px 3px 10px #555;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:white}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator{right:36px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close{position:absolute;top:16px;right:10px;width:18px;height:18px;cursor:pointer;z-index:12;text-align:center;font-size:12px;background:#F8F8F8;background:-webkit-gradient(linear, center bottom, center top, from(#CCC), to(#fff));background:-moz-linear-gradient(top, #fff, #CCC);background:linear-gradient(to bottom, #fff, #CCC);text-shadow:0 1px 0 white;border:1px solid #999;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0px 0px 1px #999;-moz-box-shadow:0px 0px 1px #999;-webkit-box-shadow:0px 0px 1px #999}div.DTED_Envelope_Background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.1)), color-stop(1, rgba(0,0,0,0.4)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%)}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close{top:10px;background:transparent;text-shadow:none;box-shadow:none;border:none;font-size:21px;color:black;opacity:0.2}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover{opacity:1}div.card.multi-value,div.card.multi-restore{padding:0.5em}div.card.multi-value span,div.card.multi-restore span{line-height:1.2em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content{margin:0 1em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{margin-top:1em}div.DTE_Inline div.DTE_Field{width:100%;margin:0}div.DTE_Inline div.DTE_Field>div{max-width:100%;flex:none}div.DTE_Inline div.DTE_Field input{margin:-5px 0 -10px !important}div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div{max-width:100%;flex:0 0 100%}div.DTE_Field_Type_checkbox div label,div.DTE_Field_Type_radio div label{margin-left:0.75em;vertical-align:middle}div.DTE div.DTE_Processing_Indicator{top:20px;right:36px} @charset "UTF-8"; .abc-checkbox { cursor: default; padding-left: 4px; } .abc-checkbox label { cursor: pointer; display: inline; vertical-align: top; position: relative; padding-left: 5px; } .abc-checkbox label::before { cursor: pointer; content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; top: 2px; left: 0; margin-left: -1.25rem; border: 1px solid #ced4da; border-radius: 3px; background-color: #fff; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .abc-checkbox label::after { cursor: pointer; display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 2px; margin-left: -1.25rem; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #495057; } .abc-checkbox input[type="checkbox"], .abc-checkbox input[type="radio"] { position: static; margin-left: 0; cursor: pointer; opacity: 0; z-index: 1; } .abc-checkbox input[type="checkbox"]:focus + label::before, .abc-checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .abc-checkbox input[type="checkbox"]:checked + label::after, .abc-checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: ""; } .abc-checkbox input[type="checkbox"]:indeterminate + label::after, .abc-checkbox input[type="radio"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; } .abc-checkbox input[type="checkbox"]:disabled + label, .abc-checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .abc-checkbox input[type="checkbox"]:disabled + label::before, .abc-checkbox input[type="radio"]:disabled + label::before { background-color: #e9ecef; cursor: not-allowed; } .abc-checkbox input[type="checkbox"]:disabled + label::after, .abc-checkbox input[type="radio"]:disabled + label::after { cursor: not-allowed; } .abc-checkbox.abc-checkbox-circle label::before { border-radius: 50%; } .abc-checkbox.checkbox-inline { margin-top: 0; } .abc-checkbox-primary input[type="checkbox"]:checked + label::before, .abc-checkbox-primary input[type="radio"]:checked + label::before { background-color: #007bff; border-color: #007bff; } .abc-checkbox-primary input[type="checkbox"]:checked + label::after, .abc-checkbox-primary input[type="radio"]:checked + label::after { color: #fff; } .abc-checkbox-danger input[type="checkbox"]:checked + label::before, .abc-checkbox-danger input[type="radio"]:checked + label::before { background-color: #dc3545; border-color: #dc3545; } .abc-checkbox-danger input[type="checkbox"]:checked + label::after, .abc-checkbox-danger input[type="radio"]:checked + label::after { color: #fff; } .abc-checkbox-info input[type="checkbox"]:checked + label::before, .abc-checkbox-info input[type="radio"]:checked + label::before { background-color: #17a2b8; border-color: #17a2b8; } .abc-checkbox-info input[type="checkbox"]:checked + label::after, .abc-checkbox-info input[type="radio"]:checked + label::after { color: #fff; } .abc-checkbox-warning input[type="checkbox"]:checked + label::before, .abc-checkbox-warning input[type="radio"]:checked + label::before { background-color: #ffc107; border-color: #ffc107; } .abc-checkbox-warning input[type="checkbox"]:checked + label::after, .abc-checkbox-warning input[type="radio"]:checked + label::after { color: #fff; } .abc-checkbox-success input[type="checkbox"]:checked + label::before, .abc-checkbox-success input[type="radio"]:checked + label::before { background-color: #28a745; border-color: #28a745; } .abc-checkbox-success input[type="checkbox"]:checked + label::after, .abc-checkbox-success input[type="radio"]:checked + label::after { color: #fff; } .abc-checkbox-primary input[type="checkbox"]:indeterminate + label::before, .abc-checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #007bff; border-color: #007bff; } .abc-checkbox-primary input[type="checkbox"]:indeterminate + label::after, .abc-checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #fff; } .abc-checkbox-danger input[type="checkbox"]:indeterminate + label::before, .abc-checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #dc3545; border-color: #dc3545; } .abc-checkbox-danger input[type="checkbox"]:indeterminate + label::after, .abc-checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #fff; } .abc-checkbox-info input[type="checkbox"]:indeterminate + label::before, .abc-checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #17a2b8; border-color: #17a2b8; } .abc-checkbox-info input[type="checkbox"]:indeterminate + label::after, .abc-checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #fff; } .abc-checkbox-warning input[type="checkbox"]:indeterminate + label::before, .abc-checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #ffc107; border-color: #ffc107; } .abc-checkbox-warning input[type="checkbox"]:indeterminate + label::after, .abc-checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #fff; } .abc-checkbox-success input[type="checkbox"]:indeterminate + label::before, .abc-checkbox-success input[type="radio"]:indeterminate + label::before { background-color: #28a745; border-color: #28a745; } .abc-checkbox-success input[type="checkbox"]:indeterminate + label::after, .abc-checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff; } .abc-radio { cursor: default; padding-left: 4px; } .abc-radio label { cursor: pointer; display: inline; vertical-align: top; position: relative; padding-left: 5px; } .abc-radio label::before { cursor: pointer; content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; top: 2px; left: 0; margin-left: -20px; border: 1px solid #ced4da; border-radius: 50%; background-color: #fff; transition: border 0.15s ease-in-out; } .abc-radio label::after { cursor: pointer; display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 5px; margin-left: -20px; border-radius: 50%; background-color: #495057; transform: scale(0, 0); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .abc-radio input[type="radio"] { position: static; margin-left: 0; cursor: pointer; opacity: 0; z-index: 1; } .abc-radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .abc-radio input[type="radio"]:checked + label::after { transform: scale(1, 1); } .abc-radio input[type="radio"]:disabled + label { opacity: 0.65; } .abc-radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .abc-radio input[type="radio"]:disabled + label::after { cursor: not-allowed; } .abc-radio.radio-inline { margin-top: 0; } .abc-radio-primary input[type="radio"] + label::after { background-color: #007bff; } .abc-radio-primary input[type="radio"]:checked + label::before { border-color: #007bff; } .abc-radio-primary input[type="radio"]:checked + label::after { background-color: #007bff; } .abc-radio-danger input[type="radio"] + label::after { background-color: #dc3545; } .abc-radio-danger input[type="radio"]:checked + label::before { border-color: #dc3545; } .abc-radio-danger input[type="radio"]:checked + label::after { background-color: #dc3545; } .abc-radio-info input[type="radio"] + label::after { background-color: #17a2b8; } .abc-radio-info input[type="radio"]:checked + label::before { border-color: #17a2b8; } .abc-radio-info input[type="radio"]:checked + label::after { background-color: #17a2b8; } .abc-radio-warning input[type="radio"] + label::after { background-color: #ffc107; } .abc-radio-warning input[type="radio"]:checked + label::before { border-color: #ffc107; } .abc-radio-warning input[type="radio"]:checked + label::after { background-color: #ffc107; } .abc-radio-success input[type="radio"] + label::after { background-color: #28a745; } .abc-radio-success input[type="radio"]:checked + label::before { border-color: #28a745; } .abc-radio-success input[type="radio"]:checked + label::after { background-color: #28a745; } label .was-validated .form-check-input:invalid .abc-checkbox:before, label .was-validated .form-check-input:invalid .abc-radio:before, label .form-check-input.is-invalid .abc-checkbox:before, label .form-check-input.is-invalid .abc-radio:before { border-color: #dc3545; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url(/Content/webfonts/fa-regular-400.eot); src: url(/Content/webfonts/fa-regular-400.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/Content/webfonts/fa-regular-400.woff2?v=4.7.0) format('woff2'),url(/Content/webfonts/fa-regular-400.woff?v=4.7.0) format('woff'),url(/Content/webfonts/fa-regular-400.ttf?v=4.7.0) format('truetype'),url(/Content/webfonts/fa-regular-400.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul > li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .fa-handshake-o:before { content: "\f2b5" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-o:before { content: "\f2b7" } .fa-linode:before { content: "\f2b8" } .fa-address-book:before { content: "\f2b9" } .fa-address-book-o:before { content: "\f2ba" } .fa-vcard:before, .fa-address-card:before { content: "\f2bb" } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-circle-o:before { content: "\f2be" } .fa-user-o:before { content: "\f2c0" } .fa-id-badge:before { content: "\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3" } .fa-quora:before { content: "\f2c4" } .fa-free-code-camp:before { content: "\f2c5" } .fa-telegram:before { content: "\f2c6" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb" } .fa-shower:before { content: "\f2cc" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd" } .fa-podcast:before { content: "\f2ce" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4" } .fa-bandcamp:before { content: "\f2d5" } .fa-grav:before { content: "\f2d6" } .fa-etsy:before { content: "\f2d7" } .fa-imdb:before { content: "\f2d8" } .fa-ravelry:before { content: "\f2d9" } .fa-eercast:before { content: "\f2da" } .fa-microchip:before { content: "\f2db" } .fa-snowflake-o:before { content: "\f2dc" } .fa-superpowers:before { content: "\f2dd" } .fa-wpexplorer:before { content: "\f2de" } .fa-meetup:before { content: "\f2e0" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div:hover { -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container > .toast-green, #toast-container > .toast-blue, #toast-container > .toast-red, #toast-container > .toast-gold { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* select */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav parent level-0 */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ .toast { background-color: #886ab5; background-image: none !important; } .toast:before { content: "\f05a"; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: 'Font Awesome 5 Pro'; font-size: 1.8rem; left: 1rem; top: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toast-success { background-color: #1dc958; /*#1ab3a3*/ } .toast-success:before { content: "\f2f7"; } .toast-error { background-color: #e77070; /*#fd3995*/ } .toast-error:before { content: "\f2f0"; } .toast-info { background-color: #4679cc; /*#2196F3*/ } .toast-info:before { content: "\f05a"; } .toast-warning { background-color: #ffc241; /*#ffb20e*/ } .toast-warning > div, .toast-warning .toast-close-button { color: #000; } .toast-warning:before { content: "\f071"; color: #000; } .toast-green:before, .toast-blue:before, .toast-red:before, .toast-gold:before { content: ""; } #toast-container > .toast-green, #toast-container > .toast-blue, #toast-container > .toast-red, #toast-container > .toast-gold { padding: 1rem 1rem 1rem 1rem !important; } #toast-container > .toast { padding: 1rem 1rem 1rem 3.5rem; border-radius: 4px; background-image: none !important; width: 22rem; opacity: 0.9; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #toast-container > .toast:hover { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } .toast-close-button { top: -0.7em; } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > .toast { width: 18rem; } #toast-container .toast-close-button { top: -0.7em; } } /*# sourceMappingURL=toastr.css.map */ .swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;padding:0;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0 1.6em}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#3085d6 transparent #3085d6 transparent}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dd6b55;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:.3125em;border-bottom-left-radius:.3125em}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em} @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ /* patterns */ .select2 { width: 100% !important; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border: 1px solid #E5E5E5; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(1.5em + 1rem + 2px); padding: 0 0.875rem; } .select2-container .select2-selection--single { height: calc(1.5em + 1rem + 2px); } .select2-container .select2-selection--multiple { min-height: calc(1.47em + 1rem + 2px); } .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; top: 0; bottom: 0; right: 0.5rem; } .select2-dropdown { border-color: #E5E5E5; } .select2-search--dropdown { padding: 0.875rem; } .select2-search--dropdown:before { content: "\f002"; font-family: 'Font Awesome 5 Pro'; position: absolute; left: calc(1rem + 0.875rem); top: calc(0.6rem + 0.875rem); color: #886ab5; } .select2-results { padding: 0.875rem; } .select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results { padding-top: 0; } .select2-container--open .select2-dropdown--above { -webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); border-color: #886ab5; } .select2-container--open .select2-dropdown--below { -webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); border-color: #886ab5; } .select2-container--default .select2-search--dropdown .select2-search__field { display: block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; padding-left: 2.5rem; font-weight: 400; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; border-radius: 0.25rem; -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #cccccc; } .select2-container--default .select2-results__group { padding: 0.5rem 0; color: #8e8e8e; } .select2-container--default .select2-results__option[aria-selected=true] { background: #efebf5; color: #563d7c; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #886ab5; color: #fff; } .select2-selection--single, .select2-selection--multiple, .select2-search__field { -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { position: relative; z-index: 1151; border-color: #886ab5; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-color: transparent; border-bottom: 0; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-color: transparent; border-top: 0; } .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #886ab5; } .select2-container--default.select2-container--focus .select2-selection--multiple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 5px 3px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #efebf5; border-color: #967bbd; color: #563d7c; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { margin: 0; padding-left: 7px; padding-right: 7px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 16px; border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 5px; color: #a38cc6; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { color: #886ab5; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .select2-container .select2-search--inline .select2-search__field { margin-top: 0; margin-left: 0; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.3rem; min-width: 100px; } span.select2-selection.select2-selection--single, span.select2-selection.select2-selection--multiple { outline: none; } .select2-container--default .select2-selection--single .select2-selection__clear { padding: 0 15px; margin-right: 8px; font-size: 1rem; color: #fd3995; } .select2-container--default .select2-selection--single .select2-selection__clear:hover { color: #fd2087; } /* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .select2-container--default .select2-selection--single .select2-selection__clear { line-height: normal; margin-top: 8px; } } .select2-results__message { color: #fd3995; } /*# sourceMappingURL=select2.bundle.css.map */ /*! * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme) * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE) */ .select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;outline:0}.select2-container--bootstrap .select2-selection.form-control{border-radius:4px}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#777;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#f5f5f5;color:#262626}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#777;display:block;padding:6px 12px;font-size:12px;line-height:1.42857143;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.175);box-shadow:0 -6px 12px rgba(0,0,0,.175);margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.42857143;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#555;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px;padding:0;height:auto}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.42857143;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.42857143;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b{margin-left:-5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-sm{min-height:30px;border-radius:3px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear{margin-top:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 31px 10px 16px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow{width:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b{border-width:5px 5px 0;margin-left:-10px;margin-top:-2.5px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-lg{min-height:46px;border-radius:6px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.3333333}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear{margin-top:10px}.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 5px 5px}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#8a6d3b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-warning.select2-drop-active{border-color:#66512c}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#66512c}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#a94442}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-error.select2-drop-active{border-color:#843534}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#843534}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#3c763d}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.has-success.select2-drop-active{border-color:#2b542c}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#2b542c}.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection,.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control{border-radius:0}.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;width:100%;margin-bottom:0}.input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control{float:none}.input-group>.select2-container--bootstrap.select2-container--focus,.input-group>.select2-container--bootstrap.select2-container--open{z-index:3}.input-group>.select2-container--bootstrap,.input-group>.select2-container--bootstrap .input-group-btn,.input-group>.select2-container--bootstrap .input-group-btn .btn{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}@media (min-width:768px){.form-inline .select2-container--bootstrap{display:inline-block}} /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } /*# sourceMappingURL=bootstrap-datepicker3.css.map */ /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ /* patterns */ .datepicker table tr td, .datepicker table tr th { width: 38px !important; height: 34px !important; } .datepicker table tr td.old, .datepicker table tr td.new { color: darkgray; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td span.active.active, .datepicker table tr td span.focused { background-color: #967bbd; border-color: #886ab5; color: #fff; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { background-color: #7a59ad; border-color: #6e4e9e; color: #fff; } .datepicker table { width: 100%; } .datepicker.datepicker-inline { border: 1px solid #ebedf2; } .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next { font-weight: 500; color: #a1a8c3; } .datepicker { width: 265px; padding: 10px; } /*# sourceMappingURL=bootstrap-datepicker.css.map */ /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { -webkit-box-sizing: border-box; box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-message .dz-button { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222)); background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* bigger fontsize for mobile screens */ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ .dropzone { border: 2px dashed #dedede; border-radius: 5px; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem; } .dropzone i { font-size: 3rem; } .dropzone .dz-message { color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: initial; text-transform: uppercase; width: 100%; } .dropzone .dz-preview .dz-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; } .dropzone .dz-preview .dz-image img { border-radius: 4px; } .dropzone .dz-preview.dz-image-preview { background: transparent; } .dropzone .dz-message { font-weight: normal; text-transform: none; color: inherit; } .dropzone.dz-drag-hover { border-style: dashed; border-color: #886ab5; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 4px; } /*# sourceMappingURL=dropzone.css.map */ i.icon-prism-48 { background: transparent url(/Content/img/brain_icon.png); background-repeat: no-repeat; background-size: 28px 28px; height: inherit; } .u-icon-prism { background-color: #FFFFFF; } .prism-text { font-weight: 600; font-style: italic !important; margin-right: 0.2em; text-transform: uppercase; } #mod_note_unauth.modal { z-index: 2147483650; } .btn.disabled { cursor: not-allowed; } /* Larger checkbox */ input[type=checkbox].chk-lg { -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ padding: 4px; margin-top: 0.2em; } /* Profile colours */ .color-adapted { color: #946BCE; } .color-consistent { color: #4679cc; } .color-underlying { color: #e35a5a; } .bg-consistent { background-color: #4679cc; } .bg-warning-5 { background-color: #FFF9F2; } .bg-danger-5 { background-color: #FFE8E8; } .disallowed { cursor: not-allowed; pointer-events: all !important; } .select2-container--disabled > .selection > .select2-selection { cursor: not-allowed; pointer-events: all !important; } /* Responsive text sizes */ .text-x1 { font-size: 1rem !important; line-height: 1.2; } .text-x2 { font-size: 2rem !important; line-height: 1.2; } .text-x3 { font-size: 3rem !important; line-height: 1.2; } .text-x4 { font-size: 4rem !important; line-height: 1.2; } .text-x5 { font-size: 5rem !important; line-height: 1.2; } .text-x6 { font-size: 6rem !important; line-height: 1.2; } .text-x7 { font-size: 7rem !important; line-height: 1.2; } .text-x8 { font-size: 8rem !important; line-height: 1.2; } .text-x9 { font-size: 9rem !important; line-height: 1.2; } .text-x10 { font-size: 10rem !important; line-height: 1.2; } @media (min-width: 576px) { .text-sm-x1 { font-size: 1rem !important; line-height: 1.2; } .text-sm-x2 { font-size: 2rem !important; line-height: 1.2; } .text-sm-x3 { font-size: 3rem !important; line-height: 1.2; } .text-sm-x4 { font-size: 4rem !important; line-height: 1.2; } .text-sm-x5 { font-size: 5rem !important; line-height: 1.2; } .text-sm-x6 { font-size: 6rem !important; line-height: 1.2; } .text-sm-x7 { font-size: 7rem !important; line-height: 1.2; } .text-sm-x8 { font-size: 8rem !important; line-height: 1.2; } .text-sm-x9 { font-size: 9rem !important; line-height: 1.2; } .text-sm-x10 { font-size: 10rem !important; line-height: 1.2; } } @media (min-width: 768px) { .text-md-x1 { font-size: 1rem !important; line-height: 1.2; } .text-md-x2 { font-size: 2rem !important; line-height: 1.2; } .text-md-x3 { font-size: 3rem !important; line-height: 1.2; } .text-md-x4 { font-size: 4rem !important; line-height: 1.2; } .text-md-x5 { font-size: 5rem !important; line-height: 1.2; } .text-md-x6 { font-size: 6rem !important; line-height: 1.2; } .text-md-x7 { font-size: 7rem !important; line-height: 1.2; } .text-md-x8 { font-size: 8rem !important; line-height: 1.2; } .text-md-x9 { font-size: 9rem !important; line-height: 1.2; } .text-md-x10 { font-size: 10rem !important; line-height: 1.2; } } @media (min-width: 992px) { .text-lg-x1 { font-size: 1rem !important; line-height: 1.2; } .text-lg-x2 { font-size: 2rem !important; line-height: 1.2; } .text-lg-x3 { font-size: 3rem !important; line-height: 1.2; } .text-lg-x4 { font-size: 4rem !important; line-height: 1.2; } .text-lg-x5 { font-size: 5rem !important; line-height: 1.2; } .text-lg-x6 { font-size: 6rem !important; line-height: 1.2; } .text-lg-x7 { font-size: 7rem !important; line-height: 1.2; } .text-lg-x8 { font-size: 8rem !important; line-height: 1.2; } .text-lg-x9 { font-size: 9rem !important; line-height: 1.2; } .text-lg-x10 { font-size: 10rem !important; line-height: 1.2; } } @media (min-width: 1200px) { .text-xl-x1 { font-size: 1rem !important; line-height: 1.2; } .text-xl-x2 { font-size: 2rem !important; line-height: 1.2; } .text-xl-x3 { font-size: 3rem !important; line-height: 1.2; } .text-xl-x4 { font-size: 4rem !important; line-height: 1.2; } .text-xl-x5 { font-size: 5rem !important; line-height: 1.2; } .text-xl-x6 { font-size: 6rem !important; line-height: 1.2; } .text-xl-x7 { font-size: 7rem !important; line-height: 1.2; } .text-xl-x8 { font-size: 8rem !important; line-height: 1.2; } .text-xl-x9 { font-size: 9rem !important; line-height: 1.2; } .text-xl-x10 { font-size: 10rem !important; line-height: 1.2; } } .display-5 { font-size: 2rem; font-weight: 300; line-height: 1.57; } .display-6 { font-size: 1.3rem; font-weight: 500; line-height: 1.2; } /* End reponsive text sizes */ /* For carousel */ .carousel-control-prev-icon { font-size: 1.7em; } @media (min-width: 768px) { .carousel-control-prev-icon { font-size: 2em; } } @media (min-width: 992px) { .carousel-control-prev-icon { font-size: 3em; } } /* End carousel */ /* Base Header */ .page-logo img { width: 160px; height: 54px; } #div_notn .custom-scroll { overflow-y: scroll !important; } @media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) .page-logo .page-logo-maxi { display: none; } .nav-function-minify:not(.nav-function-top) .page-logo .page-logo-mini { display: block; } .page-logo .page-logo-mini { display: none; width: 40px; height: 40px; } } /* End Base Header*/ .was-validated .custom-select:invalid + .select2 .select2-selection { border-color: #e77070; padding-right: calc(1.47em + 1rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e77070' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e77070' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.3675em + 1.5rem); background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .input-group > .input-group-prepend { flex: 0 0 45px; } .input-group .input-group-text { width: 100%; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #e77070; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #e77070; } /*.card-columns { column-count: 2; } @media (min-width: 576px) { .card-columns { column-count: 1; } } @media (min-width: 768px) { .card-columns { column-count: 1; } } @media (min-width: 992px) { .card-columns { column-count: 2; } } @media (min-width: 1200px) { .card-columns { column-count: 2; } }*/ @media only screen and (max-width: 576px) { /* fullscreen modal */ .modal-fullscreen { padding: 0 !important; } .modal-fullscreen .modal-content { border-radius: 0; border-width: 0; } .modal-fullscreen .modal-dialog { max-width: calc(100vw); max-height: calc(100vh - 10px); } .modal-fullscreen .modal-dialog .modal-content { height: calc(100vh - 10px); } .modal-sm { max-width: 400px; } } @media (min-width: 750px) { .modal-lg { max-width: 700px; } .modal-xl { max-width: 700px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } .modal-xl { max-width: 900px; } } /* abc checkbox label */ .abc-checkbox label { padding-top: 3px; } /* END -abc checkbox label */ /* Non-editable text box*/ div .non-edit { width: 300px; height: 200px; border: 1px solid #ccc; padding: 5px; overflow: auto; } /* End - Non-editable text box*/ /* toastr colours for quadrants */ .toast-green { background-color: #51a351; } .toast-red { background-color: #bd362f; } .toast-blue { background-color: #1858ce; } .toast-gold { background-color: #f89406; } /* DataTables extras */ /* Table styles for profile colours */ td.blank { background-color: #fff !important; } .table-und, .table-und > th, .table-und > td { background-color: #e35a5a; color: #fff; } .table-und th, .table-und td, .table-und thead th, .table-und tbody + tbody { border-color: #fe98c8; } /*.table-hover .table-und:hover { background-color: #EA7575; } .table-hover .table-und:hover > td, .table-hover .table-und:hover > th { background-color: #EA7575; }*/ .table-und-light, .table-und-light > th, .table-und-light > td { background-color: #f9dddd; color: #333; } .table-ada, .table-ada > th, .table-ada > td { background-color: #946BCE; color: #fff; } .table-ada th, .table-ada td, .table-ada thead th, .table-ada tbody + tbody { border-color: #c1b2d9; } .table-hover .table-ada:hover { background-color: #d1c4e2; } .table-hover .table-ada:hover > td, .table-hover .table-ada:hover > th { background-color: #d1c4e2; } .table-ada-light, .table-ada-light > th, .table-ada-light > td { background-color: #CCB7C9; color: #fff; } .table-con, .table-con > th, .table-con > td { background-color: #4679cc; color: #fff; } .table-con th, .table-con td, .table-con thead th, .table-con tbody + tbody { border-color: #8cc8f9; } .table-hover .table-con:hover { background-color: #c1e2fc; } .table-hover .table-con:hover > td, .table-hover .table-con:hover > th { background-color: #c1e2fc; } .table-con-light, .table-con-light > th, .table-con-light > td { background-color: #9acffa; color: #333; } .fa-15x { font-size: 1.5em; } /* For the Select All checkbox in the DataTables head row */ /*.dataTables_scrollHead .checkbox label { position: absolute; top: 1.2em; }*/ table.dataTable thead th.select-checkbox.select-all, table .dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox { position: relative; } table.dataTable thead th.select-checkbox.select-all:before, table.dataTable thead th.select-checkbox.select-all:after, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after { display: block; position: absolute; top: 1.2em; left: 50%; width: 16px; height: 16px; box-sizing: border-box; } table.dataTable thead th.select-checkbox.select-all:before, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { content: ' '; margin-top: -8px; margin-left: -6px; border: 1px solid #CCC; border-radius: 3px; background-color: #fff; } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { font-family: "FontAwesome"; content: '\f00c'; margin-top: -9px; margin-left: -5px; text-align: center; color: #555555; text-shadow: none; } .header-vert { padding-right: 3px !important; overflow: hidden; } .header-vert-label { transform-origin: left; transform: rotate(-90deg) translate(-10px, 0px); display: inline-block; bottom: 0; margin: 0 0 0 10px; padding: 0; width: 12px; font-size: 0.9rem; text-align: left; white-space: nowrap; } table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before { top: 4px !important; } table.dataTable.table-sm thead th.select-checkbox.select-all:before, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { margin-top: -12px; } table.dataTable.table-sm tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-top: -13px; } table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before { background-color: #1dc958 !important; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: #d33333 !important; } table.dataTable > tbody > tr.child > td.child { border: solid 1px #ffcd65; background-color: #fff8e9; margin: 3px; } table.dataTable > tbody > tr.group-highlight { color: #fff; background-color: #999; } /*table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: #8e8e8e; color: white; }*/ table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: #EFEFEF; color: #212529; /* outline: thin solid #2d5ba5;*/ } /* DataTables checkboxes */ table.dataTable thead th.select-checkbox.select-all:before, table.dataTable thead th.select-checkbox.select-all:after, table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after { width: 20px; height: 20px; } table.dataTable.table-sm tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-top: -18px; } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-left: -6px; font-size: 1.3em; } table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before, table.dataTable.table-sm .sorting:before { font-size: 1.3em; top: -1px; content: '\1F825'; } table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after, table.dataTable.table-sm .sorting:after { font-size: 1.3em; top: -1px; content: '\1F827'; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(80, 80, 80, 0.05); } /* End DataTables extras*/ /* Select2 extras */ .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #2d5ba5; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-color: #2d5ba5; } .select2-container--open .select2-dropdown--below { border-color: #2d5ba5; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4679cc; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #efefef; } /* End Select2 */ /* DataTables parent/child opener control */ table.dataTable td.dt-control { text-align: center; cursor: pointer; } table.dataTable td.dt-control:before { display: inline-block; color: rgba(0, 0, 0, 0.5); content: "►"; } table.dataTable tr.dt-hasChild td.dt-control:before { content: "▼"; } html.dark table.dataTable td.dt-control:before { color: rgba(255, 255, 255, 0.5); } html.dark table.dataTable tr.dt-hasChild td.dt-control:before { color: rgba(255, 255, 255, 0.5); } /* End DataTables parent/child opener control */ /* File upload button styling */ /* Browse */ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } /* End file upload button styling */ /* Bootbox additional styling for modal alerts */ .bootbox-alert-danger .modal-content { border: 1px solid #ce2323; background-color: #F7EFEF; } .bootbox-alert-danger .modal-header { color: #ce2323 !important; } .bootbox-alert-danger .modal-body { color: rgba(0, 0, 0, 0.8) !important; } .bootbox-alert-warning .modal-content { border: 1px solid #ffc241 !important; background-color: #fff8e9; } .bootbox-alert-warning .modal-header { color: #c18300 !important; } .bootbox-alert-warning .modal-body { color: rgba(0, 0, 0, 0.8) !important; } /* End Bootbox styling */ /* Validation styles */ .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #e77070; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e77070' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e77070' stroke='none'/%3e%3c/svg%3e"); } .was-validated .form-control:valid, .form-control.is-valid { border-color: #1dc958; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc958' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #1dc958; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.25); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #1dc958; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.25); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #e77070; -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.25); box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.25); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #e77070; -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.25); box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.25); } /* Background for team data output */ .bg-hilo { background: url(/Content/img/backgrounds/hilo.png); background-position: center; } /* Positioning for chart key bars */ .chart-bar { height: 4px; width: 60px; float: right; margin-right: 20px; margin-top: 6px; } /* Quill Editor */ .ql-container { background-color: white; } .ql-container strong { font-weight: 700; } .sticky-container { padding-top: 5px; padding-left: 10px; padding-bottom: 10px; padding-right: 3px; position: fixed; left: 0px; width: 100%; height: 30px; z-index: 9999; text-align: center; background-color: #ff0000; opacity: 0.6; color: white; cursor: pointer; } .sticky-top { top: 0%; } .sticky-bottom { bottom: 0%; } /* Empty message/activity note */ .notification.note-act:not(.notification-loading):before { content: "No new activities"; position: absolute; top: 0; left: 0; z-index: 0; padding: 1.5rem; width: 100%; display: block; } .notification.note-msg:not(.notification-loading):before { content: "No new messages"; position: absolute; top: 0; left: 0; z-index: 0; padding: 1.5rem; width: 100%; display: block; } .modal-header { cursor: move; } /* Adjustment for critical dimension icons */ .icon-critical { padding-bottom: 2px; } /* Styling for general custom checkboxes */ .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #3060af; background-color: #366bc3; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #5a87d2; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #96b3e2; background-color: #96b3e2; border-color: #96b3e2; } /* Styling for delete checkboxes */ .custom-control-input.chk-danger:checked ~ .custom-control-label::before { border-color: #E54949; background-color: #e77070; } .custom-control-input.chk-danger ~ .custom-control-label::before { border-color: #E54949; } .custom-control-input.chk-danger:not(:disabled):not(:checked) ~ .custom-control-label::before { background-color: #FFF; border-color: #E54949; } /* Styling for green radio controls */ .custom-control-input-green:checked ~ .custom-control-label-green::before { color: #fff; border-color: #518351 !important; background-color: #51a351 !important; } /* Styling for mandatory star icon */ .mand-field { margin-right: -7px; color: #e77070 !important; padding-left: 0.25rem !important; } /* Styles for highlighting rows */ .row-highlight-red > td { border-top: 1px solid red !important; border-bottom: 1px solid red !important; background-color: #fadede !important; } /* Highlight a focused section */ .section-highlight-red { border: 1px solid #fadede !important; background-color: #F9F2F2 !important; } #tbl_sub_items th, #tbl_sub_items td { padding: 0.4rem 0.5rem; } /* New Questionnaire classes */ .inv_q_no { font-size: 1.2em; width: 30px; text-align: center; vertical-align: top; padding-top: 1px; } .inv_q_no_new { font-size: 1.5em; min-height: 40px; vertical-align: top; } .inv_q_lab { color: #000; background: #c7e3f5; height: 25px; padding: 0px 0px 0px 5px; } .inv_q_lab_new { color: #000; height: 40px; padding: 0px 5px 0px 5px; } .wa_ans { } .divDrop { background-color: #FFF; height: 39px; /*width: 100%; 89px;*/ padding: 1px; border: 1px solid #aaa; } .divDrag { height: 35px; /*min-width: 50px;*/ width: 100%; text-align: center; font-size: 12pt; font-weight: normal; color: #fff; padding-top: 6px; padding-left: 1px !important; padding-right: 1px !important; cursor: pointer; z-index: 100; } .drop-hover { border: 1px solid #FF4911; background: #FFDAD3; } .wa-rank { font-size: 7pt; margin-top: -3px; display: block; } .col-fix-8 { width: 12.5%; float: left; } .SOAnswerBox { height: 60px; padding: 1px; border: 1px solid #aaa; text-align: center; font-size: 7pt; } .SOAnswerBox_Drag { margin: 13px auto 0px auto; height: 38px; width: 90%; text-align: center; font-size: 16pt; font-weight: bold; color: #fff; padding-top: 3px; cursor: pointer; } .SOAnswerBoxHover { } .SOAnswerBoxSelect { border: 2px solid #d9534f !important; } .SOAnswerBoxSelect .SOAnswerBox_Drag { height: 32px; } @media (max-width: 430px) { .SOAnswerBox > .btn { padding-left: 0px; padding-right: 0px; text-align: center; } } /* New Questionnaire classes END */ /* Progress bar classes */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { overflow: visible !important; float: left; width: 0; height: 100%; font-size: 1rem; line-height: 1.2rem; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .prog-sec-item { position: relative; top: -20px; padding: 0px 6px 0px 6px; height: 20px; } .affix { position: fixed; z-index: 1000; top: 0px; margin-left: -0.5rem !important; } .affix-top { z-index: 1000; } .affix-bottom { } @media (min-width: 768px) { .affix { width: 100%; width: 83.3333%; } .affix-top { width: 100%; } } @media (min-width: 992px) { .affix { width: 66.6666%; } .affix-top { width: 100%; } } @media (min-width: 1200px) { .affix { width: 66.6666%; } .affix-top { width: 100%; } } @media (max-width: 767px) { .affix, .affix-top { width: 100%; } } /* End Progress bar classes */