.emoji {
  text-indent: -9999px;
  display: inline-block;
  height: 22px;
  margin-right: .5em;
  width: 22px;
}

@media all and (min--moz-device-pixel-ratio: 1), all and (min-device-pixel-ratio: 1), all and (min-resolution: 96dpi) {
  .emoji {
    background: transparent url("../images/emojis.png") 0 0 no-repeat;
  }
}

@media all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 144dpi) {
  .emoji {
    background: transparent url("../images/emojis.png") 0 0 no-repeat;
    background-size: 27776px 22px;
  }
}

@-moz-document url-prefix()  {
  .emoji {
    background: transparent url("../images/emojis.png") 0 0 no-repeat;
  }
}

.emoji_bowtie {
  background-position: -5px 0;
}

.emoji_smile {
  background-position: -37px 0;
}

.emoji_laughing {
  background-position: -69px 0;
}

.emoji_blush {
  background-position: -101px 0;
}

.emoji_smiley {
  background-position: -133px 0;
}

.emoji_relaxed {
  background-position: -165px 0;
}

.emoji_smirk {
  background-position: -197px 0;
}

.emoji_heart_eyes {
  background-position: -229px 0;
}

.emoji_kissing_heart {
  background-position: -261px 0;
}

.emoji_kissing_closed_eyes {
  background-position: -293px 0;
}

.emoji_flushed {
  background-position: -325px 0;
}

.emoji_relieved {
  background-position: -357px 0;
}

.emoji_satisfied {
  background-position: -389px 0;
}

.emoji_grin {
  background-position: -421px 0;
}

.emoji_wink {
  background-position: -453px 0;
}

.emoji_stuck_out_tongue_winking_eye {
  background-position: -485px 0;
}

.emoji_winky_face {
  background-position: -485px 0;
}

.emoji_stuck_out_tongue_closed_eyes {
  background-position: -517px 0;
}

.emoji_grinning {
  background-position: -549px 0;
}

.emoji_kissing {
  background-position: -581px 0;
}

.emoji_kissing_smiling_eyes {
  background-position: -613px 0;
}

.emoji_stuck_out_tongue {
  background-position: -645px 0;
}

.emoji_sleeping {
  background-position: -677px 0;
}

.emoji_worried {
  background-position: -709px 0;
}

.emoji_frowning {
  background-position: -741px 0;
}

.emoji_anguished {
  background-position: -773px 0;
}

.emoji_open_mouth {
  background-position: -805px 0;
}

.emoji_wow {
  background-position: -805px 0;
}

.emoji_grimacing {
  background-position: -837px 0;
}

.emoji_confused {
  background-position: -869px 0;
}

.emoji_hushed {
  background-position: -901px 0;
}

.emoji_expressionless {
  background-position: -933px 0;
}

.emoji_unamused {
  background-position: -965px 0;
}

.emoji_sweat_smile {
  background-position: -997px 0;
}

.emoji_sweat {
  background-position: -1029px 0;
}

.emoji_disappointed_relieved {
  background-position: -1061px 0;
}

.emoji_weary {
  background-position: -1093px 0;
}

.emoji_pensive {
  background-position: -1125px 0;
}

.emoji_disappointed {
  background-position: -1157px 0;
}

.emoji_confounded {
  background-position: -1189px 0;
}

.emoji_fearful {
  background-position: -1221px 0;
}

.emoji_cold_sweat {
  background-position: -1253px 0;
}

.emoji_persevere {
  background-position: -1285px 0;
}

.emoji_cry {
  background-position: -1317px 0;
}

.emoji_sob {
  background-position: -1349px 0;
}

.emoji_joy {
  background-position: -1381px 0;
}

.emoji_astonished {
  background-position: -1413px 0;
}

.emoji_scream {
  background-position: -1445px 0;
}

.emoji_neckbeard {
  background-position: -1477px 0;
}

.emoji_tired_face {
  background-position: -1509px 0;
}

.emoji_angry {
  background-position: -1541px 0;
}

.emoji_rage {
  background-position: -1573px 0;
}

.emoji_triumph {
  background-position: -1605px 0;
}

.emoji_sleepy {
  background-position: -1637px 0;
}

.emoji_yum {
  background-position: -1669px 0;
}

.emoji_mask {
  background-position: -1701px 0;
}

.emoji_sunglasses {
  background-position: -1733px 0;
}

.emoji_dizzy_face {
  background-position: -1765px 0;
}

.emoji_imp {
  background-position: -1797px 0;
}

.emoji_smiling_imp {
  background-position: -1829px 0;
}

.emoji_neutral_face {
  background-position: -1861px 0;
}

.emoji_no_mouth {
  background-position: -1893px 0;
}

.emoji_innocent {
  background-position: -1925px 0;
}

.emoji_alien {
  background-position: -1957px 0;
}

.emoji_yellow_heart {
  background-position: -1989px 0;
}

.emoji_blue_heart {
  background-position: -2021px 0;
}

.emoji_purple_heart {
  background-position: -2053px 0;
}

.emoji_heart {
  background-position: -2085px 0;
}

.emoji_green_heart {
  background-position: -2117px 0;
}

.emoji_broken_heart {
  background-position: -2149px 0;
}

.emoji_heartbeat {
  background-position: -2181px 0;
}

.emoji_heartpulse {
  background-position: -2213px 0;
}

.emoji_two_hearts {
  background-position: -2245px 0;
}

.emoji_revolving_hearts {
  background-position: -2277px 0;
}

.emoji_cupid {
  background-position: -2309px 0;
}

.emoji_sparkling_heart {
  background-position: -2341px 0;
}

.emoji_sparkles {
  background-position: -2373px 0;
}

.emoji_star {
  background-position: -2405px 0;
}

.emoji_star2 {
  background-position: -2437px 0;
}

.emoji_dizzy {
  background-position: -2469px 0;
}

.emoji_boom {
  background-position: -2501px 0;
}

.emoji_collision {
  background-position: -2533px 0;
}

.emoji_anger {
  background-position: -2565px 0;
}

.emoji_exclamation {
  background-position: -2597px 0;
}

.emoji_question {
  background-position: -2629px 0;
}

.emoji_grey_exclamation {
  background-position: -2661px 0;
}

.emoji_grey_question {
  background-position: -2693px 0;
}

.emoji_zzz {
  background-position: -2725px 0;
}

.emoji_dash {
  background-position: -2757px 0;
}

.emoji_sweat_drops {
  background-position: -2789px 0;
}

.emoji_notes {
  background-position: -2821px 0;
}

.emoji_musical_note {
  background-position: -2853px 0;
}

.emoji_fire {
  background-position: -2885px 0;
}

.emoji_hankey {
  background-position: -2917px 0;
}

.emoji_poop {
  background-position: -2949px 0;
}

.emoji_shit {
  background-position: -2981px 0;
}

.emoji_\+1 {
  background-position: -3013px 0;
}

.emoji_thumbsup {
  background-position: -3045px 0;
}

.emoji_\-1 {
  background-position: -3077px 0;
}

.emoji_thumbsdown {
  background-position: -3109px 0;
}

.emoji_ok_hand {
  background-position: -3141px 0;
}

.emoji_punch {
  background-position: -3173px 0;
}

.emoji_facepunch {
  background-position: -3205px 0;
}

.emoji_fist {
  background-position: -3237px 0;
}

.emoji_v {
  background-position: -3269px 0;
}

.emoji_wave {
  background-position: -3301px 0;
}

.emoji_hand {
  background-position: -3333px 0;
}

.emoji_raised_hand {
  background-position: -3365px 0;
}

.emoji_open_hands {
  background-position: -3397px 0;
}

.emoji_point_up {
  background-position: -3429px 0;
}

.emoji_point_down {
  background-position: -3461px 0;
}

.emoji_point_left {
  background-position: -3493px 0;
}

.emoji_point_right {
  background-position: -3525px 0;
}

.emoji_raised_hands {
  background-position: -3557px 0;
}

.emoji_pray {
  background-position: -3589px 0;
}

.emoji_point_up_2 {
  background-position: -3621px 0;
}

.emoji_clap {
  background-position: -3653px 0;
}

.emoji_muscle {
  background-position: -3685px 0;
}

.emoji_metal {
  background-position: -3717px 0;
}

.emoji_fu {
  background-position: -3749px 0;
}

.emoji_walking {
  background-position: -3781px 0;
}

.emoji_runner {
  background-position: -3813px 0;
}

.emoji_running {
  background-position: -3845px 0;
}

.emoji_couple {
  background-position: -3877px 0;
}

.emoji_family {
  background-position: -3909px 0;
}

.emoji_two_men_holding_hands {
  background-position: -3941px 0;
}

.emoji_two_women_holding_hands {
  background-position: -3973px 0;
}

.emoji_dancer {
  background-position: -4005px 0;
}

.emoji_dancers {
  background-position: -4037px 0;
}

.emoji_ok_woman {
  background-position: -4069px 0;
}

.emoji_no_good {
  background-position: -4101px 0;
}

.emoji_information_desk_person {
  background-position: -4133px 0;
}

.emoji_raising_hand {
  background-position: -4165px 0;
}

.emoji_bride_with_veil {
  background-position: -4197px 0;
}

.emoji_person_with_pouting_face {
  background-position: -4229px 0;
}

.emoji_person_frowning {
  background-position: -4261px 0;
}

.emoji_bow {
  background-position: -4293px 0;
}

.emoji_couplekiss {
  background-position: -4325px 0;
}

.emoji_couple_with_heart {
  background-position: -4357px 0;
}

.emoji_massage {
  background-position: -4389px 0;
}

.emoji_haircut {
  background-position: -4421px 0;
}

.emoji_nail_care {
  background-position: -4453px 0;
}

.emoji_boy {
  background-position: -4485px 0;
}

.emoji_girl {
  background-position: -4517px 0;
}

.emoji_woman {
  background-position: -4549px 0;
}

.emoji_man {
  background-position: -4581px 0;
}

.emoji_baby {
  background-position: -4613px 0;
}

.emoji_older_woman {
  background-position: -4645px 0;
}

.emoji_older_man {
  background-position: -4677px 0;
}

.emoji_person_with_blond_hair {
  background-position: -4709px 0;
}

.emoji_man_with_gua_pi_mao {
  background-position: -4741px 0;
}

.emoji_man_with_turban {
  background-position: -4773px 0;
}

.emoji_construction_worker {
  background-position: -4805px 0;
}

.emoji_cop {
  background-position: -4837px 0;
}

.emoji_angel {
  background-position: -4869px 0;
}

.emoji_princess {
  background-position: -4901px 0;
}

.emoji_smiley_cat {
  background-position: -4933px 0;
}

.emoji_smile_cat {
  background-position: -4965px 0;
}

.emoji_heart_eyes_cat {
  background-position: -4997px 0;
}

.emoji_kissing_cat {
  background-position: -5029px 0;
}

.emoji_smirk_cat {
  background-position: -5061px 0;
}

.emoji_scream_cat {
  background-position: -5093px 0;
}

.emoji_crying_cat_face {
  background-position: -5125px 0;
}

.emoji_joy_cat {
  background-position: -5157px 0;
}

.emoji_pouting_cat {
  background-position: -5189px 0;
}

.emoji_japanese_ogre {
  background-position: -5221px 0;
}

.emoji_japanese_goblin {
  background-position: -5253px 0;
}

.emoji_see_no_evil {
  background-position: -5285px 0;
}

.emoji_hear_no_evil {
  background-position: -5317px 0;
}

.emoji_speak_no_evil {
  background-position: -5349px 0;
}

.emoji_guardsman {
  background-position: -5381px 0;
}

.emoji_skull {
  background-position: -5413px 0;
}

.emoji_feet {
  background-position: -5445px 0;
}

.emoji_lips {
  background-position: -5477px 0;
}

.emoji_kiss {
  background-position: -5509px 0;
}

.emoji_droplet {
  background-position: -5541px 0;
}

.emoji_ear {
  background-position: -5573px 0;
}

.emoji_eyes {
  background-position: -5605px 0;
}

.emoji_nose {
  background-position: -5637px 0;
}

.emoji_tongue {
  background-position: -5669px 0;
}

.emoji_love_letter {
  background-position: -5701px 0;
}

.emoji_bust_in_silhouette {
  background-position: -5733px 0;
}

.emoji_busts_in_silhouette {
  background-position: -5765px 0;
}

.emoji_speech_balloon {
  background-position: -5797px 0;
}

.emoji_thought_balloon {
  background-position: -5829px 0;
}

.emoji_feelsgood {
  background-position: -5861px 0;
}

.emoji_finnadie {
  background-position: -5893px 0;
}

.emoji_goberserk {
  background-position: -5925px 0;
}

.emoji_godmode {
  background-position: -5957px 0;
}

.emoji_hurtrealbad {
  background-position: -5989px 0;
}

.emoji_rage1 {
  background-position: -6021px 0;
}

.emoji_rage2 {
  background-position: -6053px 0;
}

.emoji_rage3 {
  background-position: -6085px 0;
}

.emoji_rage4 {
  background-position: -6117px 0;
}

.emoji_suspect {
  background-position: -6149px 0;
}

.emoji_trollface {
  background-position: -6181px 0;
}

.emoji_sunny {
  background-position: -6213px 0;
}

.emoji_umbrella {
  background-position: -6245px 0;
}

.emoji_cloud {
  background-position: -6277px 0;
}

.emoji_snowflake {
  background-position: -6309px 0;
}

.emoji_snowman {
  background-position: -6341px 0;
}

.emoji_zap {
  background-position: -6373px 0;
}

.emoji_cyclone {
  background-position: -6405px 0;
}

.emoji_foggy {
  background-position: -6437px 0;
}

.emoji_ocean {
  background-position: -6469px 0;
}

.emoji_cat {
  background-position: -6501px 0;
}

.emoji_dog {
  background-position: -6533px 0;
}

.emoji_mouse {
  background-position: -6565px 0;
}

.emoji_hamster {
  background-position: -6597px 0;
}

.emoji_rabbit {
  background-position: -6629px 0;
}

.emoji_wolf {
  background-position: -6661px 0;
}

.emoji_frog {
  background-position: -6693px 0;
}

.emoji_tiger {
  background-position: -6725px 0;
}

.emoji_koala {
  background-position: -6757px 0;
}

.emoji_bear {
  background-position: -6789px 0;
}

.emoji_pig {
  background-position: -6821px 0;
}

.emoji_pig_nose {
  background-position: -6853px 0;
}

.emoji_cow {
  background-position: -6885px 0;
}

.emoji_boar {
  background-position: -6917px 0;
}

.emoji_monkey_face {
  background-position: -6949px 0;
}

.emoji_monkey {
  background-position: -6981px 0;
}

.emoji_horse {
  background-position: -7013px 0;
}

.emoji_racehorse {
  background-position: -7045px 0;
}

.emoji_camel {
  background-position: -7077px 0;
}

.emoji_sheep {
  background-position: -7109px 0;
}

.emoji_elephant {
  background-position: -7141px 0;
}

.emoji_panda_face {
  background-position: -7173px 0;
}

.emoji_snake {
  background-position: -7205px 0;
}

.emoji_bird {
  background-position: -7237px 0;
}

.emoji_baby_chick {
  background-position: -7269px 0;
}

.emoji_hatched_chick {
  background-position: -7301px 0;
}

.emoji_hatching_chick {
  background-position: -7333px 0;
}

.emoji_chicken {
  background-position: -7365px 0;
}

.emoji_penguin {
  background-position: -7397px 0;
}

.emoji_turtle {
  background-position: -7429px 0;
}

