@font-face {
    font-family: 'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0')
    format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0')
    format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0')
    format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0')
    format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular')
    format('svg');
    font-weight: 400;
    font-style: normal
}

#PB_block span.popover-tooltip{
    margin: 0 0 0 5px;
}
#PB_block .highlight{
    font-weight: 600;
}
#PB_block .gesamt{
    font-size: 1.5em;
}
#PB_block .gesamt strike{
    opacity: 0.7;
    font-size: 0.8em;
}
span.pull-right.xs-price-display strike {
    font-size: 0.85em;
    float: right;
    display: inline-block;
    line-height: normal;
}
.prodCalcPage2 #accordion h4 a{
    padding: 10px 15px 10px 45px;
    position: relative;
    line-height: 18px;

    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.prodCalcPage2 #accordion h4 a .caret:before{
    font-family: "FontAwesome", serif;
    content: "\f077";
    font-size: 20px;
    color: #5e7386;
    line-height: 38px;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    transform: translateY(-50%);
    top: 50%;

    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 5000ms ease all;
    transition: 500ms ease all;

}
.prodCalcPage2 #accordion h4 a.collapsed .caret:before{
    transform: translateY(-50%) scaleY(-1);
    -ms-filter: "FlipV";
}

footer ul {margin: 0 auto !important;}

input.form-control[name="emailChapter"] {
    z-index: 999;
    position: absolute;
    height: 0;
    width: 0;
    border: none;
    background: none;
    margin: 0;
    top: 0;
    left: 0;
    clear: both;
    font-size: 0;
    line-height: 0;
    box-shadow: none !important;
    padding: 0 !important;
}

