/*--------------- Icons ------------------------------------------------------*/

.icon {
  background: url(../images/standard_icons.png) 0 0 no-repeat;
}

.icon_link {
  background: url(../images/standard_icons.png) 0 0 no-repeat;
  padding-left: 25px;
}

.icon_plantlink {
  background-position: 0 -1998px;
}

	.icon_plantlink:hover {
	  background-position: 0 -6998px;
	}


.icon_monitoring {
  background: url(../images/monitoring_icons.png) 0 0 no-repeat;
}

.icon_monitoring_power, .icon_monitoring_performance, .icon_monitoring_weather, .icon_monitoring_regio {
	background-position: 0 0px;
	margin-top: 2px;
}

	.icon_monitoring_power_error, .icon_monitoring_performance_error, .icon_monitoring_weather_error, .icon_monitoring_regio_error {
		background-position: 0 -5999px;
	}
	.icon_monitoring_power:hover, .icon_monitoring_performance:hover, .icon_monitoring_weather:hover, .icon_monitoring_regio:hover {
		background-position: 0 -1999px;
	}

.icon_monitoring_offline {
	background-position: 0 -99px;
}

	.icon_monitoring_offline_error {
		background-position: 0 -6099px;
	}
	.icon_monitoring_offline:hover {
		background-position: 0 -2099px;
	}

.icon_monitoring_status, .icon_monitoring_state {
	background-position: 0 -199px;
	margin-top: 1px;
}

	.icon_monitoring_status_error, .icon_monitoring_state_error {
		background-position: 0 -6199px;
	}
	.icon_monitoring_status:hover, .icon_monitoring_state:hover {
		background-position: 0 -2199px;
	}

.icon_monitoring_connection {
	background-position: 0 -299px;
}

	.icon_monitoring_connection_error {
		background-position: 0 -6299px;
	}
	.icon_monitoring_connection:hover {
		background-position: 0 -2299px;
	}

.icon_monitoring_pm {
	background-position: 0 -399px;
}

	.icon_monitoring_pm_error {
		background-position: 0 -6399px;
	}
	.icon_monitoring_pm:hover {
		background-position: 0 -2399px;
	}

