@font-face {
    font-family: "DIN Next W02 Bold";
    src: url(../fonts/312EF6_0_0.eot?#iefix);
    src: url(../fonts/312EF6_0_0.eot?#iefix) format("eot"),
    url(../fonts/312EF6_0_0.woff) format("woff"),
    url(../fonts/312EF6_0_0.ttf) format("truetype"),
    url(//www.pluspol-interactive.de/typo3conf/ext/ppi_pluspol_config/Resources/Public/Assets/fonts/din/1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5.svg#1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5) format("svg")
}

@font-face {
    font-family: "DIN Next W02 Regular";
    src: url(../fonts/312EF6_1_0.eot?#iefix);
    src: url(../fonts/312EF6_1_0.eot?#iefix) format("eot"),
    url(../fonts/312EF6_1_0.woff) format("woff"),
    url(../fonts/312EF6_1_0.ttf) format("truetype"),
    url(//www.pluspol-interactive.de/typo3conf/ext/ppi_pluspol_config/Resources/Public/Assets/fonts/din/91c8307f-e301-4d44-b0f3-5cff17b3a554.svg#91c8307f-e301-4d44-b0f3-5cff17b3a554) format("svg")
}

#accordion .panel-heading{
    float: left;
    line-height: inherit;
    width: 100%;
    border-top: 1px solid #e0e2e5;
}
#accordion .panel-collapse .panel-body{
    float: left;
    width: 100%;
    border: 0;
}
#accordion h4.panel-title {
    float: left;
    line-height: inherit;
    width: 100%;
}
#accordion h4.panel-title a {
    display: block;
    width: 100%;
    float: left;
}
span.pull-right.xs-price-display strike {
    font-size: 0.9em;
}
#PB_block strike {
    font-size: 0.8em;
}

.inner.selectpicker > li > a:hover, .inner.selectpicker > li > a:focus, body, #accordionMenu h2,
.product-price-container .main-price-line > .big-price,.form-horizontal .key-label.control-label,
.bootstrap-select button, a.list-group-item.active:focus, .form-group-panel-default .form-group .value-label,
#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu li a,
p.lead,a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.active, a.list-group-item.active:hover,
#accordionMenu h2, p.lead,.btn, .panel-body .radio-checkbox-headline-table-cell.has-pretty-child label,
h4.read,.breadcrumb, .breadcrumb a, .breadcrumb a:hover,.breadcrumb > li + li:before,.breadcrumb > .active,
.navbar-default .navbar-brand, #topMenu .navbar-nav > li > a,.headHeadline,a.form-link,.btn,.font-normal,
.form-group-panel-radio-check .form-group .value-label,.breadcrumb > li + li:before,.inner.selectpicker > li > a:hover,
.inner.selectpicker > li > a:focus,#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu li a {
    font-family: 'DIN Next W02 Regular',Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.font-bold, .control-label.text-left,.mv-pre-comma,.mv-comma, .mv-post-comma,div.input-seperator:before,
.product-price-container .main-price-line > .big-price,.form-group-panel-default .form-group .key-label,
.form-group-panel-default > h4,
.form-group-panel-radio-check .form-group .key-label,.control-label.text-left,
.list-group-item-info,a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.active,
a.list-group-item.active:hover, a.list-group-item.active:focus,.panel-body > h3,.panel-default > .panel-heading,
.datepicker td.today, .datepicker td.today:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover,
.datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active,
.datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled],
.datepicker td.active:hover[disabled], .datepicker td span.active:hover, .datepicker td span.active:focus,
.datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled,
.datepicker td span.active[disabled],#dashboard .widget-panel .row h4,#subDashboard .widget-panel .row h4,
#productCalculatorShortForm p,
.subNav a, .tsrContentBlockHead, #tsrHead,#topMenu .navbar-nav > li > a.dropdown-toggle, #topMenu .open > .dropdown-menu > li a{
    font-family: 'DIN Next W02 Bold',Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif;
}


