﻿/*Schneider Electric - 2017-01-25
  created by Markus Wiedenmaier, practice-innovation
          2017-01-2015

this is a placeholder script file, for later customizations

*/
/*
hierarchy print enhancements
*/
iframe.printer{
	opacity: 0;
}
.print_options{
	width: auto;
	display: inline-block;
	position: fixed;
	right: 102px;
}
#btn_print_hierarchy{
	border: medium;
	border-image: none;
	width: 22px;
	height: 22px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('print_hierarchy.png');
	background-size: contain;
	background-color: transparent;
}
#btn_print_hierarchy:focus{
	outline: none;
}
.media-mobile #btn_print_hierarchy, .media-landscape #btn_print_hierarchy{
	width: 28px;
	height: 28px;
}
#printOptionsDropdown{
	display: none;
	position: absolute;
	background-color: white;
	min-width: 200px;
	top: 45px;
	right: -103px;
}
#printOptionsDropdown a{
	font-size: 15px;
	padding: 10px;
	display: block;
	cursor: pointer;
}
#printOptionsDropdown a#print_hierarchy{
	border-top-style: none;
}
#printOptionsDropdown a:hover{
	background-color: #e7e8e7;
}
#printOptionsDropdown.show{
	display: block;
	border: 1pt solid lightgrey;
}

body.media-landscape #printOptionsDropdown{
	right: -25px;
}

/*
loading "circle" for hierarchy print
*/
#circleBody{
	position: fixed;
	top: 50%;
	right: 50%;
	z-index: 9999999;
	height: 28px;
}
@keyframes fades {
    0%, 100% {
       opacity: 1;
    }
    50% {
       opacity: 0;
    }
}

#circleBody span  {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0px 20px;
  background: #3DCD58;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fades;
  animation-name: fades;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#circleBody span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

#circleBody span:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}


/*
	language menu
*/
div.se_language_menu{
  position: fixed;
  top: 17px;
  z-index: 99;
}
ul.dropdown-menu:focus{
	outline: none !important; 
}
ul.dropdown-menu{
  position: absolute;
  top: 34px;
  left: -1px;
  float: left;
  min-width: 60px;
  padding: 5px 0px;
  margin: 2px 0 0;
  text-align: left;
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 0px;
  .box-shadow(0 6px 12px rgba(0,0,0,.175));
}
body.media-mobile div.se_language_menu ul.dropdown-menu{
	top: 25px;
}
ul.dropdown-menu li {
  list-style: none;
  font-size: 14px;
  text-decoration: none;
  color: black;
  padding: 0px;
}
ul#lp_language_navigation{
  display: none;
}
ul#lp_language_navigation.show{
  display: block;
}
ul.dropdown-menu li:hover {
  background-color: #f5f5f5;
}
ul.dropdown-menu li a{
	display: block;
	width: 100%;
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 17px;
  text-transform: uppercase;
	padding: 3px 20px;
}
a#lp_language_navigationHeader{
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}
a#lp_language_navigationHeader span{
	display: block;
	font-size: 20px;
	border: 2px solid white;
	width: 35px;
	align-self: normal;
	text-align: center;
	height: 35px;
	padding-top: 5px;
}a#lp_language_navigationHeader span:empty{
	display:none;
}
div.se_language_menu > li{
  list-style: none;
}
div.se_language_menu{
  right: 35px!important;
}
body.media-landscape div.se_language_menu{
	top: 14px;
	right: 140px !important;
}

body.media-landscape a#lp_language_navigationHeader{
		display: block;
		font-size: 19px;
}
body.media-landscape ul#lp_language_navigation li{
		font-size: 15px;
}
body.media-landscape ul#lp_language_navigation li a{
		padding: 6px 20px 6px 20px;
		font-size: 17px;
}
body.media-mobile a#lp_language_navigationHeader{
    color: #009100!important;
		display: block;
		font-size: 19px;
}