.lightbox_contextmenu .icon {
   background: url(../images/contextmenu_icons.png) 0 0 no-repeat;
}

  .icon_visible {
	background-position: 0 -1044px;
  }

  .icon_invisible {
	background-position: 0 -2044px;
  }

  .icon_eye_on {
	background-position: 0 -4199px;
  }

    .icon_eye_on:hover {
	  background-position: 0 -9199px;
    }

  .icon_eye_off {
	background-position: 0 -4299px;
  }

    .icon_eye_off:hover {
	  background-position: 0 -9299px;
    }

  .icon_delete {
    background-position: 0 -300px;
  }

    .icon_delete:hover {
      background-position: 0 -10300px;
    }

  .icon_edit {
    background-position: 0 -199px;
  }

    .icon_edit:hover {
      background-position: 0 -10199px;
    }

  .icon_pages {
    background-position: 0 -1195px;
  }

    .icon_pages:hover {
      background-position: 0 -6195px;
    }

  .icon_user {
    background-position: 0 -1295px;
  }

    .icon_user:hover {
      background-position: 0 -11295px;
    }

  .icon_user_grey {
    background-position: 0 -17286px;
  }

  .icon_plus {
    background-position: 0 -499px;
  }

    .icon_plus:hover {
      background-position: 0 -10499px;
    }

 	.icon_store
	{
		background-position: 0 -2100px;
	}
	.icon_store:hover
	{
		background-position: 0 -12100px;
	}



  .icon_save {
    background-position: 0 -399px;
  }

    .icon_save:hover {
      background-position: 0 -10399px;
    }

  .icon_history {
    background-position: 2px -998px;
  }

    .icon_history:hover {
      background-position: 2px -10998px;
    }

  .icon_attention {
    background: url(../images/colored_icons.png) 0 0 no-repeat;
    background-position: 0 -600px;
  }

  .icon_loading {
    background: url(../images/colored_icons.png) 0 0 no-repeat;
    background-position: 0 -799px;
  }

  .icon_help {
    background-position: 0 -699px;
  }

    .icon_help:hover {
      background-position: 0 -10699px;
    }

  .icon_calendar {
    background-position: 0 -799px;
  }

    .icon_calendar:hover {
      background-position: 0 -10799px;
    }

  .icon_check {
    background-position: 1px -598px;
  }

    .icon_check:hover {
      background-position: 1px -10598px;
    }

  .icon_checked_item {
    background: url(../images/colored_icons.png) 2px -346px;
  }

  .icon_file_text {
    background-position: 0 -2798px;
  }

    .icon_file_text:hover {
      background-position: 0 -12798px;
    }

  .icon_file_image {
    background-position: 0 -2597px;
  }

    .icon_file_image:hover {
      background-position: 0 -12597px;
    }

  .icon_pipette {
    background-position: 0 -1698px;
  }

    .icon_pipette:hover {
      background-position: 0 -11698px;
    }

  .icon_bulb_on {
    background-position: 3px -1797px;
  }

    .icon_bulb_on:hover {
      background-position: 3px -6797px;
    }

  .icon_bulb_off {
    background-position: 3px -1897px;
  }

    .icon_bulb_off:hover {
      background-position: 3px -6897px;
    }

  .icon_visible_on {
    background-position: 3px 0px;
  }

    .icon_visible_on:hover {
      background-position: 3px 0px;
    }

  .icon_visible_off {
    background-position: 3px 0px;
  }

    .icon_visible_off:hover {
      background-position: 3px 0px;
    }

  .icon_page_administration {
    background-position: 0 -899px;
  }

    .icon_page_administration:hover {
      background-position: 0 -10899px;
    }

  .icon_download {
    background-position: 5px -1096px;
  }

    .icon_download:hover {
      background-position: 5px -11096px;
    }

  .icon_ok {
    background: url(../images/colored_icons.png) no-repeat 5px -346px;
  }

  .icon_warning {
    background: url(../images/colored_icons.png) no-repeat 2px -396px;
  }

  .icon_settings {
    background: url(../images/colored_icons.png) no-repeat -1px -1050px;
  }

  .icon_log {
    background-position: 0 -1399px;
  }

    .icon_log:hover {
      background-position: 0 -11399px;
    }

  .icon_accept {
    background-position: 0 -1599px;
  }

    .icon_accept:hover {
      background-position: 0 -11599px;
    }

  .icon_new_mail {
    background: url(../images/colored_icons.png) no-repeat 0px -99px;
  }

  .icon_header_on {
    background-position: 2px -8998px;
  }

    .icon_header_on:hover {
      background-position: 2px -13998px;
    }

  .icon_header_off {
    background-position: 2px -9098px;
  }

    .icon_header_off:hover {
      background-position: 2px -14098px;
    }

  .colored_group_item .record_item .icon_new_mail,
  .colored_group_item .category_item .icon_new_mail,
  .colored_category_item .icon_new_mail {
    width:20px;
    height:15px;
  }

    .red_group_item .icon_new_mail {
      background-position: 0 1px;
    }

    .orange_group_item .icon_new_mail {
      background-position: 0 -49px;
    }

    .green_group_item .icon_new_mail {
      background-position: 0 -99px;
    }

    .lime_green_group_item .icon_new_mail {
      background-position: 0 -149px;
    }

    .colored_group_item .group_item:hover .icon_new_mail,
    .active_group_item .colored_group_item .group_item .icon_new_mail,
    .colored_group_item .record_item:hover .icon_new_mail,
    .colored_group_item .active_record_item .icon_new_mail {
      background-position: 0 -199px !important;
    }

    .red_group_item .category_item .icon_new_mail,
    .red_category_item .icon_new_mail {
      background-position: 0 1px !important;
    }
    .orange_group_item .category_item .icon_new_mail,
    .orange_category_item .icon_new_mail {
      background-position: 0 -49px !important;
    }

    .green_group_item .category_item .icon_new_mail,
    .green_category_item .icon_new_mail {
      background-position: 0 -99px !important;
    }

    .lime_green_group_item .category_item .icon_new_mail,
    .lime_green_category_item .icon_new_mail {
      background-position: 0 -149px !important;
    }

    .colored_group_item .category_item:hover .icon_new_mail,
    .colored_group_item .active_category_item .icon_new_mail,
    .colored_category_item:hover .icon_new_mail,
    .active_category_item .colored_category_item .icon_new_mail {
     background-position: 0 -199px !important;
    }

/* content edit icons */
.standard_form .icon_sort_down {
	background-position: 2px -3397px;
}
.standard_form .icon_sort_up {
	background-position: 4px -3497px;
}

