/**********************************************************************************************************************/
/*********************************************** ASSISTANT BODY *******************************************************/
/**********************************************************************************************************************/

body{
    background:#4d4d4d;
    font-family:Arial,Helvetica,sans-serif;
    color: #666769;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    width:100%;
    cursor:default
}

a {
    border: 0 none;
    color: #00AAFF;
    font-size: 12px;
    text-decoration: none;
}
.ngdialog {
    z-index: 20000;
}
.QTIPinDialog {
    z-index: 25000 !important;
}
#contentColSetup {
    background:#f2f2f2;
    /*width:70%;*/
    /*width:842px;*/
    /*min-height:600px;*/
    width: 790px;
    height: 510px; /*590-80*/
    color:#bfbfbf;
    /*font-size:25px;*/
    /*font-weight:bold;*/
    margin-left: auto;
    margin-right: auto;


    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    -moz-border-radius-bottom-left:20px;
    -moz-border-radius-bottom-right:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px
}

/* in some languages the navigation requires more than one line, so we shrink the line height to fit! */
.multiLineNavItem {
    line-height: 14px !important;
    font-size: 9px !important;
    margin-top: 3px !important;
}

/* ------------ Wizard layout adjustings  -------------- */
/*-------------------------------------------------------*/

#InternetIneterface {
    margin-top: 10px;
}

div.relative {
    position: relative;
    margin: 5px;
    margin-top: 10px;
    border-radius: 15px;
    display: inline-block;
    border: 1px solid #00AAFF;
}

div.enabledBorder{
    border: 1px solid #00AAFF;
}

div.reconnectHintContent{

    overflow: auto;
    border-radius: 15px;
    width: 75%;
    margin: 0 auto;margin-top: 5px;
}

div.successfullConnectHintContent{

    overflow: auto;
    border-radius: 15px;
    width: 75%;
    margin: 0 auto;margin-top: 25px;

}

.reconnectHintSuccessHeading{
    padding-right: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 2px;
}

div.infoIconSuccess {
    float: left;
    height: 100%;
}

div.infoIconSuccess > img {
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
}

div.infoIcon {
    float: left;
    height: 100%;
}

div.infoIcon > img {
    height: 50px;
    margin-top: 28px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 28px;
}

div.enabledBorder > div.absolute{
    color: #00AAFF;
}

.reconnectHintHeading{

    padding-right: 20px;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 2px;

}

#ReconnectHintTable {
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
    color: #4d4d4d;
    text-overflow: ellipsis;
    width: 90%;
    margin-top: 15px;
    float: left;
}


#SuccessfullConnectHintTable {
    font-size: 15px;
    margin-top:20px;
}



.reconnectHintMessage01{
    margin-bottom: 0px;
}


.reconnectHintMessage02{
    margin-top: 2px;
}


div.disabledBorder{
    border: 1px solid grey;
}

div.disabledBorder > div {
    color: grey;
}


div.absolute {
    position: absolute;

    top: 00px;
    left: 20px;
    margin-top:-10px;
    height: 20px;
    background:#FFFFFF;
    padding: 0px 15px 0px 15px;
}

.wizardBackground{
    background:#F2F2F2  !important;
}

fieldset legend.disabled {
    color: rgba(153, 153, 153, 0.43);
}

fieldset label.disabled {
    color: rgba(153, 153, 153, 0.43);
}

#contentWrapper{
    height:460px;
    /*background:#fff;*/
    margin:4px;
    -moz-box-shadow:.94px -.34px 8px 0 rgba(0,0,0,.35);
    -webkit-box-shadow:.94px -.34px 8px 0 rgba(0,0,0,.35);
    box-shadow:.94px -.34px 8px 0 rgba(0,0,0,.35)
}

#abortedWrapper{

    color: #ff0000;
    text-align: center;
    line-height: 360px;
}

#contentAssistant{
    /*background:#f5f5f5;*/
    /*font-weight:bold;*/
    overflow:hidden;
}

#contentMyPvSystem .PvSystemHeader{
    padding-left:22px
}

#TitleElement{
    height:80px
}

#FroniusLogoLink{
    float:right;
    margin-right:20px;
    margin-top:20px
}