a, a:focus, a:hover {color: #ea7000;}
.inputAsLink{display: none;}
.p_div { margin: 0 0 10px; }
.mt-10 { margin-top: 10px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.breadcrumb,.breadcrumb a,.breadcrumb a:hover { color: #FFF!important;}

.form-horizontal .control-label { text-align: left; }
.form-group .value-label { text-align: left; }
.form-horizontal .key-label.control-label { font-family: "PT-Sans"; }
.form-horizontal .form-group-panel-radio-check .key-label.control-label { font-weight: normal; }
body#iFrameBody {background: 0 transparent;}
#iFrameBody .form-group { float: left; margin-bottom: 15px; width: 100%; }
#iFrameBody .bootstrap-select.btn-group { margin-bottom: 0; }
#iFrameBody .form-group > div { padding-left: 0; padding-right: 0;}
#iFrameBody .form-group > div.col-sm-8:first-child { padding-right: 15px;}

body.side-collapse #menu-bg-line.oneLine {height: 164px!important;}
label.linkInLabel {
	position: relative;
	top: 3px;
	left: -4px;
}
div#collapseInactiveCGs {
    padding: 15px 10px;
}
span.cms_updateText{
}
span.cms_defaultText{
}
.cms_paramText, .cms_editText_infoBlock{display: none;}
.editTextDialogInfo{
    position: relative;
    width: 100%;
}
button.cms_editText_button {
    background: transparent;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0 0 5px;
    border: 0;
    box-shadow: none;
    position: absolute;
    height: 24px;
    right: 0;
    top: -27px;
}
button.cms_editText_button:before {
    width: 24px;
    height: 100%;
    background: #f4f4f4;
    display: inline-block;
    content: "\f129";
    padding: 0;
    text-align: center;
    margin: 0;
    border: 1px solid #ccc;
    box-shadow: none;
    font-family: "FontAwesome",serif;
}
span.hiddenText{
    height: 0;
    overflow: hidden;
}
span.so_sorticon {
    cursor: pointer;
    padding-left: 5px;
}
.hide_on_load{
    display: none;
}
input.btnFocus {
	background-image: url(../images/de_DE/trans-pix.png);
	background-position: left;
	height: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
	font-size: 0;
	border: 0 none;
    position: absolute;
}

a.btn_print {
	display: none;
	position: absolute;
	right: -9999em;
	font-size: 1px;
	border: 0 none; background: none;
}
.btn.using-glyphicons { font-family: 'Glyphicons Halflings'; }
 .btn.active { 
	background: 0 none;
    border-color: #ff8a16;
    color: #ff8a16;
	box-shadow: none;
}
.panel-body .leftBlock {
    margin: 0;
    padding: 0 10px 0 0;
}
.panel-body .rightBlock {
    margin: 0;
	padding: 0 0 0 10px;
}
.lead {font-size: 18px; font-weight: bold; line-height: 1.2;}
.popover-tooltip {cursor: help;}
span.popover-tooltip {background: 0 none;}
.radio-check-table-cell span.popover-tooltip{
    margin-top: 6px;
    vertical-align: top;
}
.panel-heading span.popover-tooltip {
    margin-left: 5px;
    margin-top: 5px;
}
.bootstrap-select > .dropdown-menu.open {border-top: 1px solid #96a6b3; margin-top: -1px;}
.ui-dialog .ui-dialog-titlebar-close {
	background: url("../images/de_DE/close_dialog.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
}
.leftCB_content .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-postbox.svg") no-repeat scroll 95% 0 / 60px auto #ffffff;}
#invoiceData .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-invoice.svg") no-repeat scroll 95% 0 / 51px auto #ffffff;}
#myData .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-customer.svg") no-repeat scroll 95% 0 / 51px auto #ffffff;}
.contractOverview .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-contract.svg") no-repeat scroll 95% 0 / 51px auto #ffffff;}
.meterValue .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-meter.svg") no-repeat scroll 95% 0 / 61px auto #ffffff;}
.prePayment .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-prepayment.svg") no-repeat scroll 95% 0 / 72px auto #ffffff;}
.statistics .panel-heading {background: url("../images/de_DE/svg/icon-highlight-bg-calculator.svg") no-repeat scroll 95% 0 / 61px auto #ffffff;}
.table-responsive  .prettyradio { margin: 0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #ff8a16;
    border-color: #485f73;
}
.btn-group .btn-default:hover, .btn-group .btn-default:focus, .btn-group .btn-default:active, .btn-group .btn-default.active, .btn-group .open > .dropdown-toggle.btn-default {
	border-color: #96a6b3; background-color: #fff; color: #485f73;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{
	background-color: #95a3b1;
    border-color: #5e7386;
	color: #FFF;
}
.form-group-panel-default .form-group {border-bottom: 0 none; padding-bottom: 0;}
.form-group-panel-default .form-group:last-child {margin-bottom: 0; }
.form-group.col-sm-24 .lead {margin-bottom: 0; margin-top: 10px;}

.product-calculator-branch.power .prettyradio label img,
.product-calculator-branch.gas .prettyradio label img,
.product-calculator-branch.water .prettyradio label img {
  height: 25px;
}
.selectpicker.btn-default {padding-right: 25px;}
.bootstrap-select.btn-group .btn .caret {outline: 4px solid #FFF;}
#dashboard-invoices-container {min-height: 90px;}
.pricePartsWithTariffBlock div.key-label.control-label > span,
#dashboard a.form-link {display: inline-block;}
#dashboard #selectDevice {text-decoration: none;}
.form-group.col-sm-12.col-xs-24:nth-child(odd) { clear: both; }
.slider-handle { filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0)"}

.slider.slider-horizontal{
    touch-action: none;
}
.product-calculator-slider-grafix {height: 40px; padding: 0;}
#slider_power .product-calculator-slider-grafix:first-child { background: url(../images/de_DE/svg/icon-verbrauch-personen-01.svg) no-repeat bottom left / 14px;}
#slider_power .product-calculator-slider-grafix:nth-child(2) {background: url(../images/de_DE/svg/icon-verbrauch-personen-02.svg) no-repeat bottom center / 28px;}
#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 right / 54px;}

#slider_gas .product-calculator-slider-grafix:first-child { background: url(../images/de_DE/svg/icon-verbrauch-haus-01.svg) no-repeat bottom left / 35px}
#slider_gas .product-calculator-slider-grafix:nth-child(2) {background: url(../images/de_DE/svg/icon-verbrauch-haus-02.svg) no-repeat bottom center / 50px;}
#slider_gas .product-calculator-slider-grafix:nth-child(3) {background: url(../images/de_DE/svg/icon-verbrauch-haus-03.svg) no-repeat bottom right /42px;}

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

#slider_heat .product-calculator-slider-grafix:first-child { background: url(../images/de_DE/svg/icon-verbrauch-haus-01.svg) no-repeat bottom left / 35px}
#slider_heat .product-calculator-slider-grafix:nth-child(2) {background: url(../images/de_DE/svg/icon-verbrauch-haus-02.svg) no-repeat bottom center / 50px;}
#slider_heat .product-calculator-slider-grafix:nth-child(3) {background: url(../images/de_DE/svg/icon-verbrauch-haus-03.svg) no-repeat bottom right /42px;}

.product-calculator-slider-grafix span{display: block; height: 40px; cursor: pointer;}
#slider_power .product-calculator-slider-grafix:nth-child(1) span {width: 15px; }
#slider_power .product-calculator-slider-grafix:nth-child(2) span {width: 32px; margin: 0 auto; }
#slider_power .product-calculator-slider-grafix:nth-child(3) span {width: 43px; margin: 0 auto; }
#slider_power .product-calculator-slider-grafix:nth-child(4) span {width: 54px; float: right; }
#slider_gas .product-calculator-slider-grafix:nth-child(1) span {width: 35px; }
#slider_gas .product-calculator-slider-grafix:nth-child(2) span {width: 50px; margin: 0 auto; }
#slider_gas .product-calculator-slider-grafix:nth-child(3) span {width: 43px; float: right; }
#slider_water .product-calculator-slider-grafix:nth-child(1) span {width: 15px; }
#slider_water .product-calculator-slider-grafix:nth-child(2) span {width: 32px; margin: 0 auto; }
#slider_water .product-calculator-slider-grafix:nth-child(3) span {width: 43px; margin: 0 auto; }
#slider_water .product-calculator-slider-grafix:nth-child(4) span {width: 54px; float: right; }
#slider_heat .product-calculator-slider-grafix:nth-child(1) span {width: 35px; }
#slider_heat .product-calculator-slider-grafix:nth-child(2) span {width: 50px; margin: 0 auto; }
#slider_heat .product-calculator-slider-grafix:nth-child(3) span {width: 43px; float: right; }

.form-group-panel-default .form-group .value-label { margin-left: -5px; }
#csProductCalculator table td:nth-child(2), #csProductCalculator table td:nth-child(3){white-space: nowrap;}

.displayNone,.costChangingInfo,.infoLabelNoScript {display: none;}
.table span.popover-tooltip {padding-left: 5px;}
.checkbox-row .radio-check-table-cell .withNoContent .prettycheckbox label, .radio-row .radio-check-table-cell .withNoContent .prettyradio label { margin-left: 4px;}
.hideLabel label {display: none;}

.meterCountSel { display: none; }
.meterCountSel div div div label {margin-right: 20px;}
.meterCountSel div div div:last-child label {margin-right: 0;}

.withNoContent.has-pretty-child {display: table; margin-left: -40px !important;}
.withNoContent.has-pretty-child > div,.withNoContent.has-pretty-child > span {display: table-cell;}



.checkWScroll .prettycheckbox > input[type=checkbox], .checkWScroll .prettyradio > input[type=radio] {
    position: absolute;
    left: -9999em;
    top: -9999em;
}

.cockpitInfoToolTip {
	bottom: 10px;
    position: absolute;
    right: 10px;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
{
    background: #E9E9E9;
    color: #555;
    border-color: #CCC;
}
.table-container-outer{position: relative;}
.table-container-fade
{
    position: absolute; z-index: 9;
    right: 0; top:0;
    width: 30px;
    height: 100%;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,.1), #fff);
    background-image: -moz-linear-gradient(left, rgba(255,255,255,.1), #fff);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,.1), #fff);
    background-image: -o-linear-gradient(left, rgba(255,255,255,.1), #fff);
    background-image: linear-gradient(left, rgba(255,255,255,.1), #fff);
    display: none;
}
.table-container-fade.left{
    left: 0;
    background-image: -webkit-linear-gradient(left, #fff, rgba(255,255,255,.1));
    background-image: -moz-linear-gradient(left, #fff, rgba(255,255,255,.1));
    background-image: -ms-linear-gradient(left, #fff, rgba(255,255,255,.1));
    background-image: -o-linear-gradient(left, #fff, rgba(255,255,255,.1));
    background-image: linear-gradient(left, #fff, rgba(255,255,255,.1));
}
.table-container-fade .arrow:before{  content: "\e131";  }
.table-container-fade .arrow.left:before{content: "\e132";}
.table-container-fade .arrow:hover{ color: #ccc;}
.table-container-fade .arrow{
    cursor: pointer;
    height: 28px;
    position: absolute;
    top: 30%;
    width: 28px;
    background: transparent;
    border-radius: 10px;
    font-family: 'Glyphicons Halflings';
    color: #E6E6E6; line-height: 28px; font-size: 28px;
}
.table-container-fade .arrow.zero{color: #F3F3F3; cursor: not-allowed;}
.table-container-fade .arrow.zero:hover{color: #F3F3F3; cursor: not-allowed;}
.scrollTable .table-container-fade{display: block;}
.scrollTable table tr td:first-child, .scrollTable table tr th:first-child {
    padding-left: 35px !important;
}
.scrollTable table tr td:last-child, .scrollTable table tr th:last-child {
    padding-right: 35px !important;
}
a.form-link{background-position-y: center; }

.changeCustomerMailBlock{display: none;}
span.customerValue {
    font-weight: 700;
}
form#csShowInvoicesForm.page2 td:nth-child(3), form#csShowInvoicesForm.page2 th:nth-child(3) {
    text-align: right;
    padding-right: 20px;
}
#debitIBAN, #debitBic,#creditIBAN, #creditBic{text-transform: uppercase;}

.spinner {
    margin: 0 auto;
    text-align: center;
}

.spinner > div {
    width: 12px;
    height: 12px;
    background-color: #FFF;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.24s;
    animation-delay: -0.24s;
}
.spinner .bounce3 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.spinner .bounce4 {
    -webkit-animation-delay: -0.08s;
    animation-delay: -0.08s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

.attention {color: #FF0000;}
.status-graph > .activate.open,.status-graph > .activate.unknown{
    background: #ccc873;
}
.status-graph > .activate.reject, .status-graph > .activate.failed{
    background: #cc7373;
}
.status-graph > .activate.confirmed{
    background: #8ab991;
}
.using-fa:before{
    font-family: 'FontAwesome', serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #485f73;
}
.using-fa.hourglass:before{ content: "\f252"; }/*open*/
.using-fa.check-square:before{ content: "\f046"; }/*confirm*/
.using-fa.ban:before{ content: "\f05e"; }/*reject*/
.using-fa.exclamation:before{ content: "\f071"; }/*failed*/
.using-fa.info:before{ content: "\f12a"; }/*default*/

.using-fa.fa-sign-out:before{ content: "\f08b";}/*logout*/
.using-fa.fa-sign-in:before{ content: "\f090";}/*login*/

#privateData, #businessData{margin-bottom: 15px;}

body.hideMenu #main{ width: 100%; padding: 0}

#dashboard .mobile-panel{ display: none;}
#dashboard .horiz_slides{
    text-align: center;
    opacity: 0.5;
    display: none;
}
span.formatedIBAN span {
    padding-right: 5px;
}

div#newProductOverview form {
    display: initial;
}
.radio-inline, .checkbox-inline {
    cursor: inherit;
}
a.postboxNaviText {
    /* opacity: 0.8; */
    color: #CCC !important;
}
div#dashboard-news-container.postboxNaviText:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 0.75;
    z-index: 998;
}
div#dashboard-news-container.postboxNaviText:after {
    content: "Wird gerade synchronisiert";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    color: #333;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
}
div#dashboard .rollerLine .col-xs-14 .row {
    width: 100% !important;
    display: flex;
    table-layout: fixed;
    float: left;
}
div#dashboard .rollerLine .col-xs-14 .row > div{
    width: inherit !important;
}

span.logoutCounter {
    opacity: 0.6; font-size: 80%; padding-left: 10px;
}
#imageUpload_wrapper{
    margin: 30px 0;
}
canvas.imageUpload{
    margin: 0 15px;
    border: 2px solid #330000;
    background-color: #CCC;
    border-radius: 10px;
    width: calc(100% - 30px);
    max-width: 504px;
    padding: 0;
}
a#fileSelect:before {
    font-family: "FontAwesome";
    content: '\f030';
    margin-right: 5px;
}
div#fileList {
    width: calc(100% - 50px);
    float: left;
}
div#fileList.view {
    width: 100%;
}
#deleteImagesBtn{width: 45px}
#fileList ul {
    list-style: none;
    padding-left: 0;
}
#fileList ul {margin-left: -5px;}
#fileList ul li {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
#fileList ul li:hover{ opacity: 0.8; }
#fileList ul li.selected:after {
    font-family: 'FontAwesome', serif;
    content: "\f046";
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 28px;
    line-height: 60px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    color: #333;
}
#fileList ul li img{ height: 60px;  }

#fileList canvas {
    position: fixed;
    left: -9999em;
    top: -9999em;
}

#dialogImageModal img{max-width: 100%; }
#dialogImageModal #dialogImage {
    text-align: center;
}

#deleteImagesBtn{display: none;}
span.priceDateInfo {
    font-size: 0.8em;
    width: 100%;
    display: inline-block;
    margin: 10px 0;
}

@media (max-width: 400px) {
    #cage, footer ul{width: 100%;}
    .panel-body,.navbar-brand{padding: 15px 8px;}
    .panel-heading {  padding: 9px 8px 10px 8px;  }
    footer .navbar-nav > li > a,.breadcrumb{padding-left: 8px;}
}

input#upload {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

input#upload + label {
    min-width: 200px;
    /* border: 1px solid #ccc; */
    text-align: center;
    /* line-height: 28px; */
    cursor: pointer;
}
input#upload + label:before {
    font-family: "FontAwesome", serif;
    content: "\f093";
    padding-right: 8px;
}

#topMenu.withSideBar{position: relative;}
div#sideBarIcons {
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 9;
}
div#sideBarIcons ul{list-style: none; float: right;}

div#sideBarIcons.collapse{display: block;}
div#sideBarIcons.collapse ul li{
    margin-top: -35px;
}
div#sideBarIcons.collapse:hover ul li,
div#sideBarIcons.active ul li{
    margin-top: 5px;
}
div#sideBarIcons ul li {
    display: block;
    float: right;
    clear: both;
    max-width: 50px;
    margin-top: 5px;

    text-align: right;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease;
    color: #FFF;
    background: rgb(242, 156, 67);
    border: 1px solid #FFF;
    border-right: 0;
    padding-left: 50px;
    position: relative;
    transition-property: margin-top;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