/* Other Icons */
  #mainnav .icon_pages {
    background-position: 0 -1188px;
  }

    #mainnav a:hover .icon_pages,
    #mainnav a:focus .icon_pages,
    #mainnav a:active .icon_pages {
      /*background-position: 0 -11188px;*/
    }

  #mainnav .icon_user {
    background-position: 0 -1288px;
  }

  #mainnav .icon_user_grey {
    background-position: 0 -17286px;
  }

    #mainnav a:hover .icon_user,
    #mainnav a:focus .icon_user,
    #mainnav a:active .icon_user {
      /*background-position: 0 -11288px;*/
    }


    .item_tools .icon_edit {
      background-position: 2px -197px;
    }

    .item_tools .icon_save {
      background-position: 2px -396px;
    }

    .item_tools .icon_delete {
      background-position: 2px -298px;
    }

    .item_tools .icon_bubble {
      background-position: 2px 4px;
    }

    .item_tools .icon_sort_down {
      background-position: 2px -3396px;
    }

    .item_tools .icon_sort_up {
      background-position: 2px -3496px;
    }

    .item_tools .icon_import, .item_tools .icon_import_sub {
      background-position: 2px -97px;
    }

    .item_tools .icon_select_all {
      background-position: 2px -2397px;
    }

    .item_tools .icon_ok {
      background: url(../images/colored_icons.png) no-repeat 5px -346px;
    }

    .item_tools .icon_warning {
      background: url(../images/colored_icons.png) no-repeat 3px -396px;
    }

    .item_tools .icon_log {
      background-position: 2px -1398px;
    }

    .item_tools .icon_log_checked {
      background-position: 2px -16498px;
      visibility:visible;
    }

    .item_tools .icon_accept_checked {
       background-position: 2px -11598px;
       visibility:visible;
    }
    .category_item_container:hover .item_tools .icon_accept_checked {
        background-position: 2px -6598px;
    }

    .item_tools .icon_restore {
      background-position: 2px -4402px;
    }

      .item_tools .icon_restore:hover {
        background-position: 2px -9402px;
      }

    .item_tools .icon_accept {
      background-position: 2px -1598px;
    }

      .item_tools .icon_edit:hover {
        background-position: 2px -5197px;
      }

      .item_tools .icon_save:hover {
        background-position: 2px -5396px;
      }

        .item_tools .icon_tab_background .icon_save:hover {
          background-position: 2px -10396px;
        }

      .item_tools .icon_delete:hover {
        background-position: 2px -5298px;
      }

        .category_item_head .item_tools .icon_delete:hover {
          background-position: 2px -10298px;
        }

      .item_tools .icon_bubble:hover {
        background-position: 2px -4996px;
      }

      .item_tools .icon_sort_down:hover {
        background-position: 2px -8396px;
      }

      .item_tools .icon_sort_up:hover {
        background-position: 2px -8496px;
      }

      .item_tools .icon_import:hover {
        background-position: 2px -5097px;
      }

      .item_tools .icon_import_sub:hover {
        background-position: 2px -10097px;
      }

      .item_tools .icon_select_all:hover {
        background-position: 2px -7397px;
      }

      .item_tools .icon_history:hover {
        background-position: 2px -5998px;
      }

      .item_tools .icon_log:hover {
        background-position: 2px -6398px;
      }

      .item_tools .icon_accept:hover {
        background-position: 2px -6598px;
      }

        .category_item_head .item_tools .icon_accept:hover {
          background-position: 2px -11598px;
        }

    .new_sub_item .icon_new {
      background-position: 2px -499px;
    }

      .new_sub_item .icon_new:hover {
        background-position: 2px -5499px;
      }

  .standard_form div.form_row .icon_help {
    background-position: 2px -696px;
  }

    .standard_form div.form_row .icon_help:hover,
    .standard_form div.form_row .icon_help:focus,
    .standard_form div.form_row .icon_help:active {
      background-position: 2px -10696px;
    }

  .standard_form div.form_row .icon_calendar {
    background-position: 1px -798px;
  }

    .standard_form div.form_row .icon_calendar:hover,
    .standard_form div.form_row .icon_calendar:focus,
    .standard_form div.form_row .icon_calendar:active {
      background-position: 1px -10798px;
    }

/* Kontextmenu Icons */
.lightbox_contextmenu .icon_new {
  background-position: 9px 7px;
}

.lightbox_contextmenu .icon_wizard {
  background-position: 9px -93px;
}

.lightbox_contextmenu .icon_properties {
  background-position: 9px -193px;
}

.lightbox_contextmenu .icon_edit {
  background-position: 9px -293px;
}

.lightbox_contextmenu .icon_delete {
  background-position: 9px -393px;
}

.lightbox_contextmenu .icon_cut {
  background-position: 9px -493px;
}

.lightbox_contextmenu .icon_copy {
  background-position: 9px -593px;
}

.lightbox_contextmenu .icon_paste_in {
  background-position: 9px -693px;
}

.lightbox_contextmenu .icon_paste_after {
  background-position: 9px -793px;
}

.lightbox_contextmenu .icon_sort {
  background-position: 9px -893px;
}

.lightbox_contextmenu .icon_sort_up {
  background-position: 9px -2293px;
}

.lightbox_contextmenu .icon_sort_down {
  background-position: 9px -2193px;
}

.lightbox_contextmenu .icon_sort_az {
  background-position: 9px -2393px;
}