#helpIconLink{
    float:right;
    margin-left:46px;
    margin-top:30px
}

#buttonsAssistent{
    text-align: right;
    margin: 30px;
}


#colWrap {
    background: none repeat scroll 0 0 #4D4D4D;
    clear: both;
    float: left;
    height: 98%;
    min-height: 600px;
    /*min-width: 900px;*/
    min-width: 800px;
    padding-top: 1%;
    position: relative;
    width: 100%;
}

#contentTable {
    margin-left: auto;
    margin-right: auto;
}



.SolarWebTextStyle{
    color:#bfbfbf;
    font-size:28px;
    /*font-weight:bold;*/
    margin-bottom:10px;
    margin-top:30px;
    margin-left:30px;
    float:left
}


.headerMenu{
    position:absolute;
    margin-top:42px;
    /*width:474px;*/
    height:34px;
    margin-left:30px
}

.headerMenu a{
    margin-right:10px
}

.headerMenu .selectedTopMenu{
    color:#0af
}

.headerMenu .notSelectedTopMenu{
    color:#999
}

.headerMenuItem{
    font-size:12px;
    color:#4d4d4d
}

#header_buttonbar {
    float:right;
    margin-right:25px;
}

#header_buttonbar span {
    display: inline-block;
    vertical-align:middle;
    cursor:pointer;
}

.headerbutton_flyout {
    /*width:200px;*/
    padding: 8px;
    margin-top: 5px;
    position:absolute;
    box-shadow: 0 0 10px 1px;
    z-index: 1000;
}

#lang_chooser_form {
    font-size: 8px;
}

.menuAssistant {
    height: 38px;
}

.menuStepOpen{
    text-align: center;
    background-color: #dfe0e1;
}

.menuTable{
    margin-top: 10px;
    width:100%;
    height: 34px;
    font-size:20px;
    table-layout: fixed;
}

.menuStepActual{
    text-align: center;
    background-color:#00aaff;
    color: #ffffff;
}

.menuStepDone{
    text-align: center;
    background-color:#999999;
    color: #ffffff;
}
.menuStepSeperator{
    background-color:transparent;
    width: 0.2%;
}

.arrowPos{
    position:relative;
    top:-34px;
    z-index: 3;
}

.arrow{
    border-right-width:0;
    border-color:transparent transparent transparent #00aaff;
    border-style:solid;
    height: 0;
    width: 0;
    border-width:17px;
    position:relative;
    left:-1px;
}

#contentAssistant .contentAssistentStep {
    height: 360px;
}

.contentAssistentStep {
    margin: 10px;
    margin-top: 0px;
    overflow-y: hidden;
    /*color: #4D4D4D;*/
    color: #666769;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

/*.AssistantBackwardButton {*/
/*background: url("/img/BlueArrowLeft.png") no-repeat 10px center;*/
/*font-size: 20px;*/
/*padding-right: 30px;*/
/*vertical-align: text-top;*/
/*float: right;*/

/*background-color: #FFFFFF;*/
/*border: 1px solid #BFBFBF;*/
/*color: #00AAFF;*/
/*cursor: pointer;*/
/*float: right;*/
/*height: 30px;*/
/*width: 150px;*/
/*margin: 10px 10px 10px 0px;*/
/*text-align: right;*/
/*outline: none;*/
/*}*/

/*.AssistantForwardButton {*/
/*background: url("/img/BlueArrowRight.png") no-repeat 120px center;*/
/*font-size: 20px;*/
/*padding-right: 30px;*/
/*vertical-align: text-top;*/
/*float: right;*/

/*background-color: #FFFFFF;*/
/*border: 1px solid #BFBFBF;*/
/*color: #00AAFF;*/
/*cursor: pointer;*/
/*float: right;*/
/*height: 30px;*/
/*width: 150px;*/
/*margin: 10px 10px 10px 0px;*/
/*outline: none;*/
/*}*/

.AssistantBackwardButton {
    font-size: 14px;
    float: right;
    height: 30px;
    width: 150px;
    margin: 10px 10px 10px 0px;
}
.AssistantForwardButton {
    font-size: 14px;
    float: right;
    height: 30px;
    width: 150px;
    margin: 10px 10px 10px 0px;
}
.AssistantAbortButton {
    font-size: 14px;
    float: right;
    height: 30px;
    width: 150px;
    margin: 10px 10px 10px 0px;
}

.WizardSubnavigation{
    margin-top: 60px;
    color: #666769;
    cursor: pointer;
    width: 790px;
}

.SubNavigationLink {
    float: right;
    color: #666769;
    margin-right: 20px;
}


input.input-validation-error {
    box-shadow: 0 0 3px #FF0000!important;
    border: 2px solid #FF0000!important;
}
select.input-validation-error {
    box-shadow: 0 0 2px #FF0000!important;
    border: 1px solid #FF0000!important;
}

input.input-validation-warning {
    border: 3px solid #FF9900!important;
}

span.required {
    color: red;
    padding: 0px 5px;
}

.LoadingAnimation {
    width: 100%;
    height: 100%;
    background: url("/img/ajax-loader.gif") no-repeat center;
}

.LoadingSibling {
    display: none;
}

.LoadingAnimationMini {
    width: 100%;
    height: 99%;
    background: url("/img/ajax-loader-mini.gif") no-repeat center;
}



.qtip-content {
    font-size: 8pt;
}

/* Language Buttons */
#btn_language {
    padding:2px;
    margin-left:10px;
    vertical-align:middle;
    /*height: 10px;*/
}

