/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17.06.2014, 09:32:31
    Author     : meefinb
*/
:focus {
    outline: none;
}

@font-face {
  font-family: 'Emoji';
  src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol');
}

/* allow text selection on all elements, apart from SVGs and modal dialog
   content
   Note: There is some bug in FF when you disable user-select on all
   elements and make a klick below body border
   => see here: http://stackoverflow.com/questions/20173892/disabling-user-select-doesnt-work-properly-in-firefox
   => and here: https://bugzilla.mozilla.org/show_bug.cgi?id=739396
*/
html, body, *{
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Overwrite default bootstrap definitions by adding Emoji fallback (defined above) */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Emoji', sans-serif;
}

.visibility-hidden {
    visibility: hidden;
}

.no-script {
    text-align: center;
    color:red;
    font-size: 20px;
    font-weight: bold;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.modal, .modal *, svg, svg * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

footer,header,menu,nav,section,div.header,div.section {
    display: block
}
ol,ul {
    list-style: none
}

/*new static stuff*/

.policy-bhome ol li,
.policy-web ol li,
.impress ol li,
.terms ol li, .faq ol li li{
    margin-bottom : 10px;
}

.impress > .p0 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.impress > .p1 {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 0px;
}

.impress > .p2 {
    text-align: left;
    margin-top: 17px;
    margin-bottom: 0px;
}

.impress > .p3 {
    text-align: left;
    margin-top: 1px;
    margin-bottom: 0px;
}

.impress > .p4 {
    text-align: left;
    margin-top: 17px;
    margin-bottom: 0px;
}

.impress > .p5 {
    text-align: left;
    padding-right: 233px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.impress > .p6 {
    text-align: left;
    padding-right: 178px;
    margin-top: 18px;
    margin-bottom: 0px;
}

.impress > .ft0 {
    font: bold 15px 'Arial';
    line-height: 18px;
}

.impress > .ft1 {
    font: 15px 'Arial';
    line-height: 17px;
}

.impress > .ft1c {
    font: 15px 'Arial';
    color: #2e74b5;
    line-height: 16px;
}

.impress > .ft2 {
    font: 15px 'Arial';
    line-height: 16px;
}

.impress > .ft3 {
    font: 15px 'Arial';
    line-height: 16px;
}

.policy-web, .policy-bhome{
    margin: 60px 0;
}

.policy-web .ft0{font: bold 15px 'Arial';line-height: 18px;}
.policy-web .ft1{font: 15px 'Arial';line-height: 17px;}
.policy-web .ft2{font: bold 15px 'Arial';margin-left: 36px;line-height: 18px;}
.policy-web .ft3{font: bold 15px 'Arial';margin-left: 28px;line-height: 18px;}
.policy-web .ft4{font: 15px 'Arial';margin-left: 39px;line-height: 17px;}

.policy-web .p0{text-align: left;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;}
.policy-web .p1{text-align: justify;margin-top: 15px;margin-bottom: 0px;}
.policy-web .p2{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -48px;}
.policy-web .p3{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 14px;margin-bottom: 0px;text-indent: -48px;}
.policy-web .p4{text-align: left;padding-left: 48px;padding-right: 458px;margin-top: 15px;margin-bottom: 0px;}
.policy-web .p5{text-align: left;padding-left: 48px;padding-right: 481px;margin-top: 16px;margin-bottom: 0px;}
.policy-web .p6{text-align: justify;padding-left: 76px;margin-top: 0px;margin-bottom: 0px;}
.policy-web .p7{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;}
.policy-web .p8{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 16px;margin-bottom: 0px;text-indent: -72px;}
.policy-web .p9{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -72px;}
.policy-web .p10{text-align: justify;padding-left: 48px;margin-top: 15px;margin-bottom: 0px;text-indent: -48px;}

.policy-web p, .policy-bhome p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.policy-bhome .ft0{font: bold 15px 'Arial';line-height: 18px;}
.policy-bhome .ft1{font: 15px 'Arial';line-height: 17px;}
.policy-bhome .ft2{font: bold 15px 'Arial';margin-left: 36px;line-height: 18px;}
.policy-bhome .ft3{font: 15px 'Arial';margin-left: 52px;line-height: 17px;}
.policy-bhome .ft4{font: 15px 'Symbol';line-height: 19px;}
.policy-bhome .ft5{font: 15px 'Arial';margin-left: 18px;line-height: 17px;}

.policy-bhome .p0{text-align: left;padding-left: 48px;margin-top: 0px;margin-bottom: 0px;}
.policy-bhome .p1{text-align: left;padding-left: 48px;padding-right: 97px;margin-top: 15px;margin-bottom: 0px;}
.policy-bhome .p2{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -48px;}
.policy-bhome .p3{text-align: justify;margin-top: 14px;margin-bottom: 0px;}
.policy-bhome .p4{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -72px;}
.policy-bhome .p5{text-align: justify;padding-left: 119px;margin-top: 15px;margin-bottom: 0px;}
.policy-bhome .p6{text-align: justify;padding-left: 119px;margin-top: 14px;margin-bottom: 0px;}
.policy-bhome .p7{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 16px;margin-bottom: 0px;text-indent: -72px;}

.policy-bhome ol, .policy-web ol {
    list-style-type: disc;
    text-align: justify;
    padding-left: 76px;
    font: 15px 'Arial';
    line-height: 17px;
}
.policy-bhome ol li, .policy-web ol li {
    margin-top: 15px;
    margin-bottom: 0px;
}

.policy-bhome ol span, .policy-web ol span {
    margin-left: 11px;
}

.terms {
    margin-bottom: 50px;
}

.terms img {width:158px;height:58px;}

.terms .ft0{font: bold 19px 'Arial';line-height: 22px;}
.terms .ft1{font: bold 15px 'Arial';line-height: 18px;}
.terms .ft2{font: bold 15px 'Arial';margin-left: 36px;line-height: 18px;}
.terms .ft3{font: 15px 'Arial';line-height: 17px;}
.terms .ft4{font: bold 15px 'Arial';margin-left: 28px;line-height: 17px;}
.terms .ft5{font: bold 15px 'Arial';line-height: 17px;}
.terms .ft6{font: bold 15px 'Arial';margin-left: 28px;line-height: 18px;}
.terms .ft7{font: bold 15px 'Arial';margin-left: 39px;line-height: 18px;}
.terms .ft8{font: 15px 'Arial';line-height: 16px;}
.terms .ft9{font: bold 15px 'Arial';margin-left: 28px;line-height: 16px;}
.terms .ft10{font: bold 15px 'Arial';margin-left: 40px;line-height: 18px;}
.terms .ft11{font: 15px 'Arial';margin-left: 39px;line-height: 17px;}
.terms .ft12{font: 15px 'Arial';margin-left: 28px;line-height: 17px;}

.terms .p0{text-align: left;padding-left: 48px;margin: 0;}
.terms .p1{text-align: justify;margin-top: 48px;margin-bottom: 0px;}
.terms .p2{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 13px;margin-bottom: 0px;text-indent: -48px;}
.terms .p3{text-align: justify;padding-left: 48px;margin-top: 1px;margin-bottom: 0px;}
.terms .p4{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 1px;margin-bottom: 0px;}
.terms .p5{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -48px;}
.terms .p6{text-align: justify;margin-top: 13px;margin-bottom: 0px;}
.terms .p7{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 14px;margin-bottom: 0px;text-indent: -48px;}
.terms .p8{text-align: justify;padding-left: 48px;margin-top: 0px;margin-bottom: 0px;}
.terms .p9{text-align: justify;margin-top: 15px;margin-bottom: 0px;}
.terms .p10{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;text-indent: -72px;}
.terms .p11{text-align: justify;padding-left: 120px;padding-right: 96px;margin-top: 14px;margin-bottom: 0px;text-indent: -72px;}
.terms .p12{text-align: left;padding-left: 120px;padding-right: 96px;margin-top: 0px;margin-bottom: 0px;}
.terms .p13{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 3px;margin-bottom: 0px;}
.terms .p14{text-align: justify;margin-top: 14px;margin-bottom: 0px;}
.terms .p15{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 15px;margin-bottom: 0px;}
.terms .p16{text-align: justify;margin-top: 0px;margin-top: 15px;margin-bottom: 0px;}
.terms .p17{text-align: justify;margin-top: 16px;margin-bottom: 0px;}
.terms .p18{text-align: justify;padding-left: 48px;margin-top: 16px;margin-bottom: 0px;}
.terms .p19{text-align: justify;padding-left: 48px;padding-right: 96px;margin-top: 16px;margin-bottom: 0px;text-indent: -48px;}

#wrapper {
    width: 960px;
}
#header {
    padding-top: 8px;
}
/* text utilities */
small,
.small {
  font-size: 85%;
}
strong,
.strong {
  font-weight: bold;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-gray {
    color: #555;
}
/* button styling */
.btn-default{
    /* border-radius: 10px; */
    border-color: #ec7405;
    text-shadow: none;
    background-image: none;
}

.nav button{
    height : 40px;
}

/* END button styling */
#header .top .navbar {
    height: 50px;
    min-height: 25px;
    margin-bottom: 20px;

}
#header .top .navbar ul.nav {
    padding-top: 0px;
    margin-top: 0px;
}
#header .top .navbar.navbar-small {
    height: 20px;
    margin-bottom: 5px;
}