.emoji_bug {
  background-position: -7461px 0;
}

.emoji_honeybee {
  background-position: -7493px 0;
}

.emoji_ant {
  background-position: -7525px 0;
}

.emoji_beetle {
  background-position: -7557px 0;
}

.emoji_snail {
  background-position: -7589px 0;
}

.emoji_octopus {
  background-position: -7621px 0;
}

.emoji_tropical_fish {
  background-position: -7653px 0;
}

.emoji_fish {
  background-position: -7685px 0;
}

.emoji_whale {
  background-position: -7717px 0;
}

.emoji_whale2 {
  background-position: -7749px 0;
}

.emoji_dolphin {
  background-position: -7781px 0;
}

.emoji_cow2 {
  background-position: -7813px 0;
}

.emoji_ram {
  background-position: -7845px 0;
}

.emoji_rat {
  background-position: -7877px 0;
}

.emoji_water_buffalo {
  background-position: -7909px 0;
}

.emoji_tiger2 {
  background-position: -7941px 0;
}

.emoji_rabbit2 {
  background-position: -7973px 0;
}

.emoji_dragon {
  background-position: -8005px 0;
}

.emoji_goat {
  background-position: -8037px 0;
}

.emoji_rooster {
  background-position: -8069px 0;
}

.emoji_dog2 {
  background-position: -8101px 0;
}

.emoji_pig2 {
  background-position: -8133px 0;
}

.emoji_mouse2 {
  background-position: -8165px 0;
}

.emoji_ox {
  background-position: -8197px 0;
}

.emoji_dragon_face {
  background-position: -8229px 0;
}

.emoji_blowfish {
  background-position: -8261px 0;
}

.emoji_crocodile {
  background-position: -8293px 0;
}

.emoji_dromedary_camel {
  background-position: -8325px 0;
}

.emoji_leopard {
  background-position: -8357px 0;
}

.emoji_cat2 {
  background-position: -8389px 0;
}

.emoji_poodle {
  background-position: -8421px 0;
}

.emoji_paw_prints {
  background-position: -8453px 0;
}

.emoji_bouquet {
  background-position: -8485px 0;
}

.emoji_cherry_blossom {
  background-position: -8517px 0;
}

.emoji_tulip {
  background-position: -8549px 0;
}

.emoji_four_leaf_clover {
  background-position: -8581px 0;
}

.emoji_rose {
  background-position: -8613px 0;
}

.emoji_sunflower {
  background-position: -8645px 0;
}

.emoji_hibiscus {
  background-position: -8677px 0;
}

.emoji_maple_leaf {
  background-position: -8709px 0;
}

.emoji_leaves {
  background-position: -8741px 0;
}

.emoji_fallen_leaf {
  background-position: -8773px 0;
}

.emoji_herb {
  background-position: -8805px 0;
}

.emoji_mushroom {
  background-position: -8837px 0;
}

.emoji_cactus {
  background-position: -8869px 0;
}

.emoji_palm_tree {
  background-position: -8901px 0;
}

.emoji_evergreen_tree {
  background-position: -8933px 0;
}

.emoji_deciduous_tree {
  background-position: -8965px 0;
}

.emoji_chestnut {
  background-position: -8997px 0;
}

.emoji_seedling {
  background-position: -9029px 0;
}

.emoji_blossom {
  background-position: -9061px 0;
}

.emoji_ear_of_rice {
  background-position: -9093px 0;
}

.emoji_shell {
  background-position: -9125px 0;
}

.emoji_globe_with_meridians {
  background-position: -9157px 0;
}

.emoji_sun_with_face {
  background-position: -9189px 0;
}

.emoji_full_moon_with_face {
  background-position: -9221px 0;
}

.emoji_new_moon_with_face {
  background-position: -9253px 0;
}

.emoji_new_moon {
  background-position: -9285px 0;
}

.emoji_waxing_crescent_moon {
  background-position: -9317px 0;
}

.emoji_first_quarter_moon {
  background-position: -9349px 0;
}

.emoji_waxing_gibbous_moon {
  background-position: -9381px 0;
}

.emoji_full_moon {
  background-position: -9413px 0;
}

.emoji_waning_gibbous_moon {
  background-position: -9445px 0;
}

.emoji_last_quarter_moon {
  background-position: -9477px 0;
}

.emoji_waning_crescent_moon {
  background-position: -9509px 0;
}

.emoji_last_quarter_moon_with_face {
  background-position: -9541px 0;
}

.emoji_first_quarter_moon_with_face {
  background-position: -9573px 0;
}

.emoji_moon {
  background-position: -9605px 0;
}

.emoji_earth_africa {
  background-position: -9637px 0;
}

.emoji_earth_americas {
  background-position: -9669px 0;
}

.emoji_earth_asia {
  background-position: -9701px 0;
}

.emoji_volcano {
  background-position: -9733px 0;
}

.emoji_milky_way {
  background-position: -9765px 0;
}

.emoji_partly_sunny {
  background-position: -9797px 0;
}

.emoji_octocat {
  background-position: -9829px 0;
}

.emoji_squirrel {
  background-position: -9861px 0;
}

.emoji_bamboo {
  background-position: -9893px 0;
}

.emoji_gift_heart {
  background-position: -9925px 0;
}

.emoji_dolls {
  background-position: -9957px 0;
}

.emoji_school_satchel {
  background-position: -9989px 0;
}

.emoji_mortar_board {
  background-position: -10021px 0;
}

.emoji_flags {
  background-position: -10053px 0;
}

.emoji_fireworks {
  background-position: -10085px 0;
}

.emoji_sparkler {
  background-position: -10117px 0;
}

.emoji_wind_chime {
  background-position: -10149px 0;
}

.emoji_rice_scene {
  background-position: -10181px 0;
}

.emoji_jack_o_lantern {
  background-position: -10213px 0;
}

.emoji_ghost {
  background-position: -10245px 0;
}

.emoji_santa {
  background-position: -10277px 0;
}

.emoji_christmas_tree {
  background-position: -10309px 0;
}

.emoji_gift {
  background-position: -10341px 0;
}

.emoji_bell {
  background-position: -10373px 0;
}

.emoji_no_bell {
  background-position: -10405px 0;
}

.emoji_tanabata_tree {
  background-position: -10437px 0;
}

.emoji_tada {
  background-position: -10469px 0;
}

.emoji_confetti_ball {
  background-position: -10501px 0;
}

.emoji_balloon {
  background-position: -10533px 0;
}

.emoji_crystal_ball {
  background-position: -10565px 0;
}

.emoji_cd {
  background-position: -10597px 0;
}

.emoji_dvd {
  background-position: -10629px 0;
}

.emoji_floppy_disk {
  background-position: -10661px 0;
}

.emoji_camera {
  background-position: -10693px 0;
}

.emoji_video_camera {
  background-position: -10725px 0;
}

.emoji_movie_camera {
  background-position: -10757px 0;
}

.emoji_computer {
  background-position: -10789px 0;
}

.emoji_tv {
  background-position: -10821px 0;
}

.emoji_iphone {
  background-position: -10853px 0;
}

.emoji_phone {
  background-position: -10885px 0;
}

.emoji_telephone {
  background-position: -10917px 0;
}

.emoji_telephone_receiver {
  background-position: -10949px 0;
}

.emoji_pager {
  background-position: -10981px 0;
}

.emoji_fax {
  background-position: -11013px 0;
}

.emoji_minidisc {
  background-position: -11045px 0;
}

.emoji_vhs {
  background-position: -11077px 0;
}

.emoji_sound {
  background-position: -11109px 0;
}

.emoji_speaker {
  background-position: -11141px 0;
}

.emoji_mute {
  background-position: -11173px 0;
}

.emoji_loudspeaker {
  background-position: -11205px 0;
}

.emoji_mega {
  background-position: -11237px 0;
}

.emoji_hourglass {
  background-position: -11269px 0;
}

.emoji_hourglass_flowing_sand {
  background-position: -11301px 0;
}

.emoji_alarm_clock {
  background-position: -11333px 0;
}

.emoji_watch {
  background-position: -11365px 0;
}

.emoji_radio {
  background-position: -11397px 0;
}

.emoji_satellite {
  background-position: -11429px 0;
}

.emoji_loop {
  background-position: -11461px 0;
}

.emoji_mag {
  background-position: -11493px 0;
}

.emoji_mag_right {
  background-position: -11525px 0;
}

.emoji_unlock {
  background-position: -11557px 0;
}

.emoji_lock {
  background-position: -11589px 0;
}

.emoji_lock_with_ink_pen {
  background-position: -11621px 0;
}

.emoji_closed_lock_with_key {
  background-position: -11653px 0;
}

.emoji_key {
  background-position: -11685px 0;
}

.emoji_bulb {
  background-position: -11717px 0;
}

.emoji_flashlight {
  background-position: -11749px 0;
}

.emoji_high_brightness {
  background-position: -11781px 0;
}

.emoji_low_brightness {
  background-position: -11813px 0;
}

.emoji_electric_plug {
  background-position: -11845px 0;
}

.emoji_battery {
  background-position: -11877px 0;
}

.emoji_calling {
  background-position: -11909px 0;
}

.emoji_email {
  background-position: -11941px 0;
}

.emoji_mailbox {
  background-position: -11973px 0;
}

.emoji_postbox {
  background-position: -12005px 0;
}

.emoji_bath {
  background-position: -12037px 0;
}

.emoji_bathtub {
  background-position: -12069px 0;
}

.emoji_shower {
  background-position: -12101px 0;
}

.emoji_toilet {
  background-position: -12133px 0;
}

.emoji_wrench {
  background-position: -12165px 0;
}

.emoji_nut_and_bolt {
  background-position: -12197px 0;
}

.emoji_hammer {
  background-position: -12229px 0;
}

.emoji_seat {
  background-position: -12261px 0;
}

.emoji_moneybag {
  background-position: -12293px 0;
}

.emoji_yen {
  background-position: -12325px 0;
}

.emoji_dollar {
  background-position: -12357px 0;
}

.emoji_pound {
  background-position: -12389px 0;
}

.emoji_euro {
  background-position: -12421px 0;
}

.emoji_credit_card {
  background-position: -12453px 0;
}

.emoji_money_with_wings {
  background-position: -12485px 0;
}

.emoji_e\-mail {
  background-position: -12517px 0;
}

.emoji_inbox_tray {
  background-position: -12549px 0;
}

.emoji_outbox_tray {
  background-position: -12581px 0;
}

.emoji_envelope {
  background-position: -12613px 0;
}

.emoji_incoming_envelope {
  background-position: -12645px 0;
}

.emoji_postal_horn {
  background-position: -12677px 0;
}

.emoji_mailbox_closed {
  background-position: -12709px 0;
}

.emoji_mailbox_with_mail {
  background-position: -12741px 0;
}

.emoji_mailbox_with_no_mail {
  background-position: -12773px 0;
}

.emoji_door {
  background-position: -12805px 0;
}

.emoji_smoking {
  background-position: -12837px 0;
}

.emoji_bomb {
  background-position: -12869px 0;
}

.emoji_gun {
  background-position: -12901px 0;
}

.emoji_hocho {
  background-position: -12933px 0;
}

.emoji_pill {
  background-position: -12965px 0;
}

.emoji_syringe {
  background-position: -12997px 0;
}

.emoji_page_facing_up {
  background-position: -13029px 0;
}

.emoji_page_with_curl {
  background-position: -13061px 0;
}

.emoji_bookmark_tabs {
  background-position: -13093px 0;
}

.emoji_bar_chart {
  background-position: -13125px 0;
}

.emoji_chart_with_upwards_trend {
  background-position: -13157px 0;
}

.emoji_chart_with_downwards_trend {
  background-position: -13189px 0;
}

.emoji_scroll {
  background-position: -13221px 0;
}

.emoji_clipboard {
  background-position: -13253px 0;
}

.emoji_calendar {
  background-position: -13285px 0;
}

.emoji_date {
  background-position: -13317px 0;
}

.emoji_card_index {
  background-position: -13349px 0;
}

.emoji_file_folder {
  background-position: -13381px 0;
}

.emoji_open_file_folder {
  background-position: -13413px 0;
}

.emoji_scissors {
  background-position: -13445px 0;
}

.emoji_pushpin {
  background-position: -13477px 0;
}

.emoji_paperclip {
  background-position: -13509px 0;
}

.emoji_black_nib {
  background-position: -13541px 0;
}

.emoji_pencil2 {
  background-position: -13573px 0;
}

.emoji_straight_ruler {
  background-position: -13605px 0;
}

.emoji_triangular_ruler {
  background-position: -13637px 0;
}

.emoji_closed_book {
  background-position: -13669px 0;
}

.emoji_green_book {
  background-position: -13701px 0;
}

.emoji_blue_book {
  background-position: -13733px 0;
}

.emoji_orange_book {
  background-position: -13765px 0;
}

.emoji_notebook {
  background-position: -13797px 0;
}

.emoji_notebook_with_decorative_cover {
  background-position: -13829px 0;
}

.emoji_ledger {
  background-position: -13861px 0;
}

.emoji_books {
  background-position: -13893px 0;
}

.emoji_bookmark {
  background-position: -13925px 0;
}

.emoji_name_badge {
  background-position: -13957px 0;
}

.emoji_microscope {
  background-position: -13989px 0;
}

.emoji_telescope {
  background-position: -14021px 0;
}

.emoji_newspaper {
  background-position: -14053px 0;
}

.emoji_football {
  background-position: -14085px 0;
}

.emoji_basketball {
  background-position: -14117px 0;
}

.emoji_soccer {
  background-position: -14149px 0;
}

.emoji_baseball {
  background-position: -14181px 0;
}

.emoji_tennis {
  background-position: -14213px 0;
}

.emoji_8ball {
  background-position: -14245px 0;
}

.emoji_rugby_football {
  background-position: -14277px 0;
}

.emoji_bowling {
  background-position: -14309px 0;
}

.emoji_golf {
  background-position: -14341px 0;
}

.emoji_mountain_bicyclist {
  background-position: -14373px 0;
}

.emoji_bicyclist {
  background-position: -14405px 0;
}

.emoji_horse_racing {
  background-position: -14437px 0;
}

.emoji_snowboarder {
  background-position: -14469px 0;
}

.emoji_swimmer {
  background-position: -14501px 0;
}

.emoji_surfer {
  background-position: -14533px 0;
}

.emoji_ski {
  background-position: -14565px 0;
}

.emoji_spades {
  background-position: -14597px 0;
}

.emoji_hearts {
  background-position: -14629px 0;
}

.emoji_clubs {
  background-position: -14661px 0;
}

.emoji_diamonds {
  background-position: -14693px 0;
}

.emoji_gem {
  background-position: -14725px 0;
}

.emoji_ring {
  background-position: -14757px 0;
}

.emoji_trophy {
  background-position: -14789px 0;
}

.emoji_musical_score {
  background-position: -14821px 0;
}

.emoji_musical_keyboard {
  background-position: -14853px 0;
}

.emoji_violin {
  background-position: -14885px 0;
}

.emoji_space_invader {
  background-position: -14917px 0;
}

.emoji_video_game {
  background-position: -14949px 0;
}

.emoji_black_joker {
  background-position: -14981px 0;
}

.emoji_flower_playing_cards {
  background-position: -15013px 0;
}

.emoji_game_die {
  background-position: -15045px 0;
}

.emoji_dart {
  background-position: -15077px 0;
}

.emoji_mahjong {
  background-position: -15109px 0;
}

.emoji_clapper {
  background-position: -15141px 0;
}

.emoji_memo {
  background-position: -15173px 0;
}