#btn_lang {
    background-image: url("images/ui-icons_4d4d4d_256x240.png");
}

#act_lang {
    padding: 0px 5px;
    font-weight: bold;
    font-size: 12px;
}

/**********************************************************************************************************************/
/******************************************** START STEP AND END STEP *************************************************/
/**********************************************************************************************************************/

.FinishMessage {
    text-align: center;
    margin-top: 100px;
    font-size: 20px;
}

.WelcomeMessage1 {
    text-align: center;
    margin-top: 5px;
    font-size: 24px;
    /*margin-bottom: 10px;*/
}

.WelcomeMessage2 {
    text-align: center;
    margin-top: 20px;
    font-size: 17px;
    margin-bottom: 20px;
}

.EndMessage1 {
    text-align: center;
    margin-top: 30px;
    font-size: 24px;
    /*margin-bottom: 10px;*/
}

.EndMessage2 {
    text-align: center;
    margin-top: 25px;
    font-size: 17px;
    margin-bottom: 20px;
}

.Button {
    height: 50px;
    width: 280px;
    color: #000000;
    font-size: 16px;
}

.PartButton {
    height: 35px;
    width: 280px;
    color: #000000;
    font-size: 13px;
}
.PartButton:disabled {
    color: #999999;
}

.RedirectButton {
    height: 40px;
    width: 350px;
    color: #000000;
    font-size: 16px;
    margin: 0px auto 20px auto;
    display: block;
}

.PartDesc {
    text-align: left;
    line-height: 1.3em;
    font-size: 11px;
}

.PartDoneMessage {
    text-align: left;
    font-size: 14px;
    color: #0af;
}

.TabTitle {
    color: #999999;
    font-size: 22px;
    height: 39px;
    padding-top: 10px;
    font-weight: bold;
}
.RedFrame {
    border-width:10px;
    border-color:red;
    border-style:solid;
    padding:10px 20px 40px 20px;
}

