#calendar a {
    color: black ;
}

img.logo {
    max-width: 300px;
}

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

input.search {
    max-width: 400px;
}


/*Fullcalendar*/

/*Fyld månedsvisning ud i stedet for at cutte teksten af - Virker ikke i mobil mode*/
/*.fc-event-time {
    overflow: visible !important;
}

.fc-event-title-container {
    
    white-space: normal !important;
}*/

/*Fullcalendar slut*/

.card-info:not(.card-outline) > .card-header {
    background-color: #3c8dbc;
}

.card-question:not(.card-outline) > .card-header {
    background-color: #425864;
}

.card-question:not(.card-outline) > .card-header, .card-question:not(.card-outline) > .card-header a {
    color: #fff;
}

.btn-small {
    width: 120px;
}

.btn-pdf {
    background-color: white;
}

.btn-pdf:hover {
    background-color: #8b0000e5;
}

.label-normal {
    font-weight: normal !important;

    margin-bottom: 0px;
}

.custom-table {
    width: 100%;
}

.custom-table th,td {
    padding: 8px 14px
}

.custom-table th {
    background-color: rgba(208, 208, 208, 0.3);
}

/*.custom-table tr {
    border-bottom: 1px solid black;
}*/

.dato-width {
    max-width:180px;
}

.time-width {
    max-width: 100px;
}

.cursor-pointer {
    cursor: pointer;
}

.question-check {
    cursor: pointer;
}

.error.question-check {
    cursor: pointer;
}

.table-hover {
    cursor: pointer;
}

.table-responsive th, td {
        word-break: break-word; /*or you can use word-break:break-all*/
        min-width: 50px; /*set min-width as needed*/
}

.icheck-custom > input:first-child:checked + input[type="hidden"] + label::before, .icheck-custom > input:first-child:checked + label::before {

    background-color: #559ac8;
    border-color: #559ac8;
}

.icheck-custom > input:first-child + input[type="hidden"] + label::before, .icheck-custom > input:first-child + label::before {

    background-color: #fff;
}

input.time-registration{
    width: 50px;
}

select.time-registration {
    display: block;
    width: 65px;
}

input.vare-unit-type {
    width: 55px;
}

.flex { display: flex; }

label.error {
	color: red;
	padding-top: 5px;
	margin: 0px;
	display:block;
}

input.error{
	border-color: red;	
}

textarea.error{
	border-color: red;	
}

.disable-hover:hover {
    background-color: white !important;
}

.hide {
    display: none;
}

button.square {
    height: 130px;
}

.flatpickr-input[readonly] {
    background-color: white;
}

.flatpickr-input[disabled]{
    background-color: #eee;
    cursor: default !important;
}

.flatpickr-input[disabled] + .input-group-text{
    cursor: default !important;
}

.button-column {
    width: 100px;
}

/*input[type="radio"].error + .form-check-label { 
    color: red;
}*/

.question-radio {
    
    margin-top: .3rem;
    
}


@media (min-width: 768px) {
    .modal-xl-custom {
        width: 90%;
        max-width:1800px;
    }
}


/*Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

.select2-container {
    min-width: 165px;
}

tr.bottom-line td{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.uppy-Dashboard-poweredBy {
    display:none !important;
}

/*.uppy-Dashboard-inner {
    height: auto !important;
}*/

/*Datatables paging responsive fix */
@media(max-width: 575px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .select2-container {
        min-width: 250px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}