.panel-default > .panel-heading,#accordionMenu h2,#accordionMenu a.list-group-item.active,.mv-post-comma,.mv-comma,
#accordionMenu a.list-group-item:hover,.panel-title,.open > .dropdown-toggle.btn-default, .big-price,.highlight,.stern,
#topMenu .navbar-nav > li > a:hover, .navbar-default .navbar-brand:hover,.form-control,.form-control:focus,
.bootstrap-select.form-control button,.input-group-addon,.btn-group .btn-default:hover,.btn-group .btn-default:focus
{color: #4a4a4a;}


.bootstrap-select.btn-group .dropdown-menu li > a:hover{ border-left: none;}

body{
    background: #FFF;
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 300;
}
.wrapper{
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
}
header{
    border-bottom: none;
    border-top: 4px solid #ff8400;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    height: 125px;
    padding-top: 25px;
    padding-bottom: 25px;
    background: none;
    background-color: rgba(255,255,255,0.9);
}
#logoLi{
    margin: 0;
    display: inline-block;
    float: left;
    position: absolute;
    z-index: 2;
    left: 142px;
    top: 43px;
    width: 175px;
}
#slogan{
    width: 250px;
    position: absolute;
    left: 0;
    top: -8px;
}
#slogan_text{
    position: absolute;
    top: 48px;
    left: 0;
    font-size: 0.9em;
}
header img{ max-width: 100%; height: auto;}
header .wrapper{ position: relative;}
#metaNavi{
    width: 60%;
    float: right;
    text-align: right;
    position: absolute;
    z-index: 1000;
    top: -25px;
    right: 0;
}
#metaNavi a.btn-primary{line-height: 45px; padding: 0 24px; text-transform: uppercase; }
#metaNavi a.homeLink {
    margin-right: 15px;
}
div#topMenu {
    float: right;
}
div#topMenu .navbar-default{margin-bottom: 0;}
#topMenu .navbar-collapse{padding-left: 0;}
#subNavi_container .wrapper{
    border-top: 2px solid #ffc17e;
}
#subNavi_container{
    background: #FFF;
    border-bottom: 1px solid #ff8400;
    position: absolute;
    width: 100%;
    z-index: 9;
}

#main{ width: 100%; min-height: 375px; padding-bottom: 85px; }
.subNav{
    background: transparent;
    padding: 10px 0;
}
.subNav .dummy{text-align: center;}
.subNav a{
    color: #646464;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    margin-right: 1rem;
    display: inline-block;
    line-height: 45px;
    padding: 0 15px;
}
.subNav a:hover, .subNav a.active{color: #ff8400;}

#content_container{margin-top: 160px;}
#subNavi_container.empty + #content_container{margin-top: 10px;}
#subNavi_container.empty{border-bottom: none;}
#topMenu .navbar-nav > li > a .caret{ display: none;}
#topMenu .navbar-nav {
    float: right;
}
#topMenu .navbar-nav > li > a{
    color: #6f787b;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}