div#sideBarIcons li:before{
    font-family: "FontAwesome",serif;
    content: "\f105";
    color: #FFF;
    font-weight: 400;
    font-size: 30px;
    line-height: 44px;
    position: absolute;
    left: 10px;
    display: inline-block;
    text-align: center;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}
div#cage_all_wrapper {
    float: left;
    width: 100%;
}
div#sideBarIcons ul li.desk {
    padding-left: 0;
}
div#sideBarIcons ul li.desk a {
    position: relative;
    left: 0;
    padding-left: 50px;
}
#sideBarIcons li.desk:hover{
    max-width: 300px;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease;
}
#sideBarIcons a {
    line-height: 44px;
    display: inline-block;
    padding: 0;
    color: #FFF;
    position: relative;
}
#sideBarIcons li.sideBarIcon span{padding-right: 10px;}
div#sideBarIcons a:hover{
    text-decoration: none !important;
}
div#sideBarIcons li.whatsApp{
    background: rgb(43, 178, 64);;
}
div#sideBarIcons li.whatsApp:before{
    content: "\f232";
}
div#sideBarIcons li.login:before{
    content: "\f090";
}
div#sideBarIcons li.logout:before{
    content: "\f08b";
}
div#sideBarIcons li.contact:before{
    content: "\f086";
}