#header .top .navbar.navbar-small .nav>li>a {
    padding: 3px 15px;
}

#header .nav>li>a {
    cursor: pointer;
}
#header .nav>li>a#account-panel-title {
    cursor: default;
}

.headlines {
    border-bottom: 1px solid #ec7405;
    margin: 10px 0px;
}
.headlines :hover, .headlines :focus{
    text-decoration : none;
}
.headlines img {
    margin-top: 0px;
}

.headlines .ui-header {
   font-size : 60px;
   font-weight: bold;
   color: #ec7405;
}

.headlines .ui-header a {
   background-image: url("../img/bhome_s.png");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: left center;
   padding-left: 80px;
}

.headlines .ui-logo {
    width: 600px;
    height: 100px;
    background-image: url("../img/klimaregler-logo-blue.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.headlines .oem-logo {
    /* max-width: 200px;
    max-height: 80px; */

    height: 85px;
    width: 200px;
    /* background-color: #ec7405; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}
.headlines .oem-logo img {
    max-width: 200px;
    max-height: 80px;
}

.main-col a {
    text-decoration: none;
}

.main-col .login {
    border: #ec7405 2px solid;
    /* border-radius: 20px; */
    padding: 20px;
}

.login .form-horizontal .form-group{
    margin-left: 0;
    margin-right:0;
}
.login .form-horizontal label{
    width: 200px;
    margin-right: 10px;
    text-align: left;
}
.login .form-horizontal input{
    width: 600px;
}

.breadcrumb{
    padding:0;
    background: #fff;
}
.breadcrumb > li + li:before {
    color: #000;
    content: "\003E";
}
.breadcrumb > li a {
    color: #000;
}
.breadcrumb > li a.active {
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}
.breadcrumb > li a:hover {
    color: #ec7405;
}
/* Dashboard */
.dashboard-item, .detail-item{
    background-color: #efefef;
    padding-left: 0px;
    font-size: 26px;
    height:70px;
    margin: 5px 1px;
    width:958px;
    display: table;
}
.dashboard-item p, .detail-item p {
    margin: 0px;
}
.dashboard-item .small, .detail-item .small {
    font-size: 42%;
}
.dashboard-item > div, .detail-item > div{
    min-height:70px;
    margin: 1px;
}
.container-name > * {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
}
.container-color-indicator{
    width:26px;
    background-color:green;
}
.dashboard-item .container-name{
    width: 270px;
}
.detail-item .container-name{
    width: 340px;
}
.dashboard-item .container-name > *{
    max-width: 270px;
}
.detail-item .container-name > *{
    max-width: 340px;
}

.dashboard-item .container-name p input,
.detail-item .container-name p input {
    background-color : #efefef;
    border : none;
    width : 190px;
    border-bottom: 1px solid gray;
}
.container-temp{
    width:155px;
    padding: 4px 0px;
}
.container-target-temp{
    width:138px;
    padding: 4px 0px;
}
.container-icon{
    width:70px;
    position: relative;
}
.container-icon:nth-last-of-type(-n+3)::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1px;
    background-image: -webkit-linear-gradient(top,transparent,#ccc,transparent);
    background-image: -moz-linear-gradient(top,transparent,#fff,transparent);
    background-image: -ms-linear-gradient(top,transparent,#fff,transparent);
    background-image: -o-linear-gradient(top,transparent,#fff,transparent);
    background-image: linear-gradient(top,transparent,#fff,transparent);
    width: 1px;
    height: 70px;
    border : 0;
}
.container-forward{
    width: 70px;
    background-color:#afafaf;
    padding-left:20px;
}
.dashboard-item .oem-icon {
    width: 100px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}
.dashboard-icon {
    background: url('../img/dashboard-icons.png') no-repeat;
    background-position: 80px 0px;
    top: 5px;
    left: 5px;
    height: 70px;
    width: 70px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.dashboard-icon.target-eq { background-position: 0px 0px;  }
.dashboard-icon.inactive { background-position: -80px 0px;  }
.dashboard-icon.eco { background-position: -160px 0px;  }
.dashboard-icon.vacation { background-position: -240px 0px;  }
.dashboard-icon.party { background-position: -320px 0px;  }
.dashboard-icon.time-automatic { background-position: -400px 0px;  }
.dashboard-icon.dewpoint { background-position: -480px 0px;  }
.dashboard-icon.target-incr { background-position: -560px 0px;  }
.dashboard-icon.target-decr { background-position: -640px 0px;  }
.dashboard-icon.cool-inactive { background-position: -720px 0px;  }
.dashboard-icon.cool-invalid { background-position: -800px 0px;  }
.dashboard-icon.cool-active { background-position: -880px 0px;  }
.dashboard-icon.heat-active { background-position: -960px 0px;  }
.dashboard-icon.heat-inactive { background-position: -1040px 0px;  }
.dashboard-icon.heat-invalid { background-position: -1120px 0px;  }

a.forward {
    background-position: -376px -356px;
    color:#555;
    text-decoration:none;
    font-size: 48px;
    margin: auto;
}

/* Details */
.nav-tabs {
    position:relative;
}
.nav-tabs>li {
    width: 33%;
    background-color: #efefef;
}
.nav-tabs>li active{
    background-color: #cfcfcf;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #cfcfcf;
    color:#000;
}
.nav-tabs>li.tab-right{
    right: 0px;
    position: absolute;
}
.nav-tabs>li>a {
     color:#999;
}
.tab-content>.active {
    display: block;
    background-color: #cfcfcf;
    padding:5px;
}
/* switch button */
.btn-group{
    margin:0 10px;
}
.btn-group > .btn-default{
    color: #000;
    background-color: #efefef;
    border-color: #cfcfcf;
    background-image: none;
}
.btn-group > .btn-default.active{
    color: #fff;
    background-color: #ec7405;
    border-color: #ec7405;
}

/* END switch button */

/*
.panel-heading{
    position: relative;
}
.panel-title{
    background: #fff;
    position: absolute;
    top:-12px;
    z-index:2;
    padding: 0  20px;

}
.panel-default{
    margin: 20px 80px;
}
.panel-default > .panel-heading {
    background: none;
    border: #000 1px solid;
    border-bottom: none;
}
.panel-default > .panel-body {
    border: #000 1px solid;
    border-top: none;
}
*/
.config-content-container {
    margin: 20px 80px;
}
#soll-temp-slider .slider {
    width:400px;
    margin: 0 20px;
}
.vacation-active{
    width : 200px;
    font-weight: bold;
}
.config-advanced-container .slider {
    width:400px;
}
/* slider */
.slider-group {
    width: 100%;
    position: relative;
}

.slider-group button {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.slider-handle {
    background-color: #ec7405;
    background-image:none;
}

.heating.comfort .slider-track {
    background-color: rgb(236,116,5);
    background-image: none;
}
.heating.eco .slider-track {
    background-color: rgb(220,183,126);
    background-image: none;
}
.cooling.comfort .slider-track {
    background-color: rgb(93,113,134);
    background-image: none;
}
.cooling.eco .slider-track {
    background-color: rgb(134,166,140);
    background-image: none;
}

/*
.heating.comfort {
    background-color: rgb(236,116,5);
}
.heating.eco {
    background-color: rgb(220,183,126);
}
.cooling.comfort {
    background-color: rgb(93,113,134);
}
.cooling.eco {
    background-color: rgb(134,166,140);
}
*/
.slider.slider-horizontal .slider-track {
    height: 5px;
}
.slider.slider-horizontal .slider-handle {
     margin-top: -8px;
}
/* END slider */
/* betriebsart button group */
#betriebsart > button {
    width: 25%;
}
#betriebsart {
    padding: 10px;
    background: white;
    width: 425px;
}
#betriebsart .btn:last-of-type{
    /*reason popover*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#betriebsart .btn:first-of-type{
    /*reason popover*/
    border-top-left-radius: 10px;
    border-bottom-left-radius : 10px;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group{
    /*reason popover*/
    margin : 0px;
}

#comfort-temp .slider {
    margin: 0 20px;
}
#comfort-temp {
    margin: 20px 0px;
}
#eco-temp .slider {
    margin: 0 20px;
}
#eco-temp {
    margin: 20px 0px;
}
#eco-temp label {
    margin-right: 31px;
}