.PartServiceIcon {
    width: 128px;
    height: 128px;
    display: block;
    background: url("/img/2014-03-17_icon_tech_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
    margin: 0px auto 10px 93px;
}
.PartServiceIcon[disabled=disabled] {
    background: url("/img/2014-03-17_icon_tech_disabled_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .PartServiceIcon {
        background: url("/img/2014-03-17_icon_tech_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
    .PartServiceIcon[disabled=disabled] {
        background: url("/img/2014-03-17_icon_tech_disabled_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
}

.PartServiceIconDone {
    width: 128px;
    height: 128px;
    display: block;
    background: url("/img/2014-03-17_icon_tech_ready_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
    margin: 0px auto 10px auto;
}
.PartServiceIconDone[disabled=disabled] {
    background: url("/img/2014-03-17_icon_tech_ready_disabled_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .PartServiceIconDone {
        background: url("/img/2014-03-17_icon_tech_ready_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
    .PartServiceIconDone[disabled=disabled] {
        background: url("/img/2014-03-17_icon_tech_ready_disabled_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
}

.InfoIcon {
    width: 30px;
    height: 30px;
    display: table-cell;
    background: url("/img/icon_info.png") no-repeat center;
    background-size: 30px 30px;
    margin: 0px auto 10px auto;
}


.PartUserIcon {
    width: 128px;
    height: 128px;
    display: block;
    background: url("/img/2014-03-17_icon_user_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
    margin: 0px auto 10px auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .PartUserIcon {
        background: url("/img/2014-03-17_icon_user_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
}

.SolarWebIcon {
    width: 128px;
    height: 128px;
    display: block;
    background: url("/img/2014-03-17_icon_user_128x128pt_72dpi.png") no-repeat center;
    background-size: 128px 128px;
    margin: 20px auto 10px auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .SolarWebIcon {
        background: url("/img/2014-03-17_icon_user_128x128pt_144dpi.png") no-repeat center;
        background-size: 128px 128px;
    }
}

/**********************************************************************************************************************/
/************************************************* PASSWORD CONFIG*****************************************************/
/**********************************************************************************************************************/

#AdminPasswordFields input {
    width: 130px;
    padding-left: 5px;
    padding-right: 5px;
}

#ServicePasswordFields input {
    width: 130px;
    padding-left: 5px;
    padding-right: 5px;
}

#UserPasswordFields input {
    width: 130px;
    padding-left: 5px;
    padding-right: 5px;
}

.SolarWebFieldSet{
    margin-top : 0px;
    padding-top: 2px;

}

.InetDeviceFieldset {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 3px;
    display: table-caption;
}

.PWValid {
    width:  100px;
    height: 18px;
    border: 2px solid;
    text-align: center;
    /*color: white;*/
    vertical-align: text-bottom;
    display: none;
}

.PWValid.valid{
    color: green;
    border-color: green;
    background-color: rgba(0, 128, 0, 0.1);
    display: block;
}

.PWValid.invalid{
    color: red;
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1);
    display: block;
}

.PWStrength {
    width: 100px;
    height: 18px;
    border: 2px solid;
    text-align: center;
    /*color: white;*/
    vertical-align: text-bottom;
    display: none;
}

.PWStrength.bad{
    color: red;
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1);
    display: block;
}

.PWStrength.good{
    color: orange;
    border-color: orange;
    background-color: rgba(255, 165, 0, 0.1);
    display: block;
}

.PWStrength.strong{
    color: green;
    border-color: green;
    background-color: rgba(0, 128, 0, 0.1);
    display: block;
}

.PWHint {
    position: absolute;
    bottom: 24px;
    font-size: 11px;
}

.LOC_PW {
    color: #999;
    font-weight: bold;
}

/**********************************************************************************************************************/
/************************************************* GENERAL CONFIG******************************************************/
/**********************************************************************************************************************/

.timeInputUp{
    height:9px;
    background: url("/img/arrow_up_small_grey.png") no-repeat center;
    cursor: pointer;
}

.timeInputDown{
    height:9px;
    background: url("/img/arrow_down_small_grey.png") no-repeat center;
    cursor: pointer;
}

.timeInput, .timeInputUp, .timeInputDown{
    width:60px;
    float:left;
    text-align:center;
}

.timeInputMiddle {
    float: left;
    text-align: center;
    vertical-align: bottom;
    width: 10px;
}

.ArrowRow td {
    padding: 0px 1px;
}

.timeInput input {
    width: 40px;
    text-align: center;
}

.datepicker {
    text-align: center;
    width: 120px;
}

.wsp {
    width: 17px;
}

.FactorField {
    width: 80px;
    text-align: right;
}

.UnitField {
    width: 100px;
    /*height: 24px;*/
}

.timezone1 {
    width: 100px;
}

.timezone2 {
    width: 200px;
}

/**********************************************************************************************************************/
/************************************************* INVERTER CONFIG ****************************************************/
/**********************************************************************************************************************/

/*#ConfigContent .InverterContent {               *//* don't add a*/
/*height: 250px;*/
/*overflow-y: auto;*/
/*overflow-style: scrollbar;*/
/*}*/

.InverterContent {
    width: 745px;
}

#contentAssistant .InverterContent {
    height: 250px;
    width: auto;
    overflow-y: auto;
    overflow-style: scrollbar;
}

.InverterList input[name=name]{
    /*color: red;*/
    width: 85%;
    background:#f2f2f2;
    border: 1px solid #bfbfbf;;
}

.InverterList input[name=Wp]{
    /*color: red;*/
    width: 75%;
    background:#f2f2f2;
    border: 1px solid #bfbfbf;;
}

.InverterTable {
    /*width: 795px!important;*/
    width: 745px!important;
    margin: 0!important;
}

.SystemNameInput {
    width: 300px;
}

.LNR {
    width: 40px;
}
td.LNR {
    font-weight: bold!important;
    text-align: center;
}

.InvVisible {
    width: 60px;
}
.InvVisible input {
    margin-left: 20px;
}

.DeviceType {
    width: 200px;
}
td.DeviceType {
    text-align: center;
}

.DeviceName {
    width: auto;
}
.CenterText {
    text-align: center;
}

.DevicePower {
    width: 130px;
}

.Serial {
    width: 115px; }

.IdColumn {
    width: 19px; }

td.DevicePower input{
    text-align: center;
}
td.input-validation-error{
    border: 2px solid #FF0000!important;
}
.dataTable input.input-validation-error {
    border: 1px solid #FF0000!important;
}

.SetForAllButton {
    margin: 0px;
    width: 100%;
}

/**********************************************************************************************************************/
/************************************************* NETWORK CONFIG ****************************************************/
/**********************************************************************************************************************/
.NetworkColumn {
    width: 100%;
}

.NetworkColumn fieldset{
}

.NetworkColumn td:first-child {
    width: 45%;
}
.IPConfigFields {
    margin-top: 25px;
    width: 100%;
}
.IPConfigFields td:first-child {
    width: 30%;
}

.APPasswordFields {
    margin-top: 25px;
    /*width: 100%; */
}

.APPasswordFields td:first-child {
    width: 110px;
}

.APPasswordFields td:nth-child(2){
    width: 50px;
}

.APPasswordShowKey {
    margin-top: 10px;
    width: 100%;
}


.APPasswordShowKey td:first-child {
    width: 150px;
}


.InetDeviceTable td:first-child {
    width: 15%;
}

#LANImage {
    width: 250px;
    height: 64px;
    display: block;
    float: left;
    background: url("/img/2015-12-14_icon_verbindung_64x250pt_72dpi_lan.png") no-repeat center;
    background-size: 250px 64px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    #LANImage {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_lan.png") no-repeat center;
        background-size: 250px 64px;
    }
}

#WLANImage {
    width: 250px;
    height: 64px;
    display: block;
    float: left;
    background: url("/img/2015-12-14_icon_verbindung_64x250pt_72dpi_wlan.png") no-repeat center;
    background-size: 250px 64px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2){
    #WLANImage {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_wlan.png") no-repeat center;
        background-size: 250px 64px;
    }
}

#APImage {
    width: 250px;
    height: 64px;
    display: block;
    float: left;
    background: url("/img/2015-12-14_icon_verbindung_64x250pt_72dpi_uap.png") no-repeat center;
    background-size: 250px 64px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2){
    #APImage {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_uap.png") no-repeat center;
        background-size: 250px 64px;
    }
}

#NetTable {
    margin:0 auto;
    clear:both;
    width:100%;
    table-layout: fixed;
}

