body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.setDealerSalesPointAvailable {
    padding: 0px;
    margin: 0px;
}
/* Override the default bootstrap behavior where horizontal description lists 
will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 300px;
}

.table > tbody > tr > td {
    vertical-align: middle;
    word-wrap: break-word;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


.lineBox {
    float: right;
    display: inline-block;
    height: 100%;
}

.header-box {
    background-color: #868383;
}

.footer-box {
    background-color: #868383;
    padding: 10px;
    margin: 0px;
}

.footer-box-text {
    font-size: 12px;
    float: right;
}

.footer-box-logo {
    float: right;
    width: 15px;
    height: 15px;
    margin: 0px 5px 0px 0px;
}

.test-border {
    border-style: solid;
    /*border-width: 1px;*/
    border-color: green;
}

.spinner {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.js-loading-overlay {
    background-color: rgba(120,120,120,.5);
    width: 100%;
    height: 100%;
    position: absolute;
}

.menuLogo {
    height: 80px;
    width: 80px;
    margin: 10px 20px 0px 10px;
}


.menuLogoText {
    height: 80px;
    width: 200px;
    margin: 20px 5px 0px 0px;
}

.menuItem {
    text-align: center;
    vertical-align: bottom;
    width: auto;
    margin: 0px;
    padding: 0px;
}

.menuImage {
    margin: 0px;
    padding: 0px;
    height: 45px;
    width: 45px;
}

.itemLabel {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.centerDiv {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.centerChild {
    text-align: center;
    vertical-align: middle;
}

/*if*/
.IfnavitemLabelActive, .IfmenuItem:hover label,
.IfmenuItem:hover {
    color: rgba(122, 165, 253, 0.90);
}

    .IfnavitemPathActive, .IfmenuItem:hover path,
    .IfmenuItem:hover {
        fill: rgba(35, 129, 255, .7);
        stroke: rgba(70, 129, 250, 0.90);
    }

/*Tryg*/
.TrygnavitemLabelActive, .Tryg2navitemLabelActive, .TrygmenuItem:hover label, .Tryg2menuItem:hover label,
.TrygmenuItem:hover, .Tryg2menuItem:hover {
    color: rgba(250, 45, 70, 0.90);
}

    .TrygnavitemPathActive, .Tryg2navitemPathActive, .TrygmenuItem:hover path, .Tryg2menuItem:hover path,
    .TrygmenuItem:hover, .Tryg2menuItem:hover {
        fill: rgba(250, 45, 70, 0.90);
        stroke: rgba(255, 45, 70, 0.90);
    }

/*.TrygnavitemLabelActive, .TrygmenuItem:hover label,
.TrygmenuItem:hover {
    color: rgba(250, 45, 70, 0.90);
}

    .TrygnavitemPathActive, .TrygmenuItem:hover path,
    .TrygmenuItem:hover {
        fill: rgba(250, 45, 70, 0.90);
        stroke: rgba(255, 45, 70, 0.90);
    }*/

/*Gjensidige*/
.GjensidigenavitemLabelActive, .GjensidigemenuItem:hover label,
.GjensidigemenuItem:hover {
    color: rgba(90, 105, 150, 0.90);
}

    .GjensidigenavitemPathActive, .GjensidigemenuItem:hover path,
    .GjensidigemenuItem:hover {
        fill: rgba(90, 105, 150, 0.90);
        stroke: rgba(90, 105, 150, 0.90);
    }

/*Nykredit*/
.NykreditnavitemLabelActive, .NykreditmenuItem:hover label,
.NykreditmenuItem:hover {
    color: rgba(105, 125, 200, 0.90);
}

    .NykreditnavitemPathActive, .NykreditmenuItem:hover path,
    .NykreditmenuItem:hover {
        fill: rgba(105, 125, 200, 0.90);
        stroke: rgba(105, 125, 200, 0.90);
    }

/*Topdanmark*/
.TopdanmarknavitemLabelActive, .TopdanmarkmenuItem:hover label,
.TopdanmarkmenuItem:hover {
    color: rgba(200, 230, 230, 0.90);
}

    .TopdanmarknavitemPathActive, .TopdanmarkmenuItem:hover path,
    .TopdanmarkmenuItem:hover {
        fill: rgba(200, 230, 230, 0.90);
        stroke: rgba(200, 230, 230, 0.90);
    }

/*Codan*/
.CodannavitemLabelActive, .CodanmenuItem:hover label,
.CodanmenuItem:hover {
    color: rgba(129, 110, 160, 0.90);
}

    .CodannavitemPathActive, .CodanmenuItem:hover path,
    .CodanmenuItem:hover {
        fill: rgba(129, 110, 160, 0.90);
        stroke: rgba(129, 110, 160, 0.90);
    }


/*Alka*/
.AlkanavitemLabelActive, .AlkamenuItem:hover label,
.AlkamenuItem:hover {
    color: rgba(230, 95, 25, .7);
}

    .AlkanavitemPathActive, .AlkamenuItem:hover path,
    .AlkamenuItem:hover {
        fill: rgba(230, 95, 25, .7);
        stroke: rgba(230, 80, 25, .7);
    }

.warningColor {
    color: red;
}

.OkColor {
    color: green;
}

select[data-readonly="data-readonly"] {
    background-color: #eee;
    opacity: 1;
    pointer-events: none;
}

/*input[data-readonly]:focus {
        cursor: not-allowed;
    }*/

/*.navitemLabelActive {
    color: rgba(122, 165, 253, 0.90);
}

.navitemPathActive {
    fill: rgba(35, 129, 255, .7);
    stroke: rgba(70, 129, 250, 0.90);
}

.navitemActive {
    background-color: rgba(120, 165, 253, 0.40);
}*/

label {
    margin-bottom: 0px;
}

.btn-custom-group #on {
    text-transform: uppercase;
    font-weight: bold;
}

    .btn-custom-group #on:hover {
        color: #333333;
        background-color: #55d171;
    }

    .btn-custom-group #on:focus {
        outline: 0;
        color: #333333;
    }

    .btn-custom-group #on.active {
        background-color: #28a745;
    }


.btn-custom-group #off {
    text-transform: uppercase;
    font-weight: bold;
}

    .btn-custom-group #off:hover {
        color: #333333;
        background-color: #e87d87;
    }

    .btn-custom-group #off:focus {
        outline: 0;
        color: #333333;
    }

    .btn-custom-group #off.active {
        background-color: #dc3545;
    }

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.display {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}