/* Manually added dl-horizontal classes droped in bootstrap 4 */
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    display: table;
    content: " ";
}

.dl-horizontal dd:after {
    clear: both;
}



/* checkbox styling*/
span input[type="checkbox"] {
    /*SPAN added to solve problems with checkbox inputs in bootstrap-table*/
    display: none;
}

input[type="checkbox"]+label a {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    background: url(/css/images/tack.png) -19px center no-repeat;
    border: 2px solid #e7e6ed;
    cursor: pointer;
}

input[type="checkbox"]+label {
    cursor: pointer;
}

input[type="checkbox"]:checked+label a {
    background: url(/css/images/tack.png) 1px center no-repeat;
    background-color: #ffffff;
    border: 2px solid #003f87;
}

input[type="checkbox"]+label:hover a {
    background-color: #9997ad;
    border: 2px solid #9997ad;
}

/* navigation bar styles, common for supernav and topnav */

.navbar-default {
    /*max-width: 1150px;
    width: 100%;*/
    background-color: #ffffff;
    border-color: #e7e6ed;
    font-weight: 700;
    text-transform: uppercase;
    /* position: static; */
    /*This is causing the cookie consent (navbar) to be fixed in a wrong position*/
}

.navbar-default .navbar-brand {
    float: left;
}


#main {
    overflow: auto;
}

#body-content {
    min-height: 100%;
}

/* super nav styles */

.supernav {
    line-height: 20px;
    font-size: 14px;
    color: #003f87;
    background-color: white;
    font-weight: 600;
    text-transform: none;
}

.supernav-right {
    float: right;
    position: absolute;
    right: 45px;
    padding-top: 10px;
}

.supernav-left {
    float: left;
    /*clear: left;*/
    position: relative;
    margin-right: 0;
    /*margin-left: 30px*/
}

.supernav-dropdown {
    line-height: 22px;
    position: relative;
    display: inline-block;
}

#testMenu {
    z-index: 2000;
}

#testMenu>a {
    line-height: 22px;
    margin-left: 0px;
    padding-left: 40px;
    background: #ffffff url(images/Listing.png) no-repeat 10px center;
    color: #003f87;
    font-size: 14px;
    text-transform: none;
}

#teklaOnline {
    /*z-index: 2000;*/
    /*This gives problems with the modal window*/
}

#teklaOnline>a {
    line-height: 22px;
    margin-left: 0px;
    padding-left: 40px;
    background: #ffffff url(images/Listing.png) no-repeat 10px center;
    color: #003f87;
    font-size: 14px;
    text-transform: none;
}

#userLogin {
    /*z-index: 1900;*/
    /*This gives problems with the modal window*/
}

#userLogin>a {
    line-height: 22px;
    margin-left: 0px;
    padding-left: 40px;
    background: #ffffff url(images/loginperson.png) no-repeat 10px 10px;
    color: #003f87;
    font-size: 14px;
    text-transform: none;
}

ul.supernav-dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    min-width: 250px;
    list-style: none;
    padding: 20px;
    background-color: #e7e6ed;
}

/* visible by title hover */
/* note: menu title styles changes by jquery */
.supernav-dropdown:hover ul.supernav-dropdown-menu {
    display: block;
}

/* menu items */
.supernav-dropdown-item {
    padding-bottom: 10px;
}

.supernav-dropdown-item a {
    color: #003f87;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
    text-decoration: none;
    display: block;
    height: 34px;
}

.supernav-dropdown-item:hover:hover>a {
    color: #ffffff;
}

.supernav-dropdown-item:hover {
    background-color: #ffbe00;
}

.companylogo-header {
    height: 20px;
    background: transparent;
}

.companylogo-header-container {
    margin-top: 15px;
    margin-bottom: 20px;
    background: transparent;
    border-color: transparent
}

.homepage-image {
    position: static;
    width: 98%;
    clear: both;
    margin-left: -10px;
}

/* top nav styles */
.topnav {
    line-height: 44px;
    font-size: 14px;
    color: #003f87;
    background-color: white;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 500;
    /*border-bottom: 1px solid #e7e6ed;*/
}

.topnav-left {
    float: left;
    clear: left;
    position: relative;
    /*margin-left: 30px;*/
}

.topnav>li>a {
    color: #003f87;
    line-height: 44px;
}

.navbar-default .topnav>li>a:hover {
    color: #003f87;
    background-color: #e7e6ed
}

.productlogo {
    height: 50px;
    background: transparent;
}

