/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
    height: 100%;
}
body {
    font-size: 0.75em;
    font-family: sans-serif, Verdana, Arial;
    margin: 0 auto;
    width: 997px;
    color: #333333;
    height: 100%;
}
.headerContent {
    position: relative;
    padding-bottom: 20px;
    background: #FFFFFF;
}
#header {
    background-image: url(../img/T_logo_rgb_n.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    height: 42px;
    padding-top: 25px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
    background-color: #e2006e;
    background-size: 36px;
}
button,
input[type=submit],
a.button {
    border: 1px solid #000000;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 4px;
    width: auto;
    background-image: -moz-linear-gradient(center top, #f0f0f0, #ffffff);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
button:hover:not(.no-hover),
input[type=submit]:hover:not(.no-hover),
a.button:hover:not(.no-hover) {
    border: 1px solid #E20074;
    color: #E20074;
}
.no-hover{
    cursor: wait;
}
button:active,
input[type=submit]:active,
a.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button:disabled,
input[type=submit]:disabled {
    border: 1px solid #808080;
    background-color: #E8E8E8;
    color: #808080;
}
.addCAField_cell {
    text-align: center;
}

#addCAField{
    border: black 1px solid;
}
#headerSubbox {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    float: right;
    text-align: right;
}
#headerTitle {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
}
#headerTitle h1, #headerTitle h2{
    color: #ffffff;
    margin-top: 2px;
}
#headerLinks,
#newuserLink {
    float: right;
    width: 100%;
    margin-right: 10px;
    color: #ffffff;
    top: 0;
    position: absolute;
    right: 0;
}
#newuser {
    float: right;
}
body:before{
    content: 'x';
    color: #e2006e;
    background-color: #e2006e;
    position: absolute;
    left: 0;
    width: 100%;
    height: 67px;
}

body:after{
    content: 'x';
    color: #000;
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    height: 197px;
    bottom: 0;
}
.pagewrapper {
    height: auto !important;
    /* normale Browser */

    height: 100%;
    /* IE6: setzt dies wie min-height um*/

    background-color: #FFFFFF;
    min-height: 100%;
    position: relative;
}
h1, h2 {
    color: #808080;
    font-size: 20px;
    font-weight: 400;
}
#boxContent {
    padding: 15px;
}
.sqlTable tr:focus-within td a, .sqlTable tr:focus-within td{
    background-color: #e2006e!important;
    color: #ffffff!important;
}
.boxtitle {
    background-color: #fbfbfb;
    border-color: #E20074 #E20074 #D0D0D0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #E20074;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
#startup {
    margin: 50px auto 0;
    padding-bottom: 15px;
    width: 465px;
}
#resetPassword {
    margin: 50px auto 0;
    padding-bottom: 15px;
    width: 380px;
}
#resetPasswordSubmit {
    margin: 50px auto 0;
    padding-bottom: 15px;
    width: 580px;
}
#startup,
#userinfo,
#navigation,
#config,
#wizard,
#content,
#resetPassword,
#resetPasswordSubmit {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 3px 3px 0 0;
}
#userinfo,
#navigation,
#config,
#wizard {
    margin-bottom: 16px;
}
#userinfo {
    border: 1px solid #D0D0D0;
    margin-bottom: 20px;
    max-height: 200px;
    max-width: 200px;
    width: 200px;
}
#userinfo table{
    margin: 4px;
}
#navigation {
    width: 200px;
}
.tableFont {
    color: #000000;
    font-size: 12px;
    height: 20px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
}
input,
select:not(#pageSize):not(.fieldsSource):not(.fieldsTarget),
textarea {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 2px 2px 2px 2px;
    margin: 2px 6px 2px 2px;
    width: 300px;
    /*-webkit-appearance: none;*/
    outline: none;
}
input:focus,
select:focus,
textarea:focus {
    border: 3px solid #e2006e!important;
    margin: 0px 4px 0px 0px;
    /*-webkit-appearance: none;*/
    outline: none;
}
input:disabled {
    background: #dedede;
}
.content {
    background: #FFFFFF;
    padding-bottom: 25px;
    /* for footer */

}
.footer {
    position: absolute;
    height: 25px;
    padding-left: 25px;
    bottom: 0;
}
#headerLinks a {
    color: #ffffff;
    font-size: 9px;
    text-decoration: none;
    z-index: 2000;
}
#headerLinks a:hover {
    color: #ffffff!important;
    text-decoration: underline;
}   
#newuserLink a {
    color: #808080;
    font-size: 9px;
    text-decoration: none;
    z-index: 2000;
    margin-right: 30px;
}
#headerLinks a:hover,
#newuserLink a:hover {
    color: #E20074;
}
#navigation li {
    background-image: url("../images/telekom/pfeil.gif");
    background-position: 180px 7px;
    background-repeat: no-repeat;
    color: #000000;
    background-color: #FFFFFF;
    border-bottom: 1px solid #d0d0d0;
    font-weight: 400;
    height: 19px;
    overflow: hidden;
    padding: 8px 3px 3px 11px;
    position: relative;
    text-decoration: none;
    width: 186px;
}
.PasswordForm {
    margin-left: 15px;
    margin-bottom: 15px;
}
#navigation li:last-child {
    border-bottom: 0;
}
#navigation li:hover,
#navigation li.active {
    background-image: url(../images/telekom/pfeil_a.gif);
    color: #E20074;
    cursor: pointer;
}
#navigation li a:hover,
#navigation li.active a {
    color: #E20074;
}
#navigation li a {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    display: block;
}
#navigation li a:hover {
    color: #E20074;
    cursor: pointer;
}
ul {
    padding-left: 0px;
    margin: 0px;
    list-style-type: none;
}
li {
    list-style-position: inside;
}
#content_left {
    float: left;
    margin-left: 10px;
}
#content_right {
    float: left;
    padding-left: 25px;
    width: 750px;
    max-width: 750px;
}
.error {
    color: red;
    padding-bottom: 10px;
}
.error:empty {
    display: none;
}
.center {
    text-align: center;
}
a {
    text-decoration: none;
    color: #333333;
}
a:hover {
    color: #E20074;
}
a.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.icon_paging {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #808080;
    float: left;
    margin: 2px;
}
a.icon_paging:hover {
    border: 1px solid #E20074;
}
a.icon_edit {
    background-image: url('../images/edit.png');
}
a.icon_delete {
    background-image: url('../img/trash.svg');
}
a.icon_clone {
    background-image: url('../img/clone.svg');
    float: right;
    position: static;
}
a.icon_first {
    background-image: url('../img/first.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ececec;
}
a.icon_next {
    background-image: url('../img/next.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ececec;
}
a.icon_prev {
    background-image: url('../img/prev.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ececec;
}
a.icon_last {
    background-image: url('../img/last.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ececec;
}
a.icon_blank {
    height: 16px;
    border: 1px solid #808080;
    margin: 2px;
    float: left;
    padding: 0 4px;
    background-color: #ececec;
}
a.icon_blank:hover {
    border: 1px solid #E20074;
    color: #E20074;
}
table.password-container td {
    padding-top: 3px;
    padding-bottom: 3px;
}
.meter {
    width: 100px;
    text-align: center;
}
.pd {
    padding: 10px;
}
.ui-dialog-content .pd{
    padding: 0px;
    margin: -4px;
}
.pb {
    padding-bottom: 10px;
}
.pr {
    padding-right: 10px;
}
.dn {
    display: none;
}
#accordion input, #accordion2 input,
select {
    width: 70px;
}
#accordion input[type=checkbox], #accordion2 input[type=checkbox] {
    width: auto;
    border: 0;
}
#accordion2 {
    opacity: 0.75;
}
#accordion2 h3{
     background-color: #333333;
}
#accordion2 tr{
    user-select: none;
    pointer-events: none;
}

