/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


html,body{
font-family:'Source Sans Pro',Arial,sans-serif;
font-size:15px;
}

.header,
.display-title{
background:#808080;
}

.index-customer-select{
background:#505050;
color:#ffffff;
font-weight:600;
}

.logo{
width:240px;
}

.header .headline{
margin-left:240px;
}

.header .headline h1,
.display-title h1{
color:#fff;
font-size:24px;
font-weight:bold;
}


.nav-panel{
width:240px;
background: #808080; /* Old browsers */
}

@media print {
  .nav-panel { display:none; }
  .userinfo  { display:none; }
  .logout    { display:none; }
}

.main-panel{

}

.lang-selected .lang-sub{
background:#808080;}

.lang-sub a{
transition: background 0.3s;
}

.lang-sub a:hover{
background:#aaa;
}

.userinfo{
color:#dce0ec;
}

.copyright{
display:block;
width:220px;
color:#dce0ec;
border-top:1px solid #dce0ec;
}

.copyright a{
color:#dce0ec;
}

.idx_button, .idm_button{
font-size:15px;
font-family:'Source Sans Pro',Arial,sans-serif;
color:#ffffff;
height:36px;
font-weight:600;
line-height:36px;
background:#505050;
transition: background 0.3s;
}

.idx_button:disabled{
opacity:.5;
cursor:not-allowed;
}

.idx_button:hover, .idm_button:hover{
background:#aaa;
}

.idx_button[disabled]:hover{
background:#505050;
}

.idm_button {
  width:150px;
  margin-right:5px;
}

.caption,
.list-table caption,
.konfi-table caption,
.display-table caption{
background:#505050 !important;
color:#fff !important;
font-weight:600 !important;
}

td table .caption,
.list-table td table caption,
.konfi-table td table caption,
.display-table td table caption{
background:#bbb !important;
color:#333 !important;
text-shadow:none !important;
}

table th,
.alarmplantable .headrow td,
.alarmplantable .hour{
background:#ddd !important;
color:##051326 !important;
font-weight:600 !important;
}

table td table th{
background:#ccc !important;
color:#333 !important;
}

.list-table td{
transition: background 0.3s;
}

.list-table td,
.konfi-table td,
.konfi-table td label{
color:#333;
}

.list-table tr.even:hover td,
.list-table tr.odd:hover td{
background:#aaa !important;
}

/* fileman */
.idm_tr td {
color:#333;
}

.idm_tr:hover td {
background:#aaa !important;
}

.login-body{
text-align:center;
background:#808080;
}

.login-body .idx_button{
background:#808080;
color:#fff;
}

.loginbox table{
background:#dce0ec;
}

.login-links a{
color:#fff;
font-size:14px;
transition: opacity 0.3s;
}

input[type="text"],
input[type="password"],
textarea,select{
font-size:15px !important;
font-family:'Source Sans Pro',Arial,sans-serif !important;
background:#fff;
color:#333;
padding:3px;
border:1px solid #bbb;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
background:#fff;
color:#111;
border-color:#aaa !important;
}

.tabcon{
height:37px;
overflow-y:visible;
overflow-x:hidden;
}

.tabcon ul li a{
line-height:36px;
background:#505050;
color:#ffffff;
font-size:15px;
font-weight:600;
transition: background 0.3s;
}

.tabcon ul li a:hover{
background:#aaa;
}

.tabcon ul li.current a{
color:#333;
text-shadow:none;
}

.lview{
font-size:15px; 
}

.ltitle{
font-size:15px; 
}

.logcontainer .logsoverview a.loglink:hover{
background:#aaa; 
}  

.logcontainer .lview{
border:1px solid #bbb;
}

.nav-info{
font-size:15px;
color:#fff;
}

.webcam-thumb{
transition: background 0.3s,color 0.3s;
}

.webcam-thumb:hover{
background:#aaa;
color:#ffffff;
}

.webcam-act-pic,.webcam-dates{
background:#505050;
border:1px solid #505050;
}

.webcam-nav-title {
color:#aaa;
}

.ui-slider-handle{
background:#505050 !important;
border:1px solid transparent !important;
box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.ui-slider-handle:hover{
background:#aaa !important;
}

.ui-state-active{
border:1px solid #aaa !important;
}

.tis-modal h3{
background:#808080;
color:#fff;
font-size: 18px;
}

.card-con .cover{
transition: background 0.3s;
}