.input-group-addon.alert-danger,.form-control.alert-danger {
    border-color: #FF0000 !important;
    color: #FF0000 !important;
    background-color: #FFEADF !important;
}
.popover.topRight.alert-danger>.arrow {
    border-top-color: red !important;
}
.popover.topRight.alert-danger>.arrow:after {
    border-top-color: #fce6e6 !important;
}
.input-group-addon.alert-info,.form-control.alert-info {
    border-color: #ea7000 !important;
    color: #ea7000 !important;
    background-color: #fff8ea !important;
}
.popover.topRight.alert-info>.arrow {
    border-top-color: #ea7000 !important;
}
.popover.topRight.alert-info>.arrow:after {
    border-top-color: #fff8ea !important;
}
.panel-body.propertiesTable table td{
    overflow-wrap: break-word;
}
.panel-body.propertiesTable table {
    table-layout: fixed;
    width: 100%;
}
@media screen {
	a.btn_print {
		padding: 5px;
		border-color: #747474;
		border: 1px solid;
		color: #9F9F9F;
		background-color: #E9E9E9;
		position: fixed; z-index: 999;
		right: 25px;
		text-decoration: none;
		top: 20px;
		display: block;
		font-size: 16px;
	}
	div.screenOnly {
		display: block !important;
	}
}
@media not all {
	div.screenOnly {
		display: none;
	}
}
@media print {
   div.screenOnly, a.btn_print {
      display: none;
   }
}
@media print {
	div.screenOnly, a.btn_print {
		display: none;
		position: absolute;
		left: -9999em;
		font-size: 1px;
	}
}