/* END betriebsart button group */
.tab-settings .section-title {
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0px 10px;
}

.config-advanced-container label {
    font-weight: normal;
}
#party, #urlaubsmodus {
    margin: 20px 0;
}
#party label, #urlaubsmodus label {
    width: 150px;
}
#party > button, #urlaubsmodus > button , #automatic  button {
    border-radius: 0;
    border: none;
    background-color: #efefef;
    background-image: none;
    color: #000;
}
#automatic label {
    width: 100px;
}

#automatic .schedDayRow .schedLine {
    margin-left: 200px;
    height: 55px;
}

#automatic .schedDayRow .schedLine text {
    font-size: smaller;
}

.configOverlay .input-group-addon {
    text-align: left;
    background-color: #fff;
    border: none;
    border-radius: 4px;
}
.configOverlay .checkbox-container {
    width: 150px;
    float:left;
}
.configOverlay input[type="checkbox"] {
    margin-right: 5px;
}
.configOverlay .legend {
    float: left;
    margin-top: 20px;
}
.configOverlay .legendItem {
    display: inline-block;
    width:   140px;
    line-height: 16px;
    padding: 4px;
    background-image: none;
    margin-left: 10px;
    color: white;
}

.analogConfig {
    width:400px;
    float:left;
}
.schedLine svg line, .analogConfig svg line {
    stroke: whitesmoke;
}
.modal-dialog button{
    border-radius: 0;
}