.emoji_pencil {
  background-position: -15205px 0;
}

.emoji_book {
  background-position: -15237px 0;
}

.emoji_art {
  background-position: -15269px 0;
}

.emoji_microphone {
  background-position: -15301px 0;
}

.emoji_headphones {
  background-position: -15333px 0;
}

.emoji_trumpet {
  background-position: -15365px 0;
}

.emoji_saxophone {
  background-position: -15397px 0;
}

.emoji_guitar {
  background-position: -15429px 0;
}

.emoji_shoe {
  background-position: -15461px 0;
}

.emoji_sandal {
  background-position: -15493px 0;
}

.emoji_high_heel {
  background-position: -15525px 0;
}

.emoji_lipstick {
  background-position: -15557px 0;
}

.emoji_boot {
  background-position: -15589px 0;
}

.emoji_shirt {
  background-position: -15621px 0;
}

.emoji_tshirt {
  background-position: -15653px 0;
}

.emoji_necktie {
  background-position: -15685px 0;
}

.emoji_womans_clothes {
  background-position: -15717px 0;
}

.emoji_dress {
  background-position: -15749px 0;
}

.emoji_running_shirt_with_sash {
  background-position: -15781px 0;
}

.emoji_jeans {
  background-position: -15813px 0;
}

.emoji_kimono {
  background-position: -15845px 0;
}

.emoji_bikini {
  background-position: -15877px 0;
}

.emoji_ribbon {
  background-position: -15909px 0;
}

.emoji_tophat {
  background-position: -15941px 0;
}

.emoji_crown {
  background-position: -15973px 0;
}

.emoji_womans_hat {
  background-position: -16005px 0;
}

.emoji_mans_shoe {
  background-position: -16037px 0;
}

.emoji_closed_umbrella {
  background-position: -16069px 0;
}

.emoji_briefcase {
  background-position: -16101px 0;
}

.emoji_handbag {
  background-position: -16133px 0;
}

.emoji_pouch {
  background-position: -16165px 0;
}

.emoji_purse {
  background-position: -16197px 0;
}

.emoji_eyeglasses {
  background-position: -16229px 0;
}

.emoji_fishing_pole_and_fish {
  background-position: -16261px 0;
}

.emoji_coffee {
  background-position: -16293px 0;
}

.emoji_tea {
  background-position: -16325px 0;
}

.emoji_sake {
  background-position: -16357px 0;
}

.emoji_baby_bottle {
  background-position: -16389px 0;
}

.emoji_beer {
  background-position: -16421px 0;
}

.emoji_beers {
  background-position: -16453px 0;
}

.emoji_cocktail {
  background-position: -16485px 0;
}

.emoji_tropical_drink {
  background-position: -16517px 0;
}

.emoji_wine_glass {
  background-position: -16549px 0;
}

.emoji_fork_and_knife {
  background-position: -16581px 0;
}

.emoji_pizza {
  background-position: -16613px 0;
}

.emoji_hamburger {
  background-position: -16645px 0;
}

.emoji_fries {
  background-position: -16677px 0;
}

.emoji_poultry_leg {
  background-position: -16709px 0;
}

.emoji_meat_on_bone {
  background-position: -16741px 0;
}

.emoji_spaghetti {
  background-position: -16773px 0;
}

.emoji_curry {
  background-position: -16805px 0;
}

.emoji_fried_shrimp {
  background-position: -16837px 0;
}

.emoji_bento {
  background-position: -16869px 0;
}

.emoji_sushi {
  background-position: -16901px 0;
}

.emoji_fish_cake {
  background-position: -16933px 0;
}

.emoji_rice_ball {
  background-position: -16965px 0;
}

.emoji_rice_cracker {
  background-position: -16997px 0;
}

.emoji_rice {
  background-position: -17029px 0;
}

.emoji_ramen {
  background-position: -17061px 0;
}

.emoji_stew {
  background-position: -17093px 0;
}

.emoji_oden {
  background-position: -17125px 0;
}

.emoji_dango {
  background-position: -17157px 0;
}

.emoji_egg {
  background-position: -17189px 0;
}

.emoji_bread {
  background-position: -17221px 0;
}

.emoji_doughnut {
  background-position: -17253px 0;
}

.emoji_custard {
  background-position: -17285px 0;
}

.emoji_icecream {
  background-position: -17317px 0;
}

.emoji_ice_cream {
  background-position: -17349px 0;
}

.emoji_shaved_ice {
  background-position: -17381px 0;
}

.emoji_birthday {
  background-position: -17413px 0;
}

.emoji_cake {
  background-position: -17445px 0;
}

.emoji_cookie {
  background-position: -17477px 0;
}

.emoji_chocolate_bar {
  background-position: -17509px 0;
}

.emoji_candy {
  background-position: -17541px 0;
}

.emoji_lollipop {
  background-position: -17573px 0;
}

.emoji_honey_pot {
  background-position: -17605px 0;
}

.emoji_apple {
  background-position: -17637px 0;
}

.emoji_green_apple {
  background-position: -17669px 0;
}

.emoji_tangerine {
  background-position: -17701px 0;
}

.emoji_lemon {
  background-position: -17733px 0;
}

.emoji_cherries {
  background-position: -17765px 0;
}

.emoji_grapes {
  background-position: -17797px 0;
}

.emoji_watermelon {
  background-position: -17829px 0;
}

.emoji_strawberry {
  background-position: -17861px 0;
}

.emoji_peach {
  background-position: -17893px 0;
}

.emoji_melon {
  background-position: -17925px 0;
}

.emoji_banana {
  background-position: -17957px 0;
}

.emoji_pear {
  background-position: -17989px 0;
}

.emoji_pineapple {
  background-position: -18021px 0;
}

.emoji_sweet_potato {
  background-position: -18053px 0;
}

.emoji_eggplant {
  background-position: -18085px 0;
}

.emoji_tomato {
  background-position: -18117px 0;
}

.emoji_corn {
  background-position: -18149px 0;
}

.emoji_house {
  background-position: -18181px 0;
}

.emoji_house_with_garden {
  background-position: -18213px 0;
}

.emoji_school {
  background-position: -18245px 0;
}

.emoji_office {
  background-position: -18277px 0;
}

.emoji_post_office {
  background-position: -18309px 0;
}

.emoji_hospital {
  background-position: -18341px 0;
}

.emoji_bank {
  background-position: -18373px 0;
}

.emoji_convenience_store {
  background-position: -18405px 0;
}

.emoji_love_hotel {
  background-position: -18437px 0;
}

.emoji_hotel {
  background-position: -18469px 0;
}

.emoji_wedding {
  background-position: -18501px 0;
}

.emoji_church {
  background-position: -18533px 0;
}

.emoji_department_store {
  background-position: -18565px 0;
}

.emoji_european_post_office {
  background-position: -18597px 0;
}

.emoji_city_sunrise {
  background-position: -18629px 0;
}

.emoji_city_sunset {
  background-position: -18661px 0;
}

.emoji_japanese_castle {
  background-position: -18693px 0;
}

.emoji_european_castle {
  background-position: -18725px 0;
}

.emoji_tent {
  background-position: -18757px 0;
}

.emoji_factory {
  background-position: -18789px 0;
}

.emoji_tokyo_tower {
  background-position: -18821px 0;
}

.emoji_japan {
  background-position: -18853px 0;
}

.emoji_mount_fuji {
  background-position: -18885px 0;
}

.emoji_sunrise_over_mountains {
  background-position: -18917px 0;
}

.emoji_sunrise {
  background-position: -18949px 0;
}

.emoji_stars {
  background-position: -18981px 0;
}

.emoji_themoreyouknow {
  background-position: -18981px 0;
}

.emoji_tmyk {
  background-position: -18981px 0;
}

.emoji_statue_of_liberty {
  background-position: -19013px 0;
}

.emoji_bridge_at_night {
  background-position: -19045px 0;
}

.emoji_carousel_horse {
  background-position: -19077px 0;
}

.emoji_rainbow {
  background-position: -19109px 0;
}

.emoji_ferris_wheel {
  background-position: -19141px 0;
}

.emoji_fountain {
  background-position: -19173px 0;
}

.emoji_roller_coaster {
  background-position: -19205px 0;
}

.emoji_ship {
  background-position: -19237px 0;
}

.emoji_speedboat {
  background-position: -19269px 0;
}

.emoji_boat {
  background-position: -19301px 0;
}

.emoji_sailboat {
  background-position: -19333px 0;
}

.emoji_rowboat {
  background-position: -19365px 0;
}

.emoji_anchor {
  background-position: -19397px 0;
}

.emoji_rocket {
  background-position: -19429px 0;
}

.emoji_airplane {
  background-position: -19461px 0;
}

.emoji_helicopter {
  background-position: -19493px 0;
}

.emoji_steam_locomotive {
  background-position: -19525px 0;
}

.emoji_tram {
  background-position: -19557px 0;
}

.emoji_mountain_railway {
  background-position: -19589px 0;
}

.emoji_bike {
  background-position: -19621px 0;
}

.emoji_aerial_tramway {
  background-position: -19653px 0;
}

.emoji_suspension_railway {
  background-position: -19685px 0;
}

.emoji_mountain_cableway {
  background-position: -19717px 0;
}

.emoji_tractor {
  background-position: -19749px 0;
}

.emoji_blue_car {
  background-position: -19781px 0;
}

.emoji_oncoming_automobile {
  background-position: -19813px 0;
}

.emoji_car {
  background-position: -19845px 0;
}

.emoji_red_car {
  background-position: -19877px 0;
}

.emoji_taxi {
  background-position: -19909px 0;
}

.emoji_oncoming_taxi {
  background-position: -19941px 0;
}

.emoji_articulated_lorry {
  background-position: -19973px 0;
}

.emoji_bus {
  background-position: -20005px 0;
}

.emoji_oncoming_bus {
  background-position: -20037px 0;
}

.emoji_rotating_light {
  background-position: -20069px 0;
}

.emoji_police_car {
  background-position: -20101px 0;
}

.emoji_oncoming_police_car {
  background-position: -20133px 0;
}

.emoji_fire_engine {
  background-position: -20165px 0;
}

.emoji_ambulance {
  background-position: -20197px 0;
}

.emoji_minibus {
  background-position: -20229px 0;
}

.emoji_truck {
  background-position: -20261px 0;
}

.emoji_train {
  background-position: -20293px 0;
}

.emoji_station {
  background-position: -20325px 0;
}

.emoji_train2 {
  background-position: -20357px 0;
}

.emoji_bullettrain_front {
  background-position: -20389px 0;
}

.emoji_bullettrain_side {
  background-position: -20421px 0;
}

.emoji_light_rail {
  background-position: -20453px 0;
}

.emoji_monorail {
  background-position: -20485px 0;
}

.emoji_railway_car {
  background-position: -20517px 0;
}

.emoji_trolleybus {
  background-position: -20549px 0;
}

.emoji_ticket {
  background-position: -20581px 0;
}

.emoji_fuelpump {
  background-position: -20613px 0;
}

.emoji_vertical_traffic_light {
  background-position: -20645px 0;
}

.emoji_traffic_light {
  background-position: -20677px 0;
}

.emoji_warning {
  background-position: -20709px 0;
}

.emoji_construction {
  background-position: -20741px 0;
}

.emoji_beginner {
  background-position: -20773px 0;
}

.emoji_atm {
  background-position: -20805px 0;
}

.emoji_slot_machine {
  background-position: -20837px 0;
}

.emoji_busstop {
  background-position: -20869px 0;
}

.emoji_barber {
  background-position: -20901px 0;
}

.emoji_hotsprings {
  background-position: -20933px 0;
}

.emoji_checkered_flag {
  background-position: -20965px 0;
}

.emoji_crossed_flags {
  background-position: -20997px 0;
}

.emoji_izakaya_lantern {
  background-position: -21029px 0;
}

.emoji_moyai {
  background-position: -21061px 0;
}

.emoji_circus_tent {
  background-position: -21093px 0;
}

.emoji_performing_arts {
  background-position: -21125px 0;
}

.emoji_round_pushpin {
  background-position: -21157px 0;
}

.emoji_triangular_flag_on_post {
  background-position: -21189px 0;
}

.emoji_jp {
  background-position: -21221px 0;
}

.emoji_kr {
  background-position: -21253px 0;
}

.emoji_cn {
  background-position: -21285px 0;
}

.emoji_us {
  background-position: -21317px 0;
}

.emoji_fr {
  background-position: -21349px 0;
}

.emoji_es {
  background-position: -21381px 0;
}

.emoji_it {
  background-position: -21413px 0;
}

.emoji_ru {
  background-position: -21445px 0;
}

.emoji_gb {
  background-position: -21477px 0;
}

.emoji_uk {
  background-position: -21509px 0;
}

.emoji_de {
  background-position: -21541px 0;
}

.emoji_one {
  background-position: -21573px 0;
}

.emoji_two {
  background-position: -21605px 0;
}

.emoji_three {
  background-position: -21637px 0;
}

.emoji_four {
  background-position: -21669px 0;
}

.emoji_five {
  background-position: -21701px 0;
}

.emoji_six {
  background-position: -21733px 0;
}

.emoji_seven {
  background-position: -21765px 0;
}

.emoji_eight {
  background-position: -21797px 0;
}

.emoji_nine {
  background-position: -21829px 0;
}

.emoji_keycap_ten {
  background-position: -21861px 0;
}

.emoji_1234 {
  background-position: -21893px 0;
}

.emoji_zero {
  background-position: -21925px 0;
}

.emoji_hash {
  background-position: -21957px 0;
}

.emoji_symbols {
  background-position: -21989px 0;
}

.emoji_arrow_backward {
  background-position: -22021px 0;
}

.emoji_arrow_down {
  background-position: -22053px 0;
}

.emoji_arrow_forward {
  background-position: -22085px 0;
}

.emoji_arrow_left {
  background-position: -22117px 0;
}

.emoji_capital_abcd {
  background-position: -22149px 0;
}

.emoji_abcd {
  background-position: -22181px 0;
}

.emoji_abc {
  background-position: -22213px 0;
}

.emoji_arrow_lower_left {
  background-position: -22245px 0;
}

.emoji_arrow_lower_right {
  background-position: -22277px 0;
}

.emoji_arrow_right {
  background-position: -22309px 0;
}

.emoji_arrow_up {
  background-position: -22341px 0;
}

.emoji_arrow_upper_left {
  background-position: -22373px 0;
}

.emoji_arrow_upper_right {
  background-position: -22405px 0;
}

.emoji_arrow_double_down {
  background-position: -22437px 0;
}

.emoji_arrow_double_up {
  background-position: -22469px 0;
}

.emoji_arrow_down_small {
  background-position: -22501px 0;
}

.emoji_arrow_heading_down {
  background-position: -22533px 0;
}

.emoji_arrow_heading_up {
  background-position: -22565px 0;
}

.emoji_leftwards_arrow_with_hook {
  background-position: -22597px 0;
}

.emoji_arrow_right_hook {
  background-position: -22629px 0;
}

.emoji_left_right_arrow {
  background-position: -22661px 0;
}

.emoji_arrow_up_down {
  background-position: -22693px 0;
}

.emoji_arrow_up_small {
  background-position: -22725px 0;
}

.emoji_arrows_clockwise {
  background-position: -22757px 0;
}

.emoji_arrows_counterclockwise {
  background-position: -22789px 0;
}

.emoji_rewind {
  background-position: -22821px 0;
}

.emoji_fast_forward {
  background-position: -22853px 0;
}

.emoji_information_source {
  background-position: -22885px 0;
}

.emoji_ok {
  background-position: -22917px 0;
}