#NetTable th {
    padding:3px 10px;
    /*padding:3px 18px 3px 10px;*/
    /*border-bottom:1px solid #000;*/
    font-weight:bold;
    cursor:pointer;
    *cursor:hand;
    background-color:#999;
    color:#fff;
    border-bottom:0;
    font-size:13px;
}

#WLANNetWorkList {
    /*width: 100%;*/
    height: 180px;
    border: 2px solid #808080;
    /*margin-bottom: 2px;*/
    /*margin-top: 5px;*/
    margin: -1px -1px 2px -1px;
    background-color: #ffffff;
}

#WLAN_Detail table {
    width: 100%;
}

.Signal0, .Signal1, .Signal2, .Signal3, .Signal4, .Tick, .TickBlue, .Seperator {
    height: 16px;
    width: 16px;
    margin: 0px 2px;
    float: left;
}

.Tick {
    background: url("/img/tick_grey_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .Tick {
        background: url("/img/tick_grey_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

.TickBlue {
    background: url("/img/tick_blue_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .TickBlue {
        background: url("/img/tick_blue_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

.Seperator {
    background: url("/img/Seperator_16px.png") no-repeat center;
}

.Signal0 {
    background: url("/img/Wlansignal_0_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .Signal0 {
        background: url("/img/Wlansignal_0_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

.Signal1 {
    background: url("/img/Wlansignal_1_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .Signal1 {
        background: url("/img/Wlansignal_1_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

.Signal2 {
    background: url("/img/Wlansignal_2_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .Signal2 {
        background: url("/img/Wlansignal_2_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

.Signal3 {
    background: url("/img/Wlansignal_3_16px.png") no-repeat center;
    background-size: 16px, 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .Signal3 {
        background: url("/img/Wlansignal_3_32px.png") no-repeat center;
        background-size: 16px, 16px;
    }
}

/*.Signal4 {*/
/*background: url("/img/signal4.png") no-repeat center;*/
/*}*/

#WLANNetWorkList {
    overflow-style: scrollbar;
    overflow-y: auto;
}

#WLANNetWorkList tbody tr.selected td{
    /*background-color:#0af*/
    background-color:#dfe0e1;
}

#WLANNetWorkList tbody tr:hover td{
    /*color:#0af;*/
    background-color:#eceded;
}

/*#WLANNetWorkList tbody tr.selected:hover td{*/
/*color: #ffffff;*/
/*background-color:#808080*/
/*}*/

.bold {
    font-weight: bold;
}




.WLANrow {
    width: 100%;
    padding-top: 3px;
}
.WLAN_TEXT_SECT {
    float: left;
    padding-left: 3px;
}
.WLAN_SSID {
    font-size: 15px;
}
.WLAN_SSID.WLAN_connected {
    color:#0af;
}

.WLAN_INFO {
    color:#808080;
    margin-top: 2px;
}

.WLAN_SYMBOL {
    float: right;
    margin:3px;
    width: 32px;
    height: 32px;
}

.WLANLockMessage {
    position: absolute;
    bottom: 27px;
    font-size: 11px;
}

/**********************************************************************************************************************/
/************************************************* RECONNECT STEP *****************************************************/
/**********************************************************************************************************************/

#ReconnectMessage {
    text-align: center;
    margin-top: 100px;
    font-size: 20px;
}

.PostReconnectMessage {
    margin: 20px;
    font-size: 14px;
}

.PostReconnectMessage a {
    font-size:  14px !important;
}

.ReconnectLoading {
    width: 100%;
    height: 70px;
    background: url("/img/ajax-loader.gif") no-repeat center;
}

.IPSwitchAnimation {
    height: 140px;
    width: 126px;
    background: url("/img/2014-03-17_DM_A-B_Schalter_1,0s_120x126px.gif") no-repeat center;
    background-size: 120px, 126px;
    /* margin-left: 50px; */
    position: relative;
    top: -95px;
    right: -460px;
}
.IPSwitchAnimationDialog {
    height: 140px;
    width: 126px;
    background: url("/img/2014-03-17_DM_A-B_Schalter_1,0s_120x126px.gif") no-repeat center;
    background-size: 120px, 126px;
    /* margin-left: 50px; */
    position: relative;
}
.IPSwitchForBox {
    height: 120px;
    width: 135px;
    background: url("/img/2014-03-17_DM_Datalogger_A-B_Schalter_1s_180x160px.gif") no-repeat center;
    background-size: 120px, 135px;
    position: relative;
    top: -110px;
    right: -480px;
}
.IPSwitchForBoxDialog {
    height: 120px;
    width: 135px;
    background: url("/img/2014-03-17_DM_Datalogger_A-B_Schalter_1s_180x160px.gif") no-repeat center;
    background-size: 120px, 135px;
    position: relative;
}

.IPSwitchAnimationClientAP {
    height: 120px;
    width: 126px;
    background: url("/img/2014-03-17_DM_A-B_Schalter_1,0s_120x126px.gif") no-repeat center;
    background-size: 120px, 126px;
    /*margin-left: 50px;*/
    position: relative;
    float: right;
    margin-top: -20px;
    margin-right: 50px;
}

.IPSwitchForBoxClientAP {
    height: 120px;
    width: 135px;
    background: url("/img/2014-03-17_DM_Datalogger_A-B_Schalter_1s_180x160px.gif") no-repeat center;
    background-size: 120px, 135px;
    position: relative;
    float: right;
    margin-top: -20px;
    margin-right: 50px;
}

/**********************************************************************************************************************/
/************************************************* NETWORK STATUS *****************************************************/
/**********************************************************************************************************************/

.NetStateTable thead td {
    text-align: center;
}

.RefreshColumn {
    width: 23px;
}

#NetStateImage, .LAN_OK, .LAN_FAILED_1, .LAN_FAILED_2, .LAN_FAILED_3, .WLAN_OK, .WLAN_FAILED_1, .WLAN_FAILED_2, .WLAN_FAILED_3{
    width: 600px;
    height: 99px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#NetStateImage {
    margin-top: 7px;
    margin-bottom: 10px;
}

.NetStateLoading {
    background: url("/img/ajax-loader.gif") no-repeat center;
}

.LAN_OK{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_lan.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .LAN_OK {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_lan.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.LAN_FAILED_1{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_lan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .LAN_FAILED_1 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_lan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.LAN_FAILED_2{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_lan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .LAN_FAILED_2 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_lan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.LAN_FAILED_3{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_lan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .LAN_FAILED_3 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_lan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}

.WLAN_OK{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_wlan.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .WLAN_OK {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_wlan.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.WLAN_FAILED_1{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_wlan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .WLAN_FAILED_1 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_wlan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.WLAN_FAILED_2{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_wlan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .WLAN_FAILED_2 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_wlan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}
.WLAN_FAILED_3{
    background: url("/img/2015-12-14_icon_verbindung_128x500pt_72dpi_wlan_io.png") no-repeat center;
    background-size: 500px 128px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .WLAN_FAILED_3 {
        background: url("/img/2015-12-14_icon_verbindung_128x500pt_144dpi_wlan_io.png") no-repeat center;
        background-size: 500px 128px;
    }
}


/****************************************************** dataTable *****************************************************/
table.dataTable{
    margin:0 auto;
    clear:both;
    width:100%;
    table-layout: fixed;
}
table.dataTableDefaultCursor thead th {
    cursor: default !important;
}
table.dataTable thead th{
    padding:3px 10px;
    /*padding:3px 18px 3px 10px;*/
    /*border-bottom:1px solid #000;*/
    font-weight:bold;
    cursor:pointer;
    /*cursor:hand;*/
    background-color:#999;
    color:#fff;
    border-bottom:0;
    font-size:13px
}

table.dataTable tfoot th{
    padding:3px 10px;
    /*padding:3px 18px 3px 10px;*/
    border-top:1px solid #000;
    font-weight:bold
}

table.dataTable td{
    padding:3px 10px
}

table.dataTable td.center,table.dataTable td.dataTables_empty{
    text-align:center
}

table.dataTable tbody td{
    color:#4d4d4d;
    font-size:13px;
    font-weight:normal;
    overflow:hidden;
    text-overflow:ellipsis
}

table.dataTable tr:nth-child(even){
    background-color:#eceded
}

table.dataTable tr:nth-child(odd){
    background-color:#f5f5f5
}

table.dataTable tr.error :first-child{
    border-left:4px solid red
}

table.dataTable tbody tr:hover td{
    color:#0af !important;
    background-color:#bfbfbf
}

/****************************************************** hrWithText *****************************************************/
/*hr.hrWithText {*/
/*height:1px;*/
/*background:#333;*/
/*background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);*/
/*background-image:-moz-linear-gradient(left,#ccc,#333,#ccc);*/
/*background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);*/
/*background-image:-o-linear-gradient(left,#ccc,#333,#ccc);*/
/*padding:0;*/
/*border:none;*/
/*color:#333;*/
/*text-align:center;*/
/*clear:both;*/
/*margin-bottom:20px;*/
/*overflow:visible*/
/*}*/

/*hr.hrWithText:after {*/
/*display:inline-block;*/
/*position:relative;*/
/*top:-.7em;*/
/*font-size:16px;*/
/*padding:0 .25em;*/
/*background:#fff*/
/*}*/

/*hr.total:after { content: "gesamt"; }*/

.hrWithText {
    height:1px;
    background:#333;
    background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);
    background-image:-moz-linear-gradient(left,#ccc,#333,#ccc);
    background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);
    background-image:-o-linear-gradient(left,#ccc,#333,#ccc);
    padding:0;
    border:none;
    color:#333;
    text-align:center;
    clear:both;
    margin:20px auto;
    /*margin-left:auto;*/
    /*margin-top:20px;*/
    /*margin-right:auto;*/
    overflow:visible
}

.hrWithText span {
    display:inline-block;
    position:relative;
    top:-.7em;
    font-size:16px;
    padding:0 .25em;
    background:#fff
}

svg {overflow:hidden;}

/*.divider hr {*/
/*margin-left:auto;*/
/*margin-right:auto;*/
/*width:40%;*/
/*}*/

/*.left {*/
/*float:left;*/
/*}*/

/*.right {*/
/*float:right;*/
/*}*/

/**********************************************************************************************************************/
/**************************************************** SOLAR WEB *******************************************************/
/**********************************************************************************************************************/

#SolarWebLink {
    cursor: pointer;
}

#DeleteLogLink {
    cursor: pointer;
}

.text40pxBlue {
    font-size: 40px;
    color: #0af;
    font-family: Arial,Helvetica,sans-serif;
}

.text20pxBlue {
    font-size: 20px;
    color: #0af;
    font-family: Arial,Helvetica,sans-serif;
}

.text20pxDark {
    font-size: 20px;
    color: #4d4d4d;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
}

.text40pxDark {
    font-size: 40px;
    color: #4d4d4d;
    font-family: Arial,Helvetica,sans-serif;
}

.service-message-widget .ErrorTable .date {
    width: 105px;
}

.MessageWidgetHeader {
    height: 32px;
    color: #4d4d4d;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 13px;
    margin-left: 15px;
    border: 0;
}

.tableContainer {
    max-height: 185px;
    overflow: hidden;
}

.emptyRow {
    height: 25px;
    background: white;
}

.codeColumn {
    text-align: center;
}

.splitRow {
    height: 1px;
    background: white;
}

.hiddenRow {
    height: 0;
}

.SystemMessageTableHeader {
    background: #bfbfbf;
    color: white;
    font-size: 11px;
    height: 25px;
}

.rows, .row_1, .row_0 {
    text-align: left;
    color: #4d4d4d;
    font-size: 11px;
}

/**********************************************************************************************************************/
/********************************************** FROM WEBINTERFACE.CSS *************************************************/
/**********************************************************************************************************************/

.property { font: 11px Helvetica, Arial, Verdana, sans-serif; text-align:left;z-index:10;vertical-align:middle}
.property.fixed { text-align:center;width:35px;}
input.property { text-align:left }
input.property.text { text-align:left }
input.property.date { text-align:center; width:25px; }  /* may cause trouble in IE6 */
input.property.date.year { width:40px; }
input.property.button { text-align:center; }
button.property.button { text-align:center; }

/**********************************************************************************************************************/
/************************************************* ABOUT SYSTEM *******************************************************/
/**********************************************************************************************************************/

.tblAboutSystem {
    /*border-collapse:collapse;*/
    /*padding-top:10px;*/
    min-width:540px;
}
.tblAboutSystem td {
    /*border: 1px solid #8BA0BD;*/
    margin:0px;
    padding:1px 5px;
}
.IOSpan {
    width: 35px;
    text-align: center;
    display: block;
    float: left;
}
.IncludedContent {
    /*position:relative;*/
    width:760px;
    /*min-height:440px;*/
    margin:0px 0px 5px 9px;
    /*float:left;*/
    z-index:10;
    color:black;
}
.ledImage {
    height:20px;
    padding-left:10px;
    padding-right:10px;
}

/**********************************************************************************************************************/
/************************************************* GENERAL ************************************************************/
/**********************************************************************************************************************/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}