@font-face {
    font-family: 'ABBvoice';
    /*a name to be used later*/
    src: url("../../fonts/ABBvoice/ABBvoice_W_Rg.woff2") format("woff2"), url("../../fonts/ABBvoice/ABBvoice_W_Rg.woff") format("woff"), url("../../fonts/ABBvoice/ABBvoice_W_Rg.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'ABBvoiceBd';
    /*a name to be used later*/
    src: url("../../fonts/ABBvoice/ABBvoice_W_Bd.woff2") format("woff2"), url("../../fonts/ABBvoice/ABBvoice_W_Bd.woff") format("woff"), url("../../fonts/ABBvoice/ABBvoice_W_Bd.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'ABBvoiceLt';
    /*a name to be used later*/
    src: url("../../fonts/ABBvoice/ABBvoice_W_Lt.woff2") format("woff2"), url("../../fonts/ABBvoice/ABBvoice_W_Lt.woff") format("woff"), url("../../fonts/ABBvoice/ABBvoice_W_Lt.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'ABBLogo';
    /*a name to be used later*/
    src: url("../../fonts/ABBvoice/ABBLogo.ttf") format("truetype");
}

body {
    font-family: "ABBvoice", "Verdana", sans-serif;
}

/* Disabled arrows for rdp download dropdown menues.*/
.dropdown-toggle::after {
    content: none !important;
}

.image-box {
    height: 180px !important;
    width: 100%;
}

.custom-navbar-left {
    height: 100vh;
    background-color: #262626;
    margin-top: -42px;
    margin-bottom: -37px;
    padding-top: 42px;
    position: fixed;
}

.custom-content {
    margin-top: 1.5em;
}

.row-header {
    margin-bottom: 10px;
}

@media (min-width: 1500px) {
    .container {
        max-width: 1600px;
    }
}

.navbar .dropdown:hover > .dropdown-menu {
    display: block;
}

b, strong {
    font-weight: bold;
}

h1 + nav {
    margin-top: 30px;
}

table.dataTable {
    width: 100% !important;
    border-collapse: collapse !important;
}

.table td {
    padding: 0.3rem !important;
    padding-left: 0.6rem !important;
}

.table th {
    padding-top: 0.5rem !important;
    padding-bottom: 0.7rem !important;
    font-weight: bold;
}

.landing-page-background {
    background-image: url("/Content/Images/Swarm_Flowtest.jpg");
    background-attachment: fixed;
    background-size: cover;
    /*background-repeat: no-repeat;
    height: 100vh;*/
}

.product-version {
    font-family: monospace;
}

.changelog {
    font-size: medium;
}

a, .nav-tabs .nav-link, .nav-tabs .navlink.active {
    border: none;
    border-bottom: 2px solid transparent;
}

.navbar .dropdown-menu a, table .dropdown-menu a {
    color: #fff !important;
    background-color: #212121;
}

.dropdown-menu {
    color: #fff;
    background-color: #212121;
    border: 2px solid grey;
    /*border-left: 3px solid #212529;*/
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #212529;
    border-left: 3px solid #F03040;
    border-bottom: none;
}

header nav li a.dropdown-item:hover, .dropdown-item:focus, table .dropdown a.dropdown-item:hover {
    background-color: #212121;
    border-left: 3px solid #F03040;
    border-bottom: none;
}

.table .thead-dark th {
    background-color: #212121;
}

.btn-group a.dropdown-item {
    border-left: 3px solid transparent;
    padding: 2px 8px 2px 8px;
    color: #fff;
}

.btn-group a.dropdown-item:hover, .btn-group a.dropdown-item:focus {
    border-left: 3px solid #F03040;
    border-bottom: none;
    background-color: #262626;
}

a:not(.btn) {
    color: #F03040;
}

footer .nav-link {
    margin-bottom: 0px;
}

header nav a:not(.btn):not(.dropdown-item):hover, footer li a:hover, footer .hoverable-custom:hover, header li a:hover, footer a.nav-link:hover {
    border-bottom: 2px solid #F03040;
}

header nav a:not(.btn):not(.dropdown-item), footer a.nav-link {
    border-bottom: 2px solid transparent;
    padding: 2px 8px 2px 8px;
}

header nav .dropdown-menu > a.dropdown-item, table a.dropdown-item {
    border-left: 3px solid transparent;
    padding: 2px 8px 2px 8px;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nav-link {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 4px;
}

.navbar-brand {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 4px;
}

header nav .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link, footer li.active {
    background-color: rgba(255, 255, 255, 0.165);
    padding: 0.125rem 0.5rem 0.125rem 0.5rem;
    /* color: red !important; */
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: rgba(255, 255, 255, 1.0);
}

.nav.nav-pills {
    background-color: #262626;
}

.card .nav.nav-pills {
    background-color: #f4f4f4;
    color: #212529;
    /*     background-color: rgba(0, 0, 0, 0.165);*/
}

.tab-pane a.nav-link {
    color: #000;
    border-left: 3px solid transparent;
    border-bottom: none;
}

.tab-pane a.nav-link:hover {
    border-left: 3px solid #F03040;
    border-bottom: none;
}

.tab-pane a.nav-link.active {
    background-color: rgba(0, 0, 0, 0.165);
}

.card .nav-pills .nav-link.active {
    background-color: rgba(0, 0, 0, 0.165);
    color: #212529;
}

.nav-pills .nav-link.active {
    background-color: rgba(255, 255, 255, 0.165);
    color: #fff;
}

.nav-pills a.nav-link {
    border-radius: unset;
    border-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 4px solid #262626;
}

.card .nav-pills a.nav-link {
    border-radius: unset;
    border-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 3px solid #f4f4f4;
    border-left: unset;
}

.nav-pills a.nav-link:hover {
    border-left: 4px solid #F03040;
}

.card .nav-pills a.nav-link:hover {
    border-bottom: 3px solid #F03040;
    border-left: unset;
}

footer {
    box-shadow: 5px 2px 5px 5px rgba(0, 0, 0, 0.16), 10px 2px 10px 10px rgba(0, 0, 0, 0.12);
    line-height: 1.1;
}

.btn-icon {
    padding: 3px 10px 3px 10px;
    margin-right: 0px;
}

.navbar .nav-item .nav-link .svg-inline--fa,
.navbar .nav-item .nav-link .svg-inline--fas,
.navbar .nav-item .nav-link .svg-inline--fab,
.navbar .nav-item .nav-link .svg-inline--far,
footer .svg-inline--fa, footer .svg-inline--fas, footer .svg-inline--fab,
.navbar .dropdown-item .svg-inline--fa,
.navbar .dropdown-item .svg-inline--fas,
.navbar .dropdown-item .svg-inline--fab,
.navbar .dropdown-item .svg-inline--far
.navbar .nav-item .nav-link .fa,
.navbar .nav-item .nav-link .fas,
.navbar .nav-item .nav-link .fab,
.navbar .nav-item .nav-link .far,
footer .fa, footer .fas, footer .fab,
.navbar .dropdown-item .fa,
.navbar .dropdown-item .fas,
.navbar .dropdown-item .fab,
.navbar .dropdown-item .far {
    margin-right: 5px;
    margin-left: 5px;
}

table svg.svg-inline--fa {
    margin-right: 0px;
}

svg.svg-inline--fa,
.btn i {
    margin-right: 5px;
}

footer li.list-inline-item {
    padding: 0px;
}


table .btn i {
    margin-right: 0px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    font-weight: bold;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: rgba(255, 255, 255, 0.195);
    border-bottom: 2px solid #262626;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.nav-tabs .nav-link {
    border-radius: 0.0rem;
}

ul.nav.nav-tabs.nav-justified {
    padding: 5px;
}

.nav-tabs .nav-link.active {
    font-weight: 400;
}

.nav-tabs .nav-link, .nav-tabs .nav-link.active {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active:hover {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid #f03040;
}

ul.nav.nav-tabs.nav-justified a.nav-link {
    margin: 0px;
    color: #fff;
}

.input-group > span {
    font-size: 12px;
}

.form-control.disabled {
    background-color: #eee !important;
    padding-left: 8px;
}

label.disabled:not(.active) {
    padding-left: 8px;
}

.no-shadow {
    box-shadow: none;
}

.badge-abb-magenta {
    background-color: #cb2bd5 !important;
    color: #ffffff !important;
}

.badge-abb-blue {
    background-color: #2E92FA !important;
    color: #ffffff !important;
}

.badge-abb-orange {
    background-color: #ff7300 !important;
    color: #ffffff !important;
}

.badge-abb-red {
    background-color: #f03040 !important;
    color: #ffffff !important;
}

.badge-abb-bloodred {
    background-color: #832b3d !important;
    color: #ffffff !important;
}

.badge-abb-green {
    background-color: #329A5D !important;
    color: #ffffff !important;
}

.badge-abb-purple {
    background-color: #462D6E !important;
    color: #ffffff !important;
}

.badge-abb-turquoise {
    background-color: #196D6F !important;
    color: #ffffff !important;
}

.badge-abb-passive-grey {
    background-color: #34495e !important;
    color: #ffffff !important;
}


.colorize-abb-blue {
    color: #2E92FA !important;
}

.colorize-abb-alarm-yellow {
    color: #ffd800 !important;
}

.colorize-abb-alarm-orange {
    color: #ff7300 !important;
}

.colorize-abb-alarm-red {
    color: #f03040 !important;
}

.colorize-abb-alarm-magenta {
    color: #cb2bd5 !important;
}

.colorize-abb-alarm-cyan {
    color: #14f0f0 !important;
}

.colorize-abb-alarm-blue {
    color: #2E92FA !important;
}

.colorize-abb-alarm-green {
    color: #329A5D !important;
}

.colorize-abb-peach {
    color: #ff0080 !important;
}

.colorize-abb-turquoise {
    color: #196D6F !important;
}

.colorize-abb-turquoise-bright {
    color: #90E4E6 !important;
}

.colorize-abb-purple {
    color: #8664BF !important;
}

.colorize-abb-spring-green {
    color: #00FA9A !important;
}

.colorize-abb-poison {
    color: #CCFF00 !important;
}

.colorize-abb-lemon-chiffon {
    color: #FFFACD !important;
}

.bar-normal {
    border: 1px solid gray;
}

table .bar-normal {
    width: 100px;
}

.bar-error {
    border: 1px solid red;
}

table .bar-error {
    width: 100px;
}

.mddtp-button {
    color: #F03040 !important;
}

a.prefix {
    margin-top: -4px;
}

mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
    color: #F03040;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
    color: white;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
    background-color: #F03040;
}

.mddtp-picker__selection span {
    background-color: #F03040;
}

.mddtp-picker__years .mddtp-picker__li--current {
    color: #F03040;
}

.mddtp-picker__selection span {
    color: #F03040;
}

.mddtp-picker__circularView .mddtp-picker__cell--selected span, .mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span {
    color: white;
}

.mddtp-picker-date .mddtp-picker__left:disabled {
    background-image: url("/Content/Images/svg/ic_keyboard_arrow_left_white_disabled_24px.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.mddtp-picker-date .mddtp-picker__right:disabled {
    background-image: url("/Content/Images/svg/ic_keyboard_arrow_right_white_disabled_24px.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.mddtp-picker-date .mddtp-picker__left {
    background: url("/Content/Images/svg/ic_keyboard_arrow_left_white_24px.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.mddtp-picker-date .mddtp-picker__right {
    background: url("/Content/Images/svg/ic_keyboard_arrow_right_white_24px.svg");
    background-repeat: no-repeat;
    background-position: center;
}

#mddtp-time__dotSpan {
    display: initial;
}

#mddtp-time__subtitle {
    display: initial;
}

.md-form i:hover {
    color: #F03040 !important;
    cursor: default;
}

.md-form i {
    color: #9e9e9e;
}

.custom-thumbnail {
    display: block;
    max-width: 100%;
    height: auto;
}

.dataTables_info {
    margin-top: 1.5rem !important;
}

.pretty.p-default input:checked ~ .state label:after {
    background-color: #212529 !important;
}

/* Twitter Typeahead (Bloodhound) */
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu {
    width: calc(100% - 1.25rem);
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #F03040;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 668px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #F03040;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #F03040;
}

.tt-suggestion p {
    margin: 0;
}

/* normally needs a .prefix */
span.twitter-typeahead {
    margin-left: 2.5rem !important;
}

.btn-primary, .btn-primary:hover, btn-primary:active {
    background-color: #141414 !important;
    color: #ffffff !important;
}

.btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:active, .btn-primary.dropdown-toggle:focus {
    background-color: #141414 !important;
}

.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover, .page-link:focus {
    background-color: #141414 !important;
}


.md-form .prefix.active {
    color: #141414;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #141414 !important;
}

.badge-warning {
    background-color: #ff8800 !important;
    color: #fff !important;
}

.badge-success {
    background-color: #00c851 !important;
    color: #fff !important;
}

.eone-not-synchronized {
    /* 1 */
    color: #9e9e9e !important;
}

.eone-disabled {
    /* 2 */
    color: #000000 !important;
}

.eone-ok {
    /* 3 */
    color: #00c851 !important;
}

.eone-not-yet-synchronized {
    /* 4 */
    color: #ffd800 !important;
}

.eone-out-of-date {
    /* 5 */
    color: #ff7300 !important;
}

.eone-error-or-severely-out-of-date {
    /* 6 */
    color: #f03040 !important;
}

.eone-default {
    color: #fff !important;
}

.eone-not-synchronized-badge {
    /* 1 */
    background-color: #9e9e9e !important;
}

.eone-disabled-badge {
    /* 2 */
    background-color: #000000 !important;
}

.eone-ok-badge {
    /* 3 */
    background-color: #00c851 !important;
}

.eone-not-yet-synchronized-badge {
    /* 4 */
    background-color: #ffd800 !important;
}

.eone-out-of-date-badge {
    /* 5 */
    background-color: #ff7300 !important;
}

.eone-error-or-severely-out-of-date-badge {
    /* 6 */
    background-color: #f03040 !important;
}

.hidden-text {
    visibility: hidden;
}

#link-user:hover, #i-password:hover {
    color: #f03040;
}

.container-fluid:not(.for-footer) {
    margin-top: 1rem !important;
}

/* Mobile */
@media (max-width: 539px) {
    .desktop-content {
        display: none;
    }
}

/* Desktop */
@media (min-width: 540px) {
    .mobile-content {
        display: none;
    }
}