/*--------------------------------------------------
  Global rules
  --------------------------------------------------*/
html {
    height: 100%;
}

body {
    font-family: SiemensSans;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    height: 100%;
    background-image: url('../img/greyscale.png');
    background-repeat: repeat-y;
    background-position: 0 0;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/*--------------------------------------------------
  Elements
  --------------------------------------------------*/
a {
    color: #000080;
}

a:hover {
    text-decoration: underline;
}

a.fa {
    text-decoration: none;
    color: #000000;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button {
    display: inline-block;
    outline: none;
    overflow: visible;
    line-height: 14px;
    padding: 2px 10px;
    color: #FFFFFF;
    background: #879BAA 100%;
    border: none;
    text-align: center;
    text-decoration: none;
    height: 30px;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
button:hover {
    color: #FFFFFF;
    background-color: #4BAECD;
}

input[type='button'][disabled],
button[disabled] {
    background-color: #C2CDD5;
}

input[type='button'][disabled]:hover,
button[disabled]:hover {
    background-color: #C2CDD5;
}

input[type='button'][disabled]:hover,
button[disabled]:hover {
    background-color: #C2CDD5;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  height: 17.5px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4.3px;
  cursor: pointer;
  background: #c3d1d8;
}

input[type=range]::-webkit-slider-thumb {
  height: 17.5px;
  width: 6px;
  background: #367ebd;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #c3d1d8;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4.3px;
  cursor: pointer;
  background: #c3d1d8;
}

input[type=range]::-moz-range-thumb {
  height: 17.5px;
  width: 6px;
  background: #367ebd;
  border-radius: 0px;
  cursor: pointer;
}

input[type=range]::-ms-tooltip {
    display: none;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 4.3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #c3d1d8;
}

input[type=range]::-ms-fill-upper {
  background: #c3d1d8;
}

input[type=range]::-ms-thumb {
  height: 27px;
  width: 6px;
  background: #367ebd;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: #c3d1d8;
}
input[type=range]:focus::-ms-fill-upper {
  background: #c3d1d8;
}

span.button {
    display: inline-block;
    min-width: 110px;
}

p, .p {
    margin: 2ex 0 2ex 0;
}

.hspace {
    display: inline-block;
    width: 30px;
}

hr {
    border: none;
    height: 1px;
    color: #cccccc;
    background-color: #aaaaaa;
    margin: 25px 0;
}

.note {
    background-color: #dddddd;
    padding: 10px;
    max-width: 600px;
}

.offline {
    font-weight: bold;
    color: red;
}

.online {
    font-weight: bold;
    color: limegreen;
}

.disabled {
    font-weight: bold;
}

.online_icon {
    background: url("/static/img/sinema_online.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.offline_icon {
    background: url("/static/img/sinema_offline.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.down-arrow {
    background: url("/static/img/arrow_down_16px.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.up-icon {
    background: url("/static/img/arrow_up_16px.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.left-arrow {
    background: url("/static/img/back_16px_default_white.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}


.right-arrow {
    background: url("/static/img/next_16px_default_white.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;

}

.up-arrow-white {
    background: url("/static/img/back_16px_default_white.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.down-arrow-white {
    background: url("/static/img/next_16px_default_white.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*--------------------------------------------------
  Messages
  --------------------------------------------------*/

div.field-error-box {
    background-image: url('/static/img/errormsg-arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: hand; /* for IE */
    cursor: pointer;
    display: none;
    padding-left: 7px;
    position: absolute;
    z-index: 200;
    display: block;
}

div.field-error-box-msg {
    display: block;
    border-top: 2px solid #924949;
    border-right: 2px solid #924949;
    border-bottom: 2px solid #924949;
    background-color: #f3e6e6;
    padding: 5px 15px 5px 5px;
    max-width: 600px;
    min-width: 150px;
    line-height: 16px;
    float: left;
}

div.field-error-box-x {
    color: rgb(146, 73, 73);
    display: inline;
    font-weight: bold;
    right: 5px;
    margin-left: 5px;
    position: absolute;
}

.sinema-messages .error-box-msg,
.sinema-messages .info-box-msg,
.sinema-messages .warning-box-msg,
.sinema-messages .success-box-msg {
    border-radius: 3px;
    font-size: 14px;
    /*font-weight: bold;*/
    padding: 15px 20px;
    max-width: 610px;
    min-width: 150px;
    display:-ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr;
    margin-bottom: 30px;
}

.sinema-messages .error-box-msg,
.sinema-messages .info-box-msg,
.sinema-messages .warning-box-msg,
.sinema-messages .success-box-msg{
    background: rgba(200, 0, 0, 0.1);
    border: 1px solid #C80000;
    color: #900000;
}


.sinema-messages .warning-box-msg {
    background: rgba(252, 249, 0, 0.1);
    border: 1px solid #EBCE0A;
    color: #473E00;
}

.sinema-messages .info-box-msg,
.sinema-messages .success-box-msg {
    background: rgba(0, 95, 135, 0.1);
    border: 1px solid #005F87;
    color: #005F87;
}

.sinema-messages .info-box-msg .info-icon {
    height: 100%;
    background-position: 0px 50%;
}


/*For IE */
.sinema-messages .messages-inner-wrapper {
    -ms-grid-column: 2;
    grid-column: 2;
}

/*--------------------------------------------------
  Header Section
  --------------------------------------------------*/
.header-wrapper {
    min-width: 920px;
    background-color: #ffffff;
}

.top-header {
    display: flex;
    justify-content: space-between;
}

.sub-header {
    display: flex;
    line-height: 36px;
    background: #879BAA;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
}

.header-divider {
    border-left: 1px solid #FFFFFF;
    margin: 3px 10px 3px 10px;
}


/* Tooltip container */
.tooltip-sub-header-line {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

/* Tooltip text */
.tooltip-sub-header-line .security-tooltip-warning-message {
    visibility: hidden;
    width: 180px;
    font-size: 14px;
    border: 1px solid #C80000;
    background-color: rgba(200, 0, 0, 0.1);
    color: #900000;
    text-align: left;
    padding: 1px;
    border-radius: 3px;
    margin-top: 38px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-sub-header-line:hover .security-tooltip-warning-message {
    visibility: visible;
}

.user-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: url('/static/img/sinema_user_white.svg') no-repeat;
    vertical-align: sub;

}


.plus-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/plus_16px_default.png') no-repeat;
}

.plus-icon.disabled {
    background: url('/static/img/plus_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.plus-icon:hover {
    background: url('/static/img/plus_16px_hover.png') no-repeat;
}

.minus-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/deaktivated_16px_default.png') no-repeat;
}

.minus-icon.disabled {
    background: url('/static/img/deaktivated_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.minus-icon:hover {
    background: url('/static/img/deaktivated_16px_hover.png') no-repeat;
}

span.info-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: url('/static/img/info_16px_default.png') no-repeat;
    vertical-align: middle;
}
.info-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/info_16px_default.png') no-repeat;
}

.info-icon-darkblue {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/static/img/info_24px_darkblue.png') no-repeat;
}

.info-icon.disabled {
    background: url('/static/img/info_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.info-icon:hover {
    background: url('/static/img/info_16px_hover.png') no-repeat;
}

.edit-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/edit_16px_default.png') no-repeat;
}

.edit-icon:hover {
    background: url('/static/img/edit_16px_hover.png') no-repeat;
}

.edit-icon.disabled {
    background: url('/static/img/edit_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.phone-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/sms_16px_default.png') no-repeat;
}

.phone-icon:hover {
    background: url('/static/img/sms_16px_hover.png') no-repeat;
}

.phone-icon.disabled {
    background: url('/static/img/sms_16px_inactive.png') no-repeat;
    pointer-events: none;
}


.exchange-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/communication_16px_default.png') no-repeat;
}

.exchange-icon:hover {
    background: url('/static/img/communication_16px_hover.png') no-repeat;
}

.exchange-icon.disabled {
    background: url('/static/img/communication_16px_inactive.png') no-repeat;
    pointer-events: none;
}


.restore-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/restore_16px_default.png') no-repeat;
}

.restore-icon:hover {
    background: url('/static/img/restore_16px_hover.png') no-repeat;
}

.restore-icon.disabled {
    background: url('/static/img/restore_16px_inactive.png') no-repeat;
    pointer-events: none;
}


.delete-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/delete_16px_default.png') no-repeat;
}

.delete-icon:hover {
    background: url('/static/img/delete_16px_hover.png') no-repeat;
}

.delete-icon.disabled {
    background: url('/static/img/delete_16px_inactive.png') no-repeat;
    pointer-events: none;
}


.certificate-pem-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/certificatepem_16px_default.png') no-repeat;
}

.certificate-pem-icon:hover {
    background: url('/static/img/certificatepem_16px_hover.png') no-repeat;
}

.certificate-pem-icon.disabled {
    background: url('/static/img/certificatepem_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.download-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/download_16px_default.png') no-repeat;
}

.download-icon:hover {
    background: url('/static/img/download_16px_hover.png') no-repeat;
}

.download-icon.disabled {
    background: url('/static/img/download_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.refresh-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/refresh_16x16_default.png') no-repeat;
}

.refresh-icon:hover {
    background: url('/static/img/refresh_16x16_hover.png') no-repeat;
}

.refresh-icon.disabled {
    background: url('/static/img/refresh_16x16_inactive.png') no-repeat;
    pointer-events: none;
}

.certificate-pkcs12-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/certificatepkcs12_16px_default.png') no-repeat;
}

.certificate-pkcs12-icon.disabled {
    background: url('/static/img/certificatepkcs12_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.certificate-pkcs12-icon:hover {
    background: url('/static/img/certificatepkcs12_16px_hover.png') no-repeat;
}


.activate-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/activatedevice_16px_default.png') no-repeat;
}

.activate-icon.disabled {
    background: url('/static/img/activatedevice_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.activate-icon:hover {
    background: url('/static/img/activatedevice_16px_hover.png') no-repeat;
}

.deactivate-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/deaktivatedevice_16px_default.png') no-repeat;
}

.deactivate-icon.disabled {
    background: url('/static/img/deaktivatedevice_16px_inactive.png') no-repeat;
    pointer-events: none;

}

.deactivate-icon:hover {
    background: url('/static/img/deaktivatedevice_16px_hover.png') no-repeat;
}


.group-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/change_group_membership_16px_default.png') no-repeat;
}

.group-icon.disabled {
    background: url('/static/img/change_group_membership_16px_inactive.png') no-repeat;
    pointer-events: none;

}

.group-icon:hover {
    background: url('/static/img/change_group_membership_16px_hover.png') no-repeat;
}


.logout {
    padding-left: 20px;
    padding-right: 20px;
}

.logout:hover {
    background-color: #9EACB7;
}

.logout-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/static/img/logout_16px_white.png') no-repeat;
    vertical-align: sub;

}

.back-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/back_16px_default.png') no-repeat;
}

.back-icon.disabled {
    background: url('/static/img/back_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.back-icon:hover {
    background: url('/static/img/back_16px_hover.png') no-repeat;
}

.next-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/next_16px_default.png') no-repeat;
}

.next-icon.disabled {
    background: url('/static/img/next_16px_inactive.png') no-repeat;
    pointer-events: none;
}

.next-icon:hover {
    background: url('/static/img/next_16px_hover.png') no-repeat;
}


.logout a {
    text-decoration: none;
    color: inherit;
}

.logout-text {
}

.username {
    padding-right: 20px;
}

.product-name {
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    color: #444444;
    white-space: nowrap;
    float: right;
    margin-right: 20px;
    font-family: SiemensSans
}

.subheader-right {
    display: flex;
    justify-content: space-between;

}

.logo {
    display: inline;
    float: left;
    margin: 5px 109px 5px 20px;
}

.language-select-menu {
    right: 0;
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 255px;
    box-shadow: 2px 2px lightgrey;
    z-index: 1;
}

.active-language {
    margin-left: 1px;
    margin-right: 1px;
}

.language-select-menu button:hover {
    background: #F0F4F8;
    color: #2D373C;
}

.language-select-menu button {
    font-size: 14px;
    color: #2D373C;
    background: #FFFFFF;
    text-align: left;
    width: 100%;
    height: 36px;
}

.correct-icon {
    background: url(/static/img/ok_16px_hover.png) no-repeat;
    float: right;
    width: 15px;
    height: 15px;
}

.language-selector {
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    display: inline-block;
}

.language-selector:hover .language-select-menu {
    display: block;
}

.language-selector:hover {
    background: #FFFFFF;
    color: #879BAA;
}

.language-selector select {
    border: 0px;
    outline: 0px;
    background-color: white;
    background: none;
}

.language-selector option {
    border: 0px;
    outline: 0px;
    width: 40px;
}

.online-help {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 7px;
    padding-right: 7px;
}

.online-help a {
    text-decoration: none;
    color: #000000;
}

.online-help-icon {
    display: inline-block;
    width: 32px;
    height: 100%;
    /* background: url(/static/img/help_24px_white.png) no-repeat; */
    background: url(/static/img/help_24px_white.png) 4px 7px no-repeat;
    /* vertical-align: -webkit-baseline-middle; */
    margin-top: 0px;
}

.online-help-icon:hover {
    display: inline-block;
    width: 32px;
    height: 100%;
    /* background: url(/static/img/help_24px_white.png) no-repeat; */
    background-color: #9EACB7;
    /* vertical-align: -webkit-baseline-middle; */
    margin-top: 0px;
}


.clock {

}

.clock a {
    text-decoration: none;
    color: #000000;
}

/*--------------------------------------------------
  Side Navigation
  --------------------------------------------------*/
.sidebar {
    position: relative;
    float: left;
    width: 300px;
    height: 100%;
    background-color: #DFE6ED;
}

.session-info {
    height: 90px;
    background-color: #afb4be;
    width: 300px;
    padding: 0px 25px;
    line-height: 45px;
    margin-bottom: 20px;
    color: #ffffff;
}

.session-info a {
    color: #ffffff;
    font-weight: normal;
}

.menu {
    padding: 0;
    font-weight: bold;
    list-style-type: none;
    line-height: 30px;
}

.menu > li.title {
    padding: 4px 16px 4px 30px;
    margin: 0;
    color: #444444;
    cursor: hand; /* for IE */
    /*cursor: pointer;*/
}

.menu > li.expanded::before {
    content: '';
    display: block;
    width: 40px;
}


/*.menu li.expanded {*/
/*    background: #FFFFFF;*/
/*}*/
.menu li .fa-caret-up,
.menu li .fa-caret-down,
.menu li .fa-caret-right {
    float: right;
    padding-top: 8px;
}


.menu li a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.menu li.abort {
    background-image: none;
    /*padding: 4px 16px 4px 0px;*/
}

.submenu {
    padding: 0;
    font-weight: normal;
    list-style-type: none;
}

.submenu > li.active {
    background-color: #FFFFFF;
    border-left: 5px solid #005f87;
    padding-left: 45px;
}

.submenu > li {
    padding: 4px 50px;
    margin: 0;
}

.submenu > li:hover:not(.active) {
    background: #E7EDF3;
}

.depth1 > li {
    padding: 4px 20px;
    margin: 0;
}

.depth2 > li {
    padding: 4px 24px;
    margin: 0;
}

.menu a {
    line-height: 20px;
    text-decoration: none;
    color: #444444;
}

.menu a.active {
    color: #101060;
}

.menu > .title:hover {
    background: #E7EDF3;
}

/*--------------------------------------------------
  Title Bar and Tabs
  --------------------------------------------------*/
.main {
    margin-left: 300px;
    position: relative;
    padding: 30px;
}

.titlebar {
    min-width: 580px;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    background-color: #cccccc;
    color: #666666;
    padding: 0 20px;
}

.tabs {
    min-width: 850px;
    line-height: 32px;
    height: 32px;
    overflow: auto;
    margin-bottom: 30px;
    border-bottom: 1px solid #DFE6ED;
    overflow: visible;
}

.tabs:empty {
    display: none;
}


.tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tabs li {
    margin: 0 2px 0 0;
    padding: 0;
    display: inline;
    float: left;
    height: 100%;
}

.tabs a, .tabs span {
    display: inline-block;
    min-width: 100px;
    padding: 0 20px;
    color: #4f4f4f;
    font-weight: bold;
    text-decoration: none;
    background-color: #EBF0F5;
}

.tabs a.active, .tabs span.active {
    background-color: #FFFFFF;
    color: #000000;
    border-top: 1px solid #DFE6ED;
    border-left: 1px solid #DFE6ED;
    border-right: 1px solid #DFE6ED;
    border-bottom: 1px solid #FFFFFF;
}

.tabs a:hover {
    color: #3f3f3f;
    background-color: #cdd9e1;
}

.tabs a.active:hover {
    color: #000000;
    background-color: #FFFFFF;
}

/*--------------------------------------------------
  Widget Styles
  --------------------------------------------------*/
input[type='text'],
input[type='number'],
input[type='password'],
input[type='email'],
textarea {
    width: 230px;
    height: 20px;
    line-height: 20px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 0 2px;
}

.error > input[type='text'],
.error > input[type='number'],
.error > input[type='password'],
.error > input[type='email'],
.error > textarea {
    background-color: #ffcccc;
}

input[type='text'][readonly],
input[type='number'][readonly],
input[type='password'][readonly],
input[type='email'][readonly],
textarea[readonly] {
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #000000;
}

input[type='text'][disabled],
input[type='number'][disabled],
input[type='password'][disabled],
input[type='email'][disabled],
textarea[disabled] {
    background-color: #f3f3f3;
}

textarea {
    width: 400px;
    height: 150px;
}

.searchfield {
    padding-right: 24px;
    background-image: url('/static/img/magnify.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 3em;
}

form.list-search {
    margin: 0 0 20px 0;
    float: left;
}

/*select {*/
/*    height: 20px;*/
/*    line-height: 18px;*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #cccccc;*/
/*    padding: 0;*/
/*}*/

#id_contact-connection_type {
    width: 237px;
}

#id_contact-provider {
    width: 237px;
}

select[disabled='disabled'] {
    background-color: #eeeeee;
}

input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
}

.action-disabled {
    color: #A8A8A8;
}

.log-search {
    min-width: 830px;
    height: 90px;
    padding: 30px 20px 30px 20px;
    background: #F0F4F8;
}

.log-search input {
    height: 32px;
    width: 150px;
    border: 1px solid #e0e0e0;
    color: #000000;
}

/*--------------------------------------------------
  Tabular View
  --------------------------------------------------*/

.generic-list {
    margin: 20px 0 30px 0;
}

.indented {
    margin: 20px 0 30px 80px;
}


.generic-list td {
    padding: 2px 5px;
    height: 20px;
    vertical-align: middle;
    border: 1px solid #eaeaea;
}

.generic-list thead td a {
    width: 90%;
    display: inline-block;
    text-decoration: none;
    color: black;
}

.generic-list thead tr {
    background-color: #FFFFFF;
    font-weight: bold;
}

generic-list thead tr:nth-child(even) {
    background: #F0F4F8;
    font-weight: bold;
}


.generic-list tbody tr. {
    background-color: #FFFFFF;
}

.generic-list tbody tr.selected {
    background: #E1F2F9;
}


.generic-list tbody td {
    width: 20px;
    word-break: break-all;
    word-break: break-word;
}

.generic-list tbody tr.lighter {
    background-color: #dddddd;
}

.generic-list tr:nth-child(even) {
    background-color: #F0F4F8;
}

/*--------------------------------------------------
  Tabular Form Input
  --------------------------------------------------*/
.overview .form tr td {
    padding: 10px 2px;
}

form th,
.form th {
    padding: 6px 2px;
    text-align: right;
    color: #555555;
    font-weight: normal;
    white-space: nowrap;
}

form td,
.form td {
    padding: 6px 2px;
}

th.form-section-header {
    font-weight: bold;
}

/*--------------------------------------------------
  Content Pano
  --------------------------------------------------*/
.content {
    /*padding: 30px 30px 30px 0;*/
    min-width: 680px;
}

.toolbar {
    margin-bottom: 30px;
    display: block;
    height: 110px;
    background: #F0F4F8 100%;
    padding-top: 30px;
}

.toolbar form {
    padding: 0 32px 0 32px;
}

.user-device-actions select,
.log-search select,
.toolbar select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background-image: none;
}

/* Remove IE arrow */
.toolbar select::-ms-expand {
    display: none;
}

/* Custom Select */
.user-device-actions .select,
.log-search .select,
.toolbar .select {
    position: relative;
    display: flex;
    width: 20em;
    height: 30px;
    line-height: 3;
    overflow: hidden;
    border: 1px solid #C2CDD5;
}

.log-search .top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.log-search .inside {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.log-search .filter {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.log-search .filter .select {
    width: 100px;
}

.log-search .bottom input {
    width: 300px;
}

.log-search .bottom {
    display: flex;
    align-items: center;
}

.success-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background: url('/static/img/message_success_16px.png') no-repeat;*/
    background: url('/static/img/message_success_red_16px.png') no-repeat;
    margin-right: 10px;
    height: 100%;
    background-position: 0px 50%;
}

.error-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/static/img/message_error_16px.png') no-repeat;
    margin-right: 10px;
    height: 100%;
    background-position: 0px 50%;
}

.warning-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/static/img/message_warning_16px.png') no-repeat;
    margin-right: 10px;
    height: 100%;
    background-position: 0px 50%;
}