.emoji_twisted_rightwards_arrows {
  background-position: -22949px 0;
}

.emoji_repeat {
  background-position: -22981px 0;
}

.emoji_repeat_one {
  background-position: -23013px 0;
}

.emoji_new {
  background-position: -23045px 0;
}

.emoji_top {
  background-position: -23077px 0;
}

.emoji_up {
  background-position: -23109px 0;
}

.emoji_cool {
  background-position: -23141px 0;
}

.emoji_free {
  background-position: -23173px 0;
}

.emoji_ng {
  background-position: -23205px 0;
}

.emoji_cinema {
  background-position: -23237px 0;
}

.emoji_koko {
  background-position: -23269px 0;
}

.emoji_signal_strength {
  background-position: -23301px 0;
}

.emoji_u5272 {
  background-position: -23333px 0;
}

.emoji_u5408 {
  background-position: -23365px 0;
}

.emoji_u55b6 {
  background-position: -23397px 0;
}

.emoji_u6307 {
  background-position: -23429px 0;
}

.emoji_u6708 {
  background-position: -23461px 0;
}

.emoji_u6709 {
  background-position: -23493px 0;
}

.emoji_u6e80 {
  background-position: -23525px 0;
}

.emoji_u7121 {
  background-position: -23557px 0;
}

.emoji_u7533 {
  background-position: -23589px 0;
}

.emoji_u7a7a {
  background-position: -23621px 0;
}

.emoji_u7981 {
  background-position: -23653px 0;
}

.emoji_sa {
  background-position: -23685px 0;
}

.emoji_restroom {
  background-position: -23717px 0;
}

.emoji_mens {
  background-position: -23749px 0;
}

.emoji_womens {
  background-position: -23781px 0;
}

.emoji_baby_symbol {
  background-position: -23813px 0;
}

.emoji_no_smoking {
  background-position: -23845px 0;
}

.emoji_parking {
  background-position: -23877px 0;
}

.emoji_wheelchair {
  background-position: -23909px 0;
}

.emoji_metro {
  background-position: -23941px 0;
}

.emoji_baggage_claim {
  background-position: -23973px 0;
}

.emoji_accept {
  background-position: -24005px 0;
}

.emoji_wc {
  background-position: -24037px 0;
}

.emoji_potable_water {
  background-position: -24069px 0;
}

.emoji_put_litter_in_its_place {
  background-position: -24101px 0;
}

.emoji_secret {
  background-position: -24133px 0;
}

.emoji_congratulations {
  background-position: -24165px 0;
}

.emoji_m {
  background-position: -24197px 0;
}

.emoji_passport_control {
  background-position: -24229px 0;
}

.emoji_left_luggage {
  background-position: -24261px 0;
}

.emoji_customs {
  background-position: -24293px 0;
}

.emoji_ideograph_advantage {
  background-position: -24325px 0;
}

.emoji_cl {
  background-position: -24357px 0;
}

.emoji_sos {
  background-position: -24389px 0;
}

.emoji_id {
  background-position: -24421px 0;
}

.emoji_no_entry_sign {
  background-position: -24453px 0;
}

.emoji_underage {
  background-position: -24485px 0;
}

.emoji_no_mobile_phones {
  background-position: -24517px 0;
}

.emoji_do_not_litter {
  background-position: -24549px 0;
}

.emoji_non\-potable_water {
  background-position: -24581px 0;
}

.emoji_no_bicycles {
  background-position: -24613px 0;
}

.emoji_no_pedestrians {
  background-position: -24645px 0;
}

.emoji_children_crossing {
  background-position: -24677px 0;
}

.emoji_no_entry {
  background-position: -24709px 0;
}

.emoji_eight_spoked_asterisk {
  background-position: -24741px 0;
}

.emoji_eight_pointed_black_star {
  background-position: -24773px 0;
}

.emoji_heart_decoration {
  background-position: -24805px 0;
}

.emoji_vs {
  background-position: -24837px 0;
}

.emoji_vibration_mode {
  background-position: -24869px 0;
}

.emoji_mobile_phone_off {
  background-position: -24901px 0;
}

.emoji_chart {
  background-position: -24933px 0;
}

.emoji_currency_exchange {
  background-position: -24965px 0;
}

.emoji_aries {
  background-position: -24997px 0;
}

.emoji_taurus {
  background-position: -25029px 0;
}

.emoji_gemini {
  background-position: -25061px 0;
}

.emoji_cancer {
  background-position: -25093px 0;
}

.emoji_leo {
  background-position: -25125px 0;
}

.emoji_virgo {
  background-position: -25157px 0;
}

.emoji_libra {
  background-position: -25189px 0;
}

.emoji_scorpius {
  background-position: -25221px 0;
}

.emoji_sagittarius {
  background-position: -25253px 0;
}

.emoji_capricorn {
  background-position: -25285px 0;
}

.emoji_aquarius {
  background-position: -25317px 0;
}

.emoji_pisces {
  background-position: -25349px 0;
}

.emoji_ophiuchus {
  background-position: -25381px 0;
}

.emoji_six_pointed_star {
  background-position: -25413px 0;
}

.emoji_negative_squared_cross_mark {
  background-position: -25445px 0;
}

.emoji_a {
  background-position: -25477px 0;
}

.emoji_b {
  background-position: -25509px 0;
}

.emoji_ab {
  background-position: -25541px 0;
}

.emoji_o2 {
  background-position: -25573px 0;
}

.emoji_diamond_shape_with_a_dot_inside {
  background-position: -25605px 0;
}

.emoji_recycle {
  background-position: -25637px 0;
}

.emoji_end {
  background-position: -25669px 0;
}

.emoji_on {
  background-position: -25701px 0;
}

.emoji_soon {
  background-position: -25733px 0;
}

.emoji_clock1 {
  background-position: -25765px 0;
}

.emoji_clock130 {
  background-position: -25797px 0;
}

.emoji_clock10 {
  background-position: -25829px 0;
}

.emoji_clock1030 {
  background-position: -25861px 0;
}

.emoji_clock11 {
  background-position: -25893px 0;
}

.emoji_clock1130 {
  background-position: -25925px 0;
}

.emoji_clock12 {
  background-position: -25957px 0;
}

.emoji_clock1230 {
  background-position: -25989px 0;
}

.emoji_clock2 {
  background-position: -26021px 0;
}

.emoji_clock230 {
  background-position: -26053px 0;
}

.emoji_clock3 {
  background-position: -26085px 0;
}

.emoji_clock330 {
  background-position: -26117px 0;
}

.emoji_clock4 {
  background-position: -26149px 0;
}

.emoji_clock430 {
  background-position: -26181px 0;
}

.emoji_clock5 {
  background-position: -26213px 0;
}

.emoji_clock530 {
  background-position: -26245px 0;
}

.emoji_clock6 {
  background-position: -26277px 0;
}

.emoji_clock630 {
  background-position: -26309px 0;
}

.emoji_clock7 {
  background-position: -26341px 0;
}

.emoji_clock730 {
  background-position: -26373px 0;
}

.emoji_clock8 {
  background-position: -26405px 0;
}

.emoji_clock830 {
  background-position: -26437px 0;
}

.emoji_clock9 {
  background-position: -26469px 0;
}

.emoji_clock930 {
  background-position: -26501px 0;
}

.emoji_heavy_dollar_sign {
  background-position: -26533px 0;
}

.emoji_copyright {
  background-position: -26565px 0;
}

.emoji_registered {
  background-position: -26597px 0;
}

.emoji_tm {
  background-position: -26629px 0;
}

.emoji_x {
  background-position: -26661px 0;
}

.emoji_heavy_exclamation_mark {
  background-position: -26693px 0;
}

.emoji_bangbang {
  background-position: -26725px 0;
}

.emoji_interrobang {
  background-position: -26757px 0;
}

.emoji_o {
  background-position: -26789px 0;
}

.emoji_heavy_multiplication_x {
  background-position: -26821px 0;
}

.emoji_heavy_plus_sign {
  background-position: -26853px 0;
}

.emoji_heavy_minus_sign {
  background-position: -26885px 0;
}

.emoji_heavy_division_sign {
  background-position: -26917px 0;
}

.emoji_white_flower {
  background-position: -26949px 0;
}

.emoji_100 {
  background-position: -26981px 0;
}

.emoji_heavy_check_mark {
  background-position: -27013px 0;
}

.emoji_ballot_box_with_check {
  background-position: -27045px 0;
}

.emoji_radio_button {
  background-position: -27077px 0;
}

.emoji_link {
  background-position: -27109px 0;
}

.emoji_curly_loop {
  background-position: -27141px 0;
}

.emoji_wavy_dash {
  background-position: -27173px 0;
}

.emoji_part_alternation_mark {
  background-position: -27205px 0;
}

.emoji_trident {
  background-position: -27237px 0;
}

.emoji_black_square {
  background-position: -27269px 0;
}

.emoji_white_square {
  background-position: -27301px 0;
}

.emoji_white_check_mark {
  background-position: -27333px 0;
}

.emoji_black_square_button {
  background-position: -27365px 0;
}

.emoji_white_square_button {
  background-position: -27397px 0;
}

.emoji_black_circle {
  background-position: -27429px 0;
}

.emoji_white_circle {
  background-position: -27461px 0;
}

.emoji_red_circle {
  background-position: -27493px 0;
}

.emoji_large_blue_circle {
  background-position: -27525px 0;
}

.emoji_large_blue_diamond {
  background-position: -27557px 0;
}

.emoji_large_orange_diamond {
  background-position: -27589px 0;
}

.emoji_small_blue_diamond {
  background-position: -27621px 0;
}

.emoji_small_orange_diamond {
  background-position: -27653px 0;
}

.emoji_small_red_triangle {
  background-position: -27685px 0;
}

.emoji_small_red_triangle_down {
  background-position: -27717px 0;
}

.emoji_shipit {
  background-position: -27749px 0;
}
/* required LIB STYLES */

/* .Treant se automatski dodaje na svaki chart conatiner */

.Treant {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
}

.Treant > .node,
.Treant > .pseudo {
  position: absolute;
  display: block;
  visibility: hidden;
}

.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo {
  visibility: visible;
}

.Treant > .pseudo {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
}

.Treant .collapse-switch {
  width: 3px;
  height: 3px;
  display: block;
  border: 1px solid black;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}

.Treant .collapsed .collapse-switch {
  background-color: #868DEE;
}

.Treant > .node img {
  border: none;
  float: left;
}

