body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    background-color: #dcdcdc;
}

.container {
    background-color: white;
    /*box-shadow: 0px 0px 10px 5px #888888;*/
    padding: 0px;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}


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

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/*Validation messages styling.*/
.val-summ ul {
    padding-left: 0px;
    list-style-type: none;
    color: red;
    margin: 0px;
}

/*------------------------*/

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0px;
}

.no-zindex {
    z-index: unset;
}

.text-bold {
    font-weight: bold;
}

/*Red color*/
.color-red {
    color: red;
}

.background-color-light-red {
    background-color: #f4cbcb !important;
}

/*Borderless bootstrap table*/
.table-borderless td,
.table-borderless th {
    border: 0 !important;
}


/*Modules colors*/
.module-empty {
    background-color: white;
    border-color: black;
}

.module-clinical {
    background-color: #8db4e2;
    border-color: black;
}

.module-tissue {
    background-color: #30f047;
    border-color: black;
}

.module-bioptic {
    background-color: #00b050;
    border-color: black;
}

.module-serum {
    background-color: #EEEE18;
    border-color: black;
}

.module-plasma {
    background-color: #c5d9f1;
    border-color: black;
}

.module-dna {
    background-color: #C7A2F5;
    border-color: black;
}

.module-blood {
    background-color: #ff6666;
    border-color: black;
}

.module-urine {
    background-color: #FBFBA3;
    border-color: black;
}

.module-stool {
    background-color: #e67300;
    border-color: black;
}

.module-liquor {
    background-color: #C0C0C0;
    border-color: black;
}

.module-vit {
    background-color: #FFFFFF;
    border-color: black;
}

.module-ah {
    background-color: #B4D8FB;
    border-color: black;
}

.module-af {
    background-color: #EAB088;
    border-color: black;
}

.module-ct {
    background-color: #C981E6;
    border-color: black;
}

.module-tears {
    background-color: #66ffcc;
    border-color: black;
}

.module-umbilical-cord-blood {
    background-color: #ff6666;
    border-color: black;
}

.module-seminal-plasma {
    background-color: #BFE997;
    border-color: black;
}

.module-follicular-fluid {
    background-color: #9CC5F9;
    border-color: black;
}

.module-mix {
    background-color: #E6E6E6;
    border-block: black;
}

.required-asterisk {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .required-asterisk span {
        color: red;
    }

requiredstar {
    color: red;
}


footer {
    /*background-color:lightgray;*/
    height: 100px;
    padding: 10px;
}

    footer hr {
        margin-bottom: 10px;
        height: 1px;
        background-color: black;
    }

.site-title {
    color: #337AB7;
    padding-bottom: 10px;
}

.bootstrap-datetimepicker-widget {
    background-color: white !important;
}

/*Easy autocomplete global settings*/
.easy-autocomplete-container {
    text-align: left;
    z-index: 100;
}


.navbar.beta-version {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #ECB441;
    top: 0;
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
}

.left-border-thick {
    border-left: 5px solid;
    padding-left: 5px;
}

.crossed {
    background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), rgb(81, 81, 81), transparent calc(50% + 1px));
}

.beta-background {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgb(236, 180, 65)' font-size='20'>BETA</text></svg>");
}