html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;color:#444;background:#fff;font-weight:400;}
.red{color:#ff0000 !important;  font-weight:bold !important;text-shadow:0 0 8px rgba(0,0,0,.7) !important;}a{outline:none !important;}
*{border-radius:0 !important;}
.preload{display:none;}

.content-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;}
.header-wrapper{flex:0 0 60px;width:100%;}.header{display:block;overflow:hidden;width:100%;height:60px;}.logo{display:block;float:left;width:240px;height:60px;overflow:hidden;}.logo img{width:100%;}.header .topmenu{float:right;width:400px;}.header .headline{display:block;margin:0 400px 0 240px;height:60px;overflow:hidden:}.header .headline h1,.display-title h1{display:block;padding:0 0 0 20px;margin:0;line-height:60px;}
.main-wrapper{flex:1 1 100%;display:flex;flex-direction:row;justify-content:center;align-items:stretch;}
.main-wrapper-inner{flex:1 1 100%;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;}
.nav-panel{flex:0 0 240px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;}
.main-panel{flex: 1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:100vw;}
.index-customer-select{flex: 0 0 50x;padding:10px 20px;font-weight:400;}
.index-customer-select select{max-width:300px;margin-left:15px;}
.scroll-wrapper{flex:1 1 0;overflow-y:scroll;}
.main-content{display:block;margin:20px 20px;}.logout{display:block;float:right;width:28px;height:28px;margin:15px 10px 0 10px;}.logout img{width:28px;	}.lang-select{display:none;float:right;height:60px;}.lang-select img{width:28px;margin:15px 10px 0 10px;}
.lang-selected .lang-sub{display:none;position:fixed;right:53px;width:48px;top:60px;z-index:10;overflow:hidden;}.lang-selected{height:60px;}.lang-selected:hover .lang-sub{display:block;}.lang-sub a{display:block;clear:right;float:right;width:100%;padding-top:5px;padding-bottom:5px;text-align:center;}
.lang-select .lang-sub img{width:28px;margin:0 auto;}.userinfo{float:right;color:#fff;text-align:right;padding:12px 10px 0 0;}
form{padding:0;margin:0;}
/*textarea{resize:none;}*/
.copyright{
  flex:0 1 auto;
  display:block;
  margin:0 10px 10px 10px;
  font-size: 12px;
  text-align: center;
  padding-top:10px;
  }
.copyright a{
  text-decoration:none;
  }
.copyright a:hover{
  text-decoration:underline;
  }
label{font-weight:600 !important;}  
#add_station_modal .input-wrp{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px;align-items:baseline;}
#add_station_modal .input-wrp label{flex:0 0 20%;}
#add_station_modal .input-wrp input{flex:0 0 80%;}
#add_station_modal .idx_button{max-width:120px;}
#add_station_modal .submit-wrp{display:flex;flex-direction:row;justify-content:flex-end;}
#add_station_modal .input-err{background:#e40000;color:#fff;}
.card-con{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;max-width:1700px;}
.card-con .card{flex:0 1 400px;position:relative;background:#dddddd;box-shadow:5px 5px 10px rgba(0,0,0,.3);margin:0 20px 20px 0;width:400px;height:300px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.card-con .card img{max-width:400px;}
.card-con .card img.400x300{width:100%;}
.card-con .card img.card-icon{margin-top:-50px;width:100px;}
.card-con iframe,.card-con .card-content{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;overflow:hidden;}
.card-con .cover:hover{background:transparent;}
.card-con .cover{position:absolute;left:0;bottom:0;z-index:5;display:block;width:100%;height:100%;background:rgba(0,0,0,.1);cursor:pointer;}
.card-con .card-title{position:absolute;left:0;bottom:0;z-index:4;background:rgba(0,0,0,.75);color:#fff;font-size:1.5em;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.card-con .card-title span{padding:15px 20px;}
.card-con .card-title span:last-child:not(:first-child){font-size:.65em;}
.card-con .val-preview{width:100%;max-height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.card-con .val-preview .val{flex:0 1 50%;margin-bottom:5px;font-size:.9em;}
.card-con .val-preview .val .val-title{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:5px 10px 0 10px;}
.card-con .val-preview .val .val-bar{display:block;margin:0px 10px 0px 10px;height:5px;background-color:#aaa;background-image:url(../images/green.jpg);background-repeat:no-repeat;background-position:top left;background-size:0 0 ;}
.card-con .alarm-preview{width:100%;max-height:100%;display:block;overflow:hidden;}
.card-con .alarm-preview .alarm{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:5px 10px 0 10px;font-size:.9em;border-bottom:1px dotted #bbb;margin-bottom:3px;padding-bottom:3px;}
.card-con .alarm-preview .alarm:last-child{border-bottom:none;}
.card-con .alarm-preview .alarm .alarm-header{flex:1 1 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.card-con .alarm-preview .alarm .alarm-header img{display:inline-block;height:12px;margin-right:5px;}
.card-con .alarm-preview .alarm .alarm-header .alarm-title{display:inline-block;}
.card-con .alarm-preview .alarm .alarm-time{flex: 0 0 auto;}

.no-live{background:#fff;color:red;padding:15px 5px;text-align:center;border:2px solid red;font-weight:bold;display:none;}.img-load-wrp{display:none;}
.img-load {color:red;padding:15px 5px;text-align:center;font-weight:bold;display:block;}
.navbuttons{display:block;padding:10px;}
.navbuttons .nav-info{display:block;padding:20px 0 0 0;text-align:center;font-size:14px;font-weight:600;}
.navbuttons .nav-info span{font-weight:400;}
.idx_button, .idm_button{cursor:pointer;border:0;width:100%;margin-bottom:5px;}
.button-td, .idm_button{margin-bottom:0;}
.list-table{margin:0;background:transparent;width:100%;border-collapse:collapse;border:none;}
.display-table{margin:0 0 20px 0;background:rgba(220,224,236,.2);width:100%;background-repeat:no-repeat;background-position:top left;background-size:100% auto;}
.display-table td{vertical-align:center;}
/*.display-table tr:last-child td{padding-bottom:10px;}*/
.news_body .news_wrapper,.help_body .help_wrapper{margin-left:180px;text-align:left;color:#fff;}
.news_body .news_wrapper dt{font-weight:bold;display:block;border-bottom:1px solid #bbb;  margin:25px 10px 10px 10px;}
.news_body .news_wrapper dd,.help_body .help_wrapper dd{margin:0 15px;}
.help_body .help_wrapper dt{font-weight:bold;display:block;border-bottom:1px solid #bbb;  margin:25px 10px 10px 10px;font-size:18px;padding-bottom:2px;}
.caption,.list-table caption,.konfi-table caption,.display-table caption,.news_body .headline,.help_body .headline{font-size:18px;font-weight:normal;text-align:left;padding:6px 12px;}
.caption{display:block;}
caption{font-size:18px;}
.order_arrows{width:18px;height:13px;float:left;padding:0 0 0 8px;margin:3px 0 0 0;}
.order_arrows a{float:left;height:13px;width:9px;}
.order_arrows .order_asc{background:url('../images/arrow_up.png') no-repeat top left;background-size: 100% 100%;}
.order_arrows .order_asc:hover{background:url('../images/arrow_up_hover.png') no-repeat top left;background-size: 100% 100%;}
.order_arrows .order_desc{background:url('../images/arrow_down.png') no-repeat top left;background-size: 100% 100%;}
.order_arrows .order_desc:hover{background:url('../images/arrow_down_hover.png') no-repeat top left;background-size: 100% 100%;}
.list-table th,.konfi-table th{font-size:16px;padding:8px 12px;white-space: nowrap;font-weight:normal;}
.list-table td,.konfi-table td{padding:8px 12px;cursor:default;white-space: nowrap;font-size:15px;border:none;vertical-align:center;}
.konfi-table td,.konfi-table th,.display-table td,.display-table th,.xdisplay-table caption,.xkonfi-table caption,.xkonfi-table .caption,.konfi-table .idx_button,.konfi-button{font-size:15px !important;}.konfi-table td,.konfi-table th{padding:4px 6px;}
.konfi-table tbody tr:first-child td{padding-top:8px;}
.konfi-table tr:last-child td{padding-bottom:8px;}
.konfi-table td:first-child{vertical-align:center;text-align:right;}
.odd,.odd td{background:#fff;}
.even,.even td{background:#eee;}.markred,.markred td{background:#fdc5c5;}
.list-table tr.odd_error td{background:#facaca;}
.list-table tr.even_error td{background:#facaca;}
.list-table tr.even:hover td,.list-table tr.odd:hover td{color:#111;}
.list-table tr.even_error:hover td,.list-table tr.odd_error:hover td{background:#ffa2a2;color:#111;}
.list-table td a{text-decoration:none;margin:0;padding:0;padding:0 !important;}
.list-table td a.actionlink{margin:0 5px;height:1px;line-height:1px;font-size:1px;}
.list-table td a img{border:0;}
.list-table th img,.konfi-table th img{height:20px;}
.list-table td img,.list-table input[type="image"]{height:24px;width:24px;cursor:pointer;}
.display-table input[type="image"]{height:22px;width:22px;cursor:pointer;}
.list-table td a.alarm-link{display:block;text-align:center;padding-top:2px;}
.list-table td img.alarm{width:18px;height:18px;}
input[type="text"],input[type="password"],textarea,select{width:100%;margin:0;box-sizing:border-box;}

input.loading{
background-image:url('../images/loading_spinner.gif') !important;
background-repeat:no-repeat !important;
background-position:center right !important;
}

.display-table input[type="text"],.display-table input[type="password"],.display-table textarea,.display-table select{width:auto;box-sizing:none;}
.konfi-table .checkbox-group{padding:8px 0 10px 0;width:600px;float:left;overflow:hidden;}
.konfi-table .checkbox-group div{display:block;float:left;width:280px;padding-bottom:15px;}
.konfi-table .checkbox-group div span{line-height:10px;}
.konfi-table .checkbox-group div input{margin:3px 8px -3px 0;line-height:1px;}
.loginbox{margin:200px auto 20px auto;width:50%;text-align:center;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}
.loginbox h2{font-size:20px;margin:0 0 20px 0;padding:0;}
.loginbox table{width:100%;height:180px;}
.loginbox table td{text-align:right;padding-bottom:5px;vertical-align:top;line-height:27px;padding-top:5px;}
.loginbox table td img{width:100%;}
.loginbox input{width:180px;}
.login-links{display:block;text-align: center;}.login-links a{text-decoration:none;padding:0 20px;opacity:.7;}
.login-links a:hover{opacity:1;}
.list-table table.historie_buttons{text-align:center ! important;margin:0 auto;}.list-table table.historie_buttons td a{cursor:pointer;background:#dddddd;line-height:24px;}
.help_wrapper .einrueck{padding-left:12px;}
.help_wrapper .subtitle{font-size:16px;font-weight:bold;display:block;margin:15px 0 5px 0;}
.help_body .help_wrapper a{color:#ccc;background:url('../images/link_arrow.png') no-repeat center left;padding-left:10px;}
.help_body .help_wrapper a:hover{color:#fff;background:url('../images/link_arrow_hover.png') no-repeat center left;}
.help_body .help_wrapper dt a{color:#fff;background:none;padding:0;}
.tabcon{display:block;width:100%;overflow:hidden;margin-bottom:20px;padding:0;background:#fff;}
.tabcon ul{display:block;list-style:none;padding:0;margin:0 5px;border-bottom:1px solid #333;height:36px;}
.tabcon ul li{display:block;float:left;padding:0;margin:0 1px -1px 0;vertical-align:bottom;height:33px;}
.tabcon ul li a{display:block;text-decoration:none;padding:0 20px;height:35px;margin-top:1px;}
.tabcon ul li.current a,.tabcon ul li.current a:hover{background:#fff;border:1px solid #333;border-bottom:none;height:36px;margin-top:0;}
.display-body .tabcon{margin-bottom:0 !important;background:transparent;height:32px !important;overflow:visible !important;}
.display-body .tabcon ul{height:31px;margin:0;}
.display-body .tabcon ul li{height:31px;	}
.display-body .tabcon ul li a{height:30px;line-height:30px !important;font-size:14px;}
.display-body .tabcon ul li.current{background:#fff;}
.display-body .tabcon ul li.current a,.display-body .tabcon ul li.current a:hover{height:31px;}
.display-body .tabcon_c,.display-body .tabcon_c_lower{clear:both;background:#fff;border:1px solid #333;border-top:none;overflow:hidden;font-size:14px;text-align:center;}
.tabcon_c td,.tabcon_c_lower td{font-size:14px;	}
.display-body .idx_button{height:26px !important;line-height:24px !important;width:80px;}
.logcontainer{clear:both;overflow:hidden;}
.logcontainer .logsoverview{float:left;width:240px;}
.logcontainer .logsoverview a.loglink{display:block;padding:2px;color:#333;}
.logcontainer .logsoverview a.loglink:hover{background:#ddd;}  
.logcontainer .logsdetail{margin-left:250px;}
.logcontainer .ltitle{font-weight:bold;padding-bottom:2px;}
.logcontainer .lview{height:500px;overflow:auto;overflow-x:hidden;background:#fff;}
.logcontainer .logwrapper{float:left;width:100%;}.logcontainer .lview .logwrapper div{padding:2px 3px;cursor:default;display:block;overflow:hidden;}
.display-body{background:#f8f9fb;padding:0 0 20px 0;margin:0;text-align:center;}
.display-title{display:block;overflow:hidden;width:100%;height:60px;margin-bottom:15px;}
.alarmplantable .headrow td{text-align:center;}.alarmplantable .headrow .dayred{background:#e12222 !important;color:#fff;}
.alarmplantable .hourred{background:#e12222 !important;color: #fff;}
.webcam-thumb{height:80px;padding:10px;background:#ccc;color:#333;float:left;margin-right:10px;margin-bottom:10px;box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;}
.webcam-thumb-info{display:block;float:left;line-height:16.5px;}
.webcam-thumb-info span{font-weight:bold;font-size:18px;}
.webcam-view{background:#fff;border:2px solid #eee;border-right:none;text-align:center;vertical-align:center;padding:0 !important;}
.webcam-view table{width:100%;height:100px;}
.webcam-view table .webcam-image{text-align:center;vertical-align:center;padding:0 !important;}
.webcam-view table .webcam-image img{cursor:pointer;max-width:97%;max-height:97%;}
.webcam-view table .webcam-slider{height:30px;background:#fff;	padding:0 !important;position:relative;}
.webcam-view table .webcam-slider .webcam-progress{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:#fff;display:none;}
.webcam-view table .webcam-slider .webcam-progress div{display:block;height:10px;margin:10px;background:#eee;box-shadow:inset 0 0 2px rgba(0,0,0,.3);}
.webcam-view table .webcam-slider .webcam-progress div span{display:block;float:left;height:10px;width:0%;background: #ff0000;background: -moz-linear-gradient(left,  #720001 0%, #ff0000 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #720001 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #720001 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720001', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */}
.webcam-image img{max-width:98%;max-height:98%;}
.webcam-nav{width:100%;vertical-align:top;font-size:14px;padding:50px 0 0 0;color:#fff;}
.webcam-nav-title{font-weight:bold;display:block;font-size:18px;color:#fff;}.webcam-act-pic{display:block;color:#fff;text-align:center;font-size:16px;padding-top:5px;margin-top:10px;}.webcam-act-pic span{background:#fff;color:#333;padding:5px;font-size:18px;display:block;margin-top:5px;}.wc-slider{background:#ccc !important;}.webcam-btn{display:block;overflow:hidden;margin-top:5px;}.webcam-btn .wc-prev,.webcam-btn .wc-live{width:107px;float:left;}
.webcam-btn .wc-next,.webcam-btn .wc-hd{width:107px;float:right;}.webcam-dates{display:block;color:#fff;text-align:center;font-size:16px;margin-top:15px;}.webcam-dates-inputs{background:#fff;color:#333;padding:10px;font-size:18px;display:block;overflow:hidden;}.webcam-dates-inputs label{display:block;clear:both;float:none;font-size:14px;text-align:left;padding:5px 0;margin:0;}.webcam-dates-inputs label:first-child{padding-top:0;}.webcam-dates-inputs input[type="text"]{width:40% !important;text-align:center;}.webcam-dates-inputs .idx_button{margin:10px 0 0 0;}
.ui-datepicker-title,.ui-datepicker th,.ui-datepicker td{font-size:12px;}.tis-modal{padding:0 !important;width:auto !important;}.tis-modal h3{margin: 0;padding: 10px 20px;}.tis-modal .map-iframe-wrapper{display:block;padding:20px;}.tis-modal .map-iframe-wrapper iframe{width:100%;height:100%;border:none;}.modal a.close-modal{top:7px !important;right:7px !important;background:transparent url(../images/error_ico_white.png)no-repeat center center !important;background-size:28px 28px !important;}

  #cookieNotice              {position:fixed;bottom:0;left:0;z-index:1;width:100%;background-color:#222;color:#fff;padding:10px 35px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.6);}
  #cookieNoticeCloser        {color:transparent;position:absolute;right:30px;bottom:10px;z-index:2;width:15px;height:15px;cursor:pointer;}
  #cookieNoticeCloser:before {content:'';position:absolute;width:1px;height:9px;background-color:#fff;left:7px;top:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
  #cookieNoticeCloser:after  {content:'';position:absolute;width:1px;height:9px;background-color:#fff;left:7px;top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}