.lightbox_contextmenu .icon_sort_za {
  background-position: 9px -2493px;
}

.lightbox_contextmenu .icon_preview {
  background-position: 9px -993px;
}

.lightbox_contextmenu .icon_page_plus {
  background-position: 9px -1093px;
}

.lightbox_contextmenu .icon_secured_page {
  background-position: 9px -1193px;
}

.lightbox_contextmenu .icon_hidden_page {
  background-position: 9px -1293px;
}

.lightbox_contextmenu .icon_menu_hidden_page {
  background-position: 9px -1393px;
}

.lightbox_contextmenu .icon_redirect {
  background-position: 9px -1493px;
}

.lightbox_contextmenu .icon_hide_page {
  background-position: 9px -1593px;
}

.lightbox_contextmenu .icon_show_page {
  background-position: 9px -1693px;
}

.icon_link_to_plant {
  background-position: 2px -16596px;
}
.icon_link_to_plant:hover {
  background-position: 2px -16796px;
}
.item_tools .icon_link_to_plant:hover {
  background-position: 2px -16696px;
}

.icon_link_to_monitoring {
  background-position: 2px -16896px;
}
.icon_link_to_monitoring:hover {
  background-position: 2px -17096px;
}
.item_tools .icon_link_to_monitoring:hover {
  background-position: 2px -16996px;
}

/* red plant monitoring icon, looks like a tacho */
.item_tools .icon_link_to_monitoring_errors {
  background-position: 2px -17196px;
}

/* white plant monitoring icon */
.item_tools .icon_link_to_monitoring_errors:hover {
  background-position: 2px -16996px;  /* same as .item_tools .icon_link_to_monitoring:hover */
}

.icon_news { /* blue [i] icon */
  background: url(../images/colored_icons.png) no-repeat 0px -1497px;
}
.icon_news.new { /* orange [i] icon */
  background-position: 0px -1447px;
}

.icon_led { /* light bulb */
  background: url(../images/colored_icons.png) no-repeat 4px -1754px;
}
.icon_led.green {
  /* default position */
}
.icon_led.red {
  background-position: 4px -1654px;
}
.icon_led.orange {
  background-position: 4px -1704px;
}
.icon_led.grey {
  background-position: 2px -1147px;
}
.icon_led.info {
  background-position: 4px -598px;
}

/* 20160713 JW just defined, untested, unused yet */
.icon_info { /* blue [i] icon */
  background: url(../images/colored_icons.png) no-repeat 0px -1508px;
}
.icon_info.important { /* orange [i] icon */
  background-position: 0px -1458px;
}
.socialIconContainer {
    z-index: 2;
    position: fixed;
    top: 35%;
    right: 1%;

}
.socialIconContainer:first-child {
    margin-top: 0;
}
.SocialIcon {
  margin-top: 20%;
  display: block;
  vertical-align: top;
  overflow: hidden;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  background-position: center;
}
.SocialIcon:before {
    display: block;
    content: '';
    width: 90%;
    height: 90%;
    border-radius: 50%;
    z-index: 3;
}
.SocialIconimage{
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    content: '  ';
    z-index: 109;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: -75%;
    margin-left: 17.5%;
}
.SocialIcon.linkedin:before {
    background-color: rgba(72, 117, 180, 1);
}
.SocialIcon.newsletter:before {
    background-color: rgba(72, 117, 180, 1);
}
.SocialIcon.xing:before {
   background-color: rgba(18, 101, 103, 1);
}
.SocialIcon.youtube:before {
    background-color: rgba(255, 51, 51, 1);
}
.SocialIcon.twitter:before {

    background-color: rgba(51, 204, 255, 1);
}
.SocialIconimage.linkedin {
    background-image: url(../css/images/linkedin.png);
}
.SocialIconimage.newsletter {
    background-image: url(../css/images/newsletter_socialicon.png);
}
.SocialIconimage.xing {
    background-image: url(../css/images/xing.png);
}
.SocialIconimage.youtube {
    background-image: url(../css/images/youtube.png);

}
.SocialIconimage.twitter{
    background-image: url(../css/images/twitter.png);
}
@media (max-width: 1225px) {
    .socialIconContainer {
        display: none;
    }
}

.icon_pay {
	background-position: 3px -4509px;
}
.icon_pay:hover {
	background-position: 3px -9509px;
}
.icon_upgrade {
	background-position: 3px -4609px;
}
.icon_upgrade:hover {
	background-position: 3px -9609px;
}
.icon_downgrade {
	background-position: 3px -4713px;
}
.icon_downgrade:hover {
	background-position: 3px -9713px;
}

/* lupe, glass, magnifying glass, lense */
.icon_magnifier {
	background-position: 3px -3200px;
}

/* gray out an Icon (looks like disabled) */
.grayoutIcon {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}