body.media-mobile ul#lp_language_navigation li{
		font-size: 15px;
}
body.media-mobile ul#lp_language_navigation li a{
		padding: 6px 20px 6px 20px;
		font-size: 17px;
}
body.media-mobile div.se_language_menu{
	top: 9px !important;
	right: 90px !important;
}
body.media-mobile div.se_language_menu a#lp_language_navigationHeader span{
	font-size: 15px;
	height: 30px;
	width: 30px;
	border: 2px solid #009100;
}
body.media-landscape div.functionholder, body.media-mobile div.functionholder{
	display: block;
}
body.media-landscape div.functionholder .brs_previous, body.media-mobile div.functionholder .brs_previous{
	display: none;
}
body.media-landscape div.functionholder .brs_next, body.media-mobile div.functionholder .brs_next{
	display: none;
}
body.media-landscape div.functionholder .print_options, body.media-mobile div.functionholder .print_options{
	right: 30px;
	padding: 3px 10px;
}
body.media-mobile div.functionholder .print_options #printOptionsDropdown{
	right: -27px;
}
body.media-landscape div.topic div.functionholder div.buttons>div a.print, body.media-mobile div.topic div.functionholder div.buttons>div a.print{
	background-image:url("print_desktop.png");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	display:block;
	width:22px;
	height:22px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	background-color:transparent;
}
body.media-landscape div.topic div.functionholder div.buttons.se_default_print > div.print, body.media-mobile div.topic div.functionholder div.buttons.se_default_print > div.print{
	position: absolute;
	right: 55px;
	top: 3px;
	width: 20px;
}

body.media-landscape .functionholder, body.media-mobile .functionholder{
	height: 34px;
}
body.media-landscape div.topic div.functionholder div.buttons>div a.print, body.media-mobile div.topic div.functionholder div.buttons>div a.print{
	height: 28px;
	width: 28px;
}
body.media-desktop div.searchbar-extra{
	display: none;
}
body.media-desktop div.searchbar input, body.media-landscape div.searchbar input{
	width: calc(100% - 55px);
}
body.media-desktop div.searchbar .wSearchLink, body.media-landscape div.searchbar .wSearchLink{
	width: 30px;
	height: 35px;
	background-image: url('search_desktop.png');
	display: inline-block !important;
	position: absolute;
	margin: 8px 0px 0px 5px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	text-decoration: none;
}

/* Entire String Search */
div.searchresults label.wSearchEntireStringLabelResults{
	display: block;
	margin-bottom: .75em;
	padding-top: .75em;
	padding-bottom: .75em;
	padding-left: 1.75em;
}
body.media-desktop div.searchresults label.wSearchEntireStringLabelResults{
	padding-top: .2em;
    padding-left: 2.5em;
    background-image: url(entirestringsearch_nomark.png);
    background-repeat: no-repeat;
    background-position: left 0.6em;
	background-size: auto 1em;
	display: block;
    margin-bottom: .75em;
    padding-bottom: .75em;
}
body.media-landscape div.searchresults label.wSearchEntireStringLabelResults {
    background-image: url("entirestringsearch_nomark.png");
    background-repeat: no-repeat;
    background-position: left 1em;
	background-size: auto 0.8em;
}
body.media-mobile div.searchresults label.wSearchEntireStringLabelResults {
    background-image: url("entirestringsearch_nomark.png");
    background-repeat: no-repeat;
    background-position: 0.4em 1em;
	background-size: auto 0.8em;
}
body div.searchresults label.wSearchEntireStringLabelResults.active{
	background-image: url(entirestringsearch_mark.png);
}
body.media-desktop div.searchresults label.wSearchEntireStringLabelResults span{
	font-size: 1.2em;
}

div.header div.title{
	height: 1.1em !important;
	overflow: hidden !important;
}
body.media-landscape div.topic iframe.topic, body.media-mobile div.topic iframe.topic{
	height: calc(100% - 34px);
}