/* ******************************************************** Custom ******************************************************** */

@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
}

@media only screen{

    .pull-left{float: left;}
    .pull-right{float: right;}
    .elemDisabled{
        color: #999;
        background-color: #eee;
    }

    html {
        position: relative;
        min-height: 100%;
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    body {
        background-image: url(../images/de_DE/bg-body.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        color: #485f73;
        font-size: 13px;
        /* margin-bottom: 41px; */
        position: absolute;
        min-height: 100%;
        width: 100%;
    }
    .wrapper{
        max-width: 1400px;
        min-width: 855px;
        margin: 0 auto;
        width: 90%;
    }
    header, section, footer {
        min-width: 855px;
    }
    header {
        width: 100%;
        background: #FFF;
    }
    header .wrapper {
        position: relative;
    }
    img#logo {
        margin: 10px 0;
        width: 150px;
    }
    div#portal {
        display: inline-block;
        font-size: 28px;
        font-weight: 700;
        left: 25%;
        top: 7px;
        position: absolute;
    }
    span#system {
        font-size: 20px;
        display: block;
    }
    span.dev_system {  color: #adb8c3;  }
    span.prod_qs_system {  color: #f38116;  }
    span.prod_system {  color: #485f73;  }
    span#system span.prod_system {  color: #adb8c3;  }

    td.infoText{
        padding: 10px 5px;
    }
    td.infoText.error{
        color: #C43434;
        background: #fde9e9;
    }
    tr#divergentInvoiceEMailDialogError td {
        color: #C43434;
        padding-left: calc(40% + 16px);
        padding-bottom: 5px;
    }
    #headNavi{
        width: 100%;
        background-color: #5e7386;
        /*border-bottom: 2px solid #ff8a16;*/
    }
    div.headNaviContent{
        color: #FFF;
        text-align: right;
        line-height: 38px;
    }
    div#branches {
        background: url(../images/de_DE/slogan.png) no-repeat top right / 75%;
        background-size: contain;
        float: right;
        height: 52px;
        margin-right: 0;
        margin-top: 10px;
        width: 308px;
    }

    #content{width: 100%;}
    #main {
        width: 100%;
        float: left;
        background: rgba(255,255,255,0.6);
        padding: 0;
        margin-bottom: 80px;
    }

    #leftNavi{
        width: calc(22% - 15px);  margin-left: 18px; margin-bottom: 15px;  min-width: 185px;
        overflow: visible;
    }
    div.naviContent, div.naviContentLink,div.naviContentLogin{
        padding-left: 0; margin: 44px 0 0; width: 100%; float: left;
    }
    /*div.naviContentLink ul li ul {
        padding-bottom: 0;
        margin-bottom: 8px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease-out;
        border-left: 1px solid #e0e4e8;
        border-right: 1px solid #e0e4e8;
    }
    div.naviContentLink ul li.open ul {
        max-height: 800px; transition: max-height 0.25s ease-in;
    }*/
    div.naviContentLink ul li ul {
        padding-bottom: 0;
        margin-bottom: 8px;
        overflow: hidden;
        border-left: 1px solid #e0e4e8;
        border-right: 1px solid #e0e4e8;
    }
    div.naviContentLink ul li.open ul {
    }
    .naviContentLink > div{display: none;}
    .naviContentLink > div.open{display: block;}

    #addFavDialog td {
        padding-bottom: 5px;
    }
    #addFavDialog td input[type=text] {width: 100%;}
    #addFavDialog td:first-child {
        width: 165px;
        vertical-align: middle;
        line-height: 24px;
    }

    #collapseMenu0{
        display: block !important;
        overflow: visible;
    }
    #addFav{
        float: left;
        background: none;
        border: none;
        color: #FFF;
        position: relative;
        line-height: 33px;
        cursor: pointer;
    }
    #addFav:before{
        font-family: 'FontAwesome', serif;
        content: '\f005';
        font-size: 20px;
        padding-right: 10px;
    }
    #addFav:after{
        font-family: 'FontAwesome', serif;
        content: '\f067';
        font-size: 10px;
        position: absolute;
        left: 23px;
        top: 15px;
        line-height: 12px;
    }
    .ico {
        position: relative;
    }
    .favLink:hover {
        position: relative;
        top: -15px;
        right: 0;
    }
    .ico a {
        z-index: 1;
    }
    .ico a:after {
        font-family: 'FontAwesome', serif;
        content: "\f0c9";
        color: #adb8c3;
        position: absolute;
        right: 9px;
    }
    .ico a.newTab:before {
        font-family: 'FontAwesome', serif;
        content: "\f14c";
        color: #1A3552;
        position: absolute;
        right: 28px;
    }
    .ico i {
        position: absolute;
        right: 9999px;
        display: inline-block;
        top:50%;

    }
    .ico:hover i{
        right: -26px;
    }
    .ico i b{
        position: relative;
        right: 10px;
        background-color: #fff;
        display: block;
        width: 26px;
        height: 24px;
        border-radius: 0 3px 3px 0;
        margin-top: -12px;

        opacity: 0;
        /*
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.08),0 0 1px #fff inset;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.08), 0 0 1px #fff inset;
        box-shadow: 0 0 3px rgba(0,0,0,.08), 0 0 1px #fff inset;
        */
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        z-index: -1;

        -webkit-transition-delay: 1s; /* Safari */
        transition-delay: 1s;
    }
    .ico:hover i b {
        right: 0;
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        cursor: pointer;
        z-index: 0;
    }
    .ico:hover i b:after{
        display: block;
        font-family: 'FontAwesome', serif;
        content: '\f014';
        font-size: 17px;
        line-height: 24px;
        vertical-align: middle;
        color: #1A3552;
        text-align: center;
        font-style: normal;
    }

    #leftNavi a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin-left: -1px;}
    #leftNavi .ui-accordion .ui-accordion-content > div:last-child a { border-bottom: none;}
    .ui-accordion .ui-accordion-content{
        padding: 0 !important; border: none;
        border-left: none;
        border-right: none;
    }
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon{display: none;}
    #leftNavi a{
        background-image: none;
        position: relative;
        display: block;
        border: none;
        padding-right: 0;
    }
    #leftNavi > div > a:first-child{margin-top: 0;}
    #leftNavi a.naviLinkMain{
        background: #f38116;
        color: #FFF;
        display: block;
        padding: 12px 5px 12px 42px;
        vertical-align: middle;
        line-height: normal;
        font-weight: 700;
    }
    #leftNavi a.naviLinkMain:before{
        font-family: 'FontAwesome', serif;
        content: '\f090';
        font-size: 20px;
        position: absolute;
        left: 12px;
        font-weight: 400;
        top: 9px;
    }
    .ui-widget a{height: auto;}
    #leftNavi .ui-widget a{height: inherit; top: 0;}
    .naviLinkSub{
        background: #FFF;
        color: #1a3552;
        padding: 8px 5px 8px 10px;
        border-top: 1px solid #e0e4e8 !important;
        border-bottom: none;
        margin-left: 0;
    }
    .naviLinkSub.naviLinkSubActive{font-weight: 700;}
    .naviLinkSub.naviLinkSubActive,.naviLinkSub:hover{
        background: #f3f4f6;
    }
    #leftNavi a.naviLinkMain.bg_userNavi:before{ content: "\f007"; }
    #leftNavi a.naviLinkMain.bg_productNavi:before{ content: "\f288"; }
    #leftNavi a.naviLinkMain.bg_productNavi:before{ content: "\f1b3"; }
    #leftNavi a.naviLinkMain.bg_configurationNavi:before{ content: "\f085"; }
    #leftNavi a.naviLinkMain.bg_transactionNavi:before{ content: "\f0ca"; }
    #leftNavi a.naviLinkMain.bg_supportNavi:before{ content: "\f1cd"; }
    #leftNavi a.naviLinkMain.bg_newsletterNavi:before{ content: "\f003"; }
    #leftNavi a.naviLinkMain.bg_CMSNavi:before{ content: "\f044"; }
    #leftNavi a.naviLinkMain.bg_favNavi:before{ content: "\f005"; }

    body#loginBody{height: 100%;}
    #loginPageBreaker{
        height: 30%;
    }
    div#loginPage{
        width: 500px;
        margin: 0 auto;
    }
    #loginPage form {
        background: #FFF;
        position: relative;
        z-index: 1;
    }
    div.contentHead{border: none; line-height: 20px;}
    div#loginPage div.contentSubHead.withImg div.contentDummy{padding-top: 12px;}
    div#loginPage div.contentSubHead.withImg div.contentDummy h3{ font-size: 16px; font-weight: 700;}
    div#loginPage .contentSubHead.withImg{
        height: 40px; margin-top: 0;
    }
    div#loginPage .contentSubHead.withImg img{
        height: 15px;    margin-right: 10px;
    }
    div#loginPage .contentText.errorBlock{
        margin-bottom: 10px;
    }
    #loginPage table{width: 100%; background: transparent;}
    #loginPage div.contentTable {
        padding: 12px 0;
        position: relative;
        background: transparent;
    }
    #loginPage div.contentTable:after {
        content: "";
        background: url(../images/de_DE/slogan.png) no-repeat scroll right 10px center transparent;
        background-size: 180px;
        opacity: 0.5;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

    #loginPage div.contentBottom {  height: 40px;  }
    #loginPage div.contentBottom div.contentDummy{padding-top: 8px;}
    #loginPage .right{    line-height: 20px;}
    #loginPage input.medium {
        width: 40%;
    }
    #loginPage table.default td.label {  width: 100px;}

    #innerContentContainer{
        width: 100%;
        float: left;
        padding: 0 15px 0 0;
        position: relative;
    }
    #contentContainer{
        width: calc(75% - 20px);
        float: right;
        padding: 0;
        margin: 10px 20px 20px 0;
        position: relative;
    }
    div.contentSubHead{
        border: 1px solid #96a6b3;
        background: #f3f4f6;
    }
    .teaserblock {
        text-align: center;
    }
    .loginLogoutRight + img {
        margin-top: 40px;
    }

    div.contentHead div.contentHeadDummy h2, div.contentHead div.contentHeadDummy h3, div.contentSubHead h2, div.contentSubHead h3, div.contentSmallLeftHead h2, div.contentSmallLeftHead h3, div.contentSmallRightHead h2, div.contentSmallRightHead h3{
        color: #1a3552; line-height: 22px;
    }
    div.contentText,div.contentTable,div.contentBottom,div.contentTableDetails,#tariffs2Cange2Block{
        background: #FFF;
        border-top: 0;
        border-left: 1px solid #96a6b3;
        border-right: 1px solid #96a6b3;
        border-bottom: 1px solid #96a6b3;
    }
    .emptyBlock > div > div.contentText{
        border-top: 1px solid #96a6b3;
    }
    #tariffs2Cange2Block{width: 100%;}
    #tariffs2Cange2Block > div.contentTable,.inactiveProducts > div.contentTable,  #tariffs2Cange2Block > div.contentBottom, div.contentText > div.contentTable, div.contentTable > div.contentText, div.contentText > div.contentTableDetails,
    #boFileManagementForm .contentTable .contentTable{
        border: 0;
    }
    div.contentSubHead,div.contentText,div.contentTable,div.contentBottom, div.contentHead,div.contentTableDetails{
        width: 100%;
    }
    div.contentSubHead{height: inherit; float: left;}
    .contentSubHead.errorBlock {
        border-color: #C43434;
        background: #fde9e9;
    }
    div.contentSubHead.errorBlock div.contentDummy h3.error{color: #C43434;}
    .contentText.errorBlock {
        border-color: #C43434;
        color: #C43434;
        background: #fde9e9;
    }
    .contentSubHead.infoBlock {
        border-color: #ea7000;
        background: #fff8ea;
    }
    div.contentSubHead.infoBlock div.contentDummy h3{color: #ea7000;}
    .contentText.infoBlock {
        border-color: #ea7000;
        color: #ea7000;
        background: #fff8ea;
    }
    div.contentSubHead div.contentDummy, div.contentText div.contentDummy, div.contentTextHead div.contentDummy, div.contentSmallLeftHead div.contentDummy, div.contentSmallRightHead div.contentDummy{
        padding: 7px 8px 6px 8px;
        float: left;
        width: calc(100% - 16px);
    }

    .defaultText_info {
        border-bottom: 1px solid #dadada;
        margin-bottom: 9px;
        padding-bottom: 5px;
        font-size: 0.9em;
        opacity: 0.7;
    }
    table{background: #FFF;}
    table table{background: transparent;}
    table.default col.inputWidth{width: inherit;}
    td.inputPflicht.WYSIWYG {
        padding-bottom: 45px !important;
    }
    a.toggleEditor {
        position: absolute;
        left: 8px;
        bottom: 15px;
        border: 1px solid #1A3552;
        padding: 3px 5px 2px;
    }
    td.input.cheboxLine {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
    }
    td.input.wrapText {
        overflow-wrap: break-word;
    }
    table.default td.inputPflicht,table.default td.inputPflicht2,table.default td.inputRot,table.default td.input{
        background: transparent;
        position: relative;
        vertical-align: top;
        padding: 2px 4px 2px 16px;
        width: inherit;
    }
    table.default td.inputPflicht:before, table.default td.inputPflicht2:before,td.inputRot:before{
        content: "*";
        color: #1a3552;
        font-size: 18px;
        position: absolute;
        left: 5px;
        top: 3px;
    }
    table.default td.inputPflicht2:before{content: "**"; left: 0;}
    table.default td.inputRot:before{
        content: "?";
        color: #f38116;
        left: 4px;
        font-size: 15px;
        font-weight: 700;
    }
    table.multiPage{
        width: 100%;
        border-top: 1px solid #B1B1B1;
        background: transparent;
    }
    table.selectionTable3col {  margin-bottom: -1px;  }
    #productForm table.activities4Col td.three{background: #f3f4f6 !important;}

    table.default td.label label.ref:before{top: -1px; left: 8px;}
    table.default tr#contractTermInputLine td.label label.ref:before{ left: 1px;}
    table td.input > table {width: 100% !important; }
    table td.input > table td:first-child{ width: auto !important;}
    table.default td.inputRadio.inputPflicht{
        width: 132px;
    }

    #boShowNewsletterHistoryForm table.details4ColScheduler td.one,
    #boShowNewslettersForm table.details4ColScheduler td.one {
        width: auto;
        font-weight: 300;
    }

    #boShowNewsletterHistoryForm table.details4ColScheduler td.four,
    #boShowNewslettersForm table.details4ColScheduler td.four {
        width: 100px;
    }

    .infoCursor{cursor: help;}

    input[type=text],input[type=password],select,input.long,input.medium {
        padding: 2px 1px;
        border: 1px solid #a9a9a9;
        border-radius: 1px;
        line-height: 16px;
    }

    input.long{ width: 60%; }
    select.long, select.longer {  width: calc(60% + 4px);  }
    select.longlong { width: calc(90% + 4px); }
    input.medium{ width: 30%; }
    input.medium.hasDatepicker{ width: 48%;    margin-right: 2px; }
    select.medium {  width: calc(29% + 4px);    margin-right: 5px; }
    input.longest{ width: 80%; }
    select.longest{ width: calc(80% + 4px);}
    input#cancellationGoalAltern.long{margin-top: 4px;}
    input:not([type='hidden']) + select.medium, input:not([type='hidden']) + input[type="text"],
    input:not([type='hidden']) + input[type="password"] {
        margin-left: 5px;
        width: calc(30% - 8px);
    }
    label.sendTestMail{
        margin-top: 3px;
    }
    #propertyContains, #textContains{
        width: 80%;
    }
    #boPropertiesEditorForm table td.input > table td:first-child{
        width: 349px !important;
    }
    #boCMSTextUpdateForm table td.input > table td:first-child{
        width: 336px !important;
    }
    input[type=radio], input[type=checkbox] {
        position: absolute;
        left: -9999em;
        text-indent: -9999em;
    }
    td.smallOne input[type=checkbox] { top: 0;}
    .checkboxLabelBlock {
        margin-bottom: 3px;
    }
    input[type=radio] + label, label.checkboxL {
        margin-right: 15px;
        position: relative;
        padding-left: 20px;
        display: inline-block;
        line-height: 20px;
        cursor: pointer;
    }
    input[type=radio] + label + label{
        cursor: pointer;
    }
    label.checkboxL {
        padding-left: 15px;
    }
    label.checkboxL:before,
    input[type=radio] + label:before {
        color: #1A3552;
        font-family: "FontAwesome",serif;
        content: "\f10c";
        position: absolute;
        font-size: 18px;
        font-weight: 300;
        background: #FFF;
        left: 0;
        line-height: 15px;
        height: 14px;
        top: 3px;
        border-radius: 3px;
        cursor: pointer;
    }
    label.checkboxL:before{
        text-shadow: 0 0 0 #1A3552;
    }
    label.checkboxL:before,
    input[type=checkbox] + input[type=hidden] + label:before{
        content: "\f096";
    }
    label.checkboxL.indeterminate:before,
    input[type=checkbox] + label.indeterminate:before {
        content: "\f0c8";
    }
    label.checkboxL.active:before,
    input[type=checkbox] + label.active:before {
        content: "\f046";
    }
    input[type=radio] + label.active:before {
        content: "\f192";
    }
    input[type=radio][disabled] + label:before,
    input[type=checkbox][disabled] + label:before,
    input[type=checkbox][disabled] + input[type=hidden] + label:before{
        color: #ccc;
        cursor: not-allowed;
    }
    .checkbox4TexAr label.checkboxL{
        vertical-align: top;
    }

    #boConfigKeyDataForm input.medium{width: 90%;}
    #boConfigKeyDataForm select.medium{width: 50%;}
    span.priority{padding-left: 55%;}
    #addAttribute, #addAttribute + input.pleaseWait{
        margin: 5px;
    }

    label.checkboxL, label.radioL{
        width: 0;
        height: 14px;
        margin: 0 !important;
        padding-left: 15px;
    }
    table.details3Col td.three label.btn input{ cursor: pointer; }
    label.checkboxL + label,
    label.checkboxL + input[type=hidden] + label{
        padding-left: 3px;
        cursor: pointer;
    }
    label.checkboxL[for=onlyWithoutUser] {
        margin-left: 15px !important;
    }
    form, #transactionWrapper {
        position: relative;
    }
    #transactionWrapper {
        width: 100%;
        min-height: 400px;
        float: left;
    }
    form #maskContent, #maskContent.show {
        background-color: #FFFFFF;
        display: none;
        top: 14px;
        left: 0;
        opacity: 0.6;
        filter: alpha(opacity=60);
        position: absolute;
        width: calc(100% + 2px);
        height: calc(100% - 14px);
        z-index: 3;
    }
    form.isLoading #maskContent, #maskContent.show {
        display: block;
    }
    form #dataLoading {
        display: none !important;
    }
    form.isLoading #dataLoading,  #dataLoading.show {
        text-align: center;
        position: absolute;
        z-index: 4;
        left: calc(50% - 82px);
        background: #FFF;
        box-shadow: 0 0 5px #808080;
        padding: 15px 25px;
        top: 100px;
        display: block !important;
    }
    .ui-widget-content div.contentTable{
        border: 0 !important;
    }
    .ui-widget-content div.contentTable col.label {
        width: 40%;
    }
    .ui-widget-content div.contentTable col.input {
        width: 60%;
    }
    .ui-widget-content div.contentTable input.long {
        width: 100%;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
        color: #1A3552;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
        color: #485f73;
    }
    .ui-widget-content{border-color: #96a6b3;}
    .ui-dialog-buttonpane.ui-widget-content {
        border-top-color: #e6e6e6;
        margin: 0;
    }
    .ui-dialog.ui-corner-all {
        padding: 0 !important;
        box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5);
        border: none;
    }
    .ui-dialog .ui-dialog-titlebar{
        border: 0;
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0;
        background: #FFF;
        margin-bottom: 8px;
        line-height: 26px;
    }
    .ui-dialog .ui-dialog-titlebar-close{border-color: #96a6b3;}
    .ui-dialog .ui-dialog-titlebar-close:before{
        font-family: 'FontAwesome', serif;
        content: '\f00d';
        font-size: 14px;
    }
    .ui-dialog .ui-dialog-titlebar-close{
        right: 15px;
    }
    .ui-dialog .ui-dialog-titlebar-close span{display: none;}
    .ui-state-default, .ui-widget-content:not(#ui-datepicker-div) .ui-state-default{
        border: 1px solid #1A3552;
        background: #5e7386;
        color: #FFF;
        border-radius: 0;
    }
    .ui-state-default:hover, .ui-widget-content .ui-state-default:hover{
        background-color: #ff8a16;
        border-color: #485f73;
    }
    .ui-widget-content{color: #485f73; }
    .ui-widget-content.custom-combobox-input:hover,
    .ui-widget-content.custom-combobox-input{
        background: #FFF;
        line-height: 18px;
        border-color: #a9a9a9;
    }
    .custom-combobox-input + .ui-button {
        min-height: 20px;
    }
    ul.ui-autocomplete .ui-corner-all.ui-state-focus{
        background: #eee;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    .editDeliveryAreaControls label.btn.btnInside.plusList:before{ left: -3px;}
    .ui-widget-header{background: #FFF; border: none; color: #1a3552;}

    table.test6Col th{
        border-bottom: 1px solid #1A3552;
    }
    table.test6Col td{
        border-bottom: 1px solid #e0e4e8;
    }
    table.dataTable thead th, table.dataTable tbody td {
        vertical-align: middle !important;
    }
    table.dataTable thead th {
        line-height: 28px;
    }
    table.notSortable th{text-align: left;}
    table.test6Col th{ padding: 10px 5px;     text-align: left;}
    table.test6Col th.six {
        width: 62px; text-align: right;
    }
    table.test6Col th.five {
        width: 100px;
    }
    table.test6Col.fadeOutTD th.four {
        width: 120px;
    }
    table.test6Col th.three {
        width: 61px;
    }
    table.test6Col.fadeOutTD th.two{
        width: auto;
    }
    table.test6Col th.one {
        width: 94px;
    }
    #boTransactionListForm table.test6Col th.three{
        width: 65px;
    }
    #boTransactionListForm table.test6Col th.note{
        width: 70px;
    }
    #boTransactionListForm td.note {
        padding-left: 8px;
    }
    #boTransactionListForm div.status_label{padding-left: 5px;}

    th.processStatus, td.processStatus {
        width: 32px !important; text-align: center !important; padding-left: 0 !important; padding-right: 0 !important;
    }
    .collapsed th.processStatus, .collapsed td.processStatus{padding-left: 30px !important;}
    td.processStatus {
        padding: 0 8px 0 8px !important;
        vertical-align: middle;
    }
    /** Button, Link **/
    .longLabelOptions > label {
        min-height: 19px;
        display: inline-block;
    }
    .longLabelOptions > label,
    #show-advanced-features-button{cursor: pointer;}
    label.btnInside.right,label.btnInsideRight{float: right !important;}
    label.btn {color: #1A3552;}

    label.btnInsideLeft{float: left;}

    input[type=reset],input[type=button],input[type=submit]{
        border: 0;
    }
    table.details3Col td.three input.editAttr, input.editAttr,table.details3Col td.three input,
    input.btnInside,input.btnRight,input.btnLeft,input.inside,a.left,label.btn.ref, a.insideTable,a.download,
    a.inside,button.expandCollapse,a.inside,a.LinkHelpShow, div.addNewText,button.button, input.btnInsideLeft,
    a.insideText,#boSearchOperatorForm li a,button.switchBtn,div.insideTableMailLink,div.contentText div.contentDummy ul li a,
    div.contentBottom div.contentDummy a.right, div.contentBottom div.contentDummy a.aRight{
        background: none !important;
        position: relative;
    }
    label.btn.btnRight ,label.btn.btnInside ,label.btn.btnLeft , label.btn.inside,label.btnInsideLeft,label.editAttr,
    table.details3Col td.three label.btn, label.btnInsideRight{
        cursor: pointer;
        position: relative; display: inline-block;
        transition: all 0.25s ease-in;
    }
    /*
    label.btn.btnInside:hover, label.btn.btnLeft:hover, label.btn.inside:hover, label.btnInsideLeft:hover,
    label.editAttr:hover, table.details3Col td.three label.btn:hover {
        opacity: 0.85;
    }

    label.btn.btnInside:hover:before {
        font-size: 13px;
        top: 1px;
        left: 1px;
    }
    */
    .LinkHelpShow:hover::after {
        /*
            font-size: 15px;
            width: 17px;
            margin-right: -1px;
            height: 17px;
            line-height: 17px;
            margin-top: -1px;*/
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);

    }
    div.contentBottom{ height: 30px;}
    input.btnRight.refresh{padding-left: 24px;}
    input.btnRight{
        color: #FFFFFF;
        text-align: center;
        padding: 0 12px 0 25px;
        line-height: 22px;
        float: none;
        margin: 0;
        height: 22px;
    }
    label.btn.btnRight{
        float: right;
        border: 1px solid #1A3552;
        padding: 0;
        background: #5e7386;
        transition: all 0.25s ease-in;
    }
    label.btn.btnRight:hover{
        background-color: #ff8a16;
        border-color: #485f73;
    }
    label.btn.fileUpload:before,
    label.btn.btnRight:before{
        font-family: 'FontAwesome', serif;
        content: '\f105';
        font-size: 14px;
        position: absolute;
        left: 8px;
        top: 0;
        line-height: 22px;
        font-weight: 400;
        color: #FFF;
    }

    input.inside{
        padding: 4px 22px 3px 0;
        color: #1A3552;
        font-size: 13px;
    }
    input.btnInside,#changeProductForm .longInputOptions input.btnInside.plusList{padding-left: 15px;}
    input.btnLeft, div.contentBottom div.contentDummy a.left{padding-left: 20px;}
    input.btnLeft[name=configurationTest] {padding-left: 17px;}
    label.btn.btnLeft:before, button.expandCollapse:before, a.left:before, label.btn.ref:before,
    label.btn.btnInside:before,div.addNewText:before, a.insideTable:before, #boSearchOperatorForm li a:before, a.download:before,button.button:before,
    label.btnInsideLeft:before,label.editAttr:before,table.details3Col td.three label.btn:before,a.insideText:before,
    button.switchBtn:before,div.insideTableMailLink:before,div.contentText div.contentDummy ul li a:before,
    div.contentBottom div.contentDummy a.right:after, div.contentBottom div.contentDummy a.aRight:after, span.toolTipIcon:before,
    label.btnInsideRight:after{
        font-family: 'FontAwesome', serif;
        content: '\f138';
        font-size: 15px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 400;
        color: #1A3552;
    }
    button.mail{
        padding-left: 20px !important;
        font-size: 12px;
    }
    label.disabled:before{
        cursor: not-allowed;
        color: #CCC !important;
    }
    label.btnInside.restore:before{
        content: '\f0e2';    top: 0;
    }
    span.toolTipIcon{
        position: relative;
        min-height: 18px;
        display: block;
        line-height: 17px;
        padding: 2px 0 2px 16px;
    }
    span.toolTipIcon:before{
        left: 0; top: 2px;
    }
    div.contentBottom div.contentDummy a.right:after, div.contentBottom div.contentDummy a.aRight:after {
        left: inherit;
        top: 2px;
        right: 0;
    }
    #boTransactionListForm div.contentBottom div.contentDummy a.left{
        padding-right: 15px;
    }
    #boTransactionListForm label.resetUser{margin-left: 5px;}

    a.inside:after,a.LinkHelpShow:after,div.btn.inside label:after, a.left:before,button.showCustomerInfoBlock:after,label.btn.inside:after {
        font-family: 'FontAwesome', serif;
        content: '\f138';
        font-size: 20px;
        position: absolute;
        right: 1px;
        top: 0;
        font-weight: 700;
    }
    label.btn.btnLeft:before, a.left:before{
        content: '\f137';
        font-size: 20px;
    }
    label.btnInsideRight:after{
        content: '\f138';
        font-size: 20px;
        left: inherit;
        right: 0;
    }
    #boConfigSchedulerForm .configDynCol a.inside:after{top: 5px;}
    #boCreateMediaCategoryForm label.btn.plusList.btnInside  {    margin-left: 15px;}
    label.btn.btnRight[for=btnResetDeliveryArea]:before  {font-size: 12px;}

    a.download.insideText:before{top: 4px;}
    #boTransactionDetailForm a.download.insideText:before{top: 1px;}
    .configDynCol label.btn.btnInside:before{left: 3px;}
    label.btn.btnInside.resetFilter:before,label.btn.btnLeft.delete:before{ content: '\f0e2'; font-size: 18px;  top: 2px; }
    label.deleteAllProperties.btn.btnInside.resetFilter:before{content: '\f014';}
    #productForm label.btn.btnInside.plusList:before{ top: 2px; left: 5px;}
    #productForm .details3Col label.btn.btnInside.plusList:before{ top: 1px; left: 1px;}
    #productForm a.download:before{top: 5px;}
    table.default td.input a.insideTable.noPleaseWait:before{top: 0;}
    .longInputOptions .btnDeleteOptionValue + span{ padding-left: 20px;}
    .longInputOptions select.long {width: 35%;}
    .longInputOptions input.short {width: 18%;}
    .longInputOptions label{
        position: relative;  top: 3px; left: 15px;
    }
    .longLabelOptions label.btn{left: 5px; top: 4px;}
    .longLabelOptions label.btn:before {font-size: 20px;}

    label.btn.btnInside.deleteList:before,label.btn.deleteList.btnRight:before,table.details3Col td.three label.btn.markeList_delete:before,
    button.delete:before, label.btn.btnInsideLeft[for=delete]:before,a.inside.markeList_delete:after,
    .longInputOptions label.btn.minusList.btnInside:before{ content: "\f014" !important; }
    a.inside.markeList.log:after{ content: "\f02d" !important; }
    label.btn.btnLeft.configurationTest:before{ content: '\f074'; font-size: 14px;  top: 4px; }
    div.addNewText:before{content: "\f0fe"; top: 4px;}
    label.btnInside.downList:before,button.button.down:before{content: "\f13a";}
    button.button.up:before,label.btnInside.upList:before{content: "\f139";}
    label.btn.btnRight.refresh:before, label.btn.btnInside.refreshRreviewRecipients:before{  content: '\f021';  }
    label.btn.btnRight.search:before{  content: '\f002';  }
    label.btn.btnRight.plus:before,label.btn.btnInside.plusList:before,
    button.add.button:before,#productForm label.btn.btnInside.plusList:before{  content: '\f0fe';  }
    label.btn.btnInside.minusList:before,label.btn.btnRight.minus:before{  content: '\f146';  }
    #loginPage label.btn.btnRight:before{  content: '\f090';  }
    a.insideTable.sendMail:before{  content: '\f0e0'; top: -1px;  }
    #tariffExportForm label.btn.btnRight:before{ content: '\f093';   }
    #boManageGeoDataForm label.btn.btnInside.downList:before, #boCMSTextExportForm label.btn.btnRight:before,
    #boPropertiesExportForm label.btn.btnRight:before,a.download:before, a.download.insideText:before{ content: '\f093' !important; }

    button.mail:before,label.mail:before{ content: "\f0e0" !important; }
    button.mail.change:before,label.mail.change:before{ content: "\f003" !important; }
    #boManageGeoDataForm label.btn.btnInside.upList:before,label.importVAData:before{ content: '\f019' !important; }
     #tariffImportForm label.btn.btnRight:before, label.btnInside.import:before{  content: '\f019'; }
    label.editAttr:before{  content: '\f03c' !important; left: 4px !important; }
    label.btn.btnInside.priceList:before{content: '\f153';}
    label.btn.ref:before{content: '\f05a';}
    label.btn.ref.ready:before, span.toolTipIcon.ready:before{content: "\f058" !important; color: #05A700;}
    label.btn.ref.errorRequiredFields:before, span.toolTipIcon.errorRequiredFields:before{content: "\f06a" !important; color: #DD9900;}
    label.btn.ref.errorBackendProcessing:before, span.toolTipIcon.errorBackendProcessing:before{content: "\f071" !important; color: #cc0000;}
    label.btn.ref.reopen:before, span.toolTipIcon.reopen:before{content: "\f115" !important; color: #3366FF;}
    button.expandCollapse.min:before{ content: '\f147';}
    button.expandCollapse.max:before{content: '\f196';}
    a.insideText:before{content: '\f14c';}
    button.switchBtn.toTable:before{content: '\f0ce';}
    button.switchBtn.toTableSmall:before{content: '\f0ce'; font-size: 12px;}
    button.switchBtn.toTableBig:before{content: '\f0ce'; font-size: 17px;}
    button.switchBtn.toChart:before{content: '\f200';}
    a.LinkHelpShow:after,h3 label.btn.ref:before,a.insideText.helpLink:before{content: '\f128';}
    table.test6Col label.btn.ref:before,#boTransactionListForm label.btn.ref:before{ content: '\f05a'; }
    label.img.ref.info:before{ content: '\f05a'; }
    div.insideTableMailLink:before{ content: "\f199"; top: -1px; }
    a.insideTable.add:before{ content: '\f0fe';}
    button.button.select:before{ content: "\f046"; }
    button.button.deselect:before{ content: "\f096"; }
    button.reset.button:before, label.btn.btnRight[for=btnResetDeliveryArea]:before, label.btn.btnLeft.resetFilter:before  { content: '\f0e2'; }
    label.btn.btnRight.up:before,label.btn.btnRight.down:before { content: '\f106' !important; font-size: 1.5em; }
    label.btn.btnRight.down:before{ content: '\f107' !important; }
    label.btn.btnRight.btnSaveCurrentData:before { content: '\f0C7' !important;     font-size: 1.2em !important;}
    label.btn.btnRight.createDoc:before   { content: '\f0f6' !important; }
    label.btn.btnRight.searchDoc:before   { content: '\f002' !important; }
    label.btn.btnRight.importDoc:before, #boCMSTextImportForm label.btn.btnRight:before,
    #boPropertiesImportForm label.btn.btnRight:before { content: '\f019' !important; }
    #boShowNewslettersForm a.inside.show:after   { content: '\f15c' !important; margin-right: 2px; }
    #boShowNewslettersForm a.inside.edit:after,.btn.btnInside.editList:before,label.btn.btnRight.edit:before   { content: '\f044' !important; }
    label.btn.btnInside.plusList:before   { content: "\f055" !important; }
    label.btn.btnInside.closeList:before   { content: '\f2d3' !important; }
    label.btn.btnInside.delete:before { content: '\f014' !important; }

    label.editList input.editList, label.closeList input.closeList {
        padding-left: 18px !important;
    }
    #boShowNewslettersForm a.inside.remind:after,#boShowNewsletterHistoryForm a.inside:after
    { content: '\f017' !important; font-size: 16px; margin-right: 2px; }
    #boShowNewslettersForm a.inside.copy:after, label.btnInside.copy:before { content: '\f0c5' !important; }
    label.btnInside.reset:before {  content: '\f0e2' !important;  }
    #boShowNewslettersForm a.inside:nth-child(5):after   { margin-right: 1px; }
    /*a.inside.markeList.export:after{ content: '\f093' !important; }*/
    #boShowNewslettersForm a.inside.export:after,.label.btnInside.export:before{ content: '\f093' !important; }
    #manageProvider tr:nth-child(1) a.insideTable:before { content: '\f0fe' !important; }
    #manageProvider tr:nth-child(2) a.insideTable:before { content: '\f044' !important; }
    #manageProvider tr:nth-child(3) a.insideTable:before { content: '\f019' !important; }
    #manageProvider tr:nth-child(4) a.insideTable:before { content: '\f093' !important; }

    div.addNewText { margin-right: 10px; padding: 4px 0 4px 18px; cursor: pointer; }
    input.btnRight.pleaseWait {
        background: 0 none !important;
        cursor: wait !important;
        color: #FFF !important;
    }
    label.btnInside.copy:before {top: 3px;}
    #tariffList label.btnInside.copy:before{top: 2px;}
    #tariffList label.btn.btnInside.deleteList:before { left: 3px; top: 2px; }
    #boEditFormulaForm #tariffList label.btn.btnInside.deleteList:before{top: 0;}
    #tariffList label.btn.btnInside.disabled.deleteList:before {
        cursor: not-allowed; color: #CCC;    top: 1px;
    }
    #boTransactionDetailForm label.deleteList.btnInside,
    #boSendTransactionMailForm label.deleteList.btnInside,
    #boSendCustomerInformationMailForm label.deleteList.btnInside {
        float: right; margin-right: 10px;
    }
    #changeProductForm label.btn.btnInside.plusList:before{top: 1px;}
    #changeProductForm label.btn.btnInside.btnAddOptionValuePrice.plusList:before{top: 0;}
    input.btnInside.plusList{ padding-left: 15px; }
    input.btnInside.plusList[name=addFile] { padding-left: 15px; }
    #changeProductForm input.btnInside.plusList{ padding-left: 14px; }
    #changeProductForm .btnAddTariffPart input.btnInside.plusList, .attrAction input.btnInside.plusList{padding-left: 14px;}
    #boFileManagementForm a.inside:after{font-size: 16px;}

    #boShowNewslettersForm a.inside:after {font-size: 16px; font-weight: 400 !important;}
    #boManageGeoDataForm label.btn.btnInside{padding-right: 10px;}
    #priceTimeBtnLine { position: relative; }
    #priceTimeBtnLine > label{position: absolute;}
    #priceTimeBtnLine > label + label{ left: 25px; }
    #priceTimeConfig table .calInput label.ref{margin-left: 5px;}
    .calInput label.ref:before{top: -3px;}
    #priceTimeConfig table .calInput img.ref{float: none; margin: 0;}
    h3 label.ref{margin: 0 5px; }
    h3 img.ref{margin: 0; }
    label.img.ref.info{ display: inline-block; width: 13px;  height: 13px;}
    label.btnRight + label.btnRight{margin-right: 10px;}
    label.btn.ref{ display: inline-block; }
    h3 label.ref,#priceTimeConfig table .calInput label.ref,label.btn.ref{ z-index: 0;}
    h3 img.ref,#priceTimeConfig table .calInput img.ref,img.ref{position: relative;  z-index: 1;}
    #btnPriceTimeConfig{margin: 0;}
    label[for=btnPriceTimeConfig]{margin-left: 45px;}
    table.details3Col td.three input,div.contentText div.contentDummy ul li a,
    table.test6Col td.two input.btnInside, #boConfigSchedulerForm input.btnInside{padding-left: 16px;    padding-top: 2px;}
    table.details3Col td.three label.btn.editAttr{float: right;}
    table.details3Col td.three label.btn.btnInside,#boConfigSchedulerForm label.btn.img.ref {float: left;}
    #boChangeMediaCategoryForm label.btn.btnInside.plusList{margin-left: 5px;}
    .newsletterHistory label.btn.img.ref {top:-1px; left: 1px;}
    label.btn.plusList.btnInside.addFile {
        margin-top: 7px;
    }
    button.switchBtn{padding: 1px 0 1px 20px;}
    input[type=file]{
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
    label.btn.fileUpload {
        position: relative;
        display: inline-block;
        border: 1px solid #5e7386;
        background: #f3f4f6;
        padding: 3px 12px 2px 25px;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.25s ease-in;
    }
    label.btn.fileUpload:before {
        content: "\f15c";
        color: #5e7386;
        line-height: 20px;
    }
    div#resetFileInputBlock {
        margin-top: 8px;
    }
    #boJournalForm input.btnInside{margin-left: 0 !important;}
    .contentText .contentDummy label.btnInside{    top: 3px;}
    #boConfigKeyDataForm .contentText .contentDummy label.btnInside{ top: -2px;}
    input.btnInside{margin: 0;}
    .details4ColScheduler a.inside.markeList{padding-top: 2px;}
    label.btn input.btnInside {
        padding-top: 1px;
    }
    table.test6Col td.two label.btnInside{left: 1px;}
    input.ignoreText{
        text-indent: -9999em;
    }

    table.default td.input label.btn.img.ref{ display: inline-block; left: 5px;}
    #boTransactionListForm label.btn.plusList.btnInside:before{top: 4px;}
    table.default td img.ref{left: 0; top: 0;}
    #boUserStatisticsForm label.btnInside:before{
        top: 0;
        line-height: 24px;
    }
    .propType td label:nth-child(2){
        margin-right: 70px;
    }
    a.LinkHelpShow:after,h3 label.btn.ref:before,a.insideText.helpLink:before{
        background-color: #1A3552;
        color: #FFF;
        width: 15px;
        text-align: center;
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 2px;
    }
    a.toggleTextarea, a.toggleEditor {
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        margin-left: 8px;
        color: #1A3552;
    }
    a.toggleTextarea i{visibility: hidden;}
    .btn-icon:before,
    a.toggleEditor:before,
    a.toggleTextarea:before {
        font-family: 'FontAwesome', serif;
        content: "\f150";
        font-size: 20px;
    }
    .active + a.toggleTextarea:before {content: "\f151";}
    a.toggleEditor:before {content: "\f044";}

    a.toggleEditor:before{
        float: left;
    }
    a.toggleEditor i {
        line-height: 20px;
        font-style: normal;
        font-weight: 600;
        float: left;
    }
    button.showCustomerInfoBlock {
        background: #1A3552 ;
        width: 20px;
        height: 20px;
        float: right;
        position: relative;
        margin: 0;
        padding: 0;
        border: 0;
        cursor: pointer;
        color: #FFF;
        border-radius: 2px;
    }
    button.showCustomerInfoBlock:after{
        content: '\f022';
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
        width: 20px;
        right: 0;
    }
    
    .inputLine {
        width: 100%;
        margin-bottom: 5px;
        float: left;
    }


    .col-40,.col-50,.col-60{float: left;}

    .col-40{width: 40%;}
    .col-50{width: 50%;}
    .col-60{width: 60%;}


    span.logoutCounter{
        font-size: 90%;
        font-weight: 400;
        padding-left: 10px;
    }

    .contentTable{
        -moz-transition: height 0.5s ease;
        -webkit-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        transition: height 0.5s ease;
    }

    td.multiInput span{
        display: inline-block;
    }
    .dateMedium{
        width: 28%;
    }
    .multiInput input.medium.hasDatepicker{
        width: calc(100% - 40px);
    }

    #selectMask{
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
    }
    #selectMask.active{
        display: block;
    }
    i#activeFilter{margin-left: 10px; position: relative;}
    a#selectFilter {
        position: relative;
        z-index: 3;
    }
    .btn-icon {
        display: inline-block;
        text-decoration: none;
        margin-left: 5px;
        font-style: normal;
    }
    .btn-icon:before {
        width: 22px;
        height: 22px;
        background-color: #FFF;
        border-radius: 2px;
        color: #5e7386;
        font-weight: 400;
        font-size: 18px;
        display: inline-block;
        text-align: center;
        line-height: 22px;
        border: 1px solid #5e7386;
    }
    .btn-icon.active:before {
        background-color: #ff8a16;
        border-color: #485f73;
        color: #FFF;
    }
    .btn-icon.config{margin-left: 15px;}
    .btn-icon.config:before{
        content: "\f013";
    }
    .btn-icon.select:before{
        content: "\f0d7";
    }
    span.filterSelection {
        position: absolute;
        right: 0;
        z-index: 3;
        top: 20px;
        background: #fff;
        border: 1px solid #eee;
        font-style: normal;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    }
    span.filterSelection a {
        text-decoration: none;
        padding: 4px 10px;
        border-bottom: 1px solid #eee;
        color: #485f73;
        display: block;
        white-space: nowrap;
    }
    span.filterSelection a:hover {
        background: #f3f4f6;
    }
    span.filterSelection a:first-child {
        border-width: 3px;
        font-style: italic;
    }

    td.filter_visibility {
        width: 0;
    }
    .filterTable{
        position: relative;
        min-height: 85px;
    }
    .filterTable.active + .contentBottom{display: none;}
    .filterTable.active, .filterTable.active table{
        background-color: #f3f4f6;
    }
    .filterTable.active td.filter_visibility {
        width: 25px;
        vertical-align: middle;
    }
    .filterTable:not(.active) tr.hideEntry td {
        height: 0;
        display: block;
        padding: 0 !important;
        float: left;
        visibility: hidden;
        overflow: hidden;
    }

    .filterTable .btn-icon {
        margin-left: 5px;
    }
    .filterTable .btn-icon:before {
        width: 18px;
        height: 18px;
        background: transparent;
        border-color: #5e7386;
        color: #5e7386;
        line-height: 18px;
        font-size: 15px;
    }
    .filterTable .hideEntry .btn-icon:before {
        border-color: #adb8c3;
        color: #adb8c3;
    }
    .filterTable .btn-icon.entryVisiblity:before{
        content: "\f06e";
    }
    .filterTable .hideEntry .btn-icon.entryVisiblity:before{
        content: "\f070";
    }

    .btn-Filter {
        float: right;
        border: 1px solid #1A3552;
        padding: 0;
        color: #FFF;
        background: #5e7386;
        text-decoration: none;
        line-height: 20px;
        width: 80px;
        text-align: center;
        position: absolute;
        right: 8px;
        z-index: 2;
    }
    .btn-Filter.execute {
        top: 10px;
    }
    .btn-Filter.save {
        top: 40px;
    }
    .btn-Filter.delete {
        top: 70px;
    }
    .btn-Filter.save,.btn-Filter.delete {
        color: #5e7386; background-color: #fff;
    }
    #loading p{text-align: center;}

    .contentSubHead.close + .contentTable {
        height: 0;
        overflow: hidden;
        padding: 0;
        border: none;
    }
    a.inside.open_close:after, .contentSubHead.close a.inside.open_close:after{
        top: 2px;
        right: 1px;
        content: '\f196';
    }
    a.inside.open_close.close:after, .contentSubHead a.inside.open_close:after{
        content: "\f147";
    }
    .contentSubHead a.inside.open_close:after, .contentSubHead.close a.inside.open_close:after{
        top: -2px;
    }
    /*clock 017*/
    .urlBlock > input {
        line-height: 17px;
    }
    .showAddressClass label.btn.fileUpload {
        line-height: 16px;
        box-sizing: border-box;
    }
    .showUrlClass {
        margin-left: 5px;
    }
    div#scrollLine {
        position: fixed;
        z-index: 2;
        right: 0;
        height: 100%;
        top: 0;
        width: 50px;
    }
    #scrollDown,#scrollUp{
        width: 30px;
        height: 30px;
        position: fixed;
        right: 15px;
        top: 50%;
        background: #1A3552;
        display: inline-block;
        border-radius: 3px;
        box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
        cursor: pointer;
        visibility: visible;
        opacity: 1;
        transition: visibility 0.2s, opacity 0.3s linear;
    }
    #scrollUp{top: calc(50% - 40px);}
    #scrollDown.inactive,#scrollUp.inactive{
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.3s linear;
    }
    #scrollDown:after,#scrollUp:after{
        font-family: "FontAwesome", serif;
        content: "\f078";
        color: #FFF;
        width: 30px;
        text-align: center;
        line-height: 30px;
        display: block;
        font-size: 18px;
        transition: all 0.15s ease-in;
    }
    #scrollUp:after{content: "\f077";}
    #scrollDown:hover,#scrollUp:hover{
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
    }
    #scrollDown:hover:after,#scrollUp:hover:after{
        font-size: 20px;
    }

    footer {
        background-color: #FFFFFF;
        border-top: 1px solid #96a6b3;
        min-height: 40px;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #1A3552;
    }
    .footerLeft, .footerRight{margin: 10px 0; }
    footer a {color: #1A3552; text-decoration: none;}

    table.default td.labelTop2Col{padding-top: 8px;}


    .trumbowyg-modal-box .trumbowyg-modal-button{
        height: 31px;
        line-height: 28px;
        font-size: 14px;
        bottom: -40px;
    }
    .trumbowyg-modal-box label .trumbowyg-input-infos > span {
        width: 100%;
        cursor: pointer;
    }
    .trumbowyg-modal-box label input[type=file] + .trumbowyg-input-infos > span {
        border-color: #1A3552;
        text-transform: uppercase;
        text-align: center;
        color: #1A3552;
        background: #ecf0f1;
    }
    .trumbowyg-modal-box label input[type=file] + .trumbowyg-input-infos > span:hover {
        background: #FFF;
    }
    .trumbowyg-modal-box label input[type=file] + .trumbowyg-input-infos > span:before {
        font-family: 'FontAwesome', sans-serif;
        margin-right: 5px;
        content: "\f093";
    }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{
        border: 1px solid #ccc;
    }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{
        border: 1px solid #1A3552;
        background: #5e7386;
    }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{
        background-color: #ff8a16;
        border-color: #485f73;
    }
    .postboxInfoRow {
        display: flex;
        flex-flow: row wrap;
    }
    .postboxInfoRow > * {
        flex: 1;
    }
    .postboxInfoRow > .type {
        text-align: right;
    }
    .postboxInfoRow > div.hideContentBtn {
        text-align: right;
        max-width: 100px;
    }


    .so_table div{
        box-sizing: border-box;
    }
    .so_table {
        display: block;
        background-color: #FFF;
        border: 1px solid #96a6b3 !important;
        border-top: 0 !important;
    }
    .so_table_row {
        display: block;
        padding: 2px 4px 2px 8px;
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }
    .so_table_row_full_width {
        width: 100%;
        display: block;
        margin-bottom: 8px;
        margin-top: 5px;
        font-weight: bold;
    }
    .so_table_row_label {
        display: inline-block;
        width: 300px;
        float: left;
        line-height: 20px;
    }
    .so_table_row_value {
        display: inline-block;
        width: calc(100% - 300px);
        float: left;
    }
    .so_config {
        background: none #dde3e9;
    }
    .so_config {
        background: none #f3f4f6 !important;
        border: 1px solid #32477D !important;
        border-top: 0 !important;
    }

    .so_sorticon {
        float: right;
        margin-right: 3px;
    }
    .so_table textarea{
        width: calc(60% - 2px);
    }
    .so_table_row .so_table1 {
        border: 1px solid #96a6b3;
        float: left;
        padding: 5px 0;
        background: #f3f4f6;
    }
    .so_table_row_col1 {
        width: 300px;
        float: left;
    }
    .so_table_row_col2 {
        width: calc(100% - 300px);
        /*float: left;*/
    }
    .so_table_row_col2 input {
        float: left;
    }
    .so_tooltip{
        cursor: help;    margin-left: 6px;
    }



    #accordion .ui-state-default{
        color: #1A3552;
    }

    #contentContainer .ui-accordion .ui-accordion-content {
        padding: 10px 15px !important;
    }

    #contentContainer #accordion, #contentContainer .ui-accordion{width: 100%;}
    #contentContainer .ui-accordion .ui-accordion-icons, #accordion h3.so_h3{
        background: #f3f4f6;
    }
    #contentContainer .ui-accordion .ui-accordion-icons, #accordion h3.so_h3  {
        padding-left: 15px; margin-top: 8px;
        border-radius: 0;
    }
    #accordion h3.so_h3 .using-glyphicons{
        background-color: transparent;
    }
    #accordion h3.so_h3{
        color: #1A3552;
        font-size: 12px;
        font-weight: 400;
        padding: .5em .5em .5em 15px;
        min-height: 0;
        line-height: 15.6px;
        border: 1px solid #1A3552;
        margin-bottom: 0;
    }
    #contentContainer .so_config .ui-accordion .ui-accordion-icons {
        margin-top: 8px;
        background: #fff;
        color: #32477D;
        border-color: #96a6b3;
    }
    #contentContainer .so_config .ui-accordion .ui-accordion-icons:first-child {
        margin-top: 0;
    }
    #contentContainer .so_config .ui-accordion .ui-accordion-icons:after {
        content: "\f07d";
        display: inline-block;
        font-family: "FontAwesome", serif;
        position: absolute;
        right: 13px;
    }
    a.toggleTextarea{
        color: #1A3552 !important;
    }

    .using-glyphicons {
        color: #1A3552;
        font-size: 15px;
        font-family: 'Glyphicons Halflings',serif;
        background: #fff;
        border-radius: 50%;
    }
    .using-glyphicons.showDescriptionArea,
    td > .using-glyphicons {
        background: transparent;
    }
    #contentContainer .ui-accordion .ui-accordion-icons .using-glyphicons {
        background: #f3f4f6;
    }
    .removeAdapter, .newconf, .testconf, .removeconf {
        float: left;
        font-weight: 600;
        cursor: pointer;
        line-height: 20px;
    }
    .removeAdapter,.newconf {float: right;}
    .removeconf{margin-left: 8px;}

    @media (max-width: 980px){
        .so_table_row_label,.so_table_row_col1 {
            width: 190px;
            padding-right: 5px;
        }
        .so_table_row_value,.so_table_row_col2{
            width: calc(100% - 190px);
        }
        #accordion input.long {
            width: 80%;
        }
        #accordion select.long, #accordion select.longer {
            width: calc(80% + 4px);
        }
        .so_table textarea {
            width: calc(80% - 2px);
        }
    }
    @media (max-width: 880px){
        body {
            background: transparent;
        }
    }
    #contentContainer .ui-accordion .group{
        position: relative;
    }
     #contentContainer .ui-accordion .group > .btn.btnInside{
         padding: 2px !important;
         position: absolute;
         top: 2px;
         z-index: 2;
         width: 20px;
         height: 22px;
    }
    #contentContainer .ui-accordion .group > .btn.btnInside input{
        outline: none !important;
    }
    #contentContainer .ui-accordion .group > .btn.btnInside:hover:before{
        font-weight: 700;
    }

    #contentContainer .ui-accordion .group > .btn.btnInside.copy{
        right: 35px;
    }
}
@media print{
    #contentContainer{ width: 780px; }
    footer, #leftNavi, #logo, #portal, #portal span, #branches,label.btn,.ui-datepicker-trigger, input[type=file],
    .insideTableMailLink
    {display: none !important;}
    div.contentText, div.contentTable, div.contentBottom, div.contentTableDetails, #tariffs2Cange2Block{
        border: none;}
}


/* hack IE-Styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    label.checkboxL:before,
    input[type=radio] + label:before {
        top: 2px;
    }
}