@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans");
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
#quill-editor{position:relative}
.mention{color:#0366d6}
.completions{background:#fff;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,.25);list-style:none}
.completions,.completions>li{margin:0;padding:0}
.completions>li>button{background:none;border:none;box-sizing:border-box;display:block;height:2em;margin:0;padding:.25em .5em;text-align:left;width:100%}
.completions>li>button:hover{background:#ddd}
.completions>li>button:focus{background:#ddd;outline:none}
.completions>li>button>.matched{color:#000;font-weight:700}
.completions>li>button>*{vertical-align:middle}
.emoji_completions{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px}
.emoji_completions li{display:inline-block;margin:2px 0;padding:0}
.emoji_completions li:not(:last-of-type){margin-right:3px}
.emoji_completions>li>button{background:#efefef;border:none;border-radius:3px;box-sizing:border-box;display:block;margin:0;padding:3px 2px 6px;text-align:left;width:100%}
.emoji_completions>li>button:hover{background:#2d9ee0;color:#fff}
.emoji_completions>li>button:focus{background:#2d9ee0;color:#fff;outline:none}
.emoji_completions>li>button.emoji-active{background:red;background:#2d9ee0;color:#fff;outline:none}
.emoji_completions>li>button>.matched{font-weight:700}
.emoji_completions>li>button>*,.ico{vertical-align:middle}
.ico{font-size:18px;line-height:0;margin-right:5px}
#emoji-palette{border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;z-index:999}
.bem{cursor:pointer;display:inline-block;font-size:24px;margin:2px;text-align:center;width:34px}
#tab-filters{margin:20px auto 0;width:210px}
.emoji-tab{cursor:pointer;display:inline-table;height:100%;min-height:30px;text-align:center;width:30px}
#tab-toolbar{background-color:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.15);padding:4px 4px 0}
#tab-toolbar ul{margin:0;padding:0}
#tab-toolbar .active{border-bottom:3px solid #2ab27b}
#tab-panel{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;max-height:220px;overflow-y:scroll;padding:2px}
#quill-editor x-contain,contain{background:#fb8;display:block}
#quill-editor table{border-collapse:collapse;width:100%}
#quill-editor table td{border:1px solid #000;height:25px;padding:5px}
.ql-picker.ql-table .ql-picker-label:before,button.ql-table:after{content:"TABLE"}
button.ql-contain:after{content:"WRAP"}
button.ql-table[value=append-row]:after{content:"ROWS+"}
button.ql-table[value=append-col]:after{content:"COLS+"}
.ql-contain,.ql-table{margin-right:-15px;width:auto!important}
#emoji-close-div{height:100%;left:0;position:fixed;top:0;width:100%}
.textarea-emoji-control{height:25px;right:4px;top:10px;width:25px}
#textarea-emoji{border:1px solid #66afe9;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;right:0;z-index:999}
.ql-editor{padding-right:26px}
.i-activity{background:url('data:image/svg+xml;utf8,')}
.i-activity,.i-flags{content:"";height:25px;margin:auto;width:25px}
.i-flags{background:url('data:image/svg+xml;utf8,')}
.i-food{background:url('data:image/svg+xml;utf8,')}
.i-food,.i-nature{content:"";height:25px;margin:auto;width:25px}
.i-nature{background:url('data:image/svg+xml;utf8,')}
.i-objects{background:url('data:image/svg+xml;utf8,')}
.i-objects,.i-people{content:"";height:25px;margin:auto;width:25px}
.i-people{background:url('data:image/svg+xml;utf8,')}
.i-symbols{background:url('data:image/svg+xml;utf8,')}
.i-symbols,.i-travel{content:"";height:25px;margin:auto;width:25px}
.i-travel{background:url('data:image/svg+xml;utf8,')}
.button-emoji{margin-bottom:-5px}
.ql-emojiblot{display:inline-block;vertical-align:text-top}
.ap{background-image:url('1e7b63404cd2fb8e6525b2fd4ee4d286.1e7b63404cd2fb8e6525.png');background-repeat:no-repeat;background-size:820px;box-sizing:border-box;display:inline-flex;font-size:20px;height:20px;line-height:1;margin-top:-3px;overflow:hidden;text-indent:-999px;width:20px}
.ap-copyright{background-position:0 0}
.ap-registered{background-position:0 -20px}
.ap-bangbang{background-position:0 -40px}
.ap-interrobang{background-position:0 -60px}
.ap-tm{background-position:0 -80px}
.ap-information_source{background-position:0 -100px}
.ap-left_right_arrow{background-position:0 -120px}
.ap-arrow_up_down{background-position:0 -140px}
.ap-arrow_upper_left{background-position:0 -160px}
.ap-arrow_upper_right{background-position:0 -180px}
.ap-arrow_lower_right{background-position:0 -200px}
.ap-arrow_lower_left{background-position:0 -220px}
.ap-leftwards_arrow_with_hook{background-position:0 -240px}
.ap-arrow_right_hook{background-position:0 -260px}
.ap-watch{background-position:0 -280px}
.ap-hourglass{background-position:0 -300px}
.ap-keyboard{background-position:0 -320px}
.ap-fast_forward{background-position:0 -360px}
.ap-rewind{background-position:0 -380px}
.ap-arrow_double_up{background-position:0 -400px}
.ap-arrow_double_down{background-position:0 -420px}
.ap-black_right_pointing_double_triangle_with_vertical_bar{background-position:0 -440px}
.ap-black_left_pointing_double_triangle_with_vertical_bar{background-position:0 -460px}
.ap-black_right_pointing_triangle_with_double_vertical_bar{background-position:0 -480px}
.ap-alarm_clock{background-position:0 -500px}
.ap-stopwatch{background-position:0 -520px}
.ap-timer_clock{background-position:0 -540px}
.ap-hourglass_flowing_sand{background-position:0 -560px}
.ap-double_vertical_bar{background-position:0 -580px}
.ap-black_square_for_stop{background-position:0 -600px}
.ap-black_circle_for_record{background-position:0 -620px}
.ap-m{background-position:0 -640px}
.ap-black_small_square{background-position:0 -660px}
.ap-white_small_square{background-position:0 -680px}
.ap-arrow_forward{background-position:0 -700px}
.ap-arrow_backward{background-position:0 -720px}
.ap-white_medium_square{background-position:0 -740px}
.ap-black_medium_square{background-position:0 -760px}
.ap-white_medium_small_square{background-position:0 -780px}
.ap-black_medium_small_square{background-position:0 -800px}
.ap-sunny{background-position:-20px 0}
.ap-cloud{background-position:-20px -20px}
.ap-umbrella{background-position:-20px -40px}
.ap-snowman{background-position:-20px -60px}
.ap-comet{background-position:-20px -80px}
.ap-phone,.ap-telephone{background-position:-20px -100px}
.ap-ballot_box_with_check{background-position:-20px -120px}
.ap-umbrella_with_rain_drops{background-position:-20px -140px}
.ap-coffee{background-position:-20px -160px}
.ap-shamrock{background-position:-20px -180px}
.ap-point_up{background-position:-20px -200px}
.ap-skull_and_crossbones{background-position:-20px -320px}
.ap-radioactive_sign{background-position:-20px -340px}
.ap-biohazard_sign{background-position:-20px -360px}
.ap-orthodox_cross{background-position:-20px -380px}
.ap-star_and_crescent{background-position:-20px -400px}
.ap-peace_symbol{background-position:-20px -420px}
.ap-yin_yang{background-position:-20px -440px}
.ap-wheel_of_dharma{background-position:-20px -460px}
.ap-white_frowning_face{background-position:-20px -480px}
.ap-relaxed{background-position:-20px -500px}
.ap-aries{background-position:-20px -520px}
.ap-taurus{background-position:-20px -540px}
.ap-gemini{background-position:-20px -560px}
.ap-cancer{background-position:-20px -580px}
.ap-leo{background-position:-20px -600px}
.ap-virgo{background-position:-20px -620px}
.ap-libra{background-position:-20px -640px}
.ap-scorpius{background-position:-20px -660px}
.ap-sagittarius{background-position:-20px -680px}
.ap-capricorn{background-position:-20px -700px}
.ap-aquarius{background-position:-20px -720px}
.ap-pisces{background-position:-20px -740px}
.ap-spades{background-position:-20px -760px}
.ap-clubs{background-position:-20px -780px}
.ap-hearts{background-position:-20px -800px}
.ap-diamonds{background-position:-40px 0}
.ap-hotsprings{background-position:-40px -20px}
.ap-recycle{background-position:-40px -40px}
.ap-wheelchair{background-position:-40px -60px}
.ap-hammer_and_pick{background-position:-40px -80px}
.ap-anchor{background-position:-40px -100px}
.ap-crossed_swords{background-position:-40px -120px}
.ap-scales{background-position:-40px -140px}
.ap-alembic{background-position:-40px -160px}
.ap-gear{background-position:-40px -180px}
.ap-atom_symbol{background-position:-40px -200px}
.ap-fleur_de_lis{background-position:-40px -220px}
.ap-warning{background-position:-40px -240px}
.ap-zap{background-position:-40px -260px}
.ap-white_circle{background-position:-40px -280px}
.ap-black_circle{background-position:-40px -300px}
.ap-coffin{background-position:-40px -320px}
.ap-funeral_urn{background-position:-40px -340px}
.ap-soccer{background-position:-40px -360px}
.ap-baseball{background-position:-40px -380px}
.ap-snowman_without_snow{background-position:-40px -400px}
.ap-partly_sunny{background-position:-40px -420px}
.ap-thunder_cloud_and_rain{background-position:-40px -440px}
.ap-ophiuchus{background-position:-40px -460px}
.ap-pick{background-position:-40px -480px}
.ap-helmet_with_white_cross{background-position:-40px -500px}
.ap-chains{background-position:-40px -520px}
.ap-no_entry{background-position:-40px -540px}
.ap-shinto_shrine{background-position:-40px -560px}
.ap-church{background-position:-40px -580px}
.ap-mountain{background-position:-40px -600px}
.ap-beach_umbrella,.ap-umbrella_on_ground{background-position:-40px -620px}
.ap-fountain{background-position:-40px -640px}
.ap-golf{background-position:-40px -660px}
.ap-ferry{background-position:-40px -680px}
.ap-boat{background-position:-40px -700px}
.ap-skier{background-position:-40px -720px}
.ap-ice_skate{background-position:-40px -740px}
.ap-person_with_ball{background-position:-40px -760px}
.ap-tent{background-position:-60px -60px}
.ap-fuelpump{background-position:-60px -80px}
.ap-scissors{background-position:-60px -100px}
.ap-white_check_mark{background-position:-60px -120px}
.ap-airplane{background-position:-60px -140px}
.ap-email{background-position:-60px -160px}
.ap-fist{background-position:-60px -180px}
.ap-hand{background-position:-60px -300px}
.ap-v{background-position:-60px -420px}
.ap-writing_hand{background-position:-60px -540px}
.ap-pencil2{background-position:-60px -660px}
.ap-black_nib{background-position:-60px -680px}
.ap-heavy_check_mark{background-position:-60px -700px}
.ap-heavy_multiplication_x{background-position:-60px -720px}
.ap-latin_cross{background-position:-60px -740px}
.ap-star_of_david{background-position:-60px -760px}
.ap-sparkles{background-position:-60px -780px}
.ap-eight_spoked_asterisk{background-position:-60px -800px}
.ap-eight_pointed_black_star{background-position:-80px 0}
.ap-snowflake{background-position:-80px -20px}
.ap-sparkle{background-position:-80px -40px}
.ap-x{background-position:-80px -60px}
.ap-negative_squared_cross_mark{background-position:-80px -80px}
.ap-question{background-position:-80px -100px}
.ap-grey_question{background-position:-80px -120px}
.ap-grey_exclamation{background-position:-80px -140px}
.ap-exclamation{background-position:-80px -160px}
.ap-heavy_heart_exclamation_mark_ornament{background-position:-80px -180px}
.ap-heart{background-position:-80px -200px}
.ap-heavy_plus_sign{background-position:-80px -220px}
.ap-heavy_minus_sign{background-position:-80px -240px}
.ap-heavy_division_sign{background-position:-80px -260px}
.ap-arrow_right{background-position:-80px -280px}
.ap-curly_loop{background-position:-80px -300px}
.ap-loop{background-position:-80px -320px}
.ap-arrow_heading_up{background-position:-80px -340px}
.ap-arrow_heading_down{background-position:-80px -360px}
.ap-arrow_left{background-position:-80px -380px}
.ap-arrow_up{background-position:-80px -400px}
.ap-arrow_down{background-position:-80px -420px}
.ap-black_large_square{background-position:-80px -440px}
.ap-white_large_square{background-position:-80px -460px}
.ap-star{background-position:-80px -480px}
.ap-o{background-position:-80px -500px}
.ap-wavy_dash{background-position:-80px -520px}
.ap-part_alternation_mark{background-position:-80px -540px}
.ap-congratulations{background-position:-80px -560px}
.ap-secret{background-position:-80px -580px}
.ap-mahjong{background-position:-80px -600px}
.ap-black_joker{background-position:-80px -620px}
.ap-a{background-position:-80px -640px}
.ap-b{background-position:-80px -660px}
.ap-o2{background-position:-80px -680px}
.ap-parking{background-position:-80px -700px}
.ap-ab{background-position:-80px -720px}
.ap-cl{background-position:-80px -740px}
.ap-cool{background-position:-80px -760px}
.ap-free{background-position:-80px -780px}
.ap-id{background-position:-80px -800px}
.ap-new{background-position:-100px 0}
.ap-ng{background-position:-100px -20px}
.ap-ok{background-position:-100px -40px}
.ap-sos{background-position:-100px -60px}
.ap-up{background-position:-100px -80px}
.ap-vs{background-position:-100px -100px}
.ap-koko{background-position:-100px -120px}
.ap-sa{background-position:-100px -140px}
.ap-u7121{background-position:-100px -160px}
.ap-u6307{background-position:-100px -180px}
.ap-u7981{background-position:-100px -200px}
.ap-u7a7a{background-position:-100px -220px}
.ap-u5408{background-position:-100px -240px}
.ap-u6e80{background-position:-100px -260px}
.ap-u6709{background-position:-100px -280px}
.ap-u6708{background-position:-100px -300px}
.ap-u7533{background-position:-100px -320px}
.ap-u5272{background-position:-100px -340px}
.ap-u55b6{background-position:-100px -360px}
.ap-ideograph_advantage{background-position:-100px -380px}
.ap-accept{background-position:-100px -400px}
.ap-cyclone{background-position:-100px -420px}
.ap-foggy{background-position:-100px -440px}
.ap-closed_umbrella{background-position:-100px -460px}
.ap-night_with_stars{background-position:-100px -480px}
.ap-sunrise_over_mountains{background-position:-100px -500px}
.ap-sunrise{background-position:-100px -520px}
.ap-city_sunset{background-position:-100px -540px}
.ap-city_sunrise{background-position:-100px -560px}
.ap-rainbow{background-position:-100px -580px}
.ap-bridge_at_night{background-position:-100px -600px}
.ap-ocean{background-position:-100px -620px}
.ap-volcano{background-position:-100px -640px}
.ap-milky_way{background-position:-100px -660px}
.ap-earth_africa{background-position:-100px -680px}
.ap-earth_americas{background-position:-100px -700px}
.ap-earth_asia{background-position:-100px -720px}
.ap-globe_with_meridians{background-position:-100px -740px}
.ap-new_moon{background-position:-100px -760px}
.ap-waxing_crescent_moon{background-position:-100px -780px}
.ap-first_quarter_moon{background-position:-100px -800px}
.ap-moon{background-position:-120px 0}
.ap-full_moon{background-position:-120px -20px}
.ap-waning_gibbous_moon{background-position:-120px -40px}
.ap-last_quarter_moon{background-position:-120px -60px}
.ap-waning_crescent_moon{background-position:-120px -80px}
.ap-crescent_moon{background-position:-120px -100px}
.ap-new_moon_with_face{background-position:-120px -120px}
.ap-first_quarter_moon_with_face{background-position:-120px -140px}
.ap-last_quarter_moon_with_face{background-position:-120px -160px}
.ap-full_moon_with_face{background-position:-120px -180px}
.ap-sun_with_face{background-position:-120px -200px}
.ap-star2{background-position:-120px -220px}
.ap-stars{background-position:-120px -240px}
.ap-thermometer{background-position:-120px -260px}
.ap-mostly_sunny{background-position:-120px -280px}
.ap-barely_sunny{background-position:-120px -300px}
.ap-partly_sunny_rain{background-position:-120px -320px}
.ap-rain_cloud{background-position:-120px -340px}
.ap-snow_cloud{background-position:-120px -360px}
.ap-lightning{background-position:-120px -380px}
.ap-tornado{background-position:-120px -400px}
.ap-fog{background-position:-120px -420px}
.ap-wind_blowing_face{background-position:-120px -440px}
.ap-hotdog{background-position:-120px -460px}
.ap-taco{background-position:-120px -480px}
.ap-burrito{background-position:-120px -500px}
.ap-chestnut{background-position:-120px -520px}
.ap-seedling{background-position:-120px -540px}
.ap-evergreen_tree{background-position:-120px -560px}
.ap-deciduous_tree{background-position:-120px -580px}
.ap-palm_tree{background-position:-120px -600px}
.ap-cactus{background-position:-120px -620px}
.ap-hot_pepper{background-position:-120px -640px}
.ap-tulip{background-position:-120px -660px}
.ap-cherry_blossom{background-position:-120px -680px}
.ap-rose{background-position:-120px -700px}
.ap-hibiscus{background-position:-120px -720px}
.ap-sunflower{background-position:-120px -740px}
.ap-blossom{background-position:-120px -760px}
.ap-corn{background-position:-120px -780px}
.ap-ear_of_rice{background-position:-120px -800px}
.ap-herb{background-position:-140px 0}
.ap-four_leaf_clover{background-position:-140px -20px}
.ap-maple_leaf{background-position:-140px -40px}
.ap-fallen_leaf{background-position:-140px -60px}
.ap-leaves{background-position:-140px -80px}
.ap-mushroom{background-position:-140px -100px}
.ap-tomato{background-position:-140px -120px}
.ap-eggplant{background-position:-140px -140px}
.ap-grapes{background-position:-140px -160px}
.ap-melon{background-position:-140px -180px}
.ap-watermelon{background-position:-140px -200px}
.ap-tangerine{background-position:-140px -220px}
.ap-lemon{background-position:-140px -240px}
.ap-banana{background-position:-140px -260px}
.ap-pineapple{background-position:-140px -280px}
.ap-apple{background-position:-140px -300px}
.ap-green_apple{background-position:-140px -320px}
.ap-pear{background-position:-140px -340px}
.ap-peach{background-position:-140px -360px}
.ap-cherries{background-position:-140px -380px}
.ap-strawberry{background-position:-140px -400px}
.ap-hamburger{background-position:-140px -420px}
.ap-pizza{background-position:-140px -440px}
.ap-meat_on_bone{background-position:-140px -460px}
.ap-poultry_leg{background-position:-140px -480px}
.ap-rice_cracker{background-position:-140px -500px}
.ap-rice_ball{background-position:-140px -520px}
.ap-rice{background-position:-140px -540px}
.ap-curry{background-position:-140px -560px}
.ap-ramen{background-position:-140px -580px}
.ap-spaghetti{background-position:-140px -600px}
.ap-bread{background-position:-140px -620px}
.ap-fries{background-position:-140px -640px}
.ap-sweet_potato{background-position:-140px -660px}
.ap-dango{background-position:-140px -680px}
.ap-oden{background-position:-140px -700px}
.ap-sushi{background-position:-140px -720px}
.ap-fried_shrimp{background-position:-140px -740px}
.ap-fish_cake{background-position:-140px -760px}
.ap-icecream{background-position:-140px -780px}
.ap-shaved_ice{background-position:-140px -800px}
.ap-ice_cream{background-position:-160px 0}
.ap-doughnut{background-position:-160px -20px}
.ap-cookie{background-position:-160px -40px}
.ap-chocolate_bar{background-position:-160px -60px}
.ap-candy{background-position:-160px -80px}
.ap-lollipop{background-position:-160px -100px}
.ap-custard{background-position:-160px -120px}
.ap-honey_pot{background-position:-160px -140px}
.ap-cake{background-position:-160px -160px}
.ap-bento{background-position:-160px -180px}
.ap-stew{background-position:-160px -200px}
.ap-egg{background-position:-160px -220px}
.ap-fork_and_knife{background-position:-160px -240px}
.ap-tea{background-position:-160px -260px}
.ap-sake{background-position:-160px -280px}
.ap-wine_glass{background-position:-160px -300px}
.ap-cocktail{background-position:-160px -320px}
.ap-tropical_drink{background-position:-160px -340px}
.ap-beer{background-position:-160px -360px}
.ap-beers{background-position:-160px -380px}
.ap-baby_bottle{background-position:-160px -400px}
.ap-knife_fork_plate{background-position:-160px -420px}
.ap-champagne{background-position:-160px -440px}
.ap-popcorn{background-position:-160px -460px}
.ap-ribbon{background-position:-160px -480px}
.ap-gift{background-position:-160px -500px}
.ap-birthday{background-position:-160px -520px}
.ap-jack_o_lantern{background-position:-160px -540px}
.ap-christmas_tree{background-position:-160px -560px}
.ap-santa{background-position:-160px -580px}
.ap-fireworks{background-position:-160px -700px}
.ap-sparkler{background-position:-160px -720px}
.ap-balloon{background-position:-160px -740px}
.ap-tada{background-position:-160px -760px}
.ap-confetti_ball{background-position:-160px -780px}
.ap-tanabata_tree{background-position:-160px -800px}
.ap-crossed_flags{background-position:-180px 0}
.ap-bamboo{background-position:-180px -20px}
.ap-dolls{background-position:-180px -40px}
.ap-flags{background-position:-180px -60px}
.ap-wind_chime{background-position:-180px -80px}
.ap-rice_scene{background-position:-180px -100px}
.ap-school_satchel{background-position:-180px -120px}
.ap-mortar_board{background-position:-180px -140px}
.ap-medal{background-position:-180px -160px}
.ap-reminder_ribbon{background-position:-180px -180px}
.ap-studio_microphone{background-position:-180px -200px}
.ap-level_slider{background-position:-180px -220px}
.ap-control_knobs{background-position:-180px -240px}
.ap-film_frames{background-position:-180px -260px}
.ap-admission_tickets{background-position:-180px -280px}
.ap-carousel_horse{background-position:-180px -300px}
.ap-ferris_wheel{background-position:-180px -320px}
.ap-roller_coaster{background-position:-180px -340px}
.ap-fishing_pole_and_fish{background-position:-180px -360px}
.ap-microphone{background-position:-180px -380px}
.ap-movie_camera{background-position:-180px -400px}
.ap-cinema{background-position:-180px -420px}
.ap-headphones{background-position:-180px -440px}
.ap-art{background-position:-180px -460px}
.ap-tophat{background-position:-180px -480px}
.ap-circus_tent{background-position:-180px -500px}
.ap-ticket{background-position:-180px -520px}
.ap-clapper{background-position:-180px -540px}
.ap-performing_arts{background-position:-180px -560px}
.ap-video_game{background-position:-180px -580px}
.ap-dart{background-position:-180px -600px}
.ap-slot_machine{background-position:-180px -620px}
.ap-8ball{background-position:-180px -640px}
.ap-game_die{background-position:-180px -660px}
.ap-bowling{background-position:-180px -680px}
.ap-flower_playing_cards{background-position:-180px -700px}
.ap-musical_note{background-position:-180px -720px}
.ap-notes{background-position:-180px -740px}
.ap-saxophone{background-position:-180px -760px}
.ap-guitar{background-position:-180px -780px}
.ap-musical_keyboard{background-position:-180px -800px}
.ap-trumpet{background-position:-200px 0}
.ap-violin{background-position:-200px -20px}
.ap-musical_score{background-position:-200px -40px}
.ap-running_shirt_with_sash{background-position:-200px -60px}
.ap-tennis{background-position:-200px -80px}
.ap-ski{background-position:-200px -100px}
.ap-basketball{background-position:-200px -120px}
.ap-checkered_flag{background-position:-200px -140px}
.ap-snowboarder{background-position:-200px -160px}
.ap-runner{background-position:-200px -180px}
.ap-surfer{background-position:-200px -300px}
.ap-sports_medal{background-position:-200px -420px}
.ap-trophy{background-position:-200px -440px}
.ap-horse_racing{background-position:-200px -460px}
.ap-football{background-position:-200px -480px}
.ap-rugby_football{background-position:-200px -500px}
.ap-swimmer{background-position:-200px -520px}
.ap-weight_lifter{background-position:-200px -640px}
.ap-golfer{background-position:-200px -760px}
.ap-racing_motorcycle{background-position:-200px -780px}
.ap-racing_car{background-position:-200px -800px}
.ap-cricket_bat_and_ball{background-position:-220px 0}
.ap-volleyball{background-position:-220px -20px}
.ap-field_hockey_stick_and_ball{background-position:-220px -40px}
.ap-ice_hockey_stick_and_puck{background-position:-220px -60px}
.ap-table_tennis_paddle_and_ball{background-position:-220px -80px}
.ap-snow_capped_mountain{background-position:-220px -100px}
.ap-camping{background-position:-220px -120px}
.ap-beach_with_umbrella{background-position:-220px -140px}
.ap-building_construction{background-position:-220px -160px}
.ap-house_buildings{background-position:-220px -180px}
.ap-cityscape{background-position:-220px -200px}
.ap-derelict_house_building{background-position:-220px -220px}
.ap-classical_building{background-position:-220px -240px}
.ap-desert{background-position:-220px -260px}
.ap-desert_island{background-position:-220px -280px}
.ap-national_park{background-position:-220px -300px}
.ap-stadium{background-position:-220px -320px}
.ap-house{background-position:-220px -340px}
.ap-house_with_garden{background-position:-220px -360px}
.ap-office{background-position:-220px -380px}
.ap-post_office{background-position:-220px -400px}
.ap-european_post_office{background-position:-220px -420px}
.ap-hospital{background-position:-220px -440px}
.ap-bank{background-position:-220px -460px}
.ap-atm{background-position:-220px -480px}
.ap-hotel{background-position:-220px -500px}
.ap-love_hotel{background-position:-220px -520px}
.ap-convenience_store{background-position:-220px -540px}
.ap-school{background-position:-220px -560px}
.ap-department_store{background-position:-220px -580px}
.ap-factory{background-position:-220px -600px}
.ap-izakaya_lantern{background-position:-220px -620px}
.ap-japanese_castle{background-position:-220px -640px}
.ap-european_castle{background-position:-220px -660px}
.ap-waving_white_flag{background-position:-220px -680px}
.ap-waving_black_flag{background-position:-220px -700px}
.ap-rosette{background-position:-220px -720px}
.ap-label{background-position:-220px -740px}
.ap-badminton_racquet_and_shuttlecock{background-position:-220px -760px}
.ap-bow_and_arrow{background-position:-220px -780px}
.ap-amphora{background-position:-220px -800px}
.ap-skin-tone-2{background-position:-240px 0}
.ap-skin-tone-3{background-position:-240px -20px}
.ap-skin-tone-4{background-position:-240px -40px}
.ap-skin-tone-5{background-position:-240px -60px}
.ap-skin-tone-6{background-position:-240px -80px}
.ap-rat{background-position:-240px -100px}
.ap-mouse2{background-position:-240px -120px}
.ap-ox{background-position:-240px -140px}
.ap-water_buffalo{background-position:-240px -160px}
.ap-cow2{background-position:-240px -180px}
.ap-tiger2{background-position:-240px -200px}
.ap-leopard{background-position:-240px -220px}
.ap-rabbit2{background-position:-240px -240px}
.ap-cat2{background-position:-240px -260px}
.ap-dragon{background-position:-240px -280px}
.ap-crocodile{background-position:-240px -300px}
.ap-whale2{background-position:-240px -320px}
.ap-snail{background-position:-240px -340px}
.ap-snake{background-position:-240px -360px}
.ap-racehorse{background-position:-240px -380px}
.ap-ram{background-position:-240px -400px}
.ap-goat{background-position:-240px -420px}
.ap-sheep{background-position:-240px -440px}
.ap-monkey{background-position:-240px -460px}
.ap-rooster{background-position:-240px -480px}
.ap-chicken{background-position:-240px -500px}
.ap-dog2{background-position:-240px -520px}
.ap-pig2{background-position:-240px -540px}
.ap-boar{background-position:-240px -560px}
.ap-elephant{background-position:-240px -580px}
.ap-octopus{background-position:-240px -600px}
.ap-shell{background-position:-240px -620px}
.ap-bug{background-position:-240px -640px}
.ap-ant{background-position:-240px -660px}
.ap-bee{background-position:-240px -680px}
.ap-beetle{background-position:-240px -700px}
.ap-fish{background-position:-240px -720px}
.ap-tropical_fish{background-position:-240px -740px}
.ap-blowfish{background-position:-240px -760px}
.ap-turtle{background-position:-240px -780px}
.ap-hatching_chick{background-position:-240px -800px}
.ap-baby_chick{background-position:-260px 0}
.ap-hatched_chick{background-position:-260px -20px}
.ap-bird{background-position:-260px -40px}
.ap-penguin{background-position:-260px -60px}
.ap-koala{background-position:-260px -80px}
.ap-poodle{background-position:-260px -100px}
.ap-dromedary_camel{background-position:-260px -120px}
.ap-camel{background-position:-260px -140px}
.ap-dolphin{background-position:-260px -160px}
.ap-mouse{background-position:-260px -180px}
.ap-cow{background-position:-260px -200px}
.ap-tiger{background-position:-260px -220px}
.ap-rabbit{background-position:-260px -240px}
.ap-cat{background-position:-260px -260px}
.ap-dragon_face{background-position:-260px -280px}
.ap-whale{background-position:-260px -300px}
.ap-horse{background-position:-260px -320px}
.ap-monkey_face{background-position:-260px -340px}
.ap-dog{background-position:-260px -360px}
.ap-pig{background-position:-260px -380px}
.ap-frog{background-position:-260px -400px}
.ap-hamster{background-position:-260px -420px}
.ap-wolf{background-position:-260px -440px}
.ap-bear{background-position:-260px -460px}
.ap-panda_face{background-position:-260px -480px}
.ap-pig_nose{background-position:-260px -500px}
.ap-feet{background-position:-260px -520px}
.ap-chipmunk{background-position:-260px -540px}
.ap-eyes{background-position:-260px -560px}
.ap-eye{background-position:-260px -580px}
.ap-ear{background-position:-260px -600px}
.ap-nose{background-position:-260px -720px}
.ap-lips{background-position:-280px -20px}
.ap-tongue{background-position:-280px -40px}
.ap-point_up_2{background-position:-280px -60px}
.ap-point_down{background-position:-280px -180px}
.ap-point_left{background-position:-280px -300px}
.ap-point_right{background-position:-280px -420px}
.ap-facepunch{background-position:-280px -540px}
.ap-wave{background-position:-280px -660px}
.ap-ok_hand{background-position:-280px -780px}
.ap-thumbsup{background-position:-300px -80px}
.ap--1,.ap-thumbsdown{background-position:-300px -200px}
.ap-clap{background-position:-300px -320px}
.ap-open_hands{background-position:-300px -440px}
.ap-crown{background-position:-300px -560px}
.ap-womans_hat{background-position:-300px -580px}
.ap-eyeglasses{background-position:-300px -600px}
.ap-necktie{background-position:-300px -620px}
.ap-shirt{background-position:-300px -640px}
.ap-jeans{background-position:-300px -660px}
.ap-dress{background-position:-300px -680px}
.ap-kimono{background-position:-300px -700px}
.ap-bikini{background-position:-300px -720px}
.ap-womans_clothes{background-position:-300px -740px}
.ap-purse{background-position:-300px -760px}
.ap-handbag{background-position:-300px -780px}
.ap-pouch{background-position:-300px -800px}
.ap-mans_shoe{background-position:-320px 0}
.ap-athletic_shoe{background-position:-320px -20px}
.ap-high_heel{background-position:-320px -40px}
.ap-sandal{background-position:-320px -60px}
.ap-boot{background-position:-320px -80px}
.ap-footprints{background-position:-320px -100px}
.ap-bust_in_silhouette{background-position:-320px -120px}
.ap-busts_in_silhouette{background-position:-320px -140px}
.ap-boy{background-position:-320px -160px}
.ap-girl{background-position:-320px -280px}
.ap-man{background-position:-320px -400px}
.ap-woman{background-position:-320px -520px}
.ap-family{background-position:-320px -640px}
.ap-couple{background-position:-320px -660px}
.ap-two_men_holding_hands{background-position:-320px -680px}
.ap-two_women_holding_hands{background-position:-320px -700px}
.ap-cop{background-position:-320px -720px}
.ap-dancers{background-position:-340px -20px}
.ap-bride_with_veil{background-position:-340px -40px}
.ap-person_with_blond_hair{background-position:-340px -160px}
.ap-man_with_gua_pi_mao{background-position:-340px -280px}
.ap-man_with_turban{background-position:-340px -400px}
.ap-older_man{background-position:-340px -520px}
.ap-older_woman{background-position:-340px -640px}
.ap-baby{background-position:-340px -760px}
.ap-construction_worker{background-position:-360px -60px}
.ap-princess{background-position:-360px -180px}
.ap-japanese_ogre{background-position:-360px -300px}
.ap-japanese_goblin{background-position:-360px -320px}
.ap-ghost{background-position:-360px -340px}
.ap-angel{background-position:-360px -360px}
.ap-alien{background-position:-360px -480px}
.ap-space_invader{background-position:-360px -500px}
.ap-imp{background-position:-360px -520px}
.ap-skull{background-position:-360px -540px}
.ap-information_desk_person{background-position:-360px -560px}
.ap-guardsman{background-position:-360px -680px}
.ap-dancer{background-position:-360px -800px}
.ap-lipstick{background-position:-380px -100px}
.ap-nail_care{background-position:-380px -120px}
.ap-massage{background-position:-380px -240px}
.ap-haircut{background-position:-380px -360px}
.ap-barber{background-position:-380px -480px}
.ap-syringe{background-position:-380px -500px}
.ap-pill{background-position:-380px -520px}
.ap-kiss{background-position:-380px -540px}
.ap-love_letter{background-position:-380px -560px}
.ap-ring{background-position:-380px -580px}
.ap-gem{background-position:-380px -600px}
.ap-couplekiss{background-position:-380px -620px}
.ap-bouquet{background-position:-380px -640px}
.ap-couple_with_heart{background-position:-380px -660px}
.ap-wedding{background-position:-380px -680px}
.ap-heartbeat{background-position:-380px -700px}
.ap-broken_heart{background-position:-380px -720px}
.ap-two_hearts{background-position:-380px -740px}
.ap-sparkling_heart{background-position:-380px -760px}
.ap-heartpulse{background-position:-380px -780px}
.ap-cupid{background-position:-380px -800px}
.ap-blue_heart{background-position:-400px 0}
.ap-green_heart{background-position:-400px -20px}
.ap-yellow_heart{background-position:-400px -40px}
.ap-purple_heart{background-position:-400px -60px}
.ap-gift_heart{background-position:-400px -80px}
.ap-revolving_hearts{background-position:-400px -100px}
.ap-heart_decoration{background-position:-400px -120px}
.ap-diamond_shape_with_a_dot_inside{background-position:-400px -140px}
.ap-bulb{background-position:-400px -160px}
.ap-anger{background-position:-400px -180px}
.ap-bomb{background-position:-400px -200px}
.ap-zzz{background-position:-400px -220px}
.ap-boom{background-position:-400px -240px}
.ap-sweat_drops{background-position:-400px -260px}
.ap-droplet{background-position:-400px -280px}
.ap-dash{background-position:-400px -300px}
.ap-hankey{background-position:-400px -320px}
.ap-muscle{background-position:-400px -340px}
.ap-dizzy{background-position:-400px -460px}
.ap-speech_balloon{background-position:-400px -480px}
.ap-thought_balloon{background-position:-400px -500px}
.ap-white_flower{background-position:-400px -520px}
.ap-100{background-position:-400px -540px}
.ap-moneybag{background-position:-400px -560px}
.ap-currency_exchange{background-position:-400px -580px}
.ap-heavy_dollar_sign{background-position:-400px -600px}
.ap-credit_card{background-position:-400px -620px}
.ap-yen{background-position:-400px -640px}
.ap-dollar{background-position:-400px -660px}
.ap-euro{background-position:-400px -680px}
.ap-pound{background-position:-400px -700px}
.ap-money_with_wings{background-position:-400px -720px}
.ap-chart{background-position:-400px -740px}
.ap-seat{background-position:-400px -760px}
.ap-computer{background-position:-400px -780px}
.ap-briefcase{background-position:-400px -800px}
.ap-minidisc{background-position:-420px 0}
.ap-floppy_disk{background-position:-420px -20px}
.ap-cd{background-position:-420px -40px}
.ap-dvd{background-position:-420px -60px}
.ap-file_folder{background-position:-420px -80px}
.ap-open_file_folder{background-position:-420px -100px}
.ap-page_with_curl{background-position:-420px -120px}
.ap-page_facing_up{background-position:-420px -140px}
.ap-date{background-position:-420px -160px}
.ap-calendar{background-position:-420px -180px}
.ap-card_index{background-position:-420px -200px}
.ap-chart_with_upwards_trend{background-position:-420px -220px}
.ap-chart_with_downwards_trend{background-position:-420px -240px}
.ap-bar_chart{background-position:-420px -260px}
.ap-clipboard{background-position:-420px -280px}
.ap-pushpin{background-position:-420px -300px}
.ap-round_pushpin{background-position:-420px -320px}
.ap-paperclip{background-position:-420px -340px}
.ap-straight_ruler{background-position:-420px -360px}
.ap-triangular_ruler{background-position:-420px -380px}
.ap-bookmark_tabs{background-position:-420px -400px}
.ap-ledger{background-position:-420px -420px}
.ap-notebook{background-position:-420px -440px}
.ap-notebook_with_decorative_cover{background-position:-420px -460px}
.ap-closed_book{background-position:-420px -480px}
.ap-book{background-position:-420px -500px}
.ap-green_book{background-position:-420px -520px}
.ap-blue_book{background-position:-420px -540px}
.ap-orange_book{background-position:-420px -560px}
.ap-books{background-position:-420px -580px}
.ap-name_badge{background-position:-420px -600px}
.ap-scroll{background-position:-420px -620px}
.ap-memo{background-position:-420px -640px}
.ap-telephone_receiver{background-position:-420px -660px}
.ap-pager{background-position:-420px -680px}
.ap-fax{background-position:-420px -700px}
.ap-satellite_antenna{background-position:-420px -720px}
.ap-loudspeaker{background-position:-420px -740px}
.ap-mega{background-position:-420px -760px}
.ap-outbox_tray{background-position:-420px -780px}
.ap-inbox_tray{background-position:-420px -800px}
.ap-package{background-position:-440px 0}
.ap-e-mail{background-position:-440px -20px}
.ap-incoming_envelope{background-position:-440px -40px}
.ap-envelope_with_arrow{background-position:-440px -60px}
.ap-mailbox_closed{background-position:-440px -80px}
.ap-mailbox{background-position:-440px -100px}
.ap-mailbox_with_mail{background-position:-440px -120px}
.ap-mailbox_with_no_mail{background-position:-440px -140px}
.ap-postbox{background-position:-440px -160px}
.ap-postal_horn{background-position:-440px -180px}
.ap-newspaper{background-position:-440px -200px}
.ap-iphone{background-position:-440px -220px}
.ap-calling{background-position:-440px -240px}
.ap-vibration_mode{background-position:-440px -260px}
.ap-mobile_phone_off{background-position:-440px -280px}
.ap-no_mobile_phones{background-position:-440px -300px}
.ap-signal_strength{background-position:-440px -320px}
.ap-camera{background-position:-440px -340px}
.ap-camera_with_flash{background-position:-440px -360px}
.ap-video_camera{background-position:-440px -380px}
.ap-tv{background-position:-440px -400px}
.ap-radio{background-position:-440px -420px}
.ap-vhs{background-position:-440px -440px}
.ap-film_projector{background-position:-440px -460px}
.ap-prayer_beads{background-position:-440px -480px}
.ap-twisted_rightwards_arrows{background-position:-440px -500px}
.ap-repeat{background-position:-440px -520px}
.ap-repeat_one{background-position:-440px -540px}
.ap-arrows_clockwise{background-position:-440px -560px}
.ap-arrows_counterclockwise{background-position:-440px -580px}
.ap-low_brightness{background-position:-440px -600px}
.ap-high_brightness{background-position:-440px -620px}
.ap-mute{background-position:-440px -640px}
.ap-speaker{background-position:-440px -660px}
.ap-sound{background-position:-440px -680px}
.ap-loud_sound{background-position:-440px -700px}
.ap-battery{background-position:-440px -720px}
.ap-electric_plug{background-position:-440px -740px}
.ap-mag{background-position:-440px -760px}
.ap-mag_right{background-position:-440px -780px}
.ap-lock_with_ink_pen{background-position:-440px -800px}
.ap-closed_lock_with_key{background-position:-460px 0}
.ap-key{background-position:-460px -20px}
.ap-lock{background-position:-460px -40px}
.ap-unlock{background-position:-460px -60px}
.ap-bell{background-position:-460px -80px}
.ap-no_bell{background-position:-460px -100px}
.ap-bookmark{background-position:-460px -120px}
.ap-link{background-position:-460px -140px}
.ap-radio_button{background-position:-460px -160px}
.ap-back{background-position:-460px -180px}
.ap-end{background-position:-460px -200px}
.ap-on{background-position:-460px -220px}
.ap-soon{background-position:-460px -240px}
.ap-top{background-position:-460px -260px}
.ap-underage{background-position:-460px -280px}
.ap-keycap_ten{background-position:-460px -300px}
.ap-capital_abcd{background-position:-460px -320px}
.ap-abcd{background-position:-460px -340px}
.ap-1234{background-position:-460px -360px}
.ap-symbols{background-position:-460px -380px}
.ap-abc{background-position:-460px -400px}
.ap-fire{background-position:-460px -420px}
.ap-flashlight{background-position:-460px -440px}
.ap-wrench{background-position:-460px -460px}
.ap-hammer{background-position:-460px -480px}
.ap-nut_and_bolt{background-position:-460px -500px}
.ap-hocho{background-position:-460px -520px}
.ap-gun{background-position:-460px -540px}
.ap-microscope{background-position:-460px -560px}
.ap-telescope{background-position:-460px -580px}
.ap-crystal_ball{background-position:-460px -600px}
.ap-six_pointed_star{background-position:-460px -620px}
.ap-beginner{background-position:-460px -640px}
.ap-trident{background-position:-460px -660px}
.ap-black_square_button{background-position:-460px -680px}
.ap-white_square_button{background-position:-460px -700px}
.ap-red_circle{background-position:-460px -720px}
.ap-large_blue_circle{background-position:-460px -740px}
.ap-large_orange_diamond{background-position:-460px -760px}
.ap-large_blue_diamond{background-position:-460px -780px}
.ap-small_orange_diamond{background-position:-460px -800px}
.ap-small_blue_diamond{background-position:-480px 0}
.ap-small_red_triangle{background-position:-480px -20px}
.ap-small_red_triangle_down{background-position:-480px -40px}
.ap-arrow_up_small{background-position:-480px -60px}
.ap-arrow_down_small{background-position:-480px -80px}
.ap-om_symbol{background-position:-480px -100px}
.ap-dove_of_peace{background-position:-480px -120px}
.ap-kaaba{background-position:-480px -140px}
.ap-mosque{background-position:-480px -160px}
.ap-synagogue{background-position:-480px -180px}
.ap-menorah_with_nine_branches{background-position:-480px -200px}
.ap-clock1{background-position:-480px -220px}
.ap-clock2{background-position:-480px -240px}
.ap-clock3{background-position:-480px -260px}
.ap-clock4{background-position:-480px -280px}
.ap-clock5{background-position:-480px -300px}
.ap-clock6{background-position:-480px -320px}
.ap-clock7{background-position:-480px -340px}
.ap-clock8{background-position:-480px -360px}
.ap-clock9{background-position:-480px -380px}
.ap-clock10{background-position:-480px -400px}
.ap-clock11{background-position:-480px -420px}
.ap-clock12{background-position:-480px -440px}
.ap-clock130{background-position:-480px -460px}
.ap-clock230{background-position:-480px -480px}
.ap-clock330{background-position:-480px -500px}
.ap-clock430{background-position:-480px -520px}
.ap-clock530{background-position:-480px -540px}
.ap-clock630{background-position:-480px -560px}
.ap-clock730{background-position:-480px -580px}
.ap-clock830{background-position:-480px -600px}
.ap-clock930{background-position:-480px -620px}
.ap-clock1030{background-position:-480px -640px}
.ap-clock1130{background-position:-480px -660px}
.ap-clock1230{background-position:-480px -680px}
.ap-candle{background-position:-480px -700px}
.ap-mantelpiece_clock{background-position:-480px -720px}
.ap-hole{background-position:-480px -740px}
.ap-man_in_business_suit_levitating{background-position:-480px -760px}
.ap-sleuth_or_spy{background-position:-480px -780px}
.ap-dark_sunglasses{background-position:-500px -80px}
.ap-spider{background-position:-500px -100px}
.ap-spider_web{background-position:-500px -120px}
.ap-joystick{background-position:-500px -140px}
.ap-linked_paperclips{background-position:-500px -160px}
.ap-lower_left_ballpoint_pen{background-position:-500px -180px}
.ap-lower_left_fountain_pen{background-position:-500px -200px}
.ap-lower_left_paintbrush{background-position:-500px -220px}
.ap-lower_left_crayon{background-position:-500px -240px}
.ap-raised_hand_with_fingers_splayed{background-position:-500px -260px}
.ap-middle_finger{background-position:-500px -380px}
.ap-spock-hand{background-position:-500px -500px}
.ap-desktop_computer{background-position:-500px -620px}
.ap-printer{background-position:-500px -640px}
.ap-three_button_mouse{background-position:-500px -660px}
.ap-trackball{background-position:-500px -680px}
.ap-frame_with_picture{background-position:-500px -700px}
.ap-card_index_dividers{background-position:-500px -720px}
.ap-card_file_box{background-position:-500px -740px}
.ap-file_cabinet{background-position:-500px -760px}
.ap-wastebasket{background-position:-500px -780px}
.ap-spiral_note_pad{background-position:-500px -800px}
.ap-spiral_calendar_pad{background-position:-520px 0}
.ap-compression{background-position:-520px -20px}
.ap-old_key{background-position:-520px -40px}
.ap-rolled_up_newspaper{background-position:-520px -60px}
.ap-dagger_knife{background-position:-520px -80px}
.ap-speaking_head_in_silhouette{background-position:-520px -100px}
.ap-left_speech_bubble{background-position:-520px -120px}
.ap-right_anger_bubble{background-position:-520px -140px}
.ap-ballot_box_with_ballot{background-position:-520px -160px}
.ap-world_map{background-position:-520px -180px}
.ap-mount_fuji{background-position:-520px -200px}
.ap-tokyo_tower{background-position:-520px -220px}
.ap-statue_of_liberty{background-position:-520px -240px}
.ap-japan{background-position:-520px -260px}
.ap-moyai{background-position:-520px -280px}
.ap-grinning{background-position:-520px -300px}
.ap-grin{background-position:-520px -320px}
.ap-joy{background-position:-520px -340px}
.ap-smiley{background-position:-520px -360px}
.ap-smile{background-position:-520px -380px}
.ap-sweat_smile{background-position:-520px -400px}
.ap-laughing{background-position:-520px -420px}
.ap-innocent{background-position:-520px -440px}
.ap-smiling_imp{background-position:-520px -460px}
.ap-wink{background-position:-520px -480px}
.ap-blush{background-position:-520px -500px}
.ap-yum{background-position:-520px -520px}
.ap-relieved{background-position:-520px -540px}
.ap-heart_eyes{background-position:-520px -560px}
.ap-sunglasses{background-position:-520px -580px}
.ap-smirk{background-position:-520px -600px}
.ap-neutral_face{background-position:-520px -620px}
.ap-expressionless{background-position:-520px -640px}
.ap-unamused{background-position:-520px -660px}
.ap-sweat{background-position:-520px -680px}
.ap-pensive{background-position:-520px -700px}
.ap-confused{background-position:-520px -720px}
.ap-confounded{background-position:-520px -740px}
.ap-kissing{background-position:-520px -760px}
.ap-kissing_heart{background-position:-520px -780px}
.ap-kissing_smiling_eyes{background-position:-520px -800px}
.ap-kissing_closed_eyes{background-position:-540px 0}
.ap-stuck_out_tongue{background-position:-540px -20px}
.ap-stuck_out_tongue_winking_eye{background-position:-540px -40px}
.ap-stuck_out_tongue_closed_eyes{background-position:-540px -60px}
.ap-disappointed{background-position:-540px -80px}
.ap-worried{background-position:-540px -100px}
.ap-angry{background-position:-540px -120px}
.ap-rage{background-position:-540px -140px}
.ap-cry{background-position:-540px -160px}
.ap-persevere{background-position:-540px -180px}
.ap-triumph{background-position:-540px -200px}
.ap-disappointed_relieved{background-position:-540px -220px}
.ap-frowning{background-position:-540px -240px}
.ap-anguished{background-position:-540px -260px}
.ap-fearful{background-position:-540px -280px}
.ap-weary{background-position:-540px -300px}
.ap-sleepy{background-position:-540px -320px}
.ap-tired_face{background-position:-540px -340px}
.ap-grimacing{background-position:-540px -360px}
.ap-sob{background-position:-540px -380px}
.ap-open_mouth{background-position:-540px -400px}
.ap-hushed{background-position:-540px -420px}
.ap-cold_sweat{background-position:-540px -440px}
.ap-scream{background-position:-540px -460px}
.ap-astonished{background-position:-540px -480px}
.ap-flushed{background-position:-540px -500px}
.ap-sleeping{background-position:-540px -520px}
.ap-dizzy_face{background-position:-540px -540px}
.ap-no_mouth{background-position:-540px -560px}
.ap-mask{background-position:-540px -580px}
.ap-smile_cat{background-position:-540px -600px}
.ap-joy_cat{background-position:-540px -620px}
.ap-smiley_cat{background-position:-540px -640px}
.ap-heart_eyes_cat{background-position:-540px -660px}
.ap-smirk_cat{background-position:-540px -680px}
.ap-kissing_cat{background-position:-540px -700px}
.ap-pouting_cat{background-position:-540px -720px}
.ap-crying_cat_face{background-position:-540px -740px}
.ap-scream_cat{background-position:-540px -760px}
.ap-slightly_frowning_face{background-position:-540px -780px}
.ap-slightly_smiling_face{background-position:-540px -800px}
.ap-upside_down_face{background-position:-560px 0}
.ap-face_with_rolling_eyes{background-position:-560px -20px}
.ap-no_good{background-position:-560px -40px}
.ap-ok_woman{background-position:-560px -160px}
.ap-bow{background-position:-560px -280px}
.ap-see_no_evil{background-position:-560px -400px}
.ap-hear_no_evil{background-position:-560px -420px}
.ap-speak_no_evil{background-position:-560px -440px}
.ap-raising_hand{background-position:-560px -460px}
.ap-raised_hands{background-position:-560px -580px}
.ap-person_frowning{background-position:-560px -700px}
.ap-person_with_pouting_face{background-position:-580px 0}
.ap-pray{background-position:-580px -120px}
.ap-rocket{background-position:-580px -240px}
.ap-helicopter{background-position:-580px -260px}
.ap-steam_locomotive{background-position:-580px -280px}
.ap-railway_car{background-position:-580px -300px}
.ap-bullettrain_side{background-position:-580px -320px}
.ap-bullettrain_front{background-position:-580px -340px}
.ap-train2{background-position:-580px -360px}
.ap-metro{background-position:-580px -380px}
.ap-light_rail{background-position:-580px -400px}
.ap-station{background-position:-580px -420px}
.ap-tram{background-position:-580px -440px}
.ap-train{background-position:-580px -460px}
.ap-bus{background-position:-580px -480px}
.ap-oncoming_bus{background-position:-580px -500px}
.ap-trolleybus{background-position:-580px -520px}
.ap-busstop{background-position:-580px -540px}
.ap-minibus{background-position:-580px -560px}
.ap-ambulance{background-position:-580px -580px}
.ap-fire_engine{background-position:-580px -600px}
.ap-police_car{background-position:-580px -620px}
.ap-oncoming_police_car{background-position:-580px -640px}
.ap-taxi{background-position:-580px -660px}
.ap-oncoming_taxi{background-position:-580px -680px}
.ap-car{background-position:-580px -700px}
.ap-oncoming_automobile{background-position:-580px -720px}
.ap-blue_car{background-position:-580px -740px}
.ap-truck{background-position:-580px -760px}
.ap-articulated_lorry{background-position:-580px -780px}
.ap-tractor{background-position:-580px -800px}
.ap-monorail{background-position:-600px 0}
.ap-mountain_railway{background-position:-600px -20px}
.ap-suspension_railway{background-position:-600px -40px}
.ap-mountain_cableway{background-position:-600px -60px}
.ap-aerial_tramway{background-position:-600px -80px}
.ap-ship{background-position:-600px -100px}
.ap-rowboat{background-position:-600px -120px}
.ap-speedboat{background-position:-600px -240px}
.ap-traffic_light{background-position:-600px -260px}
.ap-vertical_traffic_light{background-position:-600px -280px}
.ap-construction{background-position:-600px -300px}
.ap-rotating_light{background-position:-600px -320px}
.ap-triangular_flag_on_post{background-position:-600px -340px}
.ap-door{background-position:-600px -360px}
.ap-no_entry_sign{background-position:-600px -380px}
.ap-smoking{background-position:-600px -400px}
.ap-no_smoking{background-position:-600px -420px}
.ap-put_litter_in_its_place{background-position:-600px -440px}
.ap-do_not_litter{background-position:-600px -460px}
.ap-potable_water{background-position:-600px -480px}
.ap-non-potable_water{background-position:-600px -500px}
.ap-bike{background-position:-600px -520px}
.ap-no_bicycles{background-position:-600px -540px}
.ap-bicyclist{background-position:-600px -560px}
.ap-mountain_bicyclist{background-position:-600px -680px}
.ap-walking{background-position:-600px -800px}
.ap-no_pedestrians{background-position:-620px -100px}
.ap-children_crossing{background-position:-620px -120px}
.ap-mens{background-position:-620px -140px}
.ap-womens{background-position:-620px -160px}
.ap-restroom{background-position:-620px -180px}
.ap-baby_symbol{background-position:-620px -200px}
.ap-toilet{background-position:-620px -220px}
.ap-wc{background-position:-620px -240px}
.ap-shower{background-position:-620px -260px}
.ap-bath{background-position:-620px -280px}
.ap-bathtub{background-position:-620px -400px}
.ap-passport_control{background-position:-620px -420px}
.ap-customs{background-position:-620px -440px}
.ap-baggage_claim{background-position:-620px -460px}
.ap-left_luggage{background-position:-620px -480px}
.ap-couch_and_lamp{background-position:-620px -500px}
.ap-sleeping_accommodation{background-position:-620px -520px}
.ap-shopping_bags{background-position:-620px -540px}
.ap-bellhop_bell{background-position:-620px -560px}
.ap-bed{background-position:-620px -580px}
.ap-place_of_worship{background-position:-620px -600px}
.ap-hammer_and_wrench{background-position:-620px -620px}
.ap-shield{background-position:-620px -640px}
.ap-oil_drum{background-position:-620px -660px}
.ap-motorway{background-position:-620px -680px}
.ap-railway_track{background-position:-620px -700px}
.ap-motor_boat{background-position:-620px -720px}
.ap-small_airplane{background-position:-620px -740px}
.ap-airplane_departure{background-position:-620px -760px}
.ap-airplane_arriving{background-position:-620px -780px}
.ap-satellite{background-position:-620px -800px}
.ap-passenger_ship{background-position:-640px 0}
.ap-zipper_mouth_face{background-position:-640px -20px}
.ap-money_mouth_face{background-position:-640px -40px}
.ap-face_with_thermometer{background-position:-640px -60px}
.ap-nerd_face{background-position:-640px -80px}
.ap-thinking_face{background-position:-640px -100px}
.ap-face_with_head_bandage{background-position:-640px -120px}
.ap-robot_face{background-position:-640px -140px}
.ap-hugging_face{background-position:-640px -160px}
.ap-the_horns{background-position:-640px -180px}
.ap-crab{background-position:-640px -300px}
.ap-lion_face{background-position:-640px -320px}
.ap-scorpion{background-position:-640px -340px}
.ap-turkey{background-position:-640px -360px}
.ap-unicorn_face{background-position:-640px -380px}
.ap-cheese_wedge{background-position:-640px -400px}
.ap-hash{background-position:-640px -420px}
.ap-keycap_star{background-position:-640px -440px}
.ap-zero{background-position:-640px -460px}
.ap-one{background-position:-640px -480px}
.ap-two{background-position:-640px -500px}
.ap-three{background-position:-640px -520px}
.ap-four{background-position:-640px -540px}
.ap-five{background-position:-640px -560px}
.ap-six{background-position:-640px -580px}
.ap-seven{background-position:-640px -600px}
.ap-eight{background-position:-640px -620px}
.ap-nine{background-position:-640px -640px}
.ap-flag-ac{background-position:-640px -660px}
.ap-flag-ad{background-position:-640px -680px}
.ap-flag-ae{background-position:-640px -700px}
.ap-flag-af{background-position:-640px -720px}
.ap-flag-ag{background-position:-640px -740px}
.ap-flag-ai{background-position:-640px -760px}
.ap-flag-al{background-position:-640px -780px}
.ap-flag-am{background-position:-640px -800px}
.ap-flag-ao{background-position:-660px 0}
.ap-flag-aq{background-position:-660px -20px}
.ap-flag-ar{background-position:-660px -40px}
.ap-flag-as{background-position:-660px -60px}
.ap-flag-at{background-position:-660px -80px}
.ap-flag-au{background-position:-660px -100px}
.ap-flag-aw{background-position:-660px -120px}
.ap-flag-ax{background-position:-660px -140px}
.ap-flag-az{background-position:-660px -160px}
.ap-flag-ba{background-position:-660px -180px}
.ap-flag-bb{background-position:-660px -200px}
.ap-flag-bd{background-position:-660px -220px}
.ap-flag-be{background-position:-660px -240px}
.ap-flag-bf{background-position:-660px -260px}
.ap-flag-bg{background-position:-660px -280px}
.ap-flag-bh{background-position:-660px -300px}
.ap-flag-bi{background-position:-660px -320px}
.ap-flag-bj{background-position:-660px -340px}
.ap-flag-bl{background-position:-660px -360px}
.ap-flag-bm{background-position:-660px -380px}
.ap-flag-bn{background-position:-660px -400px}
.ap-flag-bo{background-position:-660px -420px}
.ap-flag-bq{background-position:-660px -440px}
.ap-flag-br{background-position:-660px -460px}
.ap-flag-bs{background-position:-660px -480px}
.ap-flag-bt{background-position:-660px -500px}
.ap-flag-bv{background-position:-660px -520px}
.ap-flag-bw{background-position:-660px -540px}
.ap-flag-by{background-position:-660px -560px}
.ap-flag-bz{background-position:-660px -580px}
.ap-flag-ca{background-position:-660px -600px}
.ap-flag-cc{background-position:-660px -620px}
.ap-flag-cd{background-position:-660px -640px}
.ap-flag-cf{background-position:-660px -660px}
.ap-flag-cg{background-position:-660px -680px}
.ap-flag-ch{background-position:-660px -700px}
.ap-flag-ci{background-position:-660px -720px}
.ap-flag-ck{background-position:-660px -740px}
.ap-flag-cl{background-position:-660px -760px}
.ap-flag-cm{background-position:-660px -780px}
.ap-flag-cn{background-position:-660px -800px}
.ap-flag-co{background-position:-680px 0}
.ap-flag-cp{background-position:-680px -20px}
.ap-flag-cr{background-position:-680px -40px}
.ap-flag-cu{background-position:-680px -60px}
.ap-flag-cv{background-position:-680px -80px}
.ap-flag-cw{background-position:-680px -100px}
.ap-flag-cx{background-position:-680px -120px}
.ap-flag-cy{background-position:-680px -140px}
.ap-flag-cz{background-position:-680px -160px}
.ap-flag-de{background-position:-680px -180px}
.ap-flag-dg{background-position:-680px -200px}
.ap-flag-dj{background-position:-680px -220px}
.ap-flag-dk{background-position:-680px -240px}
.ap-flag-dm{background-position:-680px -260px}
.ap-flag-do{background-position:-680px -280px}
.ap-flag-dz{background-position:-680px -300px}
.ap-flag-ea{background-position:-680px -320px}
.ap-flag-ec{background-position:-680px -340px}
.ap-flag-ee{background-position:-680px -360px}
.ap-flag-eg{background-position:-680px -380px}
.ap-flag-eh{background-position:-680px -400px}
.ap-flag-er{background-position:-680px -420px}
.ap-flag-es{background-position:-680px -440px}
.ap-flag-et{background-position:-680px -460px}
.ap-flag-eu{background-position:-680px -480px}
.ap-flag-fi{background-position:-680px -500px}
.ap-flag-fj{background-position:-680px -520px}
.ap-flag-fk{background-position:-680px -540px}
.ap-flag-fm{background-position:-680px -560px}
.ap-flag-fo{background-position:-680px -580px}
.ap-flag-fr{background-position:-680px -600px}
.ap-flag-ga{background-position:-680px -620px}
.ap-flag-gb{background-position:-680px -640px}
.ap-flag-gd{background-position:-680px -660px}
.ap-flag-ge{background-position:-680px -680px}
.ap-flag-gf{background-position:-680px -700px}
.ap-flag-gg{background-position:-680px -720px}
.ap-flag-gh{background-position:-680px -740px}
.ap-flag-gi{background-position:-680px -760px}
.ap-flag-gl{background-position:-680px -780px}
.ap-flag-gm{background-position:-680px -800px}
.ap-flag-gn{background-position:-700px 0}
.ap-flag-gp{background-position:-700px -20px}
.ap-flag-gq{background-position:-700px -40px}
.ap-flag-gr{background-position:-700px -60px}
.ap-flag-gs{background-position:-700px -80px}
.ap-flag-gt{background-position:-700px -100px}
.ap-flag-gu{background-position:-700px -120px}
.ap-flag-gw{background-position:-700px -140px}
.ap-flag-gy{background-position:-700px -160px}
.ap-flag-hk{background-position:-700px -180px}
.ap-flag-hm{background-position:-700px -200px}
.ap-flag-hn{background-position:-700px -220px}
.ap-flag-hr{background-position:-700px -240px}
.ap-flag-ht{background-position:-700px -260px}
.ap-flag-hu{background-position:-700px -280px}
.ap-flag-ic{background-position:-700px -300px}
.ap-flag-id{background-position:-700px -320px}
.ap-flag-ie{background-position:-700px -340px}
.ap-flag-il{background-position:-700px -360px}
.ap-flag-im{background-position:-700px -380px}
.ap-flag-in{background-position:-700px -400px}
.ap-flag-io{background-position:-700px -420px}
.ap-flag-iq{background-position:-700px -440px}
.ap-flag-ir{background-position:-700px -460px}
.ap-flag-is{background-position:-700px -480px}
.ap-flag-it{background-position:-700px -500px}
.ap-flag-je{background-position:-700px -520px}
.ap-flag-jm{background-position:-700px -540px}
.ap-flag-jo{background-position:-700px -560px}
.ap-flag-jp{background-position:-700px -580px}
.ap-flag-ke{background-position:-700px -600px}
.ap-flag-kg{background-position:-700px -620px}
.ap-flag-kh{background-position:-700px -640px}
.ap-flag-ki{background-position:-700px -660px}
.ap-flag-km{background-position:-700px -680px}
.ap-flag-kn{background-position:-700px -700px}
.ap-flag-kp{background-position:-700px -720px}
.ap-flag-kr{background-position:-700px -740px}
.ap-flag-kw{background-position:-700px -760px}
.ap-flag-ky{background-position:-700px -780px}
.ap-flag-kz{background-position:-700px -800px}
.ap-flag-la{background-position:-720px 0}
.ap-flag-lb{background-position:-720px -20px}
.ap-flag-lc{background-position:-720px -40px}
.ap-flag-li{background-position:-720px -60px}
.ap-flag-lk{background-position:-720px -80px}
.ap-flag-lr{background-position:-720px -100px}
.ap-flag-ls{background-position:-720px -120px}
.ap-flag-lt{background-position:-720px -140px}
.ap-flag-lu{background-position:-720px -160px}
.ap-flag-lv{background-position:-720px -180px}
.ap-flag-ly{background-position:-720px -200px}
.ap-flag-ma{background-position:-720px -220px}
.ap-flag-mc{background-position:-720px -240px}
.ap-flag-md{background-position:-720px -260px}
.ap-flag-me{background-position:-720px -280px}
.ap-flag-mf{background-position:-720px -300px}
.ap-flag-mg{background-position:-720px -320px}
.ap-flag-mh{background-position:-720px -340px}
.ap-flag-mk{background-position:-720px -360px}
.ap-flag-ml{background-position:-720px -380px}
.ap-flag-mm{background-position:-720px -400px}
.ap-flag-mn{background-position:-720px -420px}
.ap-flag-mo{background-position:-720px -440px}
.ap-flag-mp{background-position:-720px -460px}
.ap-flag-mq{background-position:-720px -480px}
.ap-flag-mr{background-position:-720px -500px}
.ap-flag-ms{background-position:-720px -520px}
.ap-flag-mt{background-position:-720px -540px}
.ap-flag-mu{background-position:-720px -560px}
.ap-flag-mv{background-position:-720px -580px}
.ap-flag-mw{background-position:-720px -600px}
.ap-flag-mx{background-position:-720px -620px}
.ap-flag-my{background-position:-720px -640px}
.ap-flag-mz{background-position:-720px -660px}
.ap-flag-na{background-position:-720px -680px}
.ap-flag-nc{background-position:-720px -700px}
.ap-flag-ne{background-position:-720px -720px}
.ap-flag-nf{background-position:-720px -740px}
.ap-flag-ng{background-position:-720px -760px}
.ap-flag-ni{background-position:-720px -780px}
.ap-flag-nl{background-position:-720px -800px}
.ap-flag-no{background-position:-740px 0}
.ap-flag-np{background-position:-740px -20px}
.ap-flag-nr{background-position:-740px -40px}
.ap-flag-nu{background-position:-740px -60px}
.ap-flag-nz{background-position:-740px -80px}
.ap-flag-om{background-position:-740px -100px}
.ap-flag-pa{background-position:-740px -120px}
.ap-flag-pe{background-position:-740px -140px}
.ap-flag-pf{background-position:-740px -160px}
.ap-flag-pg{background-position:-740px -180px}
.ap-flag-ph{background-position:-740px -200px}
.ap-flag-pk{background-position:-740px -220px}
.ap-flag-pl{background-position:-740px -240px}
.ap-flag-pm{background-position:-740px -260px}
.ap-flag-pn{background-position:-740px -280px}
.ap-flag-pr{background-position:-740px -300px}
.ap-flag-ps{background-position:-740px -320px}
.ap-flag-pt{background-position:-740px -340px}
.ap-flag-pw{background-position:-740px -360px}
.ap-flag-py{background-position:-740px -380px}
.ap-flag-qa{background-position:-740px -400px}
.ap-flag-re{background-position:-740px -420px}
.ap-flag-ro{background-position:-740px -440px}
.ap-flag-rs{background-position:-740px -460px}
.ap-flag-ru{background-position:-740px -480px}
.ap-flag-rw{background-position:-740px -500px}
.ap-flag-sa{background-position:-740px -520px}
.ap-flag-sb{background-position:-740px -540px}
.ap-flag-sc{background-position:-740px -560px}
.ap-flag-sd{background-position:-740px -580px}
.ap-flag-se{background-position:-740px -600px}
.ap-flag-sg{background-position:-740px -620px}
.ap-flag-sh{background-position:-740px -640px}
.ap-flag-si{background-position:-740px -660px}
.ap-flag-sj{background-position:-740px -680px}
.ap-flag-sk{background-position:-740px -700px}
.ap-flag-sl{background-position:-740px -720px}
.ap-flag-sm{background-position:-740px -740px}
.ap-flag-sn{background-position:-740px -760px}
.ap-flag-so{background-position:-740px -780px}
.ap-flag-sr{background-position:-740px -800px}
.ap-flag-ss{background-position:-760px 0}
.ap-flag-st{background-position:-760px -20px}
.ap-flag-sv{background-position:-760px -40px}
.ap-flag-sx{background-position:-760px -60px}
.ap-flag-sy{background-position:-760px -80px}
.ap-flag-sz{background-position:-760px -100px}
.ap-flag-ta{background-position:-760px -120px}
.ap-flag-tc{background-position:-760px -140px}
.ap-flag-td{background-position:-760px -160px}
.ap-flag-tf{background-position:-760px -180px}
.ap-flag-tg{background-position:-760px -200px}
.ap-flag-th{background-position:-760px -220px}
.ap-flag-tj{background-position:-760px -240px}
.ap-flag-tk{background-position:-760px -260px}
.ap-flag-tl{background-position:-760px -280px}
.ap-flag-tm{background-position:-760px -300px}
.ap-flag-tn{background-position:-760px -320px}
.ap-flag-to{background-position:-760px -340px}
.ap-flag-tr{background-position:-760px -360px}
.ap-flag-tt{background-position:-760px -380px}
.ap-flag-tv{background-position:-760px -400px}
.ap-flag-tw{background-position:-760px -420px}
.ap-flag-tz{background-position:-760px -440px}
.ap-flag-ua{background-position:-760px -460px}
.ap-flag-ug{background-position:-760px -480px}
.ap-flag-um{background-position:-760px -500px}
.ap-flag-us{background-position:-760px -520px}
.ap-flag-uy{background-position:-760px -540px}
.ap-flag-uz{background-position:-760px -560px}
.ap-flag-va{background-position:-760px -580px}
.ap-flag-vc{background-position:-760px -600px}
.ap-flag-ve{background-position:-760px -620px}
.ap-flag-vg{background-position:-760px -640px}
.ap-flag-vi{background-position:-760px -660px}
.ap-flag-vn{background-position:-760px -680px}
.ap-flag-vu{background-position:-760px -700px}
.ap-flag-wf{background-position:-760px -720px}
.ap-flag-ws{background-position:-760px -740px}
.ap-flag-xk{background-position:-760px -760px}
.ap-flag-ye{background-position:-760px -780px}
.ap-flag-yt{background-position:-760px -800px}
.ap-flag-za{background-position:-780px 0}
.ap-flag-zm{background-position:-780px -20px}
.ap-flag-zw{background-position:-780px -40px}
.ap-man-man-boy{background-position:-780px -60px}
.ap-man-man-boy-boy{background-position:-780px -80px}
.ap-man-man-girl{background-position:-780px -100px}
.ap-man-man-girl-boy{background-position:-780px -120px}
.ap-man-man-girl-girl{background-position:-780px -140px}
.ap-man-woman-boy-boy{background-position:-780px -160px}
.ap-man-woman-girl{background-position:-780px -180px}
.ap-man-woman-girl-boy{background-position:-780px -200px}
.ap-man-woman-girl-girl{background-position:-780px -220px}
.ap-man-heart-man{background-position:-780px -240px}
.ap-man-kiss-man{background-position:-780px -260px}
.ap-woman-woman-boy{background-position:-780px -280px}
.ap-woman-woman-boy-boy{background-position:-780px -300px}
.ap-woman-woman-girl{background-position:-780px -320px}
.ap-woman-woman-girl-boy{background-position:-780px -340px}
.ap-woman-woman-girl-girl{background-position:-780px -360px}
.ap-woman-heart-woman{background-position:-780px -380px}
.ap-woman-kiss-woman{background-position:-780px -400px}
.toast-center-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.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 styles */
.toast-title {
font-weight: bold; }
.toast-message {
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;
text-shadow: 0 1px 0 #ffffff;
/* opacity: 0.8; */ }
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4; }
/*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; }
.toast-container {
pointer-events: none;
position: fixed;
z-index: 999999; }
.toast-container * {
box-sizing: border-box; }
.toast-container .ngx-toastr {
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;
background-size: 24px;
box-shadow: 0 0 12px #999999;
color: #FFFFFF; }
.toast-container .ngx-toastr:hover {
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer; }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); }
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); }
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
width: 300px;
margin-left: auto;
margin-right: auto; }
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
width: 96%;
margin-left: auto;
margin-right: auto; }
.ngx-toastr {
background-color: #030303;
pointer-events: auto; }
.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; }
/* Responsive Design */
@media all and (max-width: 240px) {
.toast-container .ngx-toastr.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 .ngx-toastr.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 .ngx-toastr.div {
padding: 15px 15px 15px 50px;
width: 25em; } }
.emoji-mart,
.emoji-mart * {
box-sizing: border-box;
line-height: 1.15; }
.emoji-mart {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
font-size: 16px;
display: inline-block;
color: #222427;
border: 1px solid #d9d9d9;
border-radius: 5px;
background: #fff; }
.emoji-mart .emoji-mart-emoji {
padding: 6px; }
.emoji-mart-bar {
border: 0 solid #d9d9d9; }
.emoji-mart-bar:first-child {
border-bottom-width: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.emoji-mart-bar:last-child {
border-top-width: 1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.emoji-mart-anchors {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 6px;
color: #858585;
line-height: 0; }
.emoji-mart-anchor {
position: relative;
display: block;
flex: 1 1 auto;
text-align: center;
padding: 12px 4px;
overflow: hidden;
transition: color .1s ease-out; }
.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
color: #464646; }
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
bottom: 0; }
.emoji-mart-anchor-bar {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: #464646; }
.emoji-mart-anchors i {
display: inline-block;
width: 100%;
max-width: 22px; }
.emoji-mart-anchors svg {
fill: currentColor;
max-height: 18px; }
.emoji-mart-scroll {
overflow-y: scroll;
height: 270px;
padding: 0 6px 6px 6px;
will-change: transform;
/* avoids "repaints on scroll" in mobile Chrome */ }
.emoji-mart-search {
margin-top: 6px;
padding: 0 6px;
position: relative; }
.emoji-mart-search input {
font-size: 16px;
display: block;
width: 100%;
padding: 5px 25px 6px 10px;
border-radius: 5px;
border: 1px solid #d9d9d9;
outline: 0; }
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
/* remove webkit/blink styles for
* via https://stackoverflow.com/a/9422689 */
-webkit-appearance: none;
-webkit-appearance: none; }
.emoji-mart-search-icon {
position: absolute;
top: 9px;
right: 16px;
z-index: 2;
padding: 0;
border: none;
background: none;
line-height: 0; }
.emoji-mart-category .emoji-mart-emoji span {
z-index: 1;
position: relative;
text-align: center;
cursor: default; }
.emoji-mart-category .emoji-mart-emoji:hover:before {
z-index: 0;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f4f4f4;
border-radius: 100%; }
.emoji-mart-category-label {
z-index: 2;
position: relative;
position: -webkit-sticky;
position: sticky;
top: 0; }
.emoji-mart-category-label span {
display: block;
width: 100%;
font-weight: 500;
padding: 5px 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.95); }
.emoji-mart-emoji {
position: relative;
display: inline-block;
font-size: 0;
margin: 0;
padding: 0;
border: none;
background: none;
box-shadow: none; }
.emoji-mart-emoji-native {
font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; }
.emoji-mart-no-results {
font-size: 14px;
text-align: center;
padding-top: 70px;
color: #858585; }
.emoji-mart-no-results .emoji-mart-category-label {
display: none; }
.emoji-mart-no-results .emoji-mart-no-results-label {
margin-top: .2em; }
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
content: none; }
.emoji-mart-preview {
position: relative;
height: 70px; }
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.emoji-mart-preview-emoji {
left: 12px; }
.emoji-mart-preview-data {
left: 68px;
right: 12px;
word-break: break-all; }
.emoji-mart-preview-skins {
right: 30px;
text-align: right; }
.emoji-mart-preview-name {
font-size: 14px; }
.emoji-mart-preview-shortnames {
font-size: 12px;
color: #888; }
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
margin-left: .5em; }
.emoji-mart-preview-emoticons {
font-size: 11px;
color: #bbb; }
.emoji-mart-title span {
display: inline-block;
vertical-align: middle; }
.emoji-mart-title .emoji-mart-emoji {
padding: 0; }
.emoji-mart-title-label {
color: #999A9C;
font-size: 26px;
font-weight: 300; }
.emoji-mart-skin-swatches {
font-size: 0;
padding: 2px 0;
border: 1px solid #d9d9d9;
border-radius: 12px;
background-color: #fff; }
.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
width: 16px;
padding: 0 2px; }
.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
opacity: .75; }
.emoji-mart-skin-swatch {
display: inline-block;
width: 0;
vertical-align: middle;
transition-property: width, padding;
transition-duration: .125s;
transition-timing-function: ease-out; }
.emoji-mart-skin-swatch:nth-child(1) {
transition-delay: 0s; }
.emoji-mart-skin-swatch:nth-child(2) {
transition-delay: .03s; }
.emoji-mart-skin-swatch:nth-child(3) {
transition-delay: .06s; }
.emoji-mart-skin-swatch:nth-child(4) {
transition-delay: .09s; }
.emoji-mart-skin-swatch:nth-child(5) {
transition-delay: .12s; }
.emoji-mart-skin-swatch:nth-child(6) {
transition-delay: .15s; }
.emoji-mart-skin-swatch-selected {
position: relative;
width: 16px;
padding: 0 2px; }
.emoji-mart-skin-swatch-selected:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 4px;
margin: -2px 0 0 -2px;
background-color: #fff;
border-radius: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-out; }
.emoji-mart-skin {
display: inline-block;
width: 100%;
padding-top: 100%;
max-width: 12px;
border-radius: 100%; }
.emoji-mart-skin-tone-1 {
background-color: #ffc93a; }
.emoji-mart-skin-tone-2 {
background-color: #fadcbc; }
.emoji-mart-skin-tone-3 {
background-color: #e0bb95; }
.emoji-mart-skin-tone-4 {
background-color: #bf8f68; }
.emoji-mart-skin-tone-5 {
background-color: #9b643d; }
.emoji-mart-skin-tone-6 {
background-color: #594539; }
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
body {
font-family: 'IBM Plex Sans', 'Open Sans';
background: #fff;
height: 100%; }
/* Main text font-size styles*/
h1 {
font-size: 2em; }
h2 {
font-size: 1.5em; }
h3 {
font-size: 1.17em; }
h4 {
font-size: 1em; }
h5 {
font-size: 0.83em; }
h6 {
font-size: 0.67em; }
p {
font-size: 1rem; }
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0; }
.ql-container {
font-family: 'IBM Plex Sans', 'Open Sans' !important; }
::ng-deep button.focus,
::ng-deep button:focus {
outline: 0;
box-shadow: none !important; }
::ng-deep .tooltip {
position: fixed;
z-index: 207 !important; }
select,
.custom-select {
background-image: linear-gradient(45deg, transparent 50%, #d2ddec 50%), linear-gradient(135deg, #d2ddec 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
select::-ms-expand,
.custom-select::-ms-expand {
display: none; }
.breadcrumb {
background: none;
padding-left: 0px;
font-size: 14px; }
.breadcrumb li a {
color: #2294e3; }
.breadcrumb .breadcrumb-item.active {
color: #95aac9; }
.breadcrumb p {
margin-bottom: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 180px;
display: inline-block; }
.breadcrumb-item + .breadcrumb-item::before {
color: #d2ddec; }
.required {
color: #e33045 !important;
font-weight: 100;
font-size: 14px;
position: relative;
top: -5px;
/* vertical-align: super; */
margin-left: 5px; }
.btnRounded {
border-radius: 100px; }
.btnAction {
background: #8132b4;
color: #fff; }
.btnAction:hover {
background: #672594;
color: #fff; }
.bg-cover {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover; }
.contentFormAutentication label {
color: #3c4858;
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 5px; }
.contentFormAutentication input {
border-color: #d2ddec;
font-size: 13px;
font-weight: 300; }
.noAccount {
color: #95a9c9;
font-weight: 300;
font-style: italic; }
.link {
color: #8132b4;
text-decoration: none; }
.link:hover {
color: #672594;
text-decoration: none; }
.btnSocial {
display: flex;
justify-content: center;
align-items: center;
margin: 5px;
background: #fff !important;
border: none;
padding: 5px 35px;
font-size: 14px;
border-radius: 100px;
box-shadow: 0 1px 12px rgba(110, 110, 110, 0.17);
font-weight: 300;
font-style: italic;
width: 45%; }
.btnSocial.google {
color: #d62d20; }
.btnSocial.face {
color: #3b5998; }
.btnSocial.linkedin {
color: #0967c2; }
.btnSocial.microsoft {
color: #01c1d9; }
.btnCancel {
font-size: 14px;
border-radius: 100px;
background: none;
color: #868686;
border: 2px solid #868686;
font-weight: 500; }
.btnCancel:hover {
background: #868686;
color: #fff;
border: 2px solid #868686; }
.btnAgree {
font-size: 14px;
border-radius: 100px;
background: #7081ff;
color: #fff;
font-weight: 500;
border: 1px solid #7081ff; }
.btnAgree:hover {
color: #fff;
background: #5563ce;
border: 1px solid #5563ce; }
.btnOffer {
font-size: 14px;
border-radius: 100px;
background: #45b792;
border: 2px solid #45b792;
color: #fff;
font-weight: 500; }
.btnOffer:hover {
background: #309474;
border: 2px solid #309474;
color: #fff; }
.signInWith {
margin-top: 20px;
color: #95939a;
font-weight: 300;
text-align: center; }
.signInWith::before, .signInWith::after {
display: inline-block;
content: '';
border-top: 1px solid #e7e7ea;
max-width: 4rem;
min-width: 15%;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px; }
.contentRounded {
position: absolute;
left: 15px;
z-index: 99; }
.contentRounded img {
height: 100vh;
width: 40px; }
.autenticationTitle {
font-weight: 500;
color: #3c4858; }
.autenticationBajada {
font-weight: 300;
font-style: italic;
color: #848484; }
input[type='text']:focus,
textarea:focus {
box-shadow: 0 0 5px #2b7be5; }
a:focus,
.btn:focus {
box-shadow: none; }
.form-control {
border: 1px solid #d2ddec; }
.form-control:focus {
box-shadow: 0 0 5px #2b7be5;
border-color: #8ab9f7; }
.modal-content {
border-radius: 12px !important;
border: none !important; }
.bg-unitSuccess {
background-color: #03ccb9 !important; }
.centerCenter {
display: flex;
justify-content: center;
align-items: center;
height: 100%; }
.centerTop {
display: flex;
justify-content: center;
align-items: flex-start;
height: 100%; }
.swiper.s-wrapper
.swiper-pagination
.swiper-pagination-handle
.swiper-pagination-bullet.swiper-pagination-bullet-last,
.swiper.s-wrapper
.swiper-pagination
.swiper-pagination-handle
.swiper-pagination-bullet.swiper-pagination-bullet-first {
border: none !important;
margin: 0px !important; }
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -5px !important; }
.swiper-pagination-bullet {
background: #3597ec !important;
opacity: 0.4; }
.swiper-button-next {
background-color: rgba(245, 245, 245, 0.9);
border-radius: 71px;
width: 40px !important;
height: 40px !important;
background-size: 12px !important;
outline: none; }
.swiper-button-prev {
background-color: rgba(245, 245, 245, 0.9);
border-radius: 71px;
width: 40px !important;
height: 40px !important;
background-size: 12px !important;
outline: none; }
.plr-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
@media (max-width: 768px) {
.plr-4 {
padding-left: 16px !important;
padding-right: 16px !important; } }
@media (max-width: 575px) {
.card-columns {
-moz-column-count: 1;
column-count: 1; } }
@media (min-width: 576px) {
.card-columns {
-moz-column-count: 2;
column-count: 2; } }
@media (min-width: 991px) {
.card-columns {
-moz-column-count: 3;
column-count: 3; } }
@media (min-width: 1200px) {
.card-columns {
-moz-column-count: 4;
column-count: 4; } }
textarea {
resize: none; }
.valorationColor i {
color: #ffc740 !important;
background: #fdf6e3 !important; }
.commentColor i {
color: #fc3e98 !important;
background: #ffe8f4 !important; }
.questionColor i {
color: #03ccb9 !important;
background: #dffcf8 !important; }
.activityColor i {
color: #7a64fe !important;
background: #f5f3fe !important; }
.valorationBorderColor i {
color: #ffc740 !important; }
.commentBorderColor i {
color: #fc3e98 !important; }
.questionBorderColor i {
color: #03ccb9 !important; }
.paginationNgb {
padding: 16px;
border-top: 1px solid #edf2f9; }
.pagination {
margin: 0px !important; }
.pagination > .active > a {
color: #000 !important;
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important; }
.pagination > li > a {
color: #5e5e62;
background-color: #fff;
border: 1px solid #e3ebf6; }
.pagination > li > a:focus {
outline: none;
box-shadow: none; }
.pagination > li > a:hover {
color: #5e5e62;
text-decoration: none;
background-color: #f9fbfd;
border-color: #e3ebf6; }
ngb-datepicker {
border-color: #edf2f9 !important;
border-radius: 0.375rem !important;
box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1) !important; }
ngb-datepicker .ngb-dp-header {
background-color: #f9fbfd !important; }
ngb-datepicker .ngb-dp-header select {
background-image: linear-gradient(45deg, transparent 50%, #d2ddec 50%), linear-gradient(135deg, #d2ddec 50%, transparent 50%);
background-position: calc(100% - 13px) calc(0.8em + 2px), calc(100% - 8px) calc(0.8em + 2px), calc(100% - 1.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
ngb-datepicker .ngb-dp-header select:hover {
background-image: linear-gradient(45deg, transparent 50%, #95aac9 50%), linear-gradient(135deg, #95aac9 50%, transparent 50%); }
ngb-datepicker .ngb-dp-header select::-ms-expand {
display: none; }
ngb-datepicker .ngb-dp-header .ngb-dp-arrow-btn:focus {
outline: none !important; }
ngb-datepicker .ngb-dp-header .ngb-dp-arrow:focus {
outline: none !important; }
ngb-datepicker .ngb-dp-header .ngb-dp-arrow button {
color: #4d3a9f !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week.ngb-dp-weekdays {
border-bottom: 1px solid #edf2f9 !important;
background-color: #f9fbfd !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day {
font-weight: 100 !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day:focus {
box-shadow: none !important;
outline: none !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light {
border-radius: 100%;
color: #3d415b; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light.text-muted {
color: #96abca; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light:focus {
box-shadow: none !important;
outline: none !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light.bg-primary {
background: #4d3a9f !important; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light:hover {
background: rgba(167, 149, 245, 0.1);
border-color: transparent;
color: #4d3a9f; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light:active {
background: rgba(167, 149, 245, 0.1);
border-color: transparent;
color: #4d3a9f; }
ngb-datepicker .ngb-dp-months .ngb-dp-week .ngb-dp-day .btn-light.active {
background: rgba(167, 149, 245, 0.1);
border-color: transparent;
color: #4d3a9f; }
.contentBtnSave {
margin: 2.5rem 0 3rem; }
@media (max-width: 575px) {
.contentBtnSave {
margin: 3rem 0 0.5rem; }
.contentBtnSave button {
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 10px; }
.contentBtnSave button:nth-child(2) {
margin-bottom: 0px; } }
.contentBtnSave button {
margin-left: 0.25rem;
margin-right: 0.25rem; }
.ownButtonFull {
background: #4d3a9f;
border-color: transparent;
color: #fff;
border: 1px solid transparent;
font-weight: 100; }
.ownButtonFull:focus {
outline: none;
box-shadow: none; }
.ownButtonFull:hover {
background: #42328b;
color: #fff; }
.btnCancelar {
color: #5d5d61; }
.btnCancelar:hover {
color: #4b4b4e; }
.d-xs-block {
display: none; }
@media (max-width: 575px) {
.d-xs-none {
display: none; }
.d-xs-block {
display: block; } }
::-moz-placeholder {
color: #c0ccda; }
::placeholder {
color: #c0ccda; }
:-ms-input-placeholder {
color: #c0ccda; }
::-ms-input-placeholder {
color: #c0ccda; }
.dropdown-toggle::after {
display: none; }
.btnDrop:focus {
outline: none !important;
box-shadow: none; }
button.close {
outline: none; }
ngb-modal-window.fullscreen .modal-dialog {
max-width: unset;
margin: 0; }
ngb-modal-window.fullscreen .modal-content {
border-radius: 0 !important;
min-height: 100vh; }
ngb-modal-window.gallery-fullscreen {
overflow-x: hidden !important;
overflow-y: hidden !important; }
ngb-modal-window.gallery-fullscreen .modal-dialog {
max-width: unset;
margin: 0; }
ngb-modal-window.gallery-fullscreen .modal-content {
border-radius: 0 !important;
min-height: 100vh;
background-color: #1b1b1b !important; }
.mat-progress-spinner circle,
.mat-spinner circle {
stroke: #2196f3 !important; }
/******** ngx-chips ********/
div.ng2-dropdown-menu {
z-index: 999999 !important; }
div.ng2-tag-input .progress-bar {
display: none !important; }
.org-chart-node {
background: #dededd;
border-radius: 10px;
cursor: pointer; }
#chart {
overflow: scroll;
height: 100vh;
width: 100%; }
.chart-box {
width: 300px;
border: 1px solid grey;
border-radius: 10px;
background: #3b3b3b;
background: linear-gradient(180deg, #3b3b3b 23%, rgba(45, 125, 181, 0.817446) 24%); }
.chart-role-header {
justify-content: center;
color: #fff;
font-weight: bold; }
.chart-body {
display: flex;
justify-content: center; }
.chart-avatar-name {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.chart-avatar {
border-radius: 50px; }
.chart-avatar-initial {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
background: #3b3b3b;
font-size: 1.3rem;
color: #fff;
height: 40px;
width: 40px; }
.chart-name {
color: #fff;
font-weight: bold;
font-style: italic; }
.chart-contact {
color: #fff;
display: flex;
align-items: center; }
.chart-phone {
display: flex;
align-items: center;
justify-content: center; }
.chart-email {
display: flex;
align-items: center;
justify-content: center; }
#zmmtg-root {
display: none;
z-index: 999; }
.popover {
max-width: 320px !important; }
.btn-primary {
color: var(--primary-text-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
border-radius: 100px; }
.btn-primary:disabled {
color: var(--primary-text-color) !important;
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important; }
.btn-primary:hover {
color: var(--secondary-text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color); }
.btn-primary:active {
outline: none !important;
color: var(--secondary-text-color) !important;
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color) !important; }
.btn-secondary {
color: var(--secondary-text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color);
border-radius: 100px; }
.btn-secondary:disabled {
color: var(--secondary-text-color) !important;
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color) !important; }
.btn-secondary:hover {
color: var(--primary-text-color);
background-color: var(--primary-color);
border-color: var(--primary-color); }
.btn-secondary:active {
outline: none !important;
color: var(--primary-text-color) !important;
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important; }
.btn-outline-primary {
color: var(--secondary-color);
border-color: var(--secondary-color); }
.btn-outline-primary:hover {
color: var(--secondary-text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color); }
.btn-outline-primary:active {
outline: none !important;
color: var(--secondary-text-color) !important;
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color) !important; }
.btn-outline-secondary {
color: var(--secondary-color);
border-color: var(--secondary-color);
border-radius: 100px; }
.btn-outline-secondary:hover {
color: var(--secondary-text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color); }
.btn-outline-secondary:active {
outline: none !important;
color: var(--secondary-text-color) !important;
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color) !important; }
.btn-outline-secondary:disabled {
color: var(--secondary-color) !important;
background-color: var(--secondary-text-color);
border-color: var(--secondary-color) !important; }
.text-primary {
color: var(--primary-color) !important; }
.text-secondary {
color: var(--secondary-color) !important; }
.border-primary {
border-color: var(--primary-color) !important; }
.border-secondary {
border-color: var(--secondary-color) !important; }
.custom-control-input:checked ~ .custom-control-label::before {
color: var(--primary-text-color);
border-color: var(--primary-color);
background-color: var(--primary-color); }
.custom-checkbox
.custom-control-input:disabled:checked
~ .custom-control-label::before {
background-color: rgba(226, 109, 134, 0.5) !important; }
.custom-switch
.custom-control-input:disabled:checked
~ .custom-control-label::before {
background-color: rgba(226, 109, 134, 0.5) !important; }
.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::before {
border-color: var(--secondary-color);
background-color: var(--secondary-color); }
a {
color: var(--secondary-color); }
a:hover {
color: var(--secondary-color); }
.btn-link {
font-weight: 400;
color: var(--secondary-color);
text-decoration: none; }
.btn-link:hover {
color: var(--secondary-color); }
.breadcrumb li a {
color: var(--secondary-color); }
.breadcrumb li a:active {
color: var(--secondary-color); }
.form-control:focus {
border-color: var(--secondary-color); }
.link {
color: var(--secondary-color);
text-decoration: none; }
.link:hover {
color: var(--secondary-color);
text-decoration: underline; }
.badge-primary {
color: var(--primary-text-color) !important;
background-color: var(--primary-color) !important; }
.nav-pills .nav-item .nav-link.active {
border-bottom: 2px solid var(--secondary-color) !important;
background-color: unset !important; }
.bg-primary {
background-color: var(--primary-color) !important; }
.bg-secondary {
background-color: var(--secondary-color) !important; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: var(--primary-text-color);
background-color: var(--primary-color);
border-color: var(--primary-color); }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: var(--secondary-text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color); }
b,
strong {
font-weight: bold !important; }
.disabled-link {
pointer-events: none; }
.sticky-footer {
min-height: calc(100vh - 51px - 55px); }
.text-overflow-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.quill-keep-white-space {
white-space: pre-wrap !important; }
.intercom-lightweight-app {
z-index: 1000 !important; }
.popover {
z-index: 30000 !important; }
.container {
padding: 0px !important; }
.table-responsive {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.table-responsive table {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text; }
.header-title {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center; }
.header-title .institution-subtitle {
color: #8492a6;
font-size: 0.8rem; }
.text-overflow-ellipsis {
margin-bottom: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 165px;
display: inline-block; }
.ng-dropdown-panel,
.ng-dropdown-panel .ng-option {
font-size: 0.9rem !important; }
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #666}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#aaa}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e3e3e3}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:7px;padding-top:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:0.9em;margin-right:5px;margin-bottom:5px;background-color:#f5faff;border-radius:2px;border:1px solid #c2e0ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9;border:1px solid #e3e3e3}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0px 5px 0px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:0px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d8eafd}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #c2e0ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #c2e0ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding-bottom:3px;padding-left:3px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper .ng-clear:hover{color:#D0021B}.ng-select .ng-spinner-zone{padding-right:5px;padding-top:5px}.ng-select .ng-arrow-wrapper{padding-right:5px;width:25px}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-select .ng-arrow-wrapper .ng-arrow:hover{border-top-color:#666}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-select-disabled{color:rgba(0,0,0,0.54)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#ebf5ff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{color:#333;background-color:#f5faff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:#333;background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#ebf5ff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#cccccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
-o-tab-size: 4;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #ccc;
}
}
.ql-bubble {
box-sizing: border-box;
}
.ql-bubble * {
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #ccc;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #ccc;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #ccc;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #444;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #444;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #444;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #444;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #ccc;
content: "\D7";
font-size: 16px;
font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #444;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #444;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
transform: translate(-50%, -100%);
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
-o-tab-size: 4;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: #06c;
}
.ql-container.ql-snow {
border: 1px solid #ccc;
}
.ql-mention-list-container{width:270px;border:1px solid #f0f0f0;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);z-index:9001;overflow:auto}.ql-mention-loading{line-height:44px;padding:0 20px;vertical-align:middle;font-size:16px}.ql-mention-list{list-style:none;margin:0;padding:0;overflow:hidden}.ql-mention-list-item{cursor:pointer;line-height:44px;font-size:16px;padding:0 20px;vertical-align:middle}.ql-mention-list-item.disabled{cursor:auto}.ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.mention{height:24px;width:65px;border-radius:6px;background-color:#d3e1eb;padding:3px 0;margin-right:2px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.mention>span{margin:0 3px}