.export-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/static/img/export_icon.svg') no-repeat;
}

.spinner-animation {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url('/static/img/busy_animation_16x16_bg_white.gif') no-repeat;
}

.full-page-spinner {
    display: inline-block;
    width: 72px;
    height: 72px;
    background: url('/static/img/busy_animation_72x72_on_white.gif') no-repeat;
}

.settings-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url('/static/img/settings_24px_grey.png') no-repeat;
}

.export {
    margin-top: 30px
}

.export .export-text {
    vertical-align: super;
}

.export button {
    background: white;
    color: #005F87;
}

.select select {
    flex: 1;
    padding: 0 10px;
    height: 100% !important;
    cursor: pointer;
}

.select select::-ms-expand{
    display: none;
}


.select::after {
    content: '';
    background: url(/static/img/down-arrow.svg) no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 4px;
    margin-top: 3px;
    cursor: pointer;
    pointer-events: none;
    background-position: 7px 7px;
    background-size: 10px;
}

.toolbar .searchfield {
    height: 30px;
    border: 1px solid #C2CDD5;
}

.vspace {
    height: 18px;
}

form td.actions,
.form td.actions {
    padding-top: 20px;
}

.actions {
    margin-bottom: 30px;
}

.event_log_wrapper {
    width: 69em;
}