.configOverlay .modal-footer {
    padding: 20px 20px;
}
.configOverlay .modal-body{
    padding: 20px 20px;
    height: 680px;
}
.detail .subtitle{
    position:relative;
    height:50px;
}
.btn-dropdown {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.detail .subtitle .btn:hover, .detail .subtitle .btn:focus {
    color: #333;
    background-color:#fff;
}
.inline-container{
    display: inline-block;
}
body .tooltip{
    z-index : 1500; /*layer for tooltips*/
}

.input-row label, .general-setting label {
    width : 35%;
}

.tab-settings label {
    width: 200px;
}

.form-inline .control-label {
    float: left;
}

.form-inline .form-group {
    margin-bottom: 15px;
}

.form-inline .input-group {
    display: inline-table;
}

/* vacation config overlay */
.vacationConfigOverlay .channels-checkbox-container,
.partyConfigOverlay .channels-checkbox-container {
    margin-top: 15px;
}
.vacationConfigOverlay .channels-checkbox-container label.fullwidth,
.partyConfigOverlay .channels-checkbox-container label.fullwidth {
    width: 100%;
}
.vacationConfigOverlay .channel-box,
.partyConfigOverlay .channel-box {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}
.vacationConfigOverlay .channel-box label,
.partyConfigOverlay .channel-box label {
    font-weight: normal;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}
.vacationConfigOverlay .slider.slider-horizontal {
    width: 62%;
}
.vacationConfigOverlay .input-row.slider-row {
    margin-top: 10px;
}

.vacationConfigOverlay .input-row,
.partyConfigOverlay .input-row {
    width : 100%;
}
.vacationConfigOverlay .input-row label,
.partyConfigOverlay .input-row label {
    width : 25%;
}
.vacationConfigOverlay .form-control[readonly], 
.vacationConfigOverlay .input-group-addon, 
.partyConfigOverlay .form-control[readonly],
.partyConfigOverlay .input-group-addon {
    cursor: pointer;
}
/*party config*/
.partyConfigOverlay .modal-dialog{
    width : 760px;
}
.partyConfigOverlay .duration{
    text-align : left;
    margin : 15px 0;
}
.party-checkbox-container div {
    width : 25%;
}
.timerange {
    position : absolute;
    text-align: center;
    display: block;
    font-size: 10px;
    width: 10px;
    height: 33px;
    margin: -4px 0 0 0;
    /* background-color: #ec7405; */
    border: 3px solid rgba(0, 0, 0, 0.6);
    /* opacity: 0.3; */
}
.timerange span{
    position : relative;
    margin: 0 0 0 -11px;
    top: -14px;
}

.popover {
    font-size: 14px;
    font-weight: normal;
}

.popover-icon{
    position : relative;
    top : 6px;
    left : 10px;
    width : 20px;
    height : 20px;
    display : inline-block;
    background: url('../img/info.png') center no-repeat;
    background-size : 90% 90%;
}
/*loading spinner*/
.ui-spinner{
    background-color: #fff;
    opacity: 0.7;
}
.ui-spinner-image{
    position : fixed;
    z-index : 1500;
    top : 20%;
    left : 50%;
    width : 32px;   /*Adjust w h margin-left by change bg img*/
    height : 32px;
    margin-left : -16px;
    background: url('../img/ajax-loader-m.gif') no-repeat;
}

/*general setting */
.general-setting input[type='text'] {
    position: relative;
    top: 2px;
    left: 5px;
    width: 250px;
    height: 34px;
    margin-right: 7px;
    padding-left: 10px;
}

/* fix for settings input fields on firefox*/
.form-inline .input-group>.form-control{
    min-width: 417px;
}

/* fix for input field in modal overlay on safari 9.0.1 */
.modal input {
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

/*feedback*/
.ui-feedback{
    position: fixed;
    z-index : 50;
    display : none;
    text-align : center;
    font-weight: bold;
    top : 80px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
}

/*oem image resources*/
.headlines .oem-logo[data-oem='0001'],
.dashboard-item .oem-icon[data-oem='0001'] {
    background-image: url("../img/0001-logo.png");
    background-size: 80px 50px;
    background-position: 10px 10px;
}

/*overwrite bootstrap switcher*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #ec7405;
    border-color: #ec7405;
}
.row-group {
    margin-bottom : 10px;
}

.row-group .bootstrap-switch{
    margin: 0 10px;
}
.special-mode {
    width : 63%;
    margin-left : 10px;
}
/* overwrite bootstrap datetimepicker */
.partyConfigOverlay .bootstrap-datetimepicker-widget {
    width: 150px;
}

.bootstrap-datetimepicker-widget > ul {
    padding-left: 0px;
}

.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget .btn:focus {
    color: #000;
}

.bootstrap-datetimepicker-widget .timepicker td {
    height: 35px;
    line-height: 35px;
}

.bootstrap-datetimepicker-widget .timepicker td  span {
    height: 25px;
    line-height: 25px;
}

.last-update-warning {
    font-size: smaller;
    color: rgb(236,116,5);
    position: relative;
    top: -4px;
    /* The warning is currently disabled in order to improve UI clearness */
    display: none;
}

.dashboard-item .title {
    margin: 5px 10px 0 10px;
    display: block;
}
.dashboard-item .sync-details {
    margin: 0px 10px;
}
.dashboard .sync-state, .dashboard-item .sync-state {
    margin: 2px 10px 0 0;
}

.dashboard .sync-details, .dashboard-item .sync-details {
    font-size: 14px;
}

.dashboard .last-update-warning, .dashboard-item .last-update-warning {
    margin-top: 0px;
}

.outer-circle {
    display: inline-block;
    padding:2px;
    width:14px;
    height:14px;
    border: 1px solid #858585;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.circle-small {
    width:8px;
    height:8px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bg-sync-unknown {
    background: #858585;
}

.bg-sync-success {
    background: #07B513;
}

.bg-sync-pending {
    background: #FFC526;
}

.bg-sync-error {
    background: #EC0000;
}

[class*='col-md-'] {
    float: left;
}

.container-fluid .col-md-6 {
    width: 47.5%;
}

.col-md-6:first-of-type {
    margin-right: 5%;
}

.container-fluid .col-md-12 {
    width: 100%;
}

.list-group {
    margin-top: 0;
}

.notify-inactivity {
    position: relative;
    top:7px;
}

#btn-logout:hover {
    cursor: pointer;
}

#account-panel {
    margin-bottom: 0;
}

#account-panel .nav {
    margin-top: 0;
}

#account-panel .panel-body {
    padding: 0;
}

#account-panel-title:focus,
#account-panel-title:hover,
#account-panel-title:active{
    background:transparent;
    cursor: text;
    color: rgb(236, 116, 5);
}

.font-normal {
    font-weight: normal;
}

.font-normal {
    font-style: italic;
}

.ui-link {
    margin: 0px 15px 0 15px;
}


#languageToggle {
    color: #ec7405;
    background-color: #fff;
	border: none;
	padding: 3px 15px;
	height: 26px;
}

#languageToggle:hover, #language-toggle:focus {
    background-color: #ececec;
    color: #a14f03;
}