.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #aaa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x {
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x:hover {
  opacity: 0.9;
  filter: alpha(opacity = 90);
  cursor: default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #aaa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y {
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y:hover {
  opacity: 0.9;
  filter: alpha(opacity = 90);
  cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

md-stepper {
  display: block;
}

md-steppers-header,
md-steppers-mobile-header,
md-step-actions {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.md-steppers-header-region {
  z-index: 1;
}

@media (max-width: 599px) {
  md-stepper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  md-stepper > div {
    min-width: 0px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .md-steppers-content {
    min-height: 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  md-step.md-active {
    min-height: 0px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  md-step.md-active .md-stepper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0px;
  }

  md-steppers-scope {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  md-step-body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.md-steppers {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}

.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #F6F6F6;
}

.md-steppers-header {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  border-radius: 0;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.md-steppers-horizontal .md-stepper-indicator {
  min-height: 72px;
}

.md-steppers-horizontal .md-stepper-indicator:first-child .md-stepper-indicator-wrapper {
  padding-left: 16px;
}

.md-steppers-horizontal .md-stepper-indicator:after {
  width: 999em;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  background-color: #E8E8E8;
  content: " ";
}

.md-stepper-indicator {
  margin: 0;
  padding: 0 16px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  cursor: default;
  background: none;
  border: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-stepper-indicator:focus {
  outline: none;
}

.md-stepper-indicator.md-completed .md-stepper-number,
.md-stepper-indicator.md-active .md-stepper-number {
  background-color: #2196F3;
}

.md-stepper-indicator.md-completed .md-stepper-title,
.md-stepper-indicator.md-active .md-stepper-title {
  color: rgba(0, 0, 0, 0.87);
}

.md-stepper-indicator.md-active .md-stepper-title,
.md-stepper-indicator.md-editable .md-stepper-title {
  font-weight: 500;
}

.md-stepper-indicator.md-error .md-stepper-title {
  color: #f44336;
}

.md-stepper-indicator:first-child {
  padding-left: 0;
}

.md-stepper-indicator:last-child {
  padding-right: 0;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.md-stepper-indicator:last-child .md-stepper-indicator-wrapper {
  padding-right: 24px;
}

.md-stepper-indicator .md-ripple-container {
  z-index: 3;
}

.md-stepper-indicator-wrapper {
  padding: 0 8px 0 0;
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-stepper-number {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 24px;
  background-color: #BDBDBD;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}

.md-stepper-number.ng-hide {
  transition: none;
}

.md-error .md-stepper-error-indicator {
  margin: 0 8px;
  background-color: #fff;
}

.md-error .md-stepper-error-indicator md-icon {
  color: #f44336;
}

.md-error .md-stepper-error-message {
  color: #f44336;
  font-weight: 400;
}

.md-stepper-icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.md-stepper-icon.md-stepper-icon-edit {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
}

.md-stepper-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 14px;
  line-height: 24px;
}

.md-steppers-content {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.md-stepper {
  box-sizing: border-box;
}

.md-stepper.md-active {
  position: relative;
  pointer-events: auto;
}

.md-steppers-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.md-stepper-optional .md-stepper-title {
  text-align: left;
  white-space: nowrap;
}

.md-stepper-optional .md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.54);
}

.md-stepper-optional .md-stepper-title small {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 12px;
  line-height: 1em;
}

.md-steppers-linear .md-stepper-indicator {
  cursor: default;
}

.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}

.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #F6F6F6;
}

.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:before,
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:after {
  background-color: #F6F6F6;
}

.md-steppers-linear .md-stepper-title {
  color: rgba(0, 0, 0, 0.26);
}

.md-steppers-linear .md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.26);
}

.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper {
  background: none;
}

.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:before,
.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:after {
  background-color: #F6F6F6;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator {
  min-height: 104px;
  padding: 24px 16px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator .md-stepper-indicator-wrapper {
  padding: 0;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child {
  padding-left: 24px;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child:after {
  left: 50%;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child {
  padding-right: 24px;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child:after {
  right: 50%;
  left: auto;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:after {
  margin-top: 0;
  top: 36px;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator-wrapper {
  padding: 0 16px;
  min-height: 50px;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background: none;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-number,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator {
  position: relative;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  content: " ";
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before {
  left: -8px;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  right: -8px;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-title {
  margin-top: 16px;
  line-height: 18px;
  text-align: center;
}

.md-steppers-alternative .md-steppers-horizontal .md-stepper-title small {
  text-align: center;
}

.md-steppers:not(.md-steppers-vertical) .md-steppers-header.md-steppers-vertical {
  display: none;
}

.md-steppers-vertical .md-stepper {
  padding: 8px 24px;
}

.md-steppers-vertical .md-steppers-scope {
  margin-left: 20px;
  border-left: 1px solid  #E8E8E8;
  padding-left: 20px;
}

.md-steppers-vertical .md-steppers-header.md-steppers-horizontal {
  display: none;
}

.md-steppers-mobile-header,
.md-stepper-feedback-message {
  display: none;
}

@media (max-width: 599px) {
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper {
    padding: 0;
  }

  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-mobile-header {
    display: block;
  }

  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper-feedback-message {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-header.md-steppers-horizontal {
    display: none;
  }

  .md-steppers-mobile-step-text:not(.md-steppers-vertical) md-step-actions {
    background: #f6f6f6 !important;
    color: #202020 !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
  }
}

.md-steppers-header-region {
  position: relative;
}

.md-stepper-feedback-message {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  z-index: 2;
  box-sizing: border-box;
}

.md-steppers {
  position: relative;
}

md-step-body {
  position: relative;
  overflow: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.md-step-body-loading {
  display: none;
}

.md-steppers-has-feedback .md-stepper-feedback-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.md-steppers-has-feedback .md-steppers-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.md-steppers-has-feedback .md-step-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 11;
  opacity: 0.75;
  background-color: white;
}

.md-steppers-has-feedback .md-step-body-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 12;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  max-width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

md-dialog.dtp {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  max-height: none;
  min-width: 300px;
  width: 300px;
}

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dtp *:focus {
  outline: none!important;
}

.dtp table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.dtp .table>tbody>tr>td,
.dtp .table>tbody>tr>th,
.dtp .table>tfoot>tr>td,
.dtp .table>tfoot>tr>th,
.dtp .table>thead>tr>td,
.dtp .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.dtp,
.dtp * {
  box-sizing: border-box!important;
}

.dtp>.dtp-content {
  max-width: 300px;
  max-height: 500px;
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
  background: #689F38;
  color: #fff;
  text-align: center;
}

.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #8BC34A;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.dtp div.dtp-date>div {
  padding: 0;
  margin: 0;
}

.dtp div.dtp-actual-month {
  font-size: 1.5em;
  cursor: pointer;
}

md-menu-content.dtp-month-list {
  background-color: #fff;
}

.dtp div.dtp-actual-num {
  font-size: 2em;
  line-height: .9;
}

.dtp div.dtp-actual-maxtime {
  font-size: 2em;
  line-height: .9;
  color: #dcedc8;
}

.dtp div.dtp-actual-maxtime span.selected {
  color: #fff;
}

.dtp div.dtp-actual-year {
  font-size: 1.6em;
  color: #dcedc8;
  cursor: pointer;
}

md-menu-content.dtp-year-list {
  background-color: #fff;
}

.dtp div.dtp-month-btn {
  font-size: 1.4em;
  line-height: 30px;
  cursor: pointer;
}

.dtp div.dtp-month-btn-prev {
  text-align: right;
}

.dtp div.dtp-month-btn-next {
  text-align: left;
}

.dtp div.dtp-year-btn {
  font-size: 1.4em;
  line-height: 30px;
  cursor: pointer;
  color: #dcedc8;
}

.dtp div.dtp-year-btn-prev {
  text-align: right;
}

.dtp div.dtp-year-btn-next {
  text-align: left;
}

.dtp div.dtp-picker {
  padding: 10px 10px 0;
  text-align: center;
  overflow: hidden;
}

.dtp div.dtp-picker-month,
.dtp div.dtp-actual-time {
  font-size: 1em;
  font-weight: 500;
  text-align: center;
}

.dtp div.dtp-actual-time.p60 span.selected {
  color: #689f38;
}

.dtp .dtp-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 16px;
}

.dtp .dtp-close>a {
  color: #fff;
  text-decoration: none;
}

.dtp .dtp-close>a>i {
  font-size: 1em;
}

.dtp table.dtp-picker-days {
  margin: 0;
  min-height: 260px;
}

.dtp md-virtual-repeat-container.months {
  height: 260px;
}

.dtp table.dtp-picker-days,
.dtp table.dtp-picker-days tr,
.dtp table.dtp-picker-days tr>td {
  border: none;
}

.dtp table.dtp-picker-days tr>td {
  font-size: 12px;
  text-align: center;
  padding: 0;
}

.dtp table.dtp-picker-days tr>td>span.dtp-select-day {
  color: #bdbdbd!important;
}

.dtp table.dtp-picker-days tr>td,
.dtp table.dtp-picker-days tr>td>.dtp-select-day {
  width: 36px;
  height: 36px;
}

.dtp table.dtp-picker-days tr>td>.dtp-select-day {
  display: inline-block;
}

.dtp table.dtp-picker-days tr>td>.dtp-select-day,
.dtp .dtp-picker-time>a {
  color: #212121;
  text-decoration: none;
  padding: 10px;
  border-radius: 50%!important;
}

.dtp table.dtp-picker-days tr>td>a.selected {
  background: #8BC34A;
  color: #fff;
}

.dtp table.dtp-picker-days tr>td>a.selected.hilite {
  padding: 6px;
  font-size: 16px;
  font-weight: 500;
  background: #8BC34A;
  color: #fff;
}

.dtp table.dtp-picker-days tr>td>a.hilite:not(.selected) {
  padding: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #8bc34a;
}

.dtp table.dtp-picker-days tr>td>a:hover:not(.selected) {
  background: #dddddd;
}

.dtp table.dtp-picker-days tr>th {
  color: #757575;
  text-align: center;
  font-weight: 700;
  padding: 2px 3px;
  width: 38px;
  height: 28px;
}

.dtp .p10>a {
  color: #689f38;
  text-decoration: none;
}

.dtp .p10 {
  width: 10%;
  display: inline-block;
}

.dtp .p20 {
  width: 20%;
  display: inline-block;
}

.dtp .p60 {
  width: 60%;
  display: inline-block;
}

.dtp .p80 {
  width: 80%;
  display: inline-block;
}

.dtp div.dtp-picker-datetime {
  padding-bottom: 25px;
}

.dtp span.dtp-actual-meridien {
  font-size: .6em;
}

.dtp div.dtp-actual-meridien {
  height: 20px;
}

.dtp a.dtp-meridien-am,
.dtp a.dtp-meridien-pm {
  position: relative;
  color: #212121;
  font-weight: 500;
  padding: 7px 5px;
  border-radius: 50%!important;
  text-decoration: none;
  background: #eee;
  font-size: 10px;
}

.dtp .dtp-actual-meridien a.selected {
  background: #689F38;
  color: #fff;
}

.dtp .dtp-picker-time>a {
  display: block;
  line-height: 23px;
  padding: 3px;
}

.dtp .dtp-picker-time {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 1.1em;
  border-radius: 50%;
  cursor: pointer;
  text-align: center!important;
}

.dtp .dtp-picker-time>a.dtp-select-hour.selected {
  background: #689F38;
  color: #fff;
}

.dtp .dtp-picker-time>a.dtp-select-hour.disabled,
.dtp .dtp-picker-time>a.dtp-select-minute.disabled {
  color: #757575;
}

.dtp .dtp-picker-time>a.dtp-select-minute.selected {
  background: #8BC34A;
  color: #fff;
}

.dtp div.dtp-picker-clock {
  margin: 10px 20px 0;
  padding: 10px;
  border-radius: 50%!important;
  background: #eee;
  direction: ltr;
  cursor: default;
}

.dtp-clock-center {
  width: 15px;
  height: 15px;
  background: #757575;
  border-radius: 50%;
  position: absolute;
  z-index: 50;
}

.dtp .dtp-hand,
.dtp .dtp-hour-hand {
  position: absolute;
  width: 4px;
  margin-left: -2px;
  background: #BDBDBD;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0);
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 1;
}

.dtp .dtp-minute-hand {
  width: 2px;
  margin-left: -1px;
}

.dtp .dtp-second-hand {
  width: 1px;
  margin-left: -1px;
}

.dtp .dtp-hand.on {
  background: #8BC34A;
}

.dtp .dtp-buttons {
  padding-bottom: 10px;
  text-align: right;
}

.dtp.hidden,
.dtp .hidden {
  display: none;
}

.dtp .invisible {
  visibility: hidden;
}

.dtp .left {
  float: left;
}

.dtp .right {
  float: right;
}

.dtp .clearfix {
  clear: both;
}

.dtp .center {
  text-align: center;
}

[dir=rtl] .dtp div.dtp-year-btn-next,
[dir=rtl] .dtp div.dtp-month-btn-next,
[dir=rtl] .dtp div.dtp-year-btn-prev,
[dir=rtl] .dtp div.dtp-month-btn-prev {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dtp-btn-today,
.dtp-btn-ok,
.dtp-btn-cancel {
  min-width: 70px;
}

.dtp-clear {
  position: absolute;
  top: 0;
  right: -10px;
}

.dtp-no-msclear::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.dtp-btn-calendar {
  position: absolute;
  top: -3px;
  left: -10px;
}

.dtp-input {
  margin-left: 30px;
  max-width: calc(100% - 30px);
}

p {
  margin-bottom: 1em;
}

.heading {
  margin-bottom: 0.618em;
}

.heading.-large,
h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

.heading.-medium,
h2 {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

.heading.-small,
h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 13.33333px;
}

.heading.-smallest {
  font-size: 10px;
  font-weight: bold;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype"),url("../fonts/Roboto-Regular.svg#svgFontName") format("svg");
}

body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  padding: 20px;
  overflow-x: auto;
  overflow-y: hidden !important;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

#app-mobile-mode * {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#app-mobile-mode input,
#app-mobile-mode textarea {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.error-color {
  color: #dd2c00;
}

#app-mobile-mode {
  background-color: #000;
}

md-sidenav p {
  color: #757575;
}

#main-toolbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  color: rgba(0,0,0,0.87);
  z-index: 1;
}

.desktop-global-wrapper {
  min-width: 1024px;
  overflow-x: auto !important;
  overflow-y: hidden;
}

.desktop-global-wrapper-high {
  min-width: 1366px;
  overflow-x: auto !important;
  overflow-y: hidden;
}

.kt-fill {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}

.navbar-version {
  font-size: 10px;
  color: #ccc;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.hero-unit {
  margin: 50px auto 0 auto;
  width: 300px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  background-color: #eee;
  border-radius: 6px;
  padding: 60px;
}

.hero-unit h1 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
}

.error {
  color: white;
  background-color: red;
}

.pad {
  padding: 10px;
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .hipster {
    background: url("../images/hipster2x.png") no-repeat center top;
    background-size: contain;
  }
}

a:hover {
  cursor: pointer;
}

.hand {
  cursor: pointer;
}

#threadDump .popover,
#healthCheck .popover {
  top: inherit;
  display: block;
  font-size: 10px;
  max-width: 1024px;
}

#healthCheck .popover {
  margin-left: -50px;
}

.health-details {
  min-width: 400px;
}

.voffset {
  margin-top: 2px;
}

.voffset1 {
  margin-top: 5px;
}

.voffset2 {
  margin-top: 10px;
}

.voffset3 {
  margin-top: 15px;
}

.voffset4 {
  margin-top: 30px;
}

.voffset5 {
  margin-top: 40px;
}

.voffset6 {
  margin-top: 60px;
}

.voffset7 {
  margin-top: 80px;
}

.voffset8 {
  margin-top: 100px;
}

.voffset9 {
  margin-top: 150px;
}

ul#strength {
  display: inline;
  list-style: none;
  margin: 0;
  margin-left: 15px;
  padding: 0;
  vertical-align: 2px;
}

.point:last {
  margin: 0 !important;
}

.point {
  background: #DDD;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  width: 20px;
}

.alerts .alert {
  text-overflow: ellipsis;
}

.alert pre {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
}

.alert .popover pre {
  font-size: 10px;
}

.alerts .toast {
  position: fixed;
  width: 100%;
}

.alerts .toast.left {
  left: 5px;
}

.alerts .toast.right {
  right: 5px;
}

.alerts .toast.top {
  top: 55px;
}

.alerts .toast.bottom {
  bottom: 55px;
}

.info-msg-point {
  margin: 0px;
  padding: 10px;
  color: rgba(0,0,0,0.54) !important;
  font-size: 0.7em;
  text-align: justify;
  text-justify: inter-word;
  border: 1px;
  border-radius: 25px;
}

@media screen and (min-width: 480px) {
  .alerts .toast {
    width: 50%;
  }
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.width-min {
  width: 1% !important;
}

.flex-btn-group-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.jh-table>tbody>tr>td {
  vertical-align: middle;
}

.box-whiteframe {
  max-width: 450px;
}

.nav-w {
  z-index: 61;
}

@media (min-width: 600px) {
  .nav-w-less {
    z-index: 57;
  }
}

.img-info {
  width: 304px;
  height: 304px;
}

.border-gray {
  border: 1px solid #CCCCCC;
}

.chatm-up-height {
  height: 57px;
}

.left-side-bar {
  max-width: 260px;
  min-width: 260px;
}

.nav-main-img img {
  width: 100%;
  object-fit: contain;
}

.chat-menu {
  background-color: #707DC8;
  height: 30px !important;
}

.info-menu {
  background-color: #707DC8;
  height: 60px !important;
}

.text-wh18 {
  color: white;
  font-size: 18pt;
}

.text-wh14 {
  color: white;
  font-size: 14pt;
}

.text-wh10 {
  color: white;
  font-size: 10pt;
}

.text-wh8 {
  color: white;
  font-size: 8pt;
}

.text-gray12 {
  color: #777777;
  font-size: 12pt;
}

.b-radius {
  border-radius: 5px;
}

.text-detail8 {
  font-size: 8pt;
}

.text-detail10 {
  font-size: 10pt;
}

.img-auto {
  max-width: 100%;
  height: auto;
}

.zero-padding {
  padding: 0px !important;
}

.chat-margin {
  margin: 57px 30px 0px 0px;
}

.chat-all-margin {
  margin: 0px 18px 0px 18px;
}

.card-style {
  margin: 3px !important;
  height: 100px;
  background-color: orange;
}

.input-mg {
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 10px;
  padding: 0px;
}

.txt-left-pad {
  padding-left: 10px;
}

.side-bar-user {
  padding-left: 15px;
  padding-top: 8px;
  color: white;
  font-size: 12pt;
  background-color: #707DC8;
  height: 30px !important;
}

.main-side-size {
  width: 380px;
  max-width: 380px;
  min-width: 380px;
  z-index: 57;
}

.conf-ecosys-menu {
  background-color: #61B2D6;
  min-height: 80px !important;
}

.zero-top-pad {
  padding-top: 0px !important;
}

.zero-bottom-pad {
  padding-bottom: 0px !important;
}

.minw50 {
  width: 60px;
  min-width: 60px;
}

.main-neco-dim {
  min-width: 820px;
  min-height: 650px;
}

.ellipsed,
.ellipsed td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-activated td.md-cell {
  color: #008ec1 !important;
}

.truncate {
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-wrap {
  white-space: nowrap;
}

.cb-margin {
  margin-top: 16px;
}

.margin-left10px {
  margin-left: 10px;
}

.no-border md-select-value {
  border-bottom-color: white !important;
}

.topic-card-margin {
  margin: 20px 70px !important;
}

.rotate-icon {
  opacity: 1;
  transform: rotate(180deg);
}

.list-single-row {
  max-height: 40px;
  min-height: 40px;
}

.list-fill div {
  width: 80% !important;
}

.margin-top15px {
  margin-top: 15px;
}

.font-size13.ng-binding {
  font-size: 13px;
}

.md-18 {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.md-24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.md-36 {
  font-size: 36px;
  width: 36px;
  height: 36px;
}

.md-48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
}

.md-64 {
  font-size: 64px;
  width: 64px;
  height: 64px;
}

.md-128 {
  font-size: 128px;
  width: 128px;
  height: 128px;
}

.md-180 {
  font-size: 180px;
  width: 180px;
  height: 180px;
}

.md-dark {
  color: rgba(0,0,0,0.54) !important;
}

.md-dark.md-inactive {
  color: rgba(0,0,0,0.26) !important;
}

.md-light {
  color: #fff !important;
}

.md-light.md-inactive,
.md-black.md-inactive {
  color: rgba(255,255,255,0.3) !important;
}

.md-black {
  color: rgba(0,0,0,0.87) !important;
}

.kt-round-toolbar {
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px rgba(255,255,255,0.1);
}

.col-width td,
.col-width th {
  max-width: 60px;
}

.label-box {
  border-radius: 5px;
  padding: 6px;
  margin: 5px 0px 10px 0px;
  border: 1px rgba(0,0,0,0.2) solid;
  font-size: 80%;
}

md-toolbar .md-toolbar-tools img.md-avatar,
md-card img.md-avatar,
tr td .md-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 14px;
}

kt-main-nav img.md-avatar {
  margin-left: -7px;
}

md-toolbar .md-toolbar-tools .md-title,
md-card .md-title,
md-list .md-list-item .md-title {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

md-toolbar .md-toolbar-tools .md-subtitle,
md-card .md-subtitle {
  margin-top: 4px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

md-list-item .md-subtitle-es {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}

md-list-item .md-subtitle-es span {
  opacity: 0.7;
  pointer-events: none;
}

md-list-item .mid-padding {
  padding: 10px;
}

md-divider .divider-border {
  border-top-width: 1px;
}

.hide_tag {
  visibility: hidden;
}

.fab-clip-button.md-fab.fab-visible {
  transform: scale(1);
  transition: transform 0.3s linear;
  visibility: visible;
}

.fab-clip-button.md-fab {
  transform: scale(0);
  transition: transform 0.3s linear;
  visibility: hidden;
}

.fade-up-anim {
  transition: 0.3s;
}

.fade-up-anim.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.fade-up-anim.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-up-anim.ng-enter.ng-enter-active {
  opacity: 1;
  transform: none;
}

.fade-up-anim.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.fade-up-anim.ng-leave.ng-leave-active,
.fade-up-anim.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.fade-up-anim.ng-enter.ng-enter-active,
.fade-up-anim.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-left-anim {
  transition: 0.15s;
}

.fade-left-anim.ng-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-left-anim.ng-enter.ng-enter-active {
  opacity: 1;
  transform: none;
}

.fade-left-anim.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim.ng-leave.ng-leave-active,
.fade-left-anim.ng-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim.ng-enter.ng-enter-active,
.fade-left-anim.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-left-anim-info-box {
  transition: 0.3s;
}

.fade-left-anim-info-box.ng-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim-info-box.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-left-anim-info-box.ng-enter.ng-enter-active {
  opacity: 1;
  transform: none;
}

.fade-left-anim-info-box.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim-info-box.ng-leave.ng-leave-active,
.fade-left-anim-info-box.ng-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fade-left-anim-info-box.ng-enter.ng-enter-active,
.fade-left-anim-info-box.ng-leave {
  opacity: 1;
  transform: none;
}

.fade-up-anim-1w {
  transition: 0.3s;
}

.fade-up-anim-1w.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.fade-up-anim-1w.ng-enter.ng-enter-active {
  opacity: 1;
  transform: none;
}

.fade-up-anim-1w.ng-leave {
  display: none;
}

.fade-up-anim-1w.ng-leave.ng-leave-active {
  display: none;
}

md-toast.md-top {
  left: 50%;
  margin-left: -150px;
}

.opacity70 {
  opacity: 0.7;
}

.info-box-top {
  padding-top: 15px;
  padding-bottom: 5px;
}

.info-box-top div {
  padding-left: 0px;
}

.info-box-header {
  padding-top: 10px;
}

.info-box-content {
  overflow-x: hidden;
  margin-top: -73px;
  margin-right: -8px;
}

.avt-no-border img {
  margin: 0px 10px 0px 0px !important;
}

.info-box-toolbar {
  font-size: 12px;
  margin: 17px;
}

.text-infobox-gray {
  color: rgba(0,0,0,0.5);
}

.text-infobox-titles {
  color: rgba(0,0,0,0.3);
}

.user-admin-theme {
  background-color: #66B1D6;
}

md-dialog md-dialog-content h2 {
  font-size: 17px;
  color: #589dc4;
  font-weight: bold;
}

md-dialog md-dialog-content h2 md-icon.md-chatTheme-theme {
  color: #589dc4;
}

.msg-icon md-icon.md-chatTheme-theme {
  color: #999;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

.position-relative {
  position: relative;
}

.info-box-body {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 70px;
  overflow-y: auto;
  overflow-x: hidden;
}

.info-box-noscroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.emoji {
  vertical-align: bottom;
}

.hidden {
  visibility: hidden;
}

.no-focus:focus {
  outline: none;
  border: 0;
}

md-tabs.md-primary md-tabs-wrapper {
  box-shadow: none !important;
}

.md-dialog-container {
  position: fixed;
  top: 0 !important;
  height: 100% !important;
}

.md-dialog-container md-dialog {
  max-height: 100%;
}

#app-mobile-mode.ui-view-container {
  overflow: hidden;
  position: relative;
}

#app-desktop-mode .chat-item-selected {
  background-color: rgba(214,214,214,0.6);
}

.system-notification-container {
  border-radius: 25px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: rgba(126,126,126,0.2);
}

#mobile-view {
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#app-mobile-mode #mobile-view.ng-enter,
#app-mobile-mode #mobile-view.ng-leave {
  transition: transform .25s ease-out;
}

#app-mobile-mode.left-transition #mobile-view.ng-enter {
  z-index: 101;
  transform: translate3d(100%, 0, 0);
}

#app-mobile-mode.left-transition #mobile-view.ng-enter.ng-enter-active {
  transform: translate3d(0, 0, 0);
}

#app-mobile-mode.left-transition #mobile-view.ng-leave {
  z-index: 100;
  transform: translate3d(0, 0, 0);
}

#app-mobile-mode.left-transition #mobile-view.ng-leave.ng-leave-active {
  opacity: 0.9;
  transform: translate3d(-35%, 0, 0);
}

#app-mobile-mode.right-transition #mobile-view.ng-enter {
  z-index: 101;
  transform: translate3d(-100%, 0, 0);
}

#app-mobile-mode.right-transition #mobile-view.ng-enter.ng-enter-active {
  transform: translate3d(0, 0, 0);
}

#app-mobile-mode.right-transition #mobile-view.ng-leave {
  z-index: 100;
  transform: translate3d(0, 0, 0);
}

#app-mobile-mode.right-transition #mobile-view.ng-leave.ng-leave-active {
  opacity: 0.9;
  transform: translate3d(35%, 0, 0);
}

#app-mobile-mode #mobile-view.ng-enter.ng-enter-active .hide-on-transition,
#app-mobile-mode #mobile-view.ng-leave.ng-leave-active .hide-on-transition,
#app-mobile-mode #mobile-view.ng-leave .hide-on-transition,
#app-mobile-mode #mobile-view.ng-enter .hide-on-transition {
  visibility: hidden;
}