input[type=checkbox] {
    border: 0;
    background-color: transparent;
}
/* ====================
        Tabs
   ===================*/
ul.tabs {
    border-bottom: 3px solid #E20074;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;
}
ul.tabs li:first-child {
    margin-left: 5px;
}
ul.tabs li {
    float: left;
    margin-right: 5px;
    padding: 4px 4px 1px;
    position: relative;
    background-color: #E0E0E0;
    border-left: 1px solid #A8A8A8;
    border-radius: 3px 3px 0 0;
    border-right: 1px solid #A8A8A8;
    border-top: 1px solid #A8A8A8;
    text-align: center;
}
ul.tabs li:hover {
    cursor: pointer;
}
ul.tabs li.active {
    background-color: #e2006e;
    color: #FFFFFF;
}
/* ====================
        Password Checker
   ==================== */
.strong,
.match {
    background-color: Green;
    background: #ffff00;
    /* Old browsers */

    background: -moz-linear-gradient(left, #ffff00 0%, #218400 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffff00), color-stop(100%, #218400));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #ffff00 0%, #218400 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #ffff00 0%, #218400 100%);
    /* Opera11.10+ */

    background: -ms-linear-gradient(left, #ffff00 0%, #218400 100%);
    /* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#218400', GradientType=0);
    /* IE6-9 */

    background: linear-gradient(left, #ffff00 0%, #218400 100%);
    /* W3C */

}
.medium {
    background-color: orange;
    background: #ffff00;
    /* Old browsers */

    background: -moz-linear-gradient(left, #ffff00 0%, #f98900 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffff00), color-stop(100%, #f98900));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #ffff00 0%, #f98900 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #ffff00 0%, #f98900 100%);
    /* Opera11.10+ */

    background: -ms-linear-gradient(left, #ffff00 0%, #f98900 100%);
    /* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#f98900', GradientType=0);
    /* IE6-9 */

    background: linear-gradient(left, #ffff00 0%, #f98900 100%);
    /* W3C */

}
.weak,
.no-match {
    background-color: yellow;
    background: #ffff00;
    /* Old browsers */

    background: -moz-linear-gradient(left, #ffff00 0%, #fc1d00 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffff00), color-stop(100%, #fc1d00));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #ffff00 0%, #fc1d00 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #ffff00 0%, #fc1d00 100%);
    /* Opera11.10+ */

    background: -ms-linear-gradient(left, #ffff00 0%, #fc1d00 100%);
    /* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#fc1d00', GradientType=0);
    /* IE6-9 */

    background: linear-gradient(left, #ffff00 0%, #fc1d00 100%);
    /* W3C */

}
table.sqlTable,
table.editTable {
    width: 100%;
}
table.sqlTable th {
    font-weight: 600;
    background-color: #A0A0A0;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    color: #FFFFFF;
    margin: 0 !important;
    padding: 3px;
    background: #606060;
}
table.sqlTable th.required {
    font-weight: bold;
}
table.sqlTable th:first-child,
table.editTable th:first-child {
    border-left: 0;
}
table.sqlTable td,
table.editTable td {
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    color: #333333;
    margin: 0 !important;
    padding: 3px;
}
table.sqlTable tr,
table.editTable tr {
    border-bottom: 1px solid #d0d0d0;
}
table.sqlTable td,
table.editTable td {
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    color: #333333;
    margin: 0 !important;
    padding: 3px;
}
table.sqlTable td:first-child,
table.editTable td:first-child {
    border-left: 0;
}
table.customerTable td:first-child {
    width: 20px;
    background-position: 4px center!important;
    background-size: 18px;
}
table.sqlTable thead tr .header {
    background-image: url(../images/bg-white.gif);
    /* fallback */

    /* Saf4+, Chrome */

    background-image: url(../images/bg-white.gif);
    /* Chrome 10+, Saf5.1+ */

    background-image: url(../images/bg-white.gif);
    /* FF3.6+ */

    background-image: url(../images/bg-white.gif);
    /* IE10 */

    background-image: url(../images/bg-white.gif);
    /* Opera 11.10+ */

    background-image: url(../images/bg-white.gif);
    /* W3C */

    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.sqlTable thead tr .headerSortUp {
    background: #828282;
    background-image: url(../images/asc-white.gif);
    /* fallback */

    /* Saf4+, Chrome */

    background-image: url(../images/asc-white.gif);
    /* Chrome 10+, Saf5.1+ */

    background-image: url(../images/asc-white.gif);
    /* FF3.6+ */

    background-image: url(../images/asc-white.gif);
    /* IE10 */

    background-image: url(../images/asc-white.gif);
    /* Opera 11.10+ */

    background-image: url(../images/asc-white.gif);
    /* W3C */

    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.sqlTable thead tr .headerSortDown {
    background: #828282;
    background-image: url(../images/desc-white.gif);
    /* fallback */

    /* Saf4+, Chrome */

    background-image: url(../images/desc-white.gif);
    /* Chrome 10+, Saf5.1+ */

    background-image: url(../images/desc-white.gif);
    /* FF3.6+ */

    background-image: url(../images/desc-white.gif);
    /* IE10 */

    background-image: url(../images/desc-white.gif);
    /* Opera 11.10+ */

    background-image: url(../images/desc-white.gif);
    /* W3C */

    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.center {
    text-align: center;
}
/* preload images */
body:after {
    content: url(../images/bg-white.gif) url(../images/asc-white.gif) url(../images/desc-white.gif);
    display: none;
}
.column_modify {
    min-width: 20px;
}
.column_desc {
    width: 200px;
    max-width: 200px;
}
table.editTable td.column_noborder {
    border: 0;
}
table.editTable td.column_multiple {
    width: 275px;
    max-width: 275px;
}
.column_input input,
.column_input select,
.column_input textarea {
    width: 98%;
}
.column_input input[type=checkbox] {
    width: auto;
}
.column_input_checkbox{
    width: 20px;
}
.required {
    font-weight: bold;
}
.fieldsSource,
.fieldsTarget {
    height: 88px;
    margin: 0 !important;
    width: 100%;
}
a.btnSelectionAdd {
    background-image: url("../images/SelectionAdd.png");
    background-position: 2px 0;
    background-repeat: no-repeat;
    height: 17px;
    margin: 1px !important;
    padding: 1px;
    width: 28px;
    display: block;
}
a.btnSelectionAddAll {
    background-image: url("../images/SelectionAddAll.png");
    background-position: 2px 0;
    background-repeat: no-repeat;
    height: 17px;
    margin: 1px !important;
    padding: 1px;
    width: 28px;
    display: block;
}
a.btnSelectionRemove {
    background-image: url("../images/SelectionRemove.png");
    background-position: 8px 0;
    background-repeat: no-repeat;
    height: 17px;
    margin: 1px !important;
    padding: 1px;
    width: 28px;
    display: block;
}
a.btnSelectionRemoveAll {
    background-image: url("../images/SelectionRemoveAll.png");
    background-position: 8px 0;
    background-repeat: no-repeat;
    height: 17px;
    margin: 1px !important;
    padding: 1px;
    width: 28px;
    display: block;
}
input.required,
select.required,
textarea.required {
    font-weight: normal;
}
input.warning,
select.warning,
textarea.warning {
    background: url("../images/error_16.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    background-color: #FF9999;
}
.small {
    color: #606060;
    font-size: 10px;
}
/* Workflow */
a.workflowCheckBox {
    text-decoration: none;
    color: #000000;
    font-weight: 400;
}
td.workflowStep,
td.workflowCut {
    background-position: 0 0;
    background-repeat: no-repeat;
    min-width: 32px;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
    line-height: 0;
}
span.workflowDone {
    background-image: url(../images/wkf_done_tp.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100%;
}
span.workflowCurrent {
    font-weight: 700;
}
span.workflowLocked {
    background-image: url(../images/wkf_locked_tp.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100%;
}
span.workflowChecked {
    background-image: url(../images/ok.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100%;
}
tr.workflowChecked td a {
    cursor: default;
}
tr.workflowNoAccess {
    background-image: url(../images/noAccess.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
tr.workflowFirst td.workflowStep {
    background-image: url(../images/wkf0_tp.png);
    padding: 0;
}
tr.workflowMiddle td.workflowStep {
    background-image: url(../images/wkf1_tp.png);
    padding: 0;
}
tr.workflowLast td.workflowStep {
    background-image: url(../images/wkf2_tp.png);
    padding: 0;
}
tr.workflowFirst td.workflowCut {
    background-image: url(../images/wkf0a_tp.png);
    padding: 0;
}
tr.workflowLast td.workflowCut {
    background-image: url(../images/wkf2a_tp.png);
    padding: 0;
}
tr.workflowFirst,
tr.workflowMiddle,
tr.workflowLast {
    padding: 0;
    position: relative;
}
td.workflowText {
    height: 32px;
    margin: 0;
    padding: 0;
    border: none;
}
tr.workflowMiddle td a,
tr.workflowLast td a {
    color: #000000;
    text-decoration: none;
}
tr.workflowFirst td,
tr.workflowMiddle td,
tr.workflowLast td {
    border: none;
}
tr.workflowLowerRowFirst td {
    height: 24px!important;
    background-position: 0 -8px;
}
tr.workflowLowerRowLast td {
    height: 24px!important;
}
/* .roleName{ */
/*     font-weight: normal; */
/* 	line-height: 100px; */
/*     transform: rotate(270deg); */
/*     -moz-transform:rotate(270deg); */
/* 	-webkit-transform:rotate(270deg); */
/* 	-o-transform:rotate(270deg); */
/* 	transform:rotate(270deg); */
/* } */
.roleName {
    font-weight: normal;
    line-height: normal;
    padding-top: 3px;
    padding-bottom: 3px;
}
table.accessTable {
    width: 100%;
}
table.accessTable input[type="checkbox"] {
    width: auto;
}
table.accessTable th {
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    padding-top: 3px;
    padding-bottom: 3px;
}
table.accessTable th:first-child {
    border-left: 0;
}
table.accessTable tr {
    border-bottom: 1px solid #d0d0d0;
}
table.accessTable td {
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    padding: 3px;
}
table.accessTable td:first-child {
    border-left: 0;
}
table.accessTable th span.sub,
table.accessTable td span.sub {
    width: 50%;
    float: left;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
/* loading animation */
#shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 1;
    display: none;
}
.loading {
    position: absolute;
    bottom: 150px;
    left: 50%;
}
.status-ok,
table.sqlTable td.status-ok {
    background: #218400;
}
.status-warning,
table.sqlTable td.status-warning {
    background: #ffff00;
}
.status-error,
table.sqlTable td.status-error {
    background: #fc1d00;
}
table.sqlTable td.status-ok,
table.sqlTable td.status-warning,
table.sqlTable td.status-error,
table.sqlTable td.status-column,
table.sqlTable td.status-column {
    min-width: 15px;
    max-width: 15px;
    width: 15px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {

}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.headerContent .clearfix:before{
    height: 46px;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.workflowEmailColumn {
    max-width: 400px;
    word-wrap: break-word;
}
.activationtrue{
    background-image: url(../img/active.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 18px!important;
    background-position: right 0px!important;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
         * Don't show links for images, or javascript/internal links
         */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */

    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page  {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*Zhang-----------------------------------------------*/
.border-left-thin-gray {
    border-left: 1px solid #d0d0d0;
}
.buttonInTableHeader {
    padding: 0 1px !important;
    cursor: pointer;
}
.divInTableHeader {
    margin-top: 3px;
}
.status_symbol_white_circle {
    background-image: url("../img/circle_white.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.status_symbol_yellow_circle {
    background-image: url("../img/circle_yellow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.status_symbol_gray_check {
    background-image: url("../img/circle_yellow_progress.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.status_symbol_green_check {
    background-image: url("../img/circle_yellow_done.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.status_symbol_red_cross {
    background-image: url("../img/cross.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.status_symbol_empty {
    background-image: url("") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.successfullySaved {
    /*color: green !important;*/

    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 70px !important;
}
.successfullyUpload {
    /*color: green !important;*/

    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 70px !important;
}
.livSearchSpan {
    /*    min-width: 100px;
      max-width: 100px; 
      width: 100px;   */

    vertical-align: middle !important;
    float: right;
    padding-top: 3px;
}
.liveSearchInput {
    width: 80px;
    margin-right: 1px;
    margin-left: 1px;
}
.status_symbol_billingjob_ready_0 {
    background-image: url("../img/alert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    background-size: 18px!important;
}
.status_symbol_billingjob_ready_1 {
    background-image: url("../img/warning.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    background-size: 18px!important;
}
.status_symbol_billingjob_ready_2 {
    background-image: url(../img/ok.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    background-size: 18px!important;
}
.status_symbol_billingjob_ready_empty {
    background-image: url("../img/hourglass.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 18px;
    background-size: 18px!important;
}
.status_symbol_billingjob_unapproved {
     background-image: url("../img/hourglass_transparent.svg") !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     min-width: 18px;
     background-size: 18px!important;
}
a.icon_mail {
    background-image: url("../img/mail.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    float: right;
}

#dep_customer_box {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 0px;
}

/*#saved, #smallSpinner{
   position: absolute;
   width: 100px;
   margin-left: -50px;
   top: 100px;
   left: -50%;
   //background: #0088CC;
   text-align: center;
   height: 42px;
   line-height: 42px;
   color: whitesmoke;
   display: none;
   background-color: yellow;
}*/
#saved,
#smallSpinner {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    background-color: #DCDCDC;
    text-align: center;
    line-height: 42px;
    color: black;
    display: none;
    z-index: 101;
    border-radius: 10px;
}
.loginUserInput {
    width: 250px !important;
}
.captchaImg {
    width: 140px;
    cursor: pointer;
}
.captchaRefresh {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.productIsSetWithValidFromNDevices:not(input) {
    background-color: gray !important;
}
.accountId_checkbox{
    width:20px;
}
.column_input input.customType1.checkbox.notselected+label:after
{
    content: '!';
    color: red;
    position:absolute;
}

.column_input input.customType2.checkbox.notselected+label:after
{
    content: '!';
    color: red;
    position:absolute;
}
.column_input input.customType3.checkbox.notselected+label:after
{
    content: '!';
    color: red;
    position:absolute;
}
.errorButton {
    display: block;
    width: 115px;
    height: 12px;
    background: #FF0000;
    padding: 6px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}


.display-none{
    display: none;
}
.jumpBottom{
    position: relative;
    right: 4px;
    margin-top: -30px;
    overflow: hidden;
    float: right;
}
.jumpTop{
    position: fixed;
    margin-top: 0px;
    overflow: hidden;
    float: right;
    bottom: 24px;
    left: calc(50% + 464px);
}
.jumpBottom img, .jumpTop img{
    width: 10px;
}
#userinfo img{
    width: 18px;
}
.category td:first-child{
    border-right: 1px solid #d0d0d0!important;
}
.category0 td:first-child{
    border-right: 20px solid #b5ac45!important;
}
.category1 td:first-child{
    border-right: 20px solid #2cb747!important;
}
.category2 td:first-child{
    border-right: 20px solid #4984b8!important;
}
.category3 td:first-child{
    border-right: 20px solid #9351ba!important;
}
.category4 td:first-child{
    border-right: 20px solid #ccce00!important;
}
.category5 td:first-child{
    border-right: 20px solid #896d1c!important;
}
.category6 td:first-child{
    border-right: 20px solid #555e5b!important;
}
.category7 td:first-child{
    border-right: 20px solid #00d3c8!important;
}
.category8 td:first-child{
    border-right: 20px solid #9a3226!important;
}
.category9 td:first-child{
    border-right: 20px solid #368302!important;
}
body.staging_tdg_sdd #headerSubbox, body.maria_staging_tdg_sdd #headerSubbox, body.production_tdg_sdd #headerSubbox, body.maria_production_tdg_sdd #headerSubbox{
    background-image: url(../img/sdd-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 816px 18px;
}
body.staging_tdg_wandera #headerSubbox, body.maria_staging_tdg_wandera #headerSubbox, body.production_tdg_wandera #headerSubbox, body.maria_production_tdg_wandera #headerSubbox{
    background-image: url(../img/wandera-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 788px 14px;
}
body.staging_tdg #headerSubbox, body.maria_staging_tdg #headerSubbox, body.production_tdg #headerSubbox, body.maria_production_tdg #headerSubbox{
    background-image: url(../img/micore-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 820px 14px;
}
body.staging_tdg_cloudemm #headerSubbox, body.maria_dev_tdg_cloudemm #headerSubbox, body.maria_staging_tdg_cloudemm #headerSubbox,  body.production_tdg_cloudemm #headerSubbox, body.maria_production_tdg_cloudemm #headerSubbox{
    background-image: url(../img/micloud-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 820px 14px;
}
body.staging_tdg_cloud #headerSubbox, body.maria_staging_tdg_cloud #headerSubbox, body.production_tdg_cloud #headerSubbox, body.maria_production_tdg_cloud #headerSubbox{
    background-image: url(../img/micloudss-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 820px 14px;
}
body.staging_tdg_bes #headerSubbox, body.maria_staging_tdg_bes #headerSubbox, body.production_tdg_bes #headerSubbox, body.maria_production_tdg_bes #headerSubbox{
    background-image: url(../img/bb-white.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-position: 786px 10px;
}
body.maria_dev_marketplace_mvs #headerSubbox, body.maria_staging_marketplace #headerSubbox, body.maria_production_marketplace #headerSubbox{
    background-image: url(../img/mpl-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 796px 4px;
}
body.maria_dev_info #headerSubbox, body.maria_staging_info #headerSubbox, body.maria_production_info #headerSubbox{
    background-image: url(../img/inf-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 828px 10px;
}
body.maria_staging_tdg_mlm #headerSubbox, body.maria_production_tdg_mlm #headerSubbox{
    background-image: url(../img/dlm-white.svg);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 855px 14px;
}
body.maria_staging_tdg_dlm #headerSubbox, body.maria_production_tdg_dlm #headerSubbox{
    background-image: url(../img/dlm-white.svg);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 855px 14px;
}
body.maria_staging_tdg_ebm #headerSubbox, body.maria_production_tdg_ebm #headerSubbox{
    background-image: url(../img/ebm-white.svg);
    background-repeat: no-repeat;
    background-size: 199px;
    background-position: 822px 14px;
}
body.maria_dev_tdg_dep #headerSubbox, body.maria_dev_tdg_dep #headerSubbox, body.staging_tdg_dep #headerSubbox, body.maria_staging_tdg_dep #headerSubbox, body.production_tdg_dep #headerSubbo, body.maria_production_tdg_dep #headerSubbox{
    background-image: url(../img/enroll-white.svg);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 812px 18px;
}
body.staging_ht #headerSubbox, body.maria_staging_ht #headerSubbox, body.production_ht #headerSubbox, body.maria_production_ht #headerSubbox{
    background-image: url(../img/ht-white.svg);
    background-repeat: no-repeat;
    background-size: 92px;
    background-position: 900px 18px;
}
body.staging_tdg_gv #headerSubbox, body.maria_staging_tdg_gv #headerSubbox, body.production_tdg_gv #headerSubbox, body.maria_production_tdg_gv #headerSubbox{
    background-image: url(../img/gv-white.svg);
    background-repeat: no-repeat;
    background-size: 110px;
    background-position: 884px 18px;
}
body.staging_tdg_ws1 #headerSubbox, body.maria_dev_ws1 #headerSubbox, body.maria_staging_tdg_ws1 #headerSubbox, body.production_tdg_ws1 #headerSubbox, body.maria_production_tdg_ws1 #headerSubbox{
    background-image: url(../img/ws1-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 786px 10px;
}
body.maria_dev_marketplace #headerSubbox, body.maria_staging_marketplace #headerSubbox, body.maria_production_marketplace #headerSubbox{
    background-image: url(../img/mpl-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 796px 4px;
}
body.maria_dev_info #headerSubbox, body.maria_staging_info #headerSubbox, body.maria_production_info #headerSubbox{
    background-image: url(../img/inf-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 828px 10px;
}
body.maria_dev_tdg_netsfere #headerSubbox, body.maria_staging_tdg_netsfere #headerSubbox, body.maria_production_tdg_netsfere #headerSubbox{
    background-image: url(../img/netsfere-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 816px 10px;
}
body.maria_dev_appvisory #headerSubbox, body.maria_staging_appvisory #headerSubbox, body.maria_production_appvisory #headerSubbox{
    background-image: url(../img/appvisory-white.svg);
    background-repeat: no-repeat;
    background-size: 194px;
    background-position: 797px 13px;
}
body.maria_dev_partner #headerSubbox, body.maria_staging_partner #headerSubbox, body.maria_production_partner #headerSubbox{
    background-image: url(../img/partner-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 828px 10px;
}
body.maria_dev_flip #headerSubbox, body.maria_staging_flip #headerSubbox, body.maria_production_flip #headerSubbox{
    background-image: url(../img/flip-white.svg);
    background-repeat: no-repeat;
    background-size: 131px;
    background-position: 873px 14px;
}
body.maria_dev_relution #headerSubbox, body.maria_staging_relution #headerSubbox, body.maria_production_relution #headerSubbox{
    background-image: url(../img/relution-white.svg);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 816px 10px;
}
body.maria_dev_imsa #headerSubbox, body.maria_staging_imsa #headerSubbox, body.maria_production_imsa #headerSubbox{
    background-image: url(../img/imsa-white.svg);
    background-repeat: no-repeat;
    background-size: 148px;
    background-position: 848px 8px;
}
body.maria_dev_tdg_mvs #headerSubbox, body.staging_tdg_mvs #headerSubbox, body.maria_staging_tdg_mvs #headerSubbox, body.production_tdg_mvs #headerSubbox, body.maria_production_tdg_mvs #headerSubbox{
    background-image: url(../img/mvs-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 786px 10px;
}
body.staging_tdg_jamf #headerSubbox, body.maria_staging_tdg_jamf #headerSubbox, body.production_tdg_jamf #headerSubbox, body.maria_production_tdg_jamf #headerSubbox{
    background-image: url(../img/jamf-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 840px 13px;
}
body.staging_tdg_service #headerSubbox, body.maria_dev_service #headerSubbox, body.maria_staging_tdg_service #headerSubbox, body.production_tdg_service #headerSubbox, body.maria_production_tdg_service #headerSubbox{
    background-image: url(../img/service-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 797px 13px;
}
body.staging_tdg_netmotion #headerSubbox, body.maria_staging_tdg_netmotion #headerSubbox, body.production_tdg_netmotion #headerSubbox, body.maria_production_tdg_netmotion #headerSubbox{
    background-image: url(../img/netmotion-white.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 786px 10px;
}
body.staging_tdg_securepim #headerSubbox, body.maria_staging_tdg_securepim #headerSubbox, body.production_tdg_securepim #headerSubbox, body.maria_production_tdg_securepim #headerSubbox, body.maria_dev_tdg_securepim #headerSubbox{
    background-image: url(../img/securepim-white.svg);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 836px 14px;
}
body.maria_dev_ebf_portal #headerSubbox, body.maria_staging_ebf_portal #headerSubbox, body.production_ebf_portal #headerSubbox, body.maria_production_ebf_portal #headerSubbox{
    background-image: url(../img/ebfportal-white.svg);
    background-repeat: no-repeat;
    background-size: 160px;
    background-position: 826px 18px;
}

.pagebar, .srchbar{
    border-left: 1px solid #d0d0d0;
    position: fixed;
    right: 0;
    top: 87px;
    width: 54px;
    height: 54px;
    border-radius: 6px 0px 0px 6px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    padding: 4px;
    text-align: center;
    z-index: 900;
    background-color: #ffffff;
}
.srchbar {
    top: 154px;
    height: 28px;
}
.srchinstance{
    float: left;
    position: relative;
}
#srchstatus, #customerSearchResult{
    margin-top: 20px;
    width: 100%;
    float: left;
}
#srchstatus span{
    font-size: 10px;
}
#customerSearchResult table {
    width: 100%;
    float: left;
}
#customerSearchResult table td{
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #808080;
}
.pagebar img{
    width: 30px;
}
.srchbar img{
    width: 18px;
    margin-top: 4px;
}
.pagebar a, .srchbar a{
    color: #e2006e;
}
.pagelistbg, .srchlistbg{
    border-left: 1px solid #e2006e;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #000000;
    z-index: 998;
    opacity: 0.3;
}

.pagelistdlg, .srchlistdlg{
    border-left: 1px solid #e2006e;
    position: fixed;
    right: 0;
    top: 0;
    width: 736px;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #d0d0d0;
    padding: 0px 4px 4px 4px;
    text-align: center;
    background-color: #ffffff;
    z-index: 999;
    opacity: 0.9;
}
.pagelistbox, .srchlistbox{
    overflow: auto;
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    border-top: 1px solid #e0e0e0;
    background-color: #fafafa;
}
.srchlistbox {
    padding-top: 20px;
}
.pagelistdlg .headline, .srchlistdlg .headline {
    height: 28px;
    margin: 16px;
}
.pagelistdlg img, .srchlistdlg img {
    width: 140px
}
.pagelistdlg a:not(.close) {
    color: #808080;
    width: 195px;
    height: 71px;
    position: relative;
    float: left;
    font-size: 18px;
    border: 1px solid #e2006e;
    padding: 13px;
    margin: 8px;
    border-radius: 4px;
    background-color: #ffffff;
}
.pagelistdlg a.close, .srchlistdlg a.close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px;
    font-family: Monospace, Courier;
    font-style: normal;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.pagelistdlg a.close:hover, .srchlistdlg a.close:hover{
    color: #ffffff;
    background-color: #e2006e;
}
.pagelistdlg .icon:before, .srchlistdlg .icon:before {
    content: '\2715';
    font-style: normal;
}
.pagelistdlg a.active, .srchlistdlg a.active{
    color: #ffffff;
    background-color: #e2006e;
    cursor: not-allowed;
}
.pagelistdlg a:hover{
    color: #ffffff;
    background-color: #e2006e;
}

.billNone{
    border-color: #efefef!important;
}
.billCore img{
    background-image: url(../img/micore.svg);
}
.billCloud img{
    background-image: url(../img/micloud.svg);
}
.billCloud2 img{
    background-image: url(../img/micloudss.svg);
}
.billEBM img{
    background-image: url(../img/ebm.svg);
}
.billMLM img{
    background-image: url(../img/mlm.svg);
}
.billDLM img{
    background-image: url(../img/dlm.svg);
}
.billMPL img{
    background-image: url(../img/mpl.svg);
    background-position: 10px 0;
}
.billINF img{
    background-image: url(../img/inf.svg);
    background-position: 24px 0;
}
.billNET img{
    background-image: url(../img/netsfere.svg);
    background-position: 24px 0;
}
.billAPP img{
    background-image: url(../img/appvisory.svg);
    background-position: 0px 0;
}
.billPAR img{
    background-image: url(../img/partner.svg);
    background-position: 24px 0;
}
.billFLI img{
    background-image: url(../img/flip.svg);
    background-position: 24px 0;
}
.billREL img{
    background-image: url(../img/relution.svg);
    background-position: 24px 0;
}
.billIMSA img{
    background-image: url(../img/imsa.svg);
    background-position: 24px 0;
}
.billEnroll img{
    background-image: url(../img/enroll.svg);
}
.billWandera img{
    background-image: url(../img/wandera.svg);
}
.billSDD img{
    background-image: url(../img/sdd.svg);
}
.billGv img{
    background-image: url(../img/gv.svg);
}
.billBB img{
    background-image: url(../img/bb.svg);
}
.billWS1 img{
    background-image: url(../img/ws1.svg);
}
.billMVS img{
    background-image: url(../img/mvs.svg);
}
.billJAMF img{
    background-image: url(../img/jamf.svg);
}
.billSERV img{
    background-image: url(../img/service.svg);
    background-position: -2px 0px;
}
.billNM img{
    background-image: url(../img/netmotion.svg);
}
.billSP img{
    background-image: url(../img/securepim.svg);
    background-position: 14px 0px;
}

.billNone:hover{
    background-color: #f7f7f7!important;
}
.billCore:hover img, .billCore.active img{
    background-image: url(../img/micore-white.svg);
}
.billCloud:hover img, .billCloud.active img{
    background-image: url(../img/micloud-white.svg);
}
.billCloud2:hover img, .billCloud2.active img{
    background-image: url(../img/micloudss-white.svg);
}
.billEBM:hover img, .billEBM.active img{
    background-image: url(../img/ebm-white.svg);
}
.billMLM:hover img, .billMLM.active img{
    background-image: url(../img/mlm-white.svg);
}
.billDLM:hover img, .billDLM.active img{
    background-image: url(../img/dlm-white.svg);
}
.billMPL:hover img, .billMPL.active img{
    background-image: url(../img/mpl-white.svg);

    background-position: 10px 0;
}
.billINF:hover img, .billINF.active img{
    background-image: url(../img/inf-white.svg);
}
.billNET:hover img, .billNET.active img{
    background-image: url(../img/netsfere-white.svg);
}
.billAPP:hover img, .billAPP.active img{
    background-image: url(../img/appvisory-white.svg);
}
.billPAR:hover img, .billPAR.active img{
    background-image: url(../img/partner-white.svg);
}
.billFLI:hover img, .billFLI.active img{
    background-image: url(../img/flip-white.svg);
}
.billREL:hover img, .billREL.active img{
    background-image: url(../img/relution-white.svg);
}
.billIMSA:hover img, .billIMSA.active img{
    background-image: url(../img/imsa-white.svg);
}
.billEnroll:hover img, .billEnroll.active img{
    background-image: url(../img/enroll-white.svg);
}
.billWandera:hover img, .billWandera.active img{
    background-image: url(../img/wandera-white.svg);
}
.billSDD:hover img, .billSDD.active img{
    background-image: url(../img/sdd-white.svg);
}
.billGv:hover img, .billGv.active img{
    background-image: url(../img/gv-white.svg);
}
.billBB:hover img, .billBB.active img{
    background-image: url(../img/bb-white.svg);
}
.billWS1:hover img, .billWS1.active img{
    background-image: url(../img/ws1-white.svg);
}
.billMVS:hover img, .billMVS.active img{
    background-image: url(../img/mvs-white.svg);
}
.billJAMF:hover img, .billJAMF.active img{
    background-image: url(../img/jamf-white.svg);
}
.billSERV:hover img, .billSERV.active img{
    background-image: url(../img/service-white.svg);
}
.billNM:hover img, .billNM.active img{
    background-image: url(../img/netmotion-white.svg);
}
.billSP:hover img, .billSP.active img{
    background-image: url(../img/securepim-white.svg);
}
.billBtn img{
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
}
input[type=number].input-count-dialog::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}
span.red{
    color: #da4000;
}
.short_description{
    width: 400px;
}
.long_description{
    width: 400px;
}
.table_decription{
    border-collapse: collapse; width:100%; background-color:white; 
}
.table_description.tbody.tr.td.column_desc{
    border: 1px solid #d0d0d0;
    border-radius: 2px 2px 2px 2px;
    margin-right: 4px;
}
.table_description.tbody.tr.td.column_input.short_description{
    width: 540px;
}
.workflowStepTable {
    table-layout: fixed;
    width: 100%;
}
.workflowStepTable.th{
     border: 1px solid #d0d0d0;
}
.workflowStepN{
     border: 1px solid #d0d0d0;
}

/* #### hide new workflow #### */
body.maria_production_ebf_portal #content_workflow_step,
body.maria_production_flip #content_workflow_step,
body.maria_production_imsa #content_workflow_step,
body.maria_production_marketplace #content_workflow_step,
body.maria_production_partner #content_workflow_step,
body.maria_production_relution #content_workflow_step,
body.maria_production_tdg #content_workflow_step,
body.maria_production_tdg_bes #content_workflow_step,
body.maria_production_tdg_cloud #content_workflow_step,
body.maria_production_tdg_cloudemm #content_workflow_step,
body.maria_production_tdg_dep #content_workflow_step,
body.maria_production_tdg_dlm #content_workflow_step,
body.maria_production_tdg_ebm #content_workflow_step,
body.maria_production_tdg_gv #content_workflow_step,
body.maria_production_tdg_jamf #content_workflow_step,
body.maria_production_tdg_local_test #content_workflow_step,
body.maria_production_tdg_netmotion #content_workflow_step,
body.maria_production_tdg_securepim #content_workflow_step,
body.maria_production_tdg_netsfere #content_workflow_step,
body.maria_production_appvisory #content_workflow_step,
body.maria_production_tdg_sdd #content_workflow_step,
body.maria_production_tdg_service #content_workflow_step,
body.maria_production_tdg_wandera #content_workflow_step,
body.maria_production_tdg_ws1 #content_workflow_step{
    display: none;
}
body.maria_staging_tdg #content_workflow_step, body.maria_staging_tdg_mlm #content_workflow_step, body.maria_staging_tdg_dlm #content_workflow_step, body.maria_staging_tdg_ebm #content_workflow_step, body.maria_staging_tdg_dep #content_workflow_step, body.staging_tdg_gv #content_workflow_step, body.dev_ws1 #content_workflow_step, body.staging_tdg_ws1 #content_workflow_step, body.maria_staging_tdg_mvs #content_workflow_step, body.maria_staging_tdg_jamf #content_workflow_step, body.maria_staging_tdg_service #content_workflow_step, body.maria_staging_tdg_netmotion #content_workflow_step, body.maria_staging_tdg_securepim #content_workflow_step, body.maria_staging_marketplace #content_workflow_step, body.maria_staging_info #content_workflow_step, body.maria_staging_tdg_cloud #content_workflow_step, body.maria_dev_tdg_cloudemm #content_workflow_step, body.maria_staging_tdg_cloudemm #content_workflow_step, body.maria_staging_tdg_wandera #content_workflow_step, body.maria_staging_tdg_sdd #content_workflow_step{
    opacity: 0.6;
}
.productpartner th{
    background-color: #969393!important;
    text-align: left;
}
.productpartner select{
    width: auto;
}

.numberright{
    text-align: right;
}
.numberred{
    color: #ff0000!important;
}
.numbergreen{
    color: #42a407!important;
}
.numbermagenta{
    color: #e2246e!important;
}

tr.ebfRow td:nth-child(1) {
    background-color: #1b80b1!important;
    color: #fff;
}
tr.ebfRow td input {
    border: 1px solid #1b80b1!important;
    color: #1b80b1;
}

td.xtcNoContract:after {
    content: ' ';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    opacity: 0.6;
    background-image: url(../img/warning.svg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    float: right;
}
td.xtcSkipContract:after {
    content: ' ';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    opacity: 0.6;
    background-image: url(../img/info.svg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    float: right;
}

.inherited_true {
    background-image: url(../images/inheritance-icon.png)!important;
    background-size: 12px!important;
    background-repeat: no-repeat!important;
    background-position: right bottom!important;
}
.hasparent_true:not(.inherited_true) {
    background-image: url(../images/hasparent-icon.png)!important;
    background-size: 12px!important;
    background-repeat: no-repeat!important;
    background-position: right bottom!important;
}
.prodexport_right {
    float: left;
    margin-top: -18px!important;
    width: 100%;
    height: 10px;
}
.prodexport_right a{
    float: right;
    margin-right: 8px;
}
.uploadbox:disabled{
    background-color: #e200742e;
    cursor: not-allowed;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 20px!important;
    line-height: 20px!important;
    padding-left: 2px!important;
}
.select2-container .select2-selection--single {
    height: 20px!important;
    border-color: #666!important;
    border-radius: 2px!important;
    margin-left: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -6px!important;
}
select:not([multiple]):not(#pageSize):not(.fieldsSource):not(.fieldsTarget):not(#subscriptionType):not(#newKLLicenseType){
    width: 532px!important;
}
select#newKLLicenseType{
    width: 200px;
}
input.date{
    width: 100px!important;
}
input.date[value=""] {
    color: #e0e0e0;
}
input.currency, input.numeric{
    width: 60px!important;
}

tr.depIntegration td{
    background-color: #dcf5ff;
}
tr.depIntegrationHeader td{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: center;
}

/* Fullscreen overlay */
.bepOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* dim background */
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
    z-index: 1000;           /* stays on top */
}

/* Modal box */
.bepModal {
    background: #fff;
    padding: 2rem;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* Fullscreen overlay */
#bepOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* dim background */
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
    z-index: 1000;           /* stays on top */
}

/* Modal box */
#bepModal {
    background: #fff;
    padding: 2rem;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    margin: 10% auto;
    border: 1px solid #e2006e;
}

#bepModal h2 {
    font-size: 20px;
    font-weight: 400;
    background-color: #e2006e;
    color: #fff;
    margin: 0px;
    position: relative;
    top: -2rem;
    left: -2rem;
    width: calc(100% + 4rem - 8px);
    border-radius: 10px 10px 0px 0px;
    padding: 4px;
}

#bepModal table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#bepModal a {
    float: right;
}

#bepModal a.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#bepButton, #searchAccountId {
    background-color: #e2006e;
    color: #ffffff;
    margin-left: 4px;
    border-radius: 7px;
    border: 1px solid #e2006e;
    padding: 3px;
    font-weight: 300;
    box-shadow: unset;
    padding-top: 1px;
    padding-bottom: 1px;
}

tr.inactivetrue td a{
    opacity: 0.5;
    font-style: italic;
}