.user_log_wrapper {
    width: 90em;
}

.actions > .buttons {
    display: inline-block;
    float: right;
}

.actions > .page-settings {
    display: inline-block;
    float: left;
}

/*--------------------------------------------------
  Jquery Customizations
  --------------------------------------------------*/
.ui-selected {
    background: #CCCCFF !important;
}

.loader-background {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    position: fixed;
    z-index: 100;
    display: block;
    text-align: center;
}

.loader-img {
    margin-top: 25%;
}

.hidden {
    display: none;
}

.device-list-controls-wrapper {
    display: flex;
    justify-content: space-between;
}

.edit-table-text {
    vertical-align: super;
    cursor: pointer;
}


.paginator-wrapper {
    display: flex;

}

.page-wrapper {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #CDD9E1;
    display: flex;

}

.num-of-pages {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 15px;
}

.current-page {
    width: auto;
    height: 30px;
    line-height: 30px;
    background-color: #CDD9E1;
    text-align: center;
    padding: 0 10px;
}

.user-device-actions {
    margin-bottom: 30px;
    display: flex;
    /* right: 0px; */
    justify-content: flex-end;
}

.user-device-actions button {
    height: 32px;
}

.item-per-page-warapper {
    display: flex;
    margin-left: 20px;
}

.item-per-page-warapper .text {
    line-height: 30px;
    margin-left: 5px;
}