#topMenu .navbar-default .navbar-nav > .open > a,#topMenu .navbar-nav > li > a:hover{
    background: transparent;
    color: #ff8400;
}
.lead, .panel-title{color: #ff8400; font-size: 20px; font-weight: 300;}

footer{
    background-color: #FFF;
    color: #c0c2c4;
    box-sizing: border-box;
    padding: 10px 0;
    padding-bottom: 0;
    border-top: 2px solid #e0e2e5;
}
footer .navbar-nav > li > a{padding: 0 10px; font-size: 11px;}

.panel-default,.panel-default > .panel-heading{border: none;}
.panel-default > .panel-heading, .panel-default > .panel-body{ padding-left: 0; padding-right: 0; background-color: transparent; }

footer{min-height: 60px;}
footer .navbar-nav{ width: auto !important; }
footer span{font-size: 16px;}
footer .navbar-nav > li{  white-space: nowrap;}
footer .navbar-nav > li > a{display: inline-block; color: #ff8400; font-size: 16px;}
footer .navbar-nav > li > a:hover, footer .navbar-nav > li > a:focus, .fileUploadBlock .btn-default {
    background-color: transparent;
    color: #4a4a4a;
}
.form-control, .form-control:focus, .bootstrap-select.form-control button,
.selectpicker.btn-default, .bootstrap-select.open .dropdown-toggle.btn-default
{border-color: #a0a0a0; box-shadow: none; color: #1c1c1c; font-weight: 300; }
.open > .dropdown-menu > li a{color: #1c1c1c;}
.bootstrap-select > .dropdown-menu.open{border-color: #a0a0a0; margin-top: -2px; }
.bootstrap-select.form-control button span.caret {
    color: #1c1c1c;
}
.input-group-addon{border-color: #a0a0a0; background-color: #FFF;}
.stern{font-weight: 700;}

.form-horizontal .form-group:last-child {
    margin-bottom: 0;
}
.form-horizontal .row .form-group:last-child, #newAccountData, .form-horizontal .messageGroup .form-group:last-child,
.form-horizontal .debitDivergingHolder .form-group:last-child,
.form-horizontal #generic_bankName .form-group:last-child,
.form-horizontal .pNational .form-group:last-child {
    margin-bottom: 15px;
}

.withNoContent.has-pretty-child > span {vertical-align: middle;}
.withNoContent.has-pretty-child > div{vertical-align: top;}

/*Link*/
a {
    color: #ff8400;
}
a:focus, a:hover,a.form-link:hover {color: #4a4a4a; text-decoration: none;}
a:not(.btn){
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
a.form-link{
    color: #ff8400;
    background: none;
    padding-left: 0;
    text-decoration: none !important;
}
a.form-link:after{
    content: "→"; padding-left: 3px;
}
#csShowInvoicesForm p a img{display: none;}
#csShowInvoicesForm p a:before{
    font-size: 20px;
    font-family: 'FontAwesome', serif;
    content: "\f1c1";
    color: #4a4a4a;
    padding-left: 3px;
}
#csShowInvoicesForm p .insideLink a:before{display: none;}

/*button*/
input.btnFocus { position: absolute; }
.btn-primary,.btn-default[type=reset],.btn-default[type=submit],a.btn-default {
    font-size: 14px;
}
.fileUploadBlock .btn-default{padding: 3px 12px;}
.fileUploadBlock .btn-default:hover,
.btn-primary,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary,div.wait-button,div.wait-button:focus,div.wait-button:hover,
.btn-default[type=reset]:hover,.btn-default[type=submit]:hover,a.btn-default:hover{
    background-color: #ff8400;
    border-color: #ff8400;
    color: #FFFFFF;
    padding: 3px 12px;
}

.btn-default[type=reset],.btn-default[type=submit],a.btn-default{
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    color: #FFF;
    padding: 3px 12px;
}
/*breadcrumb*/
.breadcrumb > li + li:before {
    font-family: 'DIN Next W02 Regular',Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    content: "\276d";
    display: inline-block;
    padding: 0 5px;
    color: #a1a09f;
}
.breadcrumb {font-size: 14px; padding-left: 0;}
.breadcrumb, .breadcrumb .active,
.breadcrumb a {color: #a1a09f!important;}
.breadcrumb li.active a{font-weight: 400;}
.breadcrumb a:hover{color: #ff8400!important; text-decoration: none;}
.homeLi a:before {
    content: "\27f5";
    color: #a1a09f;
    padding-right: 3px;
}
span.step{background-color: #646464;}
span.step.active{background-color: #ff8400;}
/*.breadcrumb > li + li:before {
    font-family: arial,verdana,sans-serif !important; content: "›"; color: #FFF;
}*/
.breadcrumb > li + li.homeLi:before{display: none;}
#topMenu .open .dropdown-menu li {
    display: inline-block;
}
#topMenu .open > .dropdown-menu > li a,
#topMenu .open > .dropdown-menu > li a:hover, #topMenu .open > .dropdown-menu > li a:focus,
#topMenu .open > .dropdown-menu > li:last-child a{
    color: #4a4a4a; text-transform: uppercase; font-size: 18px; display: inline-block;
    border: none; padding: 10px 20px; background-color: transparent;
}
#topMenu .open > .dropdown-menu > li a:hover,#topMenu .open > .dropdown-menu > li a.naviLinkActive_sub{ color: #ff8400;}
.open > .dropdown-menu > li a:hover, .open > .dropdown-menu > li a:focus {
    background-color: #f5f5f2;
    border-left: none;
    padding-left: 20px;
}
.inner.selectpicker > li > a:hover{padding-left: 14px;}
.open > .dropdown-menu > li a{border-color: #e8e8e8;}

/*tooltip,popover*/
.popover {  border-radius: 0;  background-color: #f5f5f2;  border-color: #9b9b9b;  }
.popover.topRight > .arrow,.popover.topLeft > .arrow {  border-top-color: #6d6d6d !important;  }
.popover.topRight .arrow:after,.popover.topLeft .arrow:after {    border-top-color: #f5f8fb !important;}
.popover-title {}
.popover-content {}

/*table*/
.table{
    border-spacing: 2px;
    border-collapse: separate;
}
.table, td,.table > tbody > tr > td{ border-color: #FFF; vertical-align: middle; }
.table > thead > tr > th {
    background-color: #f5f5f2;
    border: 1px solid #FFF;
    border-right: 0;
}
.table-responsive {  border: 1px solid #FFF;}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #f5f5f2;
}
.table-responsive > table.sum-table > tbody > tr:last-child > td {
    border-top: 1px double #1c1c1c;
}

/*datepicker */
.datepicker th.prev, .datepicker th.datepicker-switch, .datepicker th.next,
.datepicker td.today, .datepicker td.today:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover,
.datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active,
.datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled],
.datepicker td.active:hover[disabled], .datepicker td span.active:hover, .datepicker td span.active:focus,
.datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled,
.datepicker td span.active[disabled]
{ background-color: #5E7386;}
.datepicker td, .datepicker td span.month, .datepicker td span.year{color: #485f73;}
.datepicker td.day:hover, .datepicker td span.month:hover, .datepicker td span.year:hover,
.datepicker th.prev:hover, .datepicker th.datepicker-switch:hover, .datepicker th.next:hover{
    background: #eeeeee; color: #485f73;
}

/*productCalculatorShort*/
#meterCntBlock .radio-check-table-cell span.popover-tooltip {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 15px;
}
.product-price-container .main-price-line {
    border: 1px solid #E0E4E8; background: transparent;border-top: 0;
}
.cage2 {  padding: 1.5%;  }
.form-group .col-xs-24.col-sm-8:first-child {padding-right: 0;}

#productCalculatorForm .table-responsive {margin-bottom: 10px;}

.product-calculator-slider-grafix{ opacity: 0.6;}
.product-calculator-slider-grafix.active{ opacity: 1;}
.slider.slider-horizontal .slider-track,.slider.slider-horizontal .slider-selection
{box-shadow: none; background: #FFF; border: 1px solid #a0a0a0;}
.slider.slider-horizontal .slider-selection{ background: #e0e2e5;    border: none;}
.slider.slider-horizontal .slider-handle {
    background-color: #ff8a16;
    border: none;
    height: 19px;
    width: 19px;
}
.slider.slider-horizontal .slider-handle:hover,.slider.slider-horizontal .slider-handle:active {
    background-color: #ff8a16;
    border-color: #485f73;
}
a.btn.btn-default.pull-left.showProductsLink.showDetails:before {
    content: "+ ";
}
a.btn.btn-default.pull-left.showProductsLink.showDetails.active:before {
    content: "- ";
}
.panel-default .panel-default.panel-double-panel {background: #f5f5f2; padding: 0 15px;}
.panel-double-panel .panel-body:first-child .row-fluid .panel-default{background-color: transparent;}

#productCalculatorShortForm p{
    text-align: center;
    font-size: 22px;
    padding: 15px 0 10px;
    color: #4a4a4a;
    position: relative;
}
#iFrameBody #productCalculatorShortForm p{
    font-size: 34px;
    padding: 20px 0 30px;
    margin-bottom: 20px;
}
#productCalculatorShortForm p::after {
    content: "";
    width: 100px;
    height: 2px;
    background: #e0e2e5;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}
.product-calculator-branch.power .prettyradio label img, .product-calculator-branch.gas .prettyradio label img, .product-calculator-branch.water .prettyradio label img {
    height: 45px;    margin-top: -12px;
}
.product-calculator-branch.power .prettyradio label img,.product-calculator-branch.gas .prettyradio label img{width: auto;}
#productCalculatorShortForm .col-xs-24 .pull-right { float: none!important; text-align: center; }
.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top: 2px solid #e0e2e5;}
.product-price-container > .detail-prices{border: 1px solid #e0e2e5;}
.product-price-container {  background-color: #f5f5f2;  }

#slider_power .product-calculator-slider-grafix:first-child {  background: url(../images/de_DE/svg/icon-verbrauch-personen-01.svg) no-repeat bottom right / 14px;  }
#slider_power .product-calculator-slider-grafix:nth-child(2) {  background: url(../images/de_DE/svg/icon-verbrauch-personen-02.svg) no-repeat bottom right / 30px;  }
#slider_power .product-calculator-slider-grafix:nth-child(3) {  background: url(../images/de_DE/svg/icon-verbrauch-personen-03.svg) no-repeat bottom center / 42px;  }
#slider_power .product-calculator-slider-grafix:nth-child(4) {  background: url(../images/de_DE/svg/icon-verbrauch-personen-04.svg) no-repeat bottom left / 54px;  }

#slider_gas .product-calculator-slider-grafix:nth-child(1) {  background: url(../images/de_DE/svg/icon-verbrauch-haus-01.svg) no-repeat bottom right /28px;  }
#slider_gas .product-calculator-slider-grafix:nth-child(1) span{float: right;}
#slider_gas .product-calculator-slider-grafix:nth-child(2) {  background: url(../images/de_DE/svg/icon-verbrauch-haus-02.svg) no-repeat bottom center /40px;  }
#slider_gas .product-calculator-slider-grafix:nth-child(3) {  background: url(../images/de_DE/svg/icon-verbrauch-haus-03.svg) no-repeat bottom left /48px;  }
#slider_gas .product-calculator-slider-grafix:nth-child(3) span{float: left;}
#slider_gas .product-calculator-slider-grafix:nth-child(4) {  background: url(../images/de_DE/svg/icon-verbrauch-haus-04.svg) no-repeat bottom right /42px;  }
#slider_gas .product-calculator-slider-grafix:nth-child(4) span{float: right; width: 42px;}


#slider_power_bus .product-calculator-slider-grafix:first-child, #slider_gas_bus .product-calculator-slider-grafix:first-child {  background: url(../images/de_DE/svg/icon-verbrauch-firma-01.svg) no-repeat bottom left / 25px;  }
#slider_power_bus .product-calculator-slider-grafix:nth-child(1) span, #slider_gas_bus .product-calculator-slider-grafix:nth-child(1) span{float: left; width: 40px;}
#slider_power_bus .product-calculator-slider-grafix:nth-child(2), #slider_gas_bus .product-calculator-slider-grafix:nth-child(2) {  background: url(../images/de_DE/svg/icon-verbrauch-firma-02.svg) no-repeat bottom center / 30px;  }
#slider_power_bus .product-calculator-slider-grafix:nth-child(2) span, #slider_gas_bus .product-calculator-slider-grafix:nth-child(2) span{ width: 40px;    margin: 0 auto;}
#slider_power_bus .product-calculator-slider-grafix:nth-child(3), #slider_gas_bus .product-calculator-slider-grafix:nth-child(3) {  background: url(../images/de_DE/svg/icon-verbrauch-firma-03.svg) no-repeat bottom right / 52px;  }
#slider_power_bus .product-calculator-slider-grafix:nth-child(3) span, #slider_gas_bus .product-calculator-slider-grafix:nth-child(3) span{float: right; width: 52px;}

#slider_power .product-calculator-slider-grafix:nth-child(1) span,
#slider_power .product-calculator-slider-grafix:nth-child(2) span{margin: 0; float: right;}
#slider_power .product-calculator-slider-grafix:nth-child(4) span{float: left;}

/*body#iFrameBody {background-color: #f5f5f2; padding:  20px 40px;}*/
#iFrameBody .panel{background-color: transparent;}
#iFrameBody #productCalculatorShortForm p{
    margin: 0 -15px; background: #f5f5f2; padding: 15px 0 20px;
}
#iFrameBody #productCalculatorShortForm .prettyradio label{height: 20px;}
#iFrameBody #productCalculatorShortForm p::after { bottom: 10px; }
#iFrameBody #productCalculatorShortForm .panel{background-color: #f5f5f2;}
#iFrameBody #productCalculatorShortForm > .panel-default > .panel-heading{ display: none;}
#iFrameBody #productCalculatorShortForm > .panel-default > .panel-body{padding: 0;}


.popover.bottomRight .arrow, .popover.bottomLeft .arrow {border-bottom-color: #999999 !important;}
.popover.bottomRight .arrow:after,.popover.bottomLeft .arrow:after{border-bottom-color: #F3F4F6 !important;}
.popover.bottomRight .arrow, .popover.bottomLeft .arrow {  top: -11px !important;}



    /*teaserPage,cockpit*/
.ui-widget-header{
    border-color: #4a4a4a;
    color: #4a4a4a;
}
#dashboard{border: none; }
.rightCB_content {padding-bottom: 43px!important;}
#dashboard .widget-panel .row h4 {margin: 5px 0;}
#dashboard .widget-panel #dashboard-customer-container > div > .row h4 {margin:0 0 5px 0;}
.mv-type,.mv-comma,.mv-post-comma,.mv-unit, .mv-pre-comma.not-available {
    background-color: #e8e8e8;
}
.mv-pre-comma.not-available {
    color: #e8e8e8;
}
#dashboard-panel-body .widget-panel > .panel-heading.dropdown-heading {
    padding: 6px 15px 7px 15px;
}
#dashboard .panel-heading {
    background-position: 95% 3px;
    background-size: 32px;
}
#dashboard > .panel-heading, #dashboard #subDashboard > .panel-heading {
    padding-bottom: 0;
}
#dashboard .leftCB_content .panel-heading, #dashboard .meterValue .panel-heading, #dashboard .prePayment .panel-heading{
    background-size: 42px; background-position-y: 6px;
}
#dashboard-customer-container, #dashboard-invoices-container-long{min-height: 229px;}
#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu{
    margin-left: -10px;
    margin-top: 7px;
    border-top: none;
}
#dashboard .widget-panel{
    box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
    border-radius: 2px;
}
#dashboard *.panel.widget-panel{
    padding-left: 10px;
    padding-right: 10px;
}
#dashboard .widget-panel > .panel-heading{padding-left: 0;}
#dashboard .highlight,#dashboard .widget-panel > .panel-heading .dropdown a,
a#customerNoInvoiceNoSelection:hover, a#customerNoInvoiceNoSelection:focus{color: #ff8400;}
#dashboard .highlight.using-glyphicons{font-size: 20px;}
.currentContractLabel, .leftContractBlock, .rightContractBlock{line-height: 30px;}
ul.dropdown-menu[aria-labelledby=customerNoInvoiceNoSelection],
#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu{border: none;}
#subDashboard-panel-body{
    padding-left: 0; padding-right: 0;
}
.mv-pre-comma {  background-color: #8d9699; }
.leftCB_content{display: none;}

.using-glyphicons{color: #ff8400;}

#dashboard-customer-container, #dashboard-invoices-container-long {
    min-height: 205px;
}
#dashboard {
    padding: 0 15px;
    margin-bottom: 35px;
}
#dashboard, #subDashboard{background: #f5f5f2;}

#iframeLoginBlock input[type="text"], #iframeLoginBlock input[type="password"], #iframeLoginBlock input.text, #iframeLoginBlock select {
    background-color: #FFFFFF;
    border: 1px solid #c2c2c2 !important;
    border-radius: 2px 2px 2px 2px;
    color: #808080;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    margin: 0 0 3px;
    padding: 1px 4px;
    width: 85px;
}
input#loginBtn {
    padding: 2px 12px !important;
    line-height: 15px;
}

#productCalculatorForm .prettyradio{display: table;}
#productCalculatorForm .prettyradio > a,
#productCalculatorForm .prettyradio > label{display: table-cell;}
#productCalculatorForm .prettyradio > label{float: none; margin: 0; padding: 6px;}

#tsrContainer {
    padding-bottom: 60px;
    float: left;
    width: 100%;
}
#tsrHead{
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
    color: #4a4a4a;
}
.tsrContentline {
    width: 50%;
    float: left;
    display: table;
    padding: 0 10px 0 0;
    min-height: 180px;
}
.tsrContentPict {  width: 40%; display: table-cell; }
.tsrContentBlock {  width: 60%; display: table-cell; padding: 10px; vertical-align: top; }
.tsrContentline img{  width: 100%;  }
.tsrContentBlockHead{ text-transform: uppercase; font-size: 18px; margin-bottom: 8px;}
a.tsrContentBlockLink { font-weight: 400 !important; display: block;  margin-top: 5px;}
a.tsrContentBlockLink:after {
    content: "→";
}
#loginUserInput{ padding-bottom: 25px;}
#loginUserInput a.insideLoginH2:before{
    content: " ";
    display: block;
    width: 100%;
    height: 5px;
}
#iFrameBody .form-group-panel-default .row,
#iFrameBody .form-group-panel-default .form-group .key-label {
    margin-left: 0;
    margin-right: 0;
}
#iFrameBody .form-group-panel-default .row > div {padding-left: 0; padding-right: 0;}
#iFrameBody .form-group-panel-default .form-group .value-label {
    margin-left: 0;
}
.modal-botton-line{
    float: left;
    width: 100%;
}
.modal-header{
    background: #FFF;
    border-bottom: 1px solid #ff8400;
}
.modal-header .close,.modal-header .close:hover,.modal-header>h4 {
    color: #4a4a4a;
}


@media (min-width: 768px){
    #csit-navbar-collapse{display: none !important;}
    #headNavi{ margin-top: 35px; float: right;}
    #headNavi ul{ list-style: none; }
    #headNavi ul li{ display: inline-block; position: relative; }
    #headNavi ul li.active:after {
        background: #FFF;
        border: 2px solid  #ffc17e;
        border-right: none;
        border-bottom: none;
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        transform: rotate(45deg);
        bottom: -26px;
        left: 50%;
        margin-left: -11px;
    }
    #headNavi a:hover, #headNavi li.active a{ color: #ff8400;}
    #headNavi a{
        color: #4a4a4a;
        font-family: 'DIN Next W02 Bold',Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0 15px;
        line-height: 45px;
    }
    .fixedNav + #subNavi_container{
        position: fixed;
        width: 100%;
        top: 0;
        background: #FFF;
        z-index: 9;
        border-top: 2px solid #ffc17e;
    }
    .fixedNav + #subNavi_container .wrapper {  border-top: none;  }
    .fixedNav #headNavi ul li.active:after{display: none;}
    #metaNavi .profile { margin-right: 15px;}
    div#topMenu{    position: absolute;  width: 100%;}
    #topMenu, #topMenu .container-fluid{padding: 0;}
    #topMenu .navbar-nav {
        float: right;
        width: 100%;
        text-align: right;
        margin-top: 15px;
    }
    footer .wrapper{text-align: center;}
    footer .navbar-nav{    text-align: center; float: none;}
    footer .navbar-nav > li{ display: inline-block; float: none;}
    #topMenu .navbar-nav > li { float: none; display: inline-block; position: inherit;}
    #topMenu .navbar-nav > li > a{padding: 0;}
    #topMenu .navbar-nav > li > .dropdown-menu{
        padding: 40px 20px 20px; border: none; box-shadow: none;
        width: 100%; background-color: rgba(255,255,255,0.9); top: 35px;
    }
    #topMenu .open > .dropdown-menu > li a{     min-width: 200px;}
    #topMenu .navbar-nav.navbar-right{display: none;}
    #wrapSubDashboard {
        padding: 5px 0;
    }
    #dashboard .widget-panel,#subDashboard .widget-panel {
        margin: 5px 12px;
    }
    #dashboard .widget-panel:nth-child(2):not(#invoiceData) {
        margin-top: 25px;
    }
    #dashboard .row > div:first-child *.panel.widget-panel{margin-left: 0;}
    #dashboard .row > div:last-child *.panel.widget-panel{margin-right: 0;}
    .homeSubLink{display: none;}

    div#invoiceData {
        min-height: 247px;
    }
}
@media (min-width: 888px){

    #dashboard *.panel.widget-panel{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) and (max-width: 860px){
    #topMenu .navbar-nav > li{ margin-left: 3%; }
}