.productlogo-container {
    background: transparent;
    border-color: transparent;
    margin-top: 10px;
    margin-right: 10px;
}

.admin-status {
    margin-top: 5px;
    margin-left: 0px;
    font-size: 14px;
    text-transform: uppercase;
}

.admin-company {
    color: #003f87;
    font-size: 16px;
    text-transform: uppercase;
    clear: both;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 10px;
}

.static-row {
    background-color: #ffffff;
    width: 100%;
    clear: both;
    margin-top: 20px;
    margin-bottom: 10px;
    /*margin-left: -16px;*/
    padding-left: 0px;
    padding-right: 30px;
}

.static-row p {
    color: #003f87;
    font-size: 16px;
    font-weight: 700;
}

/* IE */
.show-to-ie-lt10 {
    display: none;
}

html.ie9 .hide-from-ie-lt10,
html.lt-ie9 .hide-from-ie-lt10 {
    display: none !important;
}

html.ie9 .hide-from-ie-lt10>div.element,
html.lt-ie9 .hide-from-ie-lt10>div.element {
    display: none !important;
}

html.ie9 .show-to-ie-lt10,
html.lt-ie9 .show-to-ie-lt10 {
    display: block !important;
}

html.is-ie .hide-from-IE {
    display: none !important;
}

html:not(.is-ie) .show-only-for-IE {
    display: none !important;
}

.contact_someicons {
    display: block;
    margin-top: 2em;
}

.someiconcontainer {
    display: inline-block;
    float: left;
    /*width: 34px;
	height: 34px;*/
    margin-right: 10px;
}

div#cookiePolicy {
    background-color: #e7e6ed;
    z-index: 1500;
    text-align: center;
}

.centerUL {
    margin: 0px auto;
    line-height: 70px;
}

.centerUL li>p {
    color: #73718b;
}

.centerUL a {
    color: #003f87;
    text-decoration: none;
}

.centerUL a:hover {
    color: #ffbe00;
}

.centerUL li p,
.centerUL li {
    display: inline;
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    margin-right: 36px;
}

.cookie-notification {
    /*margin-bottom: -20px;*/
    /*margin-bottom: -10px;*/
}

.cookiecloseicon {
    width: 20px;
    height: 70px;
    background: #e7e6ed url("/css/images/cross_blue.svg") no-repeat center;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 0;
}

.cookiecloseicon:hover {
    background: #e7e6ed url(/css/images/cross_yellow.svg) no-repeat center;
}


/* script classes (layout.ts) for dropdown menu (select-list) */
.dm-open dt a {
    color: #003f87;
    background: #ffffff url(images/dropdown_arrow_blue.png) no-repeat scroll 182px center;
    border: 2px solid #003f87;
}

.dm-closed dt a {
    color: #ffffff;
    background: #7e7d8b url(images/dropdown_arrow_white.png) no-repeat scroll 182px center;
    border: 2px solid #7e7d8b;
}

.dm-closed dt a:hover {
    color: #ffffff;
    background: #003f87 url(images/dropdown_arrow_white.png) no-repeat scroll 182px center;
    border: 2px solid #003f87;
}

/*Blink effect*/
.blink_me {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*Dropdown hover toggle*/
.tmss-dropdown:hover>.dropdown-menu {
    display: block;
}

.tmss-dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/*Overwriting Modus class*/
.custom-select {
    width: auto;
}

/*Overwrite default Modus companylogo-header class height*/
.companylogo-header {
    height: 30px;
}

/*Chart.js adjustment*/
.chart-wrapper {
    height: 400;
    width: 400;
}

/*Background Yellow for changes*/
.bg-ux-yellow {
    background-color: #fff8ad;
}

/*Modus Bootstrap is missing this class in version 2*/
.modus-layout {
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100%;
    overflow: hidden;
}

html,
body {
    width: 100%;
    height: 100%;
}

/*Modus Bootstrap is messing with the effect */
@keyframes tmss-progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.tmss-progress-bar-animated {
    animation: 1s linear infinite tmss-progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .tmss-progress-bar-animated {
        animation: none;
    }
}

/*New Modus Bootstrap 2.0 removed class bg-selected*/
.tmss-bg-selected {
    background-color: #dcedf9 !important;
}

a.tmss-bg-selected:hover,
a.tmss-bg-selected:focus,
button.tmss-bg-selected:hover,
button.tmss-bg-selected:focus {
    background-color: #b0d7f2 !important;
}