/* #9a8366 - brown */
/* #005485- blue */
/* #9a836673 - light brown*/

/* Remove the navbar's default margin-bottom and rounded borders 921212 */
body {
    height: auto;
}

.jumbotron.container-fluid, .jumbotron {
    background-color: #9a836673;
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-bottom: 16px !important;
}

.btn-primary {
    background-color: #babdb6;
}

.btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #005485;
    border-color: #005485 !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #005485;
    border-color: #005485 !important;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
{
    background-color: #005485;
    border-color: #005485 !important;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
    height: auto
}

/* Set gray background color and 100% height */
.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}

/* Set black background color, white text and some padding */
footer {
    background-color: #555;
    color: white;
    padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }
    .row.content {
        height: auto;
    }
}

.table-fix table {
    /*     width: 50%; */

}

.table-fix thead, .table-fix tbody, .table-fix tr, .table-fix td,
.table-fix th {
    display: block;
}

.table-fix thead th {
    height: 30px;
}

.table-fix tbody {
    overflow-y: auto;
    height: 450px;
}

.table-fix tbody td, .table-fix thead th {
    float: left;
    width: 14.28%;
}

.table-fix tr:after {
    clear: both;
    content: ' ';
    display: block;
    visibility: hidden;
}

.odd {
    background-color: #f3f3f3;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #9a8366;
    color: white;
}

.navbar-toggle, .navbar-toggle collapsed, .navbar-toggle:hover {
    background-color: #fff !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #005485 !important;
}

.collapse navbar-collapse {
    /* 	background-color:white; */
    color: black;
}

.navbar-inverse {
    background-color: white;
    color: #005485;
    border-bottom: 5px solid #005485;
}

.navbar-inverse .navbar-nav>li>a:HOVER {
    color: #005485;
}

.table-hover>tbody>tr:hover {
    background-color: #9a8366;
    color: white;
    cursor: pointer;
}

.table-hover>tbody>tr:hover input {
    background-color: #9a8366;
    color: #000;
    cursor: pointer;
}

.table-hover>tbody>tr>td {
    cursor: pointer;
}

.page-header {
    color: #005485;
    margin-top: 60px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    /* 	 text-transform: uppercase; */
}

footer {
    margin-top: 10px;
    background-color: white;
    color: #005485;
    border: none;
    border-top: 5px solid #005485;
}

.breadcrumb {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
}

.breadcrumb>.active a {
    color: #005485 !important;
}

.breadcrumb>.deactivate a {
    color: #d1d1d1;
}

.sub-header, .panel-heading {
    color: #005485 !important;
    /* 	   background: #fff!important; */
    padding-top: 0px !important;
}

.dialog-heading {
    color: #005485 !important;
    background: #fff !important;
    font-size: 18px;
    /* 	   padding-top:0px!important; */
}

.button {
    background: #005485;
    color: white;
    font-weight: bold;
}

.button-text {
    margin-left: 4px;
}

.search-header {
    color: #005485 !important;
    background: #fff !important;
    margin: 0px 0 10px -15px;
    padding: 0px;
    font-size: 18px;
}

.nomargin {
    /* 	margin:0px!important; */
    /* 	padding:0px!important; */
    /* 	width:100%; */

}

.public_header {
    margin-top: 50px;
    line-height: 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url("../images/ikarus/Ikarus_Versicherung_overlay_final.webp");
    height: 450px;
    width: 100%;
    @media (max-width: 1200px) {
        background-size: cover;
        background-position: top left;
    }
}

.menu {
    margin-bottom: 10px;
}

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

.is-correct {
    border: 1px solid green;
}

.horizontalPanel {
    margin-right: 5px;
    float: left;
}

.spacerPanel {
    clear: both;
}

.texticon {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    font-size: 25px;
}

.hidden {
    display: none;
}

.orangefont {
    color: orange;
}

.redfont {
    color: red;
}

.bluefont {
    color: blue;
}

.infoLabel {
    cursor: pointer;
}

.insuranceOfferPanel {
    border: 2px solid #005485;
    border-radius: 6px;
    /* 	min-height: 300px; */
    width: 99%;
    margin-bottom: 5px;
    padding: 5px;
}

.pricePanel {
    margin-top: 7px;
    border-top: 1px solid #005485;
}

.productName {
    color: #005485 !important;
    font-size: 15px;
    text-align: center;
    padding: 3px;
    /* 	border-bottom:1px solid rgb(10, 57, 135); */
}

.productInformationPanel {
    /* 	float:right; */
    /* 	width:140px; */

}

.coveragePanel {
    /* 	float:left; */

}

.coverage {
    /* 	width:70%; */
    margin-top: 2px;
    /*  	float:left;  */
}

#myNavbar {
    visibility: hidden;
    display: none !important;
}

.priceField {
    text-align: center;
    width: 70px;
    margin-bottom: 5px;
}

.topLogo {
    width: 110px;
    height: 40px;
    display: block;
    background-image: url("../images/ikarus/logo-ikarus.png");
    background-repeat: no-repeat;
    background-size: 80px auto;
    background-position: center;
}

.optionPanel {
    border-top: 1px dashed grey;
    margin-top: 5px;
    padding-top: 4px;
}