/* CMS */
textarea.autoExpand { 
    /*width: 363px;*/
	width: 100%;
	
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
	
	border: 1px solid #74808C;
}
.editTextDialogLabel {
    font-weight: bold;
}

.iconCheckbox a {
    position: relative;
}
.iconCheckbox .prettycheckbox a:before {
    font-family: "FontAwesome",serif;
    content: "\f232";
    color: #AAA;
    font-weight: 600;
    font-size: 28px;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -5px;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}
.iconCheckbox.whatsApp .prettycheckbox a:before {
    content: "\f232";
}
.iconCheckbox.sms .prettycheckbox a:before {
    content: "\f0e5";
}
.iconCheckbox .prettycheckbox a.checked:before {
    color: #f89b00;
}
.iconCheckbox.whatsApp .prettycheckbox a.checked:before {
    color: #2bb240;
}

.iconCheckbox.sms .prettycheckbox a:after {
    content: "sms";
    position: absolute;
    font-family: "Arial", sans-serif;
    left: 5px;
    top: 7px;
    font-size: 11px;
    letter-spacing: -1px;
    color: #AAA;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}
.iconCheckbox.sms .prettycheckbox a.checked:after {color: #f89b00;}

@media (min-width: 531px){

    .status-graph {
        width: 100%;
        height: 15px;
        margin: 5px 0 10px;
        border: 1px solid #96a6b3;
        border-radius: 3px;
        position: relative;
    }
    .status-graph > div{
        width: 5%;
        float: left;
        height: 100%;
        background: #eee;
        -webkit-transition: background-color 2s ease, width 1s ease;
        -moz-transition: background-color 2s ease, width 1s ease;
        -o-transition: background-color 2s ease, width 1s ease;
        transition: background-color 2s ease, width 1s ease;
        position: relative;
    }
    .status-graph > div:before {
        content: " ";
        width: 4px;
        height: 18px;
        display: block;
        position: absolute;
        background: #485f73;
        left: -1px; top: -1px;
        border-radius: 0 0 2px 2px;
    }
    .status-graph > div:after {
        content: " ";
        width: 4px;
        height: 18px;
        display: block;
        position: absolute;
        background: #485f73;
        right: -1px; top: -1px;
        border-radius: 0 0 2px 2px;
    }
    .status-graph > .activate.open,.status-graph > .activate.unknown{
        width: 50%;
        background: #ccc873;
    }
    .status-graph > .activate.confirmed,.status-graph > .activate.reject,.status-graph > .activate.failed{
        width: 100%;
    }
    .status-step {
        width: 100%;
        display: table;
    }
    .status-step > div{
        display: table-cell;
        width: 33%;
    }
    .status-step span,.status-step label{
        text-align: center;
        display: block;
    }

    .status-step > div:nth-child(1) span,.status-step > div:nth-child(1) label {
        text-align: left;
    }
    .status-step > div:nth-child(3) span,.status-step > div:nth-child(3) label {
        text-align: right;
    }
}
@media (min-width: 768px) {
    #dialogImageModal .modal-dialog {
        width: 80%;
        max-width: 998px;
    }
}

@media (max-width: 530px){
    .panel-body.status {display: table; width: 100%;padding: 25px 15px;}
    .status-graph {
        width: 15px;
        height: 75px;
        margin: 5px 0 10px;
        border: 1px solid #96a6b3;
        border-radius: 3px;
        position: relative;
        display: table-cell;
    }
    .status-graph > div{
        height: 5%;
        float: left;
        width: 100%;
        background: #eee;
        -webkit-transition: background-color 2s ease, width 1s ease, height 1s ease;
        -moz-transition: background-color 2s ease, width 1s ease, height 1s ease;
        -o-transition: background-color 2s ease, width 1s ease, height 1s ease;
        transition: background-color 2s ease, width 1s ease, height 1s ease;
        position: relative;
    }

    .status-graph > div:before {
        content: " ";
        width: 18px;
        height: 4px;
        display: block;
        position: absolute;
        background: #485f73;
        left: -1px; top: -1px;
        border-radius: 0 2px 2px 0;
    }
    .status-graph > div:after {
        content: " ";
        width: 18px;
        height: 4px;
        display: block;
        position: absolute;
        background: #485f73;
        left: -1px; bottom: -1px;
        border-radius: 0 2px 2px 0;
    }

    .status-graph > .activate.open,.status-graph > .activate.unknown{
        height: 50%;
        background: #ccc873;
    }
    .status-graph > .activate.confirmed,.status-graph > .activate.reject,.status-graph > .activate.failed{
        height: 100%;
    }

    .status-step {
        display: table-cell;
        padding-left: 20px;
        vertical-align: top;
    }
    .status-step div{
        height: 25px;
    }
    .status-step div:first-child {
        position: relative;
        top: -10px;
    }
    .status-step div:last-child {
        position: relative;
        bottom: -10px;
    }
    #showTransactionsStatusAccordion a span.font-normal span {
        display: inline-block;
        width: calc(100% - 30px);
        padding: 2px 0 0 17px;
    }
}
@media (max-width: 767px) {
    .panel-body .leftBlock,.panel-body .rightBlock {
        padding: 0;
    }
    #imageUpload_wrapper .col-xs-24.col-sm-8.mt-10.mb-10{
        padding-right: 15px;
    }
}
@media (max-width: 400px) {
    #imageUpload_wrapper .col-xs-24.col-sm-8.mt-10.mb-10{
        padding-right: 8px;
    }
}
@media (max-width: 386px) {
    .popover.bottomRight .arrow {
        top: -11px !important;
    }
}


@media print {

    a[href]:after {
        content: " ";
    }
    abbr[title]:after {
        content: " ";
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    #showMeterStatistics2Form div.objectSelector{padding-left: 10px;}
    #smportal .prettycheckbox {margin-left: 0;}
    .form-horizontal .checkbox{min-height: inherit;}
}

div.csMeasure{
	display: none;
}

@media screen {
    .printOnly{
        display: none !important;
    }
}