.md-toolbar-tools {
  min-height: 64px;
  max-height: 64px;
}

.main-tabs md-tab-item {
  width: 33%;
  padding-left: 8px;
  padding-right: 8px;
}

.main-tabs md-tab-item>span {
  font-size: 0.9em;
}

.main-tabs md-prev-button {
  display: none;
}

.main-tabs md-next-button {
  display: none;
}

.main-tabs .md-paginated {
  margin: 0px;
}

.global-disabler {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.4);
  z-index: 10000000;
}

.global-disabler.mobile {
  background-color: transparent;
}

.global-disabler.mobile.dulled {
  background-color: rgba(255,255,255,0.4);
}

.disabler {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255,255,255,0.25);
  z-index: 10000000;
}

.loading-splash {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000001;
  opacity: 1;
}

.loading-splash {
  transition: 0.30s;
}

.loading-splash.ng-leave {
  opacity: 1;
  transform: none;
}

.loading-splash.ng-enter.ng-enter-active {
  opacity: 1;
  transform: none;
}

.loading-splash.ng-leave.ng-leave-active {
  opacity: 0;
  transform: scale3d(2, 2, 2);
}

.loading-splash.ng-leave.ng-leave-active {
  opacity: 0;
  transform: scale3d(2, 2, 2);
}

.display-none {
  display: none;
}

.kt-back-button {
  border-radius: 100% !important;
}

.kt-back-button:active {
  background-color: #fff !important;
}

.toggle-info-box {
  cursor: pointer;
  outline: none;
  border: 0;
}

.btn-back-margin {
  margin-right: 5px !important;
}

.group-search {
  padding: 5px 0px;
  border: 0px solid;
  outline-width: 0;
}

.min-list {
  min-height: 40px;
  height: 40px;
}

md-list-item[disabled] {
  opacity: 0.7;
}

.info-box-chat-box {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff !important;
}

.chat-box-modal {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff !important;
}

.media-box-modal {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff !important;
}

.media-box-modal {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff !important;
}