.item-per-page-warapper .select {
    width: 70px;
}

.user_list_actions {
    text-align: left;
}

.position-right {
    float: right;
}


#client_id_submit {
    height: 22px;
}

.ui-widget-header {
    background: #FFFFFF !important;
}

.ui-progressbar-value.ui-widget-header {
    background: #DFE6ED !important;
}

label {
    margin-right: 15px;
}


.license-title {
    font-weight: bold;
    margin-bottom: 20px;
}

.license-step {
    margin-top: 30px;
}

.offline-license-wrapper {
    padding-left: 30px;
}

.role_link {
    text-decoration: none;
    color: #005F87;
}

.role_link:hover {
    text-decoration: underline;
}

.ui-dialog-titlebar {
    background-color: #DFE6ED !important;
    border: none !important;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable {
    padding: 0 !important;
    font-family: SiemensSans!important;

}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
        font-family: SiemensSans!important;
}

.ui-widget {
    font-family: SiemensSans!important;
    background: #FFFFFF!important;
    border: 1px solid #DFE6ED !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12) !important;
}

.ui-dialog {
    padding: 0!important;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}


/*#availableColumns select[multiple]:focus option:checked {*/
/*  background: #005F87*/
/*    */
/*}*/

#availableColumns option:checked,
#visibleColumns option:checked {
    /*background: #005F87;*/
    background: #005F87 -webkit-linear-gradient(bottom, #005F87 0%, #005F87 100%);
}

#availableColumns ,
#visibleColumns {
    border: 1px solid #55A0B9;
}


#availableColumns option,
#visibleColumns option {
    /*background: #005F87;*/
    height: 23px;
    /*width: 203px;*/
    font-size: 14px;
    line-height: 20px;
    padding-top: 4px;
    padding-left: 6px;
}


#availableColumns,
#visibleColumns {
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.no-spin-buttons input::-webkit-outer-spin-button,
.no-spin-buttons input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spin-buttons input[type=number] {
    -moz-appearance: textfield;
}