@media (max-width: 1010px){
    #slogan_text {top: 8px; left: 265px; font-size: 0.75em;}
    #logoLi { left: 385px;  top: 2px;  }
}
@media (max-width: 970px){
    .tsrContentline{width: 100%; }
    .tsrContentline img{max-width: 220px;}
}
@media (max-width: 767px){
    #content_container {
        margin-top: 45px;
    }
    header{position: fixed; border: none; height: 50px; padding: 0; }
    .wrapper{width: 100%;}
    #headImage {border-bottom: 1px solid #6f787b; margin-top: 100px;}
    #headImage .wrapper{overflow: hidden;}
    /*Login mobile*/
    #loginInc2Block .row{margin-left: 0; margin-right: 0;}
    #loginInc2Block .row > div{padding-left: 0; padding-right: 0;}
    #subDashboard .widget-panel {
        margin: 0;
    }
    #subDashboard .widget-panel.prePayment {  margin-bottom: 10px;  }
    .navbar-default .navbar-toggle{margin: 0;}
    .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {background-color: transparent; float: right; padding: 11px 9px;}
    .navbar-toggle .icon-bar{height: 3px; width: 28px; border-radius: 2px; }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #4a4a4a;
    }
    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }
    #metaNavi .profile, #subNavi_container,#metaNavi a.homeLink,#headNavi{display: none;}
    div#topMenu {  width: 100%; background: #FFF; }
    #topMenu .navbar-nav{float: none;}
    #topMenu .navbar-collapse{background: #FFF;}
    #topMenu .navbar-nav > li > a {  background-color: #FFF; font-size: 16px; }
    #topMenu .navbar-nav > li > a.dropdown-toggle{border: none !important;}
    #topMenu .navbar-nav > li > a.dropdown-toggle:after{
        font-size: 24px;
        font-family: 'FontAwesome', serif;
        content: "\f107";
        padding-right: 5px;
        position: absolute;
        top: 8px; right: 10px;
        line-height: 20px;
        color: #4a4a4a;
    }
    #topMenu .navbar-collapse:after {
        content: " ";
        width: 95%;
        left: 2%;
        position: absolute;
        bottom: 0;
        display: block;
        z-index: -1;
        height: 5px;
        box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
    }
    .navbar-nav.navbar-right .open .dropdown-menu{border: none;}
    #topMenu .navbar-nav > li.open > a.dropdown-toggle:after{  content: "\f106";}
    #topMenu .navbar-nav > li > a.dropdown-toggle:hover, #topMenu .navbar-nav > li > a.dropdown-toggle:active,
    #topMenu .navbar-right > li.dropdown > a.dropdown-toggle:hover, #topMenu .navbar-right > li.dropdown > a.dropdown-toggle:focus{
        background: #FFF; color: #ff8400; }
    #logoLi {  height: 30px; width: 161px; position: absolute; left: 9px; top: 8px; z-index: 1000;}
    #metaNavi{ width: auto; position: absolute; z-index: 1000; right: 95px;
        top: 5px;
        margin-top: 0;}
    #metaNavi a {width: 40px;}
    #metaNavi a.btn-primary {
        line-height: 30px;
        padding: 0;
        text-transform: uppercase;
    }
    #metaNavi a span{display: none;}
    #metaNavi a:after, .homeSubLink a:before{
        font-size: 24px;
        font-family: 'FontAwesome', serif;
        content: "\f090";
    }
    #metaNavi a.logout:after{ content: "\f08b"; }
    .homeSubLink a{ padding-left: 20px !important;}
    .homeSubLink a:before{
        content: "\27f5";
        color: #a1a09f;
        padding-right: 3px;
    }

    #main{padding-left: 15px; padding-right: 15px;}
    #topMenu .navbar-right > li.dropdown > a.dropdown-toggle{border-bottom-color: #1c1c1c !important;}
    #topMenu .open .dropdown-menu li {  display: block;  }
    #topMenu .navbar-nav > li > a.dropdown-toggle, #topMenu .navbar-nav > li > a.dropdown-toggle:hover,
    #topMenu .navbar-nav > li > a.dropdown-toggle:active{ padding-left: 20px; font-size: 16px;}
    #topMenu .open > .dropdown-menu > li a, #topMenu .open > .dropdown-menu > li a:hover,
    #topMenu .open > .dropdown-menu > li a:focus, #topMenu .open > .dropdown-menu > li:last-child a
    {font-size: 14px; display: block;}
    #topMenu .navbar-nav > li > a.dropdown-toggle{ color: #4a4a4a; }
    #topMenu .open > .dropdown-menu > li a,#topMenu .open > .dropdown-menu > li:last-child a{color: #646464;}
    #topMenu .open > .dropdown-menu > li a.active{color: #ff8400; }
    .breadcrumb{padding-left: 5px;}
    footer{position: absolute; text-align: center;}
    body.side-collapse footer ul{width: 100% !important;}
    footer ul.nav.navbar-nav {  text-align: center;  }
    footer .navbar-nav > li{float: none; display: inline-block;}
    #dashboard-panel-body .widget-panel > .panel-heading.dropdown-heading {  padding: 6px 15px 7px 5px;  }
    #tsrContainer{padding: 0 15px;}
    header.open{position: absolute;}
    #logoLi, #slogan_text{display: none;}
    #slogan {
        width: 150px;
        left: 10px;
        top: 15px;
        z-index: 9999;
    }
}
@media (max-width: 499px){
    .xs-price-display {
        color: #4a4a4a;
    }
}
@media (max-width: 480px) {
    #logoLi {
        max-width: 48%;
    }
}
@media (max-width: 400px){
    .form-horizontal .form-group-panel-default .row, .form-horizontal .form-group-panel-default .form-group{ margin: 0; }
    .form-horizontal .form-group{ margin: 0 -8px 8px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24{
        padding-left: 8px;  padding-right: 8px;
    }
    div.input-seperator:before{content: "-"; margin-left: -10px;}
    #dashboard {  padding: 0 5px;}
    .popover{max-width: 240px !important;}
    .col-xs-24.col-sm-12.product-price-container.mb-10{padding-left: 15px; padding-right: 15px;}
    #accordion .btn-primary{margin-top: 5px;}
}
@media (max-width: 335px){
    .navbar-toggle, #stepsContainer{ margin-right: 5px; }
}