/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
  text-decoration: none; /* no underline on links */
}

.btn {
    opacity: 0.8;
}

.btn-primary {
    color: #5f666f;
    background-color: #e7eed3; /* #1b6ec2;*/
    border-color: #e7eed3;
    font-family: Roboto;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 20px;
    overflow-x: hidden;
}
/*@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}*/

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html, body {
    position: relative;
    min-height: 100%; 
    /*height: 100%;
    width: 100%;*/
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 70px;
    /*background-image: url('~/images/baggrundsbillede.jpg');*/
    font-family: Roboto;
    /* min-width: 100%;  320px; */
    /* min-height: 100%;  500px; */
    background-attachment: fixed;
}

@media (max-width: 1024px) {
    .bgSplash {
        background-image: url("../images/mobile-gray.jpg");
    }
}

@media (min-width: 1025px) {
    .bgSplash {
        background-image: url("../images/desktop-gray.jpg");
    }
}

@media (max-width: 1024px) {
    .bgPrivate {
        background-image: url("../images/mobile-green.jpg");
    }
}

@media (min-width: 1025px) {
    .bgPrivate {
        background-image: url("../images/desktop-green.jpg");
    }
}

@media (max-width: 1024px) {
    .bgMeeting {
        background-image: url("../images/mobile-blue.jpg");
    }
}

@media (min-width: 1025px) {
    .bgMeeting {
        background-image: url("../images/desktop-blue.jpg");
    }
}


.footer {
  position: absolute;
  /*position: fixed;
  left: 0; */
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.container {
    max-width: 600px; /* or 950px */
}

/* ---------------------------------------------------
    Bootstrap Modal custom styling - start
*/
.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-footer-minimal {
    height: 10px;
}
/* 
    Bootstrap Modal custom styling - end
--------------------------------------------------- */

.bg {
    /* The image used */
    /* background-image: url("../images/baggrund grå.jpg"); */
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* no background scrolling*/
    background-attachment: fixed;
}



.bg-moe-private {
    background-color: #1e695f;
}

.bg-moe-meeting {
    background-color: #003856;
}

    .table-nopadding {
        padding: 0px;
        margin: 0px;
        border-spacing: 0px;
        line-height: 1.0;
    }

    .white-spacer {
        background-color: white;
        width: 50px;
        height: 3px;
    }

    .white-spacer-small {
        background-color: white;
        width: 35px;
        height: 3px;
    }

    .invisible-spacer {
        height: 20px;
    }

    .invisible-spacer-small {
        height: 14px;
    }

    .invisible-spacer-large {
        height: 80px;
    }

    .invisible-horisontal-spacer {
        width: 10px;
    }

    .textPrimary {
        font-family: RobotoMedium;
    }

    .textSecondary {
        font-family: RobotoLight;
    }

    .text-color-MOE-Gray {
        color: #5f666f;
    }

    .textButtonSecondary {
        font-family: Roboto;
    }

    .textLoginTitle_small {
        font-size: 25px;
        line-height: 1.1;
    }

    .textLoginTitle_large {
        font-size: 35px;
        line-height: 1.2;
    }


    .text2LineButton {
        font-size: 12px;
        line-height: 1.0;
    }

    .text2LineBuyButton {
        font-size: 15px;
        line-height: 1.0;
    }

    .textQuantityInput {
        font-size: 140%;
        border-left: none;
        border-right: none;
        height: 100%;
        width: 40%;
    }


    .inputSemiTransparent {
        border: none;
        opacity: 0.5;
    }

    .inputNotValid {
        border: 2px solid red;
        background-color: darksalmon;
    }

    .plusButton {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: none;
        opacity: 0.8;
        width: 30%;
        /*   font-size: 150%;
    
font-size: 110%;
padding-top: 12px;
    
text-align: center;
align-content: center; */
    }

    .minusButton {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: none;
        opacity: 0.8;
        width: 30%;
        /*   
        padding-right: 20px;
    padding-bottom: 10px;
text-align: center; 
align-content: center;*/
    }

    .numberSelectorImg, .numberSelectorImgMinus, .numberSelectorImgPlus {
        /*    width: 40px;
    height: 40px; */
        /*align-content: flex-start;*/
        /*margin-top: 5px;*/
    }

    .numberSelectorImgMinus {
        /*margin-left: -16px;*/
    }

    .numberSelectorImgPlus {
        /*margin-left: -16px;*/
    }

    .meetingInfoDivider {
        width: 100%;
        height: 2px;
        background-color: lightblue;
    }

    .meetingInfoButton {
        margin-top: 1px;
    }

    .footerStyle {
        padding-left: 15px;
        padding-right: 15px;
    }

    .centerContent {
        align-content: center;
        align-items: center;
    }

    .btnBuy {
        /* padding-top: -20px; */
    }

    .btnWarning {
        background-color: #FFC43B;
    }

    .no-underline {
        text-decoration: none !important
    }

@media (max-width: 320px) {
    .text-responsive {
        font-size: 16px;
    }
}

@media (min-width: 321px) and (max-width: 1024px) {
    .text-responsive {
        font-size: calc(45% + 1vw + 1vh);
    }
}

@media (min-width: 1025px) {
    .text-responsive {
        font-size: 20px;
    }
}


    .footer-color {
        opacity: 0.9;
    }

    /* table with fixed header and scrollable body - START */
    /*table {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    line-height: 1.0;
}

thead, tbody, tr, td, th {*/
    /*display: block;*/
    /*}


    tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    thead th {
        height: 30px;
        clear: both;*/
    /*text-align: left;*/
    /*}

tbody {
    width: 100%;
    height: 300px;
    overflow-y: auto;*/
    /*display: block;*/
    /*display: contents;
}

thead {*/
    /* fallback */
    /*}


    tbody td, thead th {*/
    /*width: 19.2%;*/
    /*float: left;*/
    /*}*/
    /* table with fixed header and scrollable body - END */