/*@import url('fonts/fonts.css');*/
/* Blue */
/* Green */
/* Gray */
body {
    width: 1666px;
    min-height: 768px;
    background: url('../images/main-background.png') center repeat-x;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #dadada;
    font-size: 14px;
    font-family: 'Open Sans Regular', sans-serif;
}

.smallbutton {
    width: 16px !important;
    border: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
    .smallbutton .visible {
        visibility: visible !important;
    }
    .smallbutton .invisible {
        visibility: hidden !important;
    }

a {
    color: #1c4a7a;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
}

b {
    font-family: 'Open Sans Bold', sans-serif;
}

.relative {
    position: relative;
}
.textboxwidth {
    width: 100% !important;
}

.scroll-x {
    overflow-x: scroll;
    margin-bottom: 20px;
}

.logo {
    display: block;
    width: 314px;
    height: 90px;
    background: url('../images/logo.png') center no-repeat;
    background-size: contain;
}

.right {
    float: right;
}

.left {
    float: left;
}

.errorText {
    font-size: small;
    color: #ff0000;
    font-weight: normal;
    margin-top: 10px;
    float: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

.btn-line {
    position: relative;
}

.line {
    position: absolute;
    left: 1px;
    top: 1px;
    display: inline-block;
    height: 1px;
    background: #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.btn-container {
    float: right;
}

    .btn-container .line {
        min-width: 98px;
        width: 98%;
    }

    .btn-container .login-btn {
        width: 100px;
        background-color: #1c4a7a;
        border: none;
        font-family: 'Open Sans Bold', sans-serif;
        font-size: 14px;
        color: #fff;
    }

.margin-bottom-20 {
    margin-bottom: 20px;
}

.link-btn {
    display: inline-block;
    text-decoration: none;
}

.horizontal-line {
    width: 100%;
    height: 4px;
}

.footer {
    width: 1500px;
    margin: 0 auto;
    height: 70px;
    padding-top: 30px;
}

.footer-nav {
    float: left;
}

    .footer-nav .footer-nav-item {
        display: inline-block;
        margin-right: 15px;
    }

.footer-logo {
    display: block;
    width: 234px;
    height: 54px;
    background: url('../images/footer-logo.png') top no-repeat;
    background-size: contain;
    float: right;
}

.copyright {
    float: left;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 12px;
    color: #7e7e7e;
    padding-top: 15px;
}

.languages-item {
    display: inline-block;
    font-size: 12px;
}

    .languages-item .languages-link {
        font-size: 12px;
    }

    .languages-item.first {
        border-right: 1px solid #c8c9ca;
        padding-right: 10px;
    }

    .languages-item.last {
        padding-left: 10px;
    }

    .languages-item.selected {
        color: #4e4e4e;
        font-family: 'Open Sans Bold', sans-serif;
        font-weight: bold;
    }

.element-content-container {
    width: 1500px;
    margin: 0 auto;
}

.languages-container {
    display: inline-block;
    /*display: none;*/
}

.user-name-container {
    display: inline-block;
}
/* -- Left Menu -- */
.menu {
    background-color: #ebebeb;
    float: left;
    width: 251px;
}

    .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 36px;
    }

    .menu li {
        border-bottom: 1px solid #d2d2d2;
    }

        .menu li a {
            font-size: 0.9em;
            font-weight: normal;
            text-decoration: none;
            font-family: 'Open Sans Regular', sans-serif;
            background-color: #ebebeb;
            display: block;
            padding-left: 30px;
            color: #14457e;
            position: relative;
        }

            .menu li a:hover {
                color: white;
                background-color: #3C7CC6;
            }

    .menu a.active {
        background-color: #499a2c;
        font-family: 'Open Sans Bold', sans-serif;
        color: #FFFFFF;
    }

        .menu a.active:hover {
            color: white;
            background-color: #3C7CC6;
        }

    .menu a.link-with-arrow:before {
        position: absolute;
        content: " ";
        background-image: url('../images/right-arrow-green.png');
        background-repeat: no-repeat;
        top: 15px;
        left: 20px;
        width: 5px;
        height: 7px;
    }

    .menu li.has-childs.top-level a {
        font-family: 'Open Sans Bold', sans-serif;
        font-weight: bold;
    }

    .menu li.has-active-child {
        border-bottom: none;
    }

        .menu li.has-active-child a {
            background-color: #53af32;
            font-family: 'Open Sans Regular', sans-serif;
            color: #FFFFFF;
        }

            .menu li.has-active-child a:hover {
                color: white;
                background-color: #3C7CC6;
            }

            .menu li.has-active-child a.active-sublist-root {
                font-family: 'Open Sans Bold', sans-serif;
                font-weight: bold;
            }

            .menu li.has-active-child a.active {
                background-color: #499a2c;
                font-family: 'Open Sans Bold', sans-serif;
                font-weight: bold;
            }

                .menu li.has-active-child a.active:hover {
                    color: white;
                    background-color: #3C7CC6;
                }

            .menu li.has-active-child a.link-with-arrow:before {
                background-image: url('../images/right-arrow.png');
            }

    .menu ul.nested ul.nested {
        text-indent: 10px;
    }

    .menu ul.nested li {
        border-bottom: none;
        border-top: 1px solid #499a2c;
    }

        .menu ul.nested li.has-active-child {
            border-bottom: none;
        }

    .menu ul.nested a.link-with-arrow:before {
        left: 30px;
    }

    .menu ul.nested a.link-with-arrow {
        padding-left: 40px;
    }
/**** GridView *************************************************************************************/
.gridView {
    border-style: solid;
    border-width: 1px;
    border-color: #a8a8a8;
    width: 100%;
    border: none;
    margin-bottom: 20px;
}

    .gridView th {
        /*padding-top: 12px;
        padding-bottom: 15px;*/
        height: 35px;
        vertical-align: middle;
        padding-left: 10px;
        text-align: left;
        border-style: solid;
        border-width: 1px;
        border-color: #14426e;
        background-color: #174c7e;
        background-repeat: repeat-x;
        line-height: 12px;
        font-size: 12px;
        font-family: 'Open Sans Bold', sans-serif;
        color: #ffffff;
        text-decoration: none;
        padding-right: 10px;
    }

        .gridView th a,
        .gridView th a:link,
        .gridView th a:active,
        .gridView th a:visited {
            vertical-align: sub;
            font-size: 12px;
            font-family: 'Open Sans Bold', sans-serif;
            color: #ffffff;
            text-decoration: none;
        }

            .gridView th a .sort-dir-img,
            .gridView th a:link .sort-dir-img,
            .gridView th a:active .sort-dir-img,
            .gridView th a:visited .sort-dir-img {
                /*vertical-align: text-top;
                float: right;
                margin-right: 10px;*/
                position: absolute;
                right: 10px;
                top: 11px;
            }

        .gridView th.th_checkbox {
            width: 36px;
            padding: 0;
            margin: 0;
        }

        .gridView th.th_edit {
            width: 36px;
            padding: 0;
            margin: 0;
        }

        .gridView th.th_user_status {
            padding: 0;
            margin: 0;
            min-width: 38px;
            text-align: center;
        }

        .gridView th.header-with-order-img {
            padding-right: 35px;
            position: relative;
        }

        .gridView th.th_center {
            text-align: center;
        }

    .gridView input {
        width: 96%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .gridView .date-fieldset {
        position: relative;
    }

        .gridView .date-fieldset .inputline {
            margin-top: 0px;
            width: 97px;
        }

            .gridView .date-fieldset .inputline input {
                width: 66px;
                /* not 63px! for ie-9 support s*/
                margin-right: 0px;
                padding: 0px;
                padding-right: 5px;
                padding-left: 5px;
                height: auto;
                /* for ie-9 support*/
                font-size: 13px;
                line-height: normal;
                /* for ie-9 support*/
            }

        .gridView .date-fieldset input[type="image"] {
            min-width: 13px;
            display: inline-block;
            width: 13px;
            height: 13px;
            box-shadow: none;
            border: none;
            position: absolute;
            right: 0px;
            bottom: 6px;
            margin: 0px;
            padding: 0px;
        }

    .gridView td {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-style: solid;
        border-width: 1px;
        border-color: #dadada;
        font-family: 'Open Sans Regular', sans-serif;
        font-size: 12px;
        vertical-align: middle;
        line-height: 14px;
    }

    .gridView .ajax__calendar td {
        padding-right: inherit;
        padding-left: inherit;
        padding-top: inherit;
        padding-bottom: inherit;
        border-style: inherit;
        border-width: inherit;
        border-color: inherit;
        font-family: inherit;
        font-size: inherit;
        vertical-align: inherit;
        line-height: inherit;
    }

    .gridView td.td_edit,
    .gridView td.td_user_status {
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

.gridViewAlternatingRow {
    background-color: #ffffff;
}

.whiht-space-pre {
    white-space: pre;
}

.grid_tooltip {
    border-radius: 5px;
    padding: 15px;
    background-color: #dadada;
}
/**** GridView Pager *******************************************************************************/
.gridViewPager table {
    margin-top: 20px;
    margin-bottom: 8px;
    border: none;
}

    .gridViewPager table td {
        text-align: center;
        vertical-align: middle;
        border: none;
        padding-right: 10px;
    }

        .gridViewPager table td span {
            color: #ffffff;
            background-color: #53af32;
            display: block;
            min-height: 22px;
            line-height: 22px;
            padding-left: 6px;
            padding-right: 8px;
        }

        .gridViewPager table td a,
        .gridViewPager table td a:link,
        .gridViewPager table td a:active,
        .gridViewPager table td a:visited {
            text-decoration: none;
            background-color: #dadada;
            color: #292929;
            display: block;
            min-height: 22px;
            line-height: 22px;
            padding-left: 5px;
            padding-right: 8px;
        }

.gridViewPager tr {
    padding: 0;
    margin: 0;
}

.gridViewPager td {
    border: none;
    padding: 0;
}

.line-opacity {
    background: #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
/* Login Page */
.content-container {
    width: 887px;
    margin: 0 auto;
    margin-top: 20px;
}

.page-container {
    min-height: 792px;
}

.login-content-container {
    background-color: #fff;
    margin-top: 16px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.header-form-msg-container {
    line-height: 30px;
    text-align: center;
    padding-top: 31px;
    margin-bottom: 35px;
    margin-right: 37px;
}

    .header-form-msg-container .welcome-msg {
        font-family: 'Open Sans Light', sans-serif;
        font-size: 30px;
        color: #53af32;
    }

.form-content-container {
    padding-bottom: 60px;
}

    .form-content-container .form-image {
        background: url('../images/login_form_Kabel_portal.jpg') left no-repeat;
        background-size: 455px;
        width: 445px;
        float: left;
        padding-top: 80px;
        padding-left: 10px;
    }

    .form-content-container .form-container {
        margin-right: 44px;
        width: 365px;
        float: right;
        padding-top: 0;
    }

        .form-content-container .form-container table {
            width: 100%;
        }

.form-content-container-item {
    height: 247px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login .logo {
    margin: 0 auto;
    margin-top: 40px;
}

.login .horizontal-line {
    background: url('../images/login-gradient-line.png') left repeat-y;
}

.login-btn-container {
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    width: 377px;
}

.register-btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #53af32;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 14px;
    color: #fff;
}

.register-btn-container {
    margin-top: 19px;
    text-align: center;
    width: 377px;
}

    .register-btn-container .line {
        width: 373px;
    }

.image-text-string {
    background-color: #53af32;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
}

    .image-text-string:first-child {
        padding-top: 5px;
    }

.languages {
    float: right;
}

.login-heading {
    color: #1c4a7a;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 17px;
}

.login .lbl {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    color: #4e4e4e;
}

.forgot-password {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    color: #1c4a7a;
}

.info-content-container {
    background-color: #fff;
    margin-top: 16px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

    .info-content-container .info-pages-nav {
        font-family: 'Open Sans Regular', sans-serif;
        text-align: right;
        padding-top: 20px;
        padding-right: 20px;
    }

        .info-content-container .info-pages-nav .info-pages-nav-item {
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
            border-right: 1px solid #dadada;
        }

            .info-content-container .info-pages-nav .info-pages-nav-item.last-item {
                border-right: none;
            }

.info-content {
    font-family: 'Open Sans Regular', sans-serif;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 18px;
    /* first level */
}

    .info-content .header-form-msg-container {
        text-align: left;
    }

    .info-content .italic {
        font-style: italic;
    }

    .info-content a {
        font-family: 'Open Sans Regular', sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

    .info-content h3 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .info-content .info-block {
        padding-top: 10px;
        margin-bottom: 20px;
    }

        .info-content .info-block .info-block-line {
            padding-bottom: 5px;
        }

    .info-content ol {
        counter-reset: item;
    }

        .info-content ol li {
            display: block;
            position: relative;
        }

            .info-content ol li:before {
                content: counters(item, ".") " ";
                counter-increment: item;
                position: absolute;
                left: 0px;
                font-weight: bold;
            }

    .info-content .li-header {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .info-content .li-content p {
        margin-bottom: 10px;
    }

    .info-content .roman-num-list li:before {
        content: counter(item, upper-roman);
    }

    .info-content .decimal-num-list {
        counter-reset: mp;
    }

        .info-content .decimal-num-list li:before {
            content: counter(mp, decimal) ".";
            counter-increment: mp;
        }

        .info-content .decimal-num-list .decimal-num-sub-list {
            counter-reset: mp;
        }

            .info-content .decimal-num-list .decimal-num-sub-list li:before {
                content: counters(mp, ".") " ";
            }

            .info-content .decimal-num-list .decimal-num-sub-list .dotted-list {
                counter-reset: mp;
            }

                .info-content .decimal-num-list .decimal-num-sub-list .dotted-list li:before {
                    content: counter(notecntr, disc) " ";
                }

    .info-content .lower-latin-list li:before {
        content: counter(item, lower-latin);
    }

    .info-content .dotted-list {
        counter-reset: notecntr;
    }

        .info-content .dotted-list li:before {
            content: counter(notecntr, disc) " ";
        }

    .info-content ol {
        /* second level */
    }

        .info-content ol li {
            padding-left: 30px;
            margin-bottom: 20px;
        }

            .info-content ol li:before {
                font-size: 18px;
                font-weight: bold;
            }

        .info-content ol .li-header {
            font-size: 20px;
        }

        .info-content ol ol {
            /* 3-th level */
        }

            .info-content ol ol li {
                padding-left: 20px;
                margin-bottom: 10px;
            }

                .info-content ol ol li:before {
                    font-size: 18px;
                    font-weight: normal;
                }

            .info-content ol ol .li-header {
                font-size: 16px;
                font-weight: normal;
            }

            .info-content ol ol ol {
                /* 3-th level */
            }

                .info-content ol ol ol .li-header {
                    font-size: 16px;
                    font-weight: normal;
                }

                .info-content ol ol ol li {
                    padding-left: 30px;
                    margin-bottom: 5px;
                }

                .info-content ol ol ol ol .li-header {
                    font-size: 16px;
                    font-weight: normal;
                }

                .info-content ol ol ol ol li {
                    padding-left: 15px;
                    margin-bottom: 5px;
                }

    .info-content .document-date {
        float: right;
    }
/**** Forms *************************************************************************************/
.search-container {
    background-color: #f4f4f4;
    margin-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 11px;
}

    .search-container .search-textbox .inputline {
        margin: 0;
        display: inline-block;
    }

        .search-container .search-textbox .inputline input {
            width: 245px;
            margin-top: 0px;
            margin-right: 0px;
        }

    .search-container .btn-container {
        float: none;
        display: inline-block;
    }

    .search-container .export-excel-button-container {
        position: relative;
        float: right;
        margin-left: 5px;
    }

    .search-container .export-excel-button {
        padding-left: 35px;
        background-image: url('../images/excel-export.png');
        background-repeat: no-repeat;
        background-position: 10px 5px;
    }

input[type="checkbox"] {
    border: none;
    box-shadow: none;
    width: 15px;
}

input,
select,
textarea {
    border: 1px solid #c3c3c3;
    color: #4e4e4e;
    font-family: 'Open Sans Regular', sans-serif;
    -webkit-box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}

.inputline {
    margin-top: 20px;
}

    .inputline label {
        padding-left: 8px;
        display: inline-block;
        width: 144px;
        font-family: 'Open Sans Regular', sans-serif;
        font-size: 14px;
        vertical-align: middle;
    }

        .inputline label.extended-label {
            width: 210px;
        }

        .inputline label.text-area-label {
            vertical-align: top;
        }

    .inputline .text-info {
        font-family: 'Open Sans Regular', sans-serif;
        font-size: 14px;
    }

    .inputline .text-info-gray {
        font-family: 'Open Sans Regular', sans-serif;
        font-size: 14px;
        color: gray;
    }



    .inputline input,
    .inputline select,
    .inputline textarea {
        margin-right: 15px;
        width: 443px;
        padding: 0 5px;
        font-size: 14px;
    }

    .inputline input {
        line-height: 28px;
        height: 28px;
    }

    .inputline select {
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: 28px;
        height: 30px;
    }

    .inputline input[type="checkbox"] {
        display: inline-block;
        height: 15px;
        width: 15px;
        vertical-align: middle;
        margin: 0;
        margin-right: 5px;
    }

.RadioButtonList {
    margin-left: 140px;
    margin-top: -25px;
    font-size: 14px;
    font-family: 'Open Sans Regular', sans-serif;
}

.inputline .required-input-container {
    position: relative;
    display: inline-block;
}

    .inputline .required-input-container:before {
        position: absolute;
        top: 0px;
        left: -12px;
        content: '*';
        width: 2px;
        height: 5px;
        color: #53af32;
    }

.inputline .notrequired-input-container {
    position: relative;
    display: inline-block;
}

    .inputline .notrequired-input-container:before {
        position: absolute;
        top: 0px;
        left: -12px;
        width: 2px;
        height: 5px;
        color: #53af32;
    }

.smalltextarea {
    margin-right: 15px;
    width: 150px !important;
    padding: 0 5px;
    font-size: 14px;
}

.input-table {
    margin-top: 20px;
}

    .input-table tr {
        height: 36px;
        padding: 5px 5px 5px 0;
    }

        .input-table tr td {
            padding: 0px 5px;
        }

            .input-table tr td input[type=text] {
                height: 18px;
            }

.control-image-container {
    width: 70px;
    padding-top: 7px;
}

.control-image {
    width: 18px !important;
    height: 18px !important;
    outline: none;
    border: none;
}


.fixed-column {
    position: fixed;
    z-index: 100;
    background: #ffffff;
    height: 32px;
    margin-top: -15px;
}

/* Hints */
.required-hint {
    color: #885757;
    font-size: 12px;
    font-family: 'Open Sans Regular', sans-serif;
    font-style: italic;
    margin-bottom: 27px;
}

    .required-hint span {
        color: #53af32;
    }

.max-file-size-hint {
    margin-bottom: 9px;
    display: block;
    font-size: 12px;
    font-family: 'Open Sans Regular', sans-serif;
}

.file-upload-container {
    width: 455px;
    display: inline-block;
}

    .file-upload-container input[type="file"].file-upload-input {
        opacity: 0;
        filter: alpha(opacity=0);
        position: fixed;
        left: 0px;
        width: 0px;
        padding: 0px;
        margin: 0px;
    }

    .file-upload-container .upload-file-name {
        display: inline-block;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        font-family: 'Open Sans Regular', sans-serif;
        padding-left: 5px;
        padding-right: 5px;
        width: 206px;
    }

    .file-upload-container .btn-container {
        float: none;
        display: inline-block;
    }

        .file-upload-container .btn-container label {
            display: inline-block;
            text-align: center;
            font-family: 'Open Sans Bold', sans-serif;
            height: 30px;
            font-size: 14px;
            width: 115px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            background-color: #53af32;
            line-height: 28px;
            padding: 0px;
            margin: 0px;
        }

        .file-upload-container .btn-container input[type="submit"].btn-success {
            color: white;
            font-family: 'Open Sans Bold', sans-serif;
            height: 30px;
            font-size: 14px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            width: 115px;
            margin: 0px;
        }

.form-container {
    margin-bottom: 45px;
    padding-top: 10px;
}

.standort-user-container {
    margin-top: 20px;
}

    .standort-user-container.form-padding-left {
        padding-left: 8px;
    }

.detail-container .changes-history.form-padding-left {
    padding-left: 8px;
}

.form-bordered-container {
    width: 588px;
}

.form-container .form-info-container {
    margin-bottom: 15px;
}

.form-container .inputline {
    margin-top: 10px;
}

    .form-container .inputline input {
        width: 443px;
    }

    .form-container .inputline select {
        width: 455px;
    }

    .form-container .inputline input[type="checkbox"] {
        width: 15px;
    }
/*.form-container .inputline input[type="radio"] {
  width: 15px;
}*/
.form-container .date-fieldset {
    position: relative;
}

    .form-container .date-fieldset .inputline {
        margin-top: 10px;
    }

        .form-container .date-fieldset .inputline input {
            width: 420px;
        }

    .form-container .date-fieldset input[type="image"] {
        display: inline-block;
        width: 13px;
        height: 13px;
        box-shadow: none;
        border: none;
        position: absolute;
        left: 441px;
        bottom: 6px;
        margin: 0px;
        padding: 0px;
    }

select[disabled] {
    background-color: #EBEBE4;
    color: #4e4e4e;
}

.form-container .search-fieldset {
    position: relative;
}

    .form-container .search-fieldset .inputline input {
        width: 420px;
    }

    .form-container .search-fieldset input[type="image"] {
        display: inline-block;
        width: 16px;
        height: 16px;
        box-shadow: none;
        border: none;
        position: absolute;
        left: 660px;
        bottom: 9px;
        margin: 0px;
        padding: 0px;
    }

.form-container .datetime-box .date-text-box {
    width: 186px;
    margin: 0px;
}

    .form-container .datetime-box .date-text-box.single-text-box {
        width: 415px;
    }

.form-container .datetime-box .calendar-icon {
    width: 13px;
    height: 13px;
    border: none;
    box-shadow: none;
    margin: 0px;
    padding-top: 6px;
}

.form-container .datetime-box .time-text-box {
    width: 186px;
    margin: 0px;
}

.form-container .datetime-box .reset-icon {
    width: 20px;
    height: 20px;
    border: none;
    box-shadow: none;
    margin: 0px;
    padding-top: 3px;
}

.form-container .form-grid label {
    vertical-align: top;
}

.form-container .form-grid .grid {
    width: 455px;
    display: inline-block;
}

.form-container .inputline.double-input-in-line input {
    width: 180px;
}

.form-container .inputline.double-input-in-line .text-separator {
    display: inline-block;
    width: 48px;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

.popup-container .form-container .form-grid .grid {
    width: 415px;
    display: inline-block;
}

.input-hint-container {
    float: right;
    width: 265px;
    margin-right: 20px;
}

.input-hint {
    color: #885757;
    font-size: 15px;
    font-family: 'Open Sans Bold', sans-serif;
    margin-bottom: 27px;
}

    .input-hint span {
        color: #53af32;
    }

.form-container .form-grid .grid .gridView {
    margin-bottom: 0;
}

.form-container .checkboxes-container {
    display: inline-block;
}

    .form-container .checkboxes-container table td {
        width: 170px;
        height: 30px;
    }

    .user-profile-form-container.form-container .checkboxes-container.one-row table td,
    .form-container .checkboxes-container.one-row table td {
        width: 350px;
    }

    .form-container .checkboxes-container table td input[type="checkbox"] {
        width: 15px;
    }

    .form-container .checkboxes-container table td label {
        width: 130px;
    }

    .user-profile-form-container.form-container .checkboxes-container.one-row table td label,
    .form-container .checkboxes-container.one-row table td label {
        width: 300px;
    }

.form-container .checkboxes-container-label {
    vertical-align: top;
}

.form-container .radio-container {
    display: inline-block;
}

    .form-container .radio-container table td {
        width: 170px;
        height: 30px;
    }

        .form-container .radio-container table td input[type="radio"] {
            width: 15px;
        }

        .form-container .radio-container table td label {
            width: 100px;
        }

.form-container .radio-container-label {
    display: inline-block;
    vertical-align: top;
}

.form-container .edit-validation-container {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 12px;
    font-style: italic;
}

    .form-container .edit-validation-container ul li {
        padding-top: 10px;
    }

.form-container .changes-history {
    margin-top: 39px;
    padding-left: 8px;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
}

    .form-container .changes-history .changes-history-label {
        float: left;
        width: 148px;
    }

        .form-container .changes-history .changes-history-label.extended-label {
            width: 214px;
        }

.popup-container .form-container .changes-history .changes-history-label {
    width: 145px;
}

.form-container .changes-history .changes-history-log {
    float: left;
}

    .form-container .changes-history .changes-history-log ul li {
        border-bottom: 1px solid #dadada;
        padding: 5px;
        width: 450px;
    }

        .form-container .changes-history .changes-history-log ul li .history-label {
            display: inline-block;
            width: 150px;
        }

.form-container .changes-history .collapse-history-img {
    margin-right: 4px;
}

.form-container .changes-history .collapse-history-label {
    text-decoration: underline;
    color: #1c4a7a;
    cursor: pointer;
}

.form-container .form-buttons-container {
    text-align: right;
    width: 610px;
}

    .form-container .form-buttons-container.extended-form-buttons-container {
        width: 678px;
    }

    .form-container .form-buttons-container .btn-container {
        float: none;
        display: inline-block;
    }

        .form-container .form-buttons-container .btn-container .btn {
            margin-left: 17px;
            margin-right: 0px;
        }

.documents-container {
    margin-top: 15px;
    width: 668px;
}

    .documents-container .document-button {
        float: right;
        border: none;
        box-shadow: none;
        padding-left: 15px;
    }

.login .inputline {
    margin-top: 15px;
    width: 400px;
}

    .login .inputline input {
        width: 365px;
        margin-right: 0px;
        margin-top: 5px;
    }

    .login .inputline label {
        padding-left: 0px;
        width: 300px;
    }

.user-profile-form-container .password-reset-container {
    width: 610px;
    text-align: right;
}

.user-profile-form-container .roles-container .inputline {
    margin-top: 15px;
}

    .user-profile-form-container .roles-container .inputline .checkboxes-container label {
        padding-left: 0;
        width: 120px;
    }

.logistic-partners-form .containers-label {
    vertical-align: top;
}

.pull-left-buttons .form-buttons-container {
    text-align: left;
    width: 610px;
}

    .pull-left-buttons .form-buttons-container .btn-container {
        float: none;
        display: inline-block;
    }

        .pull-left-buttons .form-buttons-container .btn-container .btn {
            margin-right: 17px;
            margin-left: 0px;
        }

.pull-center-buttons .form-buttons-container {
    text-align: center;
}

    .pull-center-buttons .form-buttons-container .btn-container {
        float: none;
        display: inline-block;
    }

        .pull-center-buttons .form-buttons-container .btn-container .btn {
            margin-right: 0px;
            margin-left: 0px;
        }

.form-container .pull-left-button.btn-container {
    float: left;
}

    .form-container .pull-left-button.btn-container .btn {
        margin-right: 17px;
        margin-left: 0px;
    }

.btn {
    color: white;
    font-family: 'Open Sans Bold', sans-serif;
    height: 30px;
    font-size: 14px;
    min-width: 100px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    line-height: 28px;
    padding-left: 15px;
    padding-right: 15px;
   
}

.btn-lineheight {
    line-height: 0.5 !important; 
}

.btnNotTopandBottemPadding {
    padding: 0 0 !important;
    line-height: 0 !important;
}

.btn-success {
    background-color: #53af32;
}

.btn-disabled {
    background-color: #cecece;
    cursor: not-allowed;
}

.btn-info {
    background-color: #1c4a7a;
}

.btn-cancel {
    padding-left: 25px;
    background-image: url('../images/cancel-button-icon.png');
    background-repeat: no-repeat;
    background-position: 13px 9px;
    width: 120px;
}

.btn-save {
    padding-left: 35px;
    background-image: url('../images/save-button-icon.png');
    background-repeat: no-repeat;
    background-position: 15px 10px;
    min-width: 120px;
}

.btn:disabled {
    background-color: #cecece;
    cursor: not-allowed;
}

.fasdf {
    width: 100%;
}

.step-image-container {
    width: 866px;
    height: 210px;
    margin: 0 auto;
    padding-top: 9px;
}

.techno-step {
    float: left;
    padding-left: 6px;
}

    .techno-step p {
        padding-top: 10px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Open Sans Bold', sans-serif;
        color: #1c4a7a;
    }

.techno-image-arrow {
    line-height: 210px;
    float: left;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 62px;
}

    .techno-image-arrow img {
        vertical-align: middle;
    }

.techno-padding-left {
    padding-left: 117px;
}

.clear-both {
    clear: both;
}

.main-text {
    width: 635px;
    padding-top: 45px;
}

    .main-text p {
        color: #292929;
        font-size: 22px;
        line-height: 27px;
        font-family: 'Open Sans Light', sans-serif;
    }

.class-contentseite {
    /*height:630px;*/
}

.ddlmaxwidth200 {
    max-width: 200px !important;
}

.detail-container b {
    font-size: 14px;
}

.detail-container .left-container {
    width: 442px;
    float: left;
    margin-right: 21px;
}

.detail-container .right-container {
    float: right;
    width: 438px;
}

.detail-container .full-size-container .form-buttons-container {
    width: inherit;
}

.detail-container .gridView {
    margin-top: 10px;
    margin-bottom: 10px;
}

.grouping-text {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.detail-container .form-container {
    padding-top: 0px;
    margin-bottom: 30px;
}

    .detail-container .form-container .inputline label {
        width: 144px;
        padding-left: 0px;
    }

    .detail-container .form-container .inputline input {
        width: 281px;
        margin-right: 0px;
    }

    .detail-container .form-container .inputline select {
        margin-right: 0px;
        width: 293px;
    }

    .detail-container .form-container .bordered-container {
        border: 1px solid #d5d5d5;
        padding-left: 12px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 11px;
    }

        .detail-container .form-container .bordered-container .inputline label {
            width: 164px;
            padding-left: 0px;
        }

        .detail-container .form-container .bordered-container .inputline input {
            width: 233px;
            margin-right: 0px;
        }

        .detail-container .form-container .bordered-container .inputline select {
            margin-right: 0px;
            width: 245px;
        }

.detail-container ul li {
    height: 42px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 42px;
    vertical-align: middle;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
}

    .detail-container ul li label {
        width: 145px;
        display: inline-block;
    }

    .detail-container ul li span {
        display: inline-block;
        width: 290px;
    }

.detail-container .edit-validation-container ul li {
    height: initial;
    border-bottom: none;
    line-height: initial;
    vertical-align: middle;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 12px;
}

.detail-container .changes-history {
    margin-top: 20px;
    padding-left: 0px;
}

.detail-container .popup-container .changes-history .changes-history-log ul li {
    width: 415px;
}

    .detail-container .popup-container .changes-history .changes-history-log ul li span {
        width: 200px;
    }

.detail-container .changes-history .changes-history-log ul li {
    padding: 0px;
    width: 442px;
}

    .detail-container .changes-history .changes-history-log ul li .history-label {
        width: 145px;
    }

    .detail-container .changes-history .changes-history-log ul li span {
        width: 290px;
    }

.legend-blank-container {
    float: right;
    line-height: 28px;
}

    .legend-blank-container a {
        text-decoration: underline;
    }

.gridView.standortGridView input {
    width: 100%;
    padding: 0px;
}

    .gridView.standortGridView input[type="checkbox"] {
        width: 15px;
    }

.gridView.standortGridView th {
    padding-left: 5px;
    padding-right: 5px;
}

.traffic-light-status {
    background-color: #f4f4f4;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 35px;
    display: inline;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    text-transform: uppercase;
    position: absolute;
    top: -40px;
    right: 0px;
}

    .traffic-light-status span img {
        vertical-align: sub;
    }

.left-aligned-print-button {
    position: absolute;
    left: 0px;
}
/* Popup */
.popup-container {
    border: none;
    background-color: white;
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 22px;
}

    .popup-container .small-close-button {
        position: absolute;
        top: 22px;
        right: 21px;
        cursor: pointer;
    }

    .popup-container .popup-header {
        color: #53af32;
        font-family: 'Open Sans Light', sans-serif;
        font-size: 24px;
        margin-bottom: 12px;
    }

    .popup-container hr {
        border: none;
        margin: 0px;
        padding: 0px;
        border-bottom: solid 1px #c8c8c8;
    }

    .popup-container .required-hint {
        margin-bottom: 10px;
    }

    .popup-container .popup-message-text {
        font-size: 12px;
        font-family: 'Open Sans Regular', sans-serif;
        margin-bottom: 21px;
    }

    .popup-container .form-container {
        margin-bottom: 25px;
        padding-top: 17px;
    }

        .popup-container .form-container .form-info-container {
            margin-bottom: 19px;
        }

            .popup-container .form-container .form-info-container .date-fieldset .inputline input {
                width: 380px;
            }

            .popup-container .form-container .form-info-container .date-fieldset input[type="image"] {
                width: 13px;
                left: 403px;
            }

            .popup-container .form-container .form-info-container .input-with-button-fieldset .inputline input {
                width: 357px;
                margin-right: 15px;
            }

            .popup-container .form-container .form-info-container .input-with-button-fieldset .inputline select {
                width: 352px;
                margin-right: 15px;
            }

            .popup-container .form-container .form-info-container .input-with-button-fieldset .inputline input[type="submit"] {
                width: 45px;
                margin-right: 0px;
            }

            .popup-container .form-container .form-info-container .inputline label {
                font-size: 14px;
                font-family: 'Open Sans Regular', sans-serif;
                width: 141px;
                padding-left: 0px;
            }

            .popup-container .form-container .form-info-container .checkboxes-container table td label {
                padding-left: 5px;
            }

            .popup-container .form-container .form-info-container .inputline label.extended-label {
                width: 210px;
            }

            .popup-container .form-container .form-info-container .inputline input {
                width: 404px;
                margin-right: 0px;
            }

                .popup-container .form-container .form-info-container .inputline input.date-text-box {
                    width: 181px;
                }

                .popup-container .form-container .form-info-container .inputline input.time-text-box {
                    width: 180px;
                }


                .popup-container .form-container .form-info-container .inputline input.calendar-icon {
                    width: 13px;
                }

            .popup-container .form-container .form-info-container .inputline select {
                width: 416px;
                margin-right: 0px;
            }

            .popup-container .form-container .form-info-container .inputline textarea {
                width: 404px;
                margin-right: 0px;
            }

            .popup-container .form-container .form-info-container .inputline input[type="checkbox"] {
                width: 15px;
                padding: 0px;
                /* for ie-8*/
            }

        .popup-container .form-container .pull-center-buttons .form-buttons-container {
            text-align: center;
        }

            .popup-container .form-container .pull-center-buttons .form-buttons-container .btn-container {
                float: none;
                display: inline-block;
            }

                .popup-container .form-container .pull-center-buttons .form-buttons-container .btn-container .btn {
                    margin-right: 0px;
                    margin-left: 0px;
                }

        .popup-container .form-container .form-buttons-container {
            text-align: right;
            width: 100%;
            margin-bottom: 19px;
        }

            .popup-container .form-container .form-buttons-container .btn-save {
                margin-left: 12px;
                padding-left: 36px;
                padding-right: 16px;
            }

        .popup-container .form-container .changes-history {
            margin-top: 20px;
            padding-left: 0px;
        }

    .popup-container .gridView.complete-dismantling-grid th {
        text-align: center;
    }

    .popup-container .gridView.complete-dismantling-grid input {
        width: 88%;
    }

    .popup-container .gridView.info-grid td.description_td {
        width: 42.1%;
    }

    .popup-container .gridView.info-grid textarea {
        width: 99%;
    }
.popup-container-smaller {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: none;
    background-color: grey !important;
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 22px;
    width: 450px !important;
    position: fixed;
    z-index: 10001;
    left: 603px !important;
    top: 155.5px !important;
    max-height: 700px;
}
.form-part-text {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
    padding-top: 10px;
}

.modalBackground {
    background-color: #144c81;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
/* Start Page */
.logo {
    margin-top: 10px;
}

.inner-logo {
    float: left;
}

.main-container {
    width: 1500px;
    margin-top: 10px;
    border: solid 1px #c9d3dd;
    box-shadow: 0px 2px 4px 2px #bababa;
    -webkit-box-shadow: 0px 2px 4px 2px #bababa;
    -moz-box-shadow: 0px 2px 4px 2px #bababa;
    -o-box-shadow: 0px 2px 4px 2px #bababa;
    background-color: #ebebeb;
}

.main-content-container {
    width: 1245px;
    background: #fff;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 22px;
    padding-right: 22px;
    min-height: 850px;
}

.horizontal-line {
    background: url('../images/page-gradient-line.png') left repeat-y;
}

.user-name-container {
    color: #4e4e4e;
    margin-right: 20px;
}

    .user-name-container .user-name-item {
        font-size: 12px;
    }

    .user-name-container .login-lbl {
        font-family: 'Open Sans Light', sans-serif;
    }

    .user-name-container .user-name {
        font-family: 'Open Sans Bold', sans-serif;
        font-weight: bold;
    }

.header-txt-container {
    float: right;
    margin-top: 80px;
}

.breadCrumb {
    margin: 8px 0px;
}

    .breadCrumb .bread-crumb-item {
        color: #1c4b7b;
        font-size: 12px;
        font-family: 'Open Sans Light', sans-serif;
    }

        .breadCrumb .bread-crumb-item:last-child {
            text-decoration: none;
        }

.arrow-right-small {
    display: inline-block;
    background: url('../images/arrow-right-small.png') center no-repeat;
    background-size: contain;
    width: 4px;
    height: 7px;
    margin: 0 5px;
}

.heading {
    margin-bottom: 15px;
}

    .heading .page-title {
        color: #53af32;
        font-size: 30px;
        font-family: 'Open Sans Light', sans-serif;
    }

        .heading .page-title:first-letter {
            background: red;
        }

        .heading .page-title.edit-page {
            font-family: 'Open Sans Bold', sans-serif;
            color: #14457e;
            font-size: 27px;
        }

.accordion_overflow_fix {
    overflow: inherit !important;
}

.accordion_pannel_overflow_fix {
    overflow: hidden !important;
}

.accordion-label {
    padding-bottom: 10px;
}

.mail-icon-big input {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.margin-top-0-fix {
    margin-top: 0 !important;
}

.grid-header-text {
    font-family: 'Open Sans Regular', sans-serif;
    color: #292929;
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.mail-info-text {
    width: 82px;
    display: inline-block;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    padding-left: 5px;
    color: #777777;
}

.mail-icon-big {
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-container .error, .error {
    color: Red;
}

.form-container .erfolg, .erfolg {
    color: Green;
}

.error, .erfolg {
    padding: 2px;
    font-weight: bold;
}

.gridView.teqportGridviewalign tbody tr td {
    text-align: right;
}

    .gridView.teqportGridviewalign tbody tr td:first-of-type {
        text-align: left;
    }


.gridView.teqportGridviewalign tbody tr th {
    text-align: center;
}

.alignleft {
    text-align: left !important;
    display: block;
}

.autowidth {
    width: auto !important;
    border: none !important;
    font-family: 'Open Sans Bold', sans-serif !important;
    box-shadow: none !important;
    cursor: pointer;
    border-radius: 0 !important;
}
.btn-size-and-padding {
    padding: 0 5px !important;
    font-size: 14px !important;
}
.float-right-mnargin-0 {
    float: right !important;
    margin-right: 0 !important;
}
.btn-color {
    background-color: #53af32 !important;
   
}
.Headerwidth65 {
    width: 65px;
}
.Headerwidth40 {
    width: 40px;
}
.textwidth {
    width: 200px !important;
}
.smallerinput {
    width: 88% !important;
}

.barcodelabel {
    width: 100px;
    padding-left: 50px !important;
    height: 15px;
    /* top: 10px; */
    /* height: 28px; */
    /* align-self: center; */
    text-align: center;
    /* vertical-align: text-top; */
    /* inset-block: auto; */
    vertical-align: baseline;
}
}