.kt-settings .ellipsed-cell {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.break-line {
  word-break: break-all;
}

@media screen {
  .dialog-edit {
    border: none;
    resize: none;
    margin-left: 14px;
    margin-top: 5px;
  }
}

.collapsible-sidenav {
  width: 320px;
  transition: 0.3s;
}

.collapsible-sidenav.collapsed {
  width: 58px;
}

.collapsible-sidenav.collapsed .nav-body {
  width: 80px;
}

.mini-admin-logo {
  width: 48px;
  margin-left: -11px;
  margin-right: -11px;
  padding-top: 3px;
}

.admin-nav-pin svg {
  fill: #bbb;
}

.admin-nav-pin.pinned svg {
  fill: #008EC1;
}

.item-selected {
  background-color: #CDF1FF;
}

.workflow-log-failed {
  background-color: #D32F2F;
}

.workflow-log-completed {
  background-color: #4CAF50;
}

.workflow-log-running {
  background-color: #FFC107;
  animation: blinker 1s linear infinite;
}

.workflow-log-terminated {
  background-color: #9E9E9E;
}

.disabled {
  background-color: red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

md-input-container.md-block.user-search-input-field {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 70%;
  margin-top: 2px;
}

.user-topic-label-box {
  background-color: #eae8e8;
  border-radius: 25px;
  padding: 6px;
  margin-left: 7px;
  font-size: 80%;
}

.user-topic-dialog-style {
  min-height: 95vh;
  max-height: 95vh;
  height: 95vh;
}

.system-event-notification-box {
  border-radius: 20px;
  background: rgba(158,158,158,0.5);
  display: inline-block;
}

.system-event-notification-content {
  padding: 5px;
  margin-left: 5px;
}

.chat-list-item-long-text-handler {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

audio::-internal-media-controls-download-button {
  display: none;
}

audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}

audio::-webkit-media-controls-panel {
  width: calc(100% + 33px);
}

video {
  object-fit: fill;
}

md-progress-linear.md-chatTheme-theme .md-container {
  background-color: rgba(2,142,193,0.3) !important;
}

.button-disable-shadow {
  box-shadow: none !important;
}

.button-disable-shadow.md-button.md-chatTheme-theme.md-fab:not([disabled]).md-focused {
  background-color: #0098C3 !important;
}

.button-disable-shadow.md-button.md-chatTheme-theme.md-fab:hover {
  background-color: #0098C3 !important;
}

.chart {
  height: 500px;
  width: 500px;
  margin: 5px;
  margin: 5px auto;
  border: 3px solid #DDD;
  border-radius: 3px;
}

.node {
  color: #9CB5ED;
  border: 2px solid #C8C8C8;
  border-radius: 3px;
}

.node p {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  padding: 3px;
  margin: 0;
}

.dtp table.dtp-picker-days tr>td>a.selected,
.jnj-departments-card .dtp table.dtp-picker-days tr>td>a.selected.hilite,
.jnj-departments-card .dtp div.dtp-date,
.jnj-departments-card .dtp div.dtp-time,
.jnj-departments-card .dtp .dtp-hand.on,
.jnj-departments-card .dtp .dtp-actual-meridien a.selected,
.jnj-departments-card .dtp .dtp-picker-time>a.dtp-select-hour.selected {
  background: #008EC1;
}

.dtp table.dtp-picker-days tr>td>a.hilite:not(.selected),
.jnj-departments-card .dtp div.dtp-actual-time.p60 span.selected {
  color: #008EC1;
}

.dtp div.dtp-year-btn,
.jnj-departments-card .dtp div.dtp-actual-year,
.jnj-departments-card .dtp div.dtp-actual-maxtime {
  color: #d0f0f0;
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
  background: #008EC1;
}

.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #008EC1;
}

md-menu-content.dtp-month-list {
  background-color: #008EC1;
  color: #ffffff;
}

md-menu-content.dtp-month-list span {
  color: #ffffff;
}

md-menu-content.dtp-year-list {
  background-color: #008EC1;
}
.rmc {
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 3px;
  box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  padding: 8px;
  margin: 8px;
  font-family: sans-serif;
  color: rgba(0,0,0,0.6);
  background-color: #fff;
  min-width: 300px;
}

.rmc .row {
  display: -ms-flexbox;
  display: flex;
}

.rmc .col {
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 48em) {
  .rmc .row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .rmc .col {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

@media (min-width: 48em) {
  .rmc .col-tenth {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
  }

  .rmc .col-fifth {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }

  .rmc .col-quarter {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }

  .rmc .col-third {
    -ms-flex: 0 0 33.3333334%;
    flex: 0 0 33.3333334%;
  }

  .rmc .col-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.rmc input[type="text"] {
  min-height: 36px;
  white-space: nowrap;
  min-width: 200px;
  border-radius: 3px;
  border: 1px rgba(0,0,0,0.3) solid;
  padding: 0 6px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: -6px;
}

@media (max-width: 48em) {
  .rmc input[type="text"] {
    margin-top: 8px;
  }
}

.rmc table {
  width: 100%;
  border-collapse: collapse;
}

.rmc tr {
  border-bottom: 1px solid #ccc;
}

.rmc td,
.rmc th {
  font-size: 12px;
  height: 25px;
  text-align: left;
  padding: 8px 8px 8px 0px;
}

.rmc .ellipsed {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rmc h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  vertical-align: top;
  padding-top: 8px;
  padding-left: 12px;
  font-weight: normal;
  margin: 0;
}

.rmc h2 {
  font-size: 12px;
  font-weight: normal;
  padding: 0px 12px;
  opacity: 0.6;
  margin: 0;
}

.rmc ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.rmc ul li {
  margin: 4px;
  padding: 4px;
}

.rmc table.baseline-align td {
  vertical-align: baseline;
}

.rmc button {
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  min-height: 36px;
  white-space: nowrap;
  min-width: 88px;
  border-radius: 3px;
  padding: 0 6px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;
  background-color: #519AF7;
  color: white;
}

.rmc button:disabled {
  opacity: 0.4;
}

.rmc button.on-right {
  float: right;
}

.rmc .text-center {
  text-align: center;
}

.rmc .clear-both {
  clear: both;
}

.rmc .body {
  padding: 12px;
}

.rmc .footer {
  padding: 12px;
  font-size: 13px;
  min-height: 40px;
}

.rmc .quote {
  font-size: 13px;
  margin: 18px 2px;
  opacity: 0.8;
}

.rmc .bold {
  font-weight: bold;
}

.rmc .medium-font {
  font-size: 19;
}

.rmc .big-font {
  font-size: 22px;
}

.rmc .inline {
  display: inline-block;
}

.rmc .align-right {
  text-align: right;
}

.rmc .section {
  margin: -9px;
  padding: 8px 8px;
}

.rmc .section.first {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rmc .section.last {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.rmc .secondary-text {
  opacity: 0.6;
}

.rmc .icon {
  width: 21px;
  height: 21px;
  margin-bottom: -3px;
}

.rmc .small-icon {
  width: 21px;
  height: 21px;
  margin-bottom: -3px;
}

.rmc .big-icon {
  width: 13em;
  height: 13em;
  margin: 0.8em;
}

.rmc .footer .icon {
  width: 21px;
  height: 21px;
  margin-bottom: -6px;
}

.rmc.critical .icon path,
.rmc.ok .icon path,
.rmc .critical .icon path,
.rmc .ok .icon path {
  fill: #fff;
}

.rmc.critical,
.rmc .critical,
.rmc .sub-frame.critical {
  background-color: #e21f3f;
  color: #fff;
}

.rmc.warning,
.rmc .warning,
.rmc .sub-frame.warning {
  background-color: #FBBF45;
  color: #fff;
}

.rmc.ok,
.rmc .ok,
.rmc .sub-frame.ok {
  background-color: #03C383;
  color: #fff;
}

.rmc .critical table,
.rmc .rmc.critical table {
  color: #fff;
}

.rmc.warning table,
.rmc .warning table {
  color: rgba(0,0,0,0.6);
}

.rmc.ok table,
.rmc .ok table {
  color: #fff;
}

.rmc .sub-frame {
  border-radius: 4px;
  margin: 12px;
  background-color: rgba(0,0,0,0.15);
}

.rmc.critical .sub-frame {
  background-color: rgba(0,0,0,0.15);
}

.rmc.warning .sub-frame {
  background-color: rgba(255,255,255,0.4);
}

kt-rmc-container {
  zoom: 0.8;
  min-width: 350px;
  display: block;
}

kt-rmc-container table {
  width: 100%;
  border-collapse: collapse;
}

kt-rmc-container tr {
  border-bottom: 1px solid #ccc;
}

kt-rmc-container td,
kt-rmc-container th {
  font-size: 12px;
  height: 25px;
  text-align: left;
  padding: 8px 8px 8px 0px;
}

kt-rmc-container td .icon,
kt-rmc-container th .icon {
  width: 21px;
  height: 21px;
  margin-bottom: -3px;
}

kt-rmc-container td .small-icon,
kt-rmc-container th .small-icon {
  width: 21px;
  height: 21px;
  margin-bottom: -3px;
}

kt-rmc-container td .big-icon,
kt-rmc-container th .big-icon {
  width: 13em;
  height: 13em;
  margin: 0.8em;
}

kt-rmc-container.rmc-in-dialog {
  zoom: 1.0;
}

.rmc-section.defualt {
  background-color: transparent;
  color: #000000;
  fill: #000000;
}

.rmc-section.defualt svg {
  fill: #000000;
}

.rmc-section.error {
  background-color: #EE5B19;
  color: #ffffff;
  fill: #ffffff;
}

.rmc-section.warning {
  background-color: #EF8511;
  color: #ffffff;
  fill: #ffffff;
}

.rmc-section.notice {
  background-color: #39C102;
  color: #ffffff;
  fill: #ffffff;
}

.rmc-section.info {
  background-color: #5FB6BF;
  color: #ffffff;
  fill: #ffffff;
}

.rmc-section.ok {
  background-color: #39C102;
  color: #ffffff;
  fill: #ffffff;
}

.rmc-section md-card-avatar {
  width: 20px;
  height: 20px;
}

.rmc-section md-card-header {
  max-height: 20px;
}

.rmc-section md-card-header-text .md-headline {
  font-size: 20px;
  line-height: 20px;
}

.rmc-section .rmc-body {
  padding: 8px;
}

.rmc-section .rmc-actions {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.attachment-bottom-sheet .attach-btn.camera {
  background-color: #0098C3;
}

.attachment-bottom-sheet .attach-btn.video {
  background-color: #E72582;
}

.attachment-bottom-sheet .attach-btn.audio {
  background-color: #8F23B3;
}

.attachment-bottom-sheet .attach-btn.file {
  background-color: #8C942D;
}

.attachment-bottom-sheet .attach-btn.gallery {
  background-color: #D47600;
}

.attachment-bottom-sheet .attach-btn.close {
  background-color: #868586;
}

.attachment-bottom-sheet .attach-btn.disabled {
  background-color: #868586;
}
.my-card {
  overflow: hidden;
}

.my-card span {
  font-size: 14px;
}

.my-card .card-close {
  border-radius: 3px;
}

.my-card .arrow {
  transition: all 500ms ease;
}

.my-card .rotate-arrow {
  opacity: 1;
  transform: rotate(180deg);
}

.my-card .hide-scrollbar {
  overflow: hidden;
}

.my-card .animate-show.ng-hide-add,
.my-card .animate-show.ng-hide-remove {
  transition: all linear 0.3s;
  height: 97px;
}

.my-card .animate-show.ng-hide {
  height: 0;
  opacity: 0;
}

.my-card .card-close:hover {
  cursor: pointer;
}

.my-card .kt-round-toolbar:hover {
  cursor: pointer;
}
.chat-background {
  background-image: url("../images/KT_bg.png");
}

.chat-view .paginator-loader {
  display: inline-block;
  background-color: #fff;
  padding: 2px;
  border-radius: 50%;
}

.messages-preloader-wrapper {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 16px;
}

.message-container md-icon.message-footer-icon {
  vertical-align: middle;
  display: inline-block;
  color: rgba(0,0,0,0.2);
}

.message-container md-icon.message-footer-icon svg {
  max-width: 16px;
  max-height: 16px;
  margin-top: 3px;
  margin-left: 5px;
}

.message-container .quoted-message .message-content-wrapper {
  background-color: transparent !important;
}

.message-container .quoted-message .message-body {
  background-color: transparent !important;
}

.message-container .quoted-message .message-text-body-wrapper {
  padding: 4px 0;
}

.message-container.river-wrapper {
  position: relative;
}

.message-container.river-wrapper .with-card .first-message-border {
  height: 4px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.message-container.river-wrapper .with-card>.message-content-wrapper {
  border-radius: 3px !important;
}

.message-container.river-wrapper kt-avatar img {
  border: 3px solid;
}

.message-container.river-wrapper .message-content-wrapper {
  max-width: 900px;
  width: 98%;
}

.message-container.river-wrapper .message-card {
  width: 100%;
}

.message-container .sub-message:focus {
  outline: none;
  border: 0;
}

.message-container .sub-message:hover {
  background-color: rgba(0,0,0,0.05);
}

.message-container .message-image-attachment-wrapper {
  height: 12em;
  min-width: 15em;
  background-size: cover;
  border-radius: 8px;
  position: relative;
}

.message-container .message-body {
  display: inline-block;
  border-radius: 8px;
}

.message-container .message-body-with-rmc {
  background-color: transparent !important;
  border: none !important;
}

.message-container .attached-rmc-wrapper {
  margin-left: -6px;
}

.message-container .message-text-body-wrapper {
  max-width: 360px;
  font-size: 0.8em;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 8px;
}

.message-container .quoted-messages-wrapper {
  border-left: 4px solid #65AEBC;
  margin-top: 12px;
  padding-left: 8px;
  margin-left: 8px;
}

.message-container .quoted-messages-wrapper .sender-header {
  font-size: 14px;
  margin: 6px 7px 0px 0px !important;
}

.message-container .quoted-messages-wrapper .message-image-attachment-wrapper {
  height: 11em;
  width: 14em;
  margin-right: 8px;
}

.message-container .topic-label-wrapper {
  margin: 8px 8px 0px 8px;
}

.message-container .topic-label-wrapper .topic-label {
  display: inline-block;
  color: #fff;
  font-size: 0.7em;
  margin: 2px;
  padding: 4px;
  border-radius: 2px;
}

.message-container .topic-label-wrapper a {
  color: #757575;
  font-size: 0.7em;
}

.message-container .message-row {
  border-left: 4px solid rgba(0,0,0,0);
  border-right: 4px solid rgba(0,0,0,0);
  position: relative;
}

.message-container kt-attachment-message md-list {
  padding: 0px 12px 0px 12px;
}

.message-container kt-attachment-message md-list-item {
  padding: 0px 4px;
}

.message-container kt-attachment-message md-list-item .md-list-item-text.ellipsed h3,
.message-container kt-attachment-message md-list-item .md-list-item-text.ellipsed p {
  font-size: 13px;
}

.message-container md-card-content.message-content {
  padding: 0px;
  z-index: 1;
}

.message-container .sender-header {
  font-size: 14px;
  margin: 6px 7px 0px 7px;
}

.message-container .message-content-wrapper {
  width: 100%;
  max-width: 390px;
  position: relative;
}

.message-container kt-avatar img {
  width: 32px;
  height: 32px;
  margin-bottom: 9px;
  margin-right: 4px;
  background-color: #fff;
}

.message-container .message-card {
  background-color: transparent;
  box-shadow: none;
  margin: 2px 4px;
}

.message-container .message-card .with-card>.message-content-wrapper {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
  border: solid 1px rgba(50,50,50,0.15);
}

.message-container .message-card.message-mine .with-card>.message-content-wrapper {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.message-container .message-card .without-card>.message-content-wrapper {
  background-color: transparent !important;
}

.message-container .message-card .without-card .message-body {
  border: solid 1px rgba(50,50,50,0.25);
}

.message-container .message-card .with-card kt-avatar img {
  margin-bottom: -2px;
}

.message-container .message-card.sender-changed {
  margin-top: 8px;
}

.message-container .message-card.sender-changed .with-card>.message-content-wrapper {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
  border: solid 1px rgba(50,50,50,0.15);
}

.message-container .message-card.sender-changed.message-mine .with-card>.message-content-wrapper {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.go-bottom-button {
  bottom: 80px !important;
}

.bot-help-button {
  width: 48px !important;
  height: 24px !important;
}

.bot-help-button img {
  width: 40px;
  height: 24px;
}

.chat-wrapper {
  background-color: transparent !important;
  position: relative;
}

.chat-wrapper .river-timeline-ball {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 17px;
  top: 8px;
}

@media screen and (min-width: 480px) {
  .chat-wrapper .message-row:hover {
    background-color: rgba(0,0,0,0.05);
  }

  .chat-wrapper .message-row-selected:hover {
    background-color: rgba(91,193,38,0.4);
  }
}

.chat-wrapper .message-row-selected {
  background-color: rgba(91,193,38,0.3);
  border-left: 4px solid #5bc126;
  margin-left: 0px;
}

.river-time-line {
  position: absolute;
  width: 0px;
  border-left: 4px solid;
  top: 0;
  bottom: -10px;
  left: 25px;
  z-index: 0;
  display: block;
}

.river-time-line.dashed-line {
  border-left-style: dashed;
  bottom: 0px;
}

.river-time-line.first-line {
  top: 76px;
}

.plus-button-attachment {
  pointer-events: none;
}

.plus-button-attachment md-icon {
  fill: grey;
}

.chat-input-wrapper {
  margin: 0px;
  padding-bottom: 16px;
  height: 68px;
  overflow: hidden;
}

.chat-input-wrapper .message-input-action-wrapper {
  margin-bottom: -8px;
}

.chat-input-wrapper .message-input-textarea-wrapper {
  margin-right: 16px;
}

.chat-input-wrapper textarea {
  width: 100%;
  max-height: 88px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  resize: none;
}

.chat-input-wrapper textarea:focus {
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  border-bottom-color: #cecece !important;
}

md-content.attachment-list-container {
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
}

md-content.attachment-list-container .attachment-list-body {
  margin: 6px;
  padding-left: 12px;
  color: #646464;
  font-size: 13px;
}

md-content.attachment-list-container .attachment-list-body svg {
  margin-bottom: 2px;
  margin-right: 8px;
  height: 16px;
  width: 16px;
}

.chat-actions-wrapper {
  padding: 0px 8px;
  height: 59px;
  overflow: hidden;
  z-index: 1;
}

.chat-actions-wrapper .action-selector-content {
  padding-top: 4px;
}

.chat-actions-wrapper .action-selector-content md-icon {
  height: 36px;
  width: 36px;
}

.chat-actions-wrapper .action-selector-content .md-button.md-icon-button {
  width: 50px;
  height: 50px;
}

.system-message-wrapper {
  padding: 6px 12px;
  margin: 8px;
  border-radius: 26px;
  font-size: 13px;
}

.message-date-wrapper {
  font-size: 0.7em;
  color: rgba(0,0,0,0.45);
  margin: 0;
}

.share-button {
  display: inline-block;
  background-color: rgba(0,0,0,0.25);
  color: #fff;
  font-size: 0.8em;
  padding: 2px 30px;
  margin-left: 0px;
  margin-right: 4px;
  border-radius: 4px;
}

.chat-input-wrapper md-input-container.md-has-icon>label {
  left: 0;
  right: 0;
}

md-input-container.md-has-icon:not(.md-icon-right)>label,
md-input-container.md-icon-both>label {
  left: 36px;
  right: auto;
}

md-input-container.md-icon-right:not(.md-icon-both) {
  padding-right: 36px;
  padding-left: 0;
}

md-input-container.md-icon-both {
  padding-left: 36px;
  padding-right: 36px;
}

md-input-container.md-icon-right .md-errors-spacer+md-icon,
md-input-container.md-icon-both .md-errors-spacer+md-icon {
  margin: 0;
  right: 2px;
  left: auto;
}

.sticked {
  top: 0;
  z-index: 9;
}

.stickable {
  position: relative;
}

.sticky-header {
  height: 0;
  opacity: 0.85;
  z-index: 1;
}

md-card.pinned-message-wrapper {
  border-radius: 7px;
  box-shadow: none;
  margin-bottom: 0;
}

.pinned-data-container {
  background-color: rgba(224,224,224,0.4);
  padding: 5px;
  border-radius: 15px;
}

.full-view-data-container {
  margin-top: 30px;
}

.pinned-text-wrapper {
  word-break: break-word;
  padding: 15px;
}

.full-view {
  overflow-y: auto;
}

.pinned-message-wrapper {
  background-color: white;
  position: relative;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.pinned-message-wrapper.expanded {
  min-height: 52px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.pinned-message-wrapper.flex-100 {
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.pinned-message-wrapper.collapsed {
  max-height: 52px;
  min-height: 52px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.border-fade {
  height: 15px;
  width: 99%;
  background-image: url("../images/BorderFade.png");
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.total-wait-time {
  font-size: 20px;
  font-weight: bolder;
  margin-top: 26px;
  margin-right: 22px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table.custom-table-with-padding-zeroed th,
table.custom-table-with-padding-zeroed td {
  text-align: center !important;
  padding: 0 !important;
}

md-card.zambon-incoming-request-card {
  border-radius: 6px;
  box-shadow: none;
  padding: 14px;
  max-width: 350px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}

md-card.zambon-incoming-request-card .incoming-card-headers {
  margin: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

md-card.zambon-incoming-request-card .incoming-card-subheader {
  color: #707070;
}

md-card.zambon-incoming-request-card .incoming-card-warning-message {
  color: #d84153;
  margin: 0;
}

md-card.zambon-incoming-request-card .card-on-click-details-container {
  margin-top: -10px;
  margin-left: 10px;
  transition: opacity ease-in-out 0.3s;
}

md-card.zambon-incoming-request-card .card-on-click-details-container .card-details {
  margin: 0;
  font-weight: lighter;
}

md-card.zambon-incoming-request-card .card-on-click-details-container .task-description {
  color: #9E9E9E;
}

md-card.zambon-incoming-request-card .card-on-click-details-container.ng-enter,
md-card.zambon-incoming-request-card .card-on-click-details-container.ng-leave.ng-leave-active {
  opacity: 0;
}

md-card.zambon-incoming-request-card .card-on-click-details-container.ng-leave,
md-card.zambon-incoming-request-card .card-on-click-details-container.ng-enter.ng-enter-active {
  opacity: 1;
}

md-card.zambon-incoming-request-card .incoming-card-interaction-buttons {
  white-space: normal;
}

.time-passing {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.event-message-sent-from-bot {
  background-color: #20a391;
  color: white;
  padding: 13px;
  border-radius: 0px 25px 25px 25px;
}
.chat-date-wrapper {
  font-size: 11px;
  color: #999;
  white-space: nowrap;
  margin-top: -12px;
}

.chat-info-fader {
  box-shadow: -3px 0 16px 4px #FFFCFC;
}

.unread-messages-wrapper {
  background-color: #0098c3;
  border-radius: 50%;
  color: white;
  font: lighter 15px/13px Roboto;
  height: 16px;
  min-width: 16px;
  padding: 4px 3px 0 3px;
  text-align: center;
}

.pinned-messages-wrapper md-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  fill: white;
  margin-top: -12px;
}

.user-disabled {
  opacity: 0.5;
}

.chatlist-loading-spinner-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50%;
}

.chat-list-item-conversation-type {
  border-right: 3px solid #0098c3;
}

.chat-list-item-circle {
  width: 40px;
  height: 40px;
  background-color: #F7F7F7;
  border-radius: 50%;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  vertical-align: middle;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  box-sizing: content-box;
}

.chat-list-item-conversation-title {
  color: #4b4b4b;
}

.chat-list-item-title-icon {
  margin-left: 1px;
  margin-right: 5px;
  fill: #4b4b4b;
}

.chat-list-item-date-field {
  color: #333333;
}

.chat-list-item-messages-counter {
  background-color: #0098c3;
}

.chat-list-message-container {
  margin-left: 5px;
}

.chat-list-item-message-field {
  -ms-flex-align: center;
  align-items: center;
  color: #b4b3b3 !important;
}

.chat-list-system-message {
  background-color: #d2cfcf;
  color: #4b4b4b;
  display: inline-block;
  border-radius: 25px;
}

.chat-list-system-event span md-icon {
  fill: #0098c3;
  height: 16px;
  width: 16px;
}

.chat-list-group-chat-sender-name {
  color: #8e8e8e !important;
  font-weight: bold !important;
}

.pinned-conversation {
  background-color: #f5f5f5;
}
.dlg-ecosys-user-edit {
  min-height: 800px;
  height: 800px;
  max-height: 800px;
}

.dlg-ecosys-user-edit .header-divider {
  opacity: 0.6;
  background-color: #008ec1;
}

.dlg-ecosys-user-edit .fixed-table-heigth-contact {
  min-height: 463px;
  height: 463px;
  max-height: 463px;
}

.dlg-ecosys-user-edit .fixed-table-heigth-addedd {
  min-height: 544px;
  height: 544px;
  max-height: 544px;
}
.fav-message-text-body-wrapper {
  max-width: 90%;
  font-size: 14px;
  margin-top: 14px;
  word-wrap: break-word;
}
.infobox .infobox-image {
  position: relative;
}

.infobox .infobox-image .infobox-image-button {
  position: absolute;
  bottom: 4px;
  width: 100%;
  opacity: 0.9;
}

.infobox .infobox-image .infobox-image-button button {
  margin: 0;
}
@media (max-width: 600px) {
  .media-carousel-box .rn-carousel-control {
    display: none;
  }

  .media-carousel-box:hover .rn-carousel-control {
    display: none;
  }
}

@media (min-width: 600px) {
  .media-carousel-box .rn-carousel-control {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    padding: 20px;
    background-color: rgba(50,50,50,0.5);
    color: #fff;
    border-radius: 8px;
  }

  .media-carousel-box:hover .rn-carousel-control {
    visibility: visible;
    transition: visibility 0s, opacity 0.5s linear;
    opacity: 1;
    display: block;
  }
}

.media-carousel-box .carousel-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.media-carousel-box .carousel-image-container {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.media-tile-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.media-tile {
  background-size: cover;
}
.list-item-header .md-subheader-inner {
  color: white;
  margin: 0;
  padding: 8px !important;
  padding-left: 16px;
}

.list-item-header .md-subheader-inner .md-subheader-content {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.rmc-preview-container {
  background-image: url("../images/KT_bg.png");
}

.rmc-component-placeholder {
  background-color: #ddd;
  padding: 8px;
  cursor: pointer;
}

.rmc-component-placeholder:hover {
  background-color: #e5e5e5;
}
md-toolbar.mobile-navbar.md-chatTheme-theme:not(.md-menu-toolbar) md-icon {
  color: #757575;
}

.md-button.mobile-hamburger-menu {
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 12;
}

md-tabs.md-primary md-ink-bar {
  color: #fff;
  background: #fff;
}

md-tabs.md-primary md-tabs-wrapper {
  border: 0px solid rgba(0,0,0,0);
  box-shadow: 0px 2px 9px rgba(0,0,0,0.3);
  z-index: 1;
}

md-tabs.md-primary md-tabs-wrapper md-icon {
  color: rgba(255,255,255,0.4);
}

md-card.input-card-desktop-mode {
  background-color: #eeeeee;
  box-shadow: none;
  margin: 7px 7px 7px 7px;
  transition: 0.3s;
}

md-card.input-card-desktop-mode:focus-within {
  background-color: #fafafa;
  transition: 0.3s;
}

md-card.input-card-desktop-mode:focus-within .on-focus-style {
  stroke: #64b5f6;
}

md-card.input-card-mobile-mode {
  box-shadow: none;
  margin: 7px 7px 7px 7px;
  border-radius: 4px;
}

.search-input-field {
  background-color: transparent;
  border: none;
}

.search-input-field:focus {
  outline: none;
}

input.search-input-field:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px #fafafa;
}

.mobile-mode-search-input-icons {
  fill: #757575;
}
.dlg-topic-edit {
  min-height: 800px;
  height: 800px;
  max-height: 800px;
}

.dlg-topic-edit .fixed-table-heigth-tall {
  min-height: 542px;
  height: 542px;
  max-height: 542px;
}

.dlg-topic-edit .fixed-table-heigth-min {
  min-height: 463px;
  height: 463px;
  max-height: 463px;
}
.error-card {
  margin: 0;
  padding: 16px;
  background-color: #eee;
}

.error-card .close-button {
  color: #e21f3f;
  float: right;
}

.error-card .close-button * {
  color: #e21f3f;
}
.search_field_dialog {
  height: 35px;
  display: inline-block;
  border: 1px solid #EAEAEA;
  background-color: #FFFFFF;
  border-radius: 3px;
}

.search_field_dialog input {
  outline: none;
  border: none;
  padding: 2px;
}
.wf-instances-table th,
.wf-instances-table td {
  padding: 0px 16px !important;
}

.pick-mode .brick-item-wrapper .clip-brick-button {
  visibility: hidden !important;
}

.hide-brick-move-controls-deep .move-brick-button {
  display: none !important;
}

.brick-field-divider {
  margin-top: 6px;
  margin-bottom: 16px;
}

.brick-field-value {
  font-size: 14px;
}

.brick-field-value md-icon {
  min-width: 18px !important;
  min-height: 18px !important;
  width: 18px !important;
  height: 18px !important;
}

.brick-field-caption {
  font-weight: bold;
  font-size: 14px;
}

.hide-brick-move-controls>.move-brick-button {
  display: none !important;
}

.workflow-maker {
  background-image: url("../images/KT_bg.png");
  padding: 12px;
}

.workflow-maker h1,
.workflow-maker h2 {
  margin: 0;
}

.workflow-maker .brick-item-wrapper {
  position: relative;
}

.workflow-maker .brick-item-wrapper .clip-brick-button {
  position: absolute;
  left: 18px;
  visibility: hidden;
}

.workflow-maker .brick-item-wrapper .clip-brick-button md-icon {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #1f8de2;
}

.workflow-maker .brick-item-wrapper .clip-brick-button md-icon svg {
  fill: #1f8de2;
}

.workflow-maker .brick-item-wrapper .move-brick-button md-icon {
  visibility: visible;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ED0345;
}

.workflow-maker .brick-item-wrapper .move-brick-button md-icon svg {
  fill: #ED0345;
}

.workflow-maker .brick-item-wrapper .brick-timeline {
  border-left: 3px #aaa solid;
  left: 40px;
  right: 0;
  height: 40px;
  margin: -7px 43px;
}

.workflow-maker .brick-item-wrapper .brick-timeline:hover .clip-brick-button {
  visibility: visible;
}

.workflow-maker .brick-item-wrapper .brick-timeline.indent {
  margin-left: 83px;
}

.workflow-maker .brick-item-wrapper .brick-timeline.indent>.clip-brick-button {
  margin-left: 46px;
}

.workflow-maker .brick-item-wrapper .brick-timeline.first .clip-brick-button {
  visibility: visible;
}

.workflow-maker .brick-indent {
  padding-left: 40px;
}

.workflow-maker .selected-brick md-list-item {
  background-color: #1f8de2 !important;
}

.workflow-maker .selected-brick md-list-item h3,
.workflow-maker .selected-brick md-list-item h4,
.workflow-maker .selected-brick md-list-item p {
  color: #fff !important;
}

.workflow-maker .selected-brick md-list-item .brick-icon {
  background-color: #fff;
}

.workflow-maker .selected-brick md-list-item .brick-icon svg {
  fill: #1f8de2;
}

.workflow-maker .selected-brick button md-icon svg {
  fill: #fff !important;
}

.brick-icon svg {
  fill: #fff;
}

.brick-input-parameter-wrapper {
  margin: 0 -16px 0px -16px;
  padding: 14px 13px 0px 13px;
}

.brick-input-parameter-wrapper .md-resize-wrapper {
  width: 100%;
}

.brick-input-parameter-wrapper .md-resize-wrapper textarea {
  width: 100%;
}

.brick-input-parameter-wrapper .parameter-separator {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-left: -16px;
  margin-right: -16px;
}

.brick-input-parameter-wrapper.brick-input-parameter-highlighted {
  background-color: #1f8de2;
}

.brick-input-parameter-wrapper.brick-input-parameter-highlighted * {
  color: white !important;
  border-color: white !important;
}

.brick-parameter-type-wrapper {
  position: absolute;
  right: 26px;
  top: 20px;
  font-weight: bold;
  font-size: 12px;
}

.blue-highlight {
  color: #66b3cf;
}

.brick-icon-wrapper .brick-icon.start-brick {
  background-color: #55c377;
}

.brick-icon-wrapper .brick-icon.logic-brick {
  background-color: #66b3cf;
}

.brick-icon-wrapper .brick-icon.action-brick {
  background-color: #c02942;
}

.brick-icon-wrapper .brick-icon.end-brick {
  background-color: #55c377;
}

.brick-icon-wrapper .brick-icon.wait-brick {
  background-color: #FF9000;
}

kt-brick.rounded-corners md-card,
kt-brick.rounded-corners md-content,
kt-brick.rounded-corners button.md-no-style.md-button {
  border-radius: 38px;
}

.brick-spawn-anim {
  transition: 0.3s;
}

.brick-spawn-anim.ng-enter {
  opacity: 0;
  height: 0;
}

.brick-spawn-anim.ng-leave {
  opacity: 1;
  height: 137px;
}

.brick-spawn-anim.ng-enter.ng-enter-active {
  opacity: 1;
  height: 137px;
}

.brick-spawn-anim.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
}

.brick-spawn-anim.ng-leave.ng-leave-active,
.brick-spawn-anim.ng-enter {
  opacity: 0;
  height: 0;
}

.brick-spawn-anim.ng-enter.ng-enter-active,
.brick-spawn-anim.ng-leave {
  opacity: 1;
  height: 137px;
}

@keyframes pulse-anim {
  to {
    transform: scale(1.15);
  }
}

.pulse {
  animation: pulse-anim .35s infinite alternate;
  transform-origin: center;
}

.parameter-validation-result {
  font-size: 12px;
  padding-bottom: 12px;
  padding-left: 2px;
  margin-top: 4px;
}

.parameter-helper-wrapper {
  background-color: rgba(0,0,0,0.08);
  border-radius: 8px;
}

.parameter-helper-wrapper .md-subheader {
  background-color: transparent;
}

.json-editor-wrapper .jsoneditor-menu {
  display: none;
}

.json-editor-wrapper .jsoneditor {
  border: #ddd solid 1px;
}

.cron-select-wrap {
  margin-bottom: 6px;
}
.login-wrapper.login-bgd-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  max-height: 100%;
  overflow: hidden;
}

.login-wrapper.login-bgd-image .bg-shadow {
  background: rgba(38,140,193,0.58);
}

.login-wrapper.login-bgd-image .reset-page-background {
  background-color: #fff !important;
}

.login-wrapper.login-bgd-image .ui-login-container {
  max-width: 450px;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
}

.login-wrapper.login-bgd-image .activation-code-form {
  display: block;
  margin-top: 12px;
}

.login-wrapper.login-bgd-image md-input-container.md-block.username-login-field label,
.login-wrapper.login-bgd-image md-input-container.password-login-field label,
.login-wrapper.login-bgd-image md-input-container.activation-code-area label,
.login-wrapper.login-bgd-image md-input-container.md-block.username-login-field .md-input,
.login-wrapper.login-bgd-image md-input-container.md-block.password-login-field .md-input,
.login-wrapper.login-bgd-image md-input-container.activation-code-area .md-input {
  color: white;
  border-color: white;
  font-weight: normal;
}

.login-wrapper.login-bgd-image .login-field-icon {
  fill: white;
  margin-left: -4px;
}

.login-wrapper.login-bgd-image .sign-in-btn {
  border: none;
  margin: 0;
  height: 38px;
  cursor: pointer;
  background-color: #008EC1;
  color: white;
  width: 100%;
}

.login-wrapper.login-bgd-image .reset-password {
  color: white;
  width: 100%;
  text-transform: none;
}

.login-wrapper.login-bgd-image .reset-password:hover {
  background-color: transparent;
}

.login-wrapper.login-bgd-image .loading-progress-indicator {
  overflow: hidden;
  margin: auto;
  width: 40px;
  height: 40px;
}

.login-wrapper.login-bgd-image md-progress-circular path {
  stroke: white !important;
}

.login-wrapper.login-bgd-image .code-message-btn {
  text-transform: none;
  color: white;
  width: 100%;
}

.login-wrapper.login-bgd-image .code-message-btn:hover {
  background-color: transparent;
}

.login-wrapper.login-bgd-image .f-terms {
  color: white;
  font-size: small;
  opacity: 0.6;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

.login-wrapper.login-bgd-image .f-terms a {
  color: white;
}

.login-wrapper.login-bgd-image input:-webkit-autofill,
.login-wrapper.login-bgd-image input:-webkit-autofill:hover,
.login-wrapper.login-bgd-image input:-webkit-autofill:focus,
.login-wrapper.login-bgd-image input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out" !important;
  -webkit-transition-delay: 9999s !important;
}

@media only screen and (max-height: 450px) {
  .login-wrapper.login-bgd-image .f-terms {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .login-wrapper.login-bgd-image .ui-login-container {
    margin: 24px 24px !important;
  }
}

.login-wrapper.login-bgd-image .change-environment-hint {
  color: #fff;
  text-align: center;
}

.login-wrapper.login-bgd-image md-list {
  color: #fff;
}

.login-wrapper.login-bgd-image md-list svg {
  fill: #fff;
}

.login-wrapper.login-bgd-image md-list md-list-item {
  background-color: rgba(0,0,0,0.2);
  border-radius: 6px;
  margin-bottom: 2px;
}