@font-face {
    font-family: 'inconsolate';
    src: url('assets/fonts/static/Inconsolata/Inconsolata-Regular.ttf');
}

.date-patients {
    font-weight: bold;
    font-size: 16pt;
}

.gray {
    background-color: #ddd !important;
}

.card {
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    /*margin-top: 2px;*/
    /*margin-bottom: 2px;*/
}

h4 {
    font-family: calibri;
}

#month {
    text-transform: uppercase;
    color:#fff;
}

.table {
    font-family: calibri;
}

.not-border {
    border: none !important
}

.table tbody tr td {
    cursor: pointer;
    color:#fff;
}

.card {
    background: none !important;
}

.table tbody tr>td:hover {
    background: #000;
}



.loader {
    background-color: rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    margin-top: -16%;
    z-index: 1000000 !important;
    background-color: #fff;
    height: 105%;
    text-align: center;
}

.loader>.imageLoad {
    margin-top: 10%;
    max-width: 230px;
}

.waiting {
    font-family: calibri;
    color: #087324;
}

.table tbody tr>td.not-hovered:hover {
    background: none !important;
}

.table tbody tr>td.not-hovered:hover {
    background: none !important;
}

.table-header {
    border-bottom: none !important;
}

.limit {
    font-size: 12pt;
    color: #eee;
}

.logo-1 {
    max-width: 50px;
    margin-right: 10px;
}

.logo-2 {
    max-width: 80px;
}

.logo-dinkes {
    width: 50px;
    border-bottom: none;
}

.title-dinkes {
    font-weight: bold;
    color: #087324;
    border-bottom: none;
}

.welcome {
    font-weight: bold;
    margin-top: 30px;
    color: #159436;
    font-family: calibri;
    border-bottom: none;
}

.welcome-sub-title {
    color: #555;
    font-family: calibri;
    margin-bottom: 50px;
}

.footer {
    margin-top: 80px;
    text-align: center;
    padding: 20px;
}

#card_number {
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
}

#dateQueue {
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
}

#card_number:focus {
    outline: none;
}

.container-table{
    width:60%;
    margin:0px auto;
    margin-top:15%;
}
.title-dinkes {
    font-weight: bold;
    color: #087324 !important;
    border-bottom: none;
}


.table>:not(caption)>*>* {
     padding: unset !important;
     background: rgba(0, 0, 0, 0.4); 

}

.bg {
     /*background-attachment: fixed; */
    background-image: url('../../../../images/bg_calendar.png');
    /* background: rgba(0, 0, 0, 0.1); */
    background-repeat: no-repeat;
    background-size: cover; 
    margin-left:-15px;
    margin-right:-15px;
    /*background-size: contain;*/
}

.card-body{
    padding:unset !important;
}

    table.table tr.font-header>th {
        color: #fff !important;
    }


@media(max-width: 880px) {
    .row>* {
        padding-right: calc(var(--bs-gutter-x) * .1);
        padding-left: calc(var(--bs-gutter-x) * .1);
    }

    .footer{
        display:block !important;
    }

    .container-table{
        width:85%;
        margin:0px auto;
        /*margin-top:15%;*/
    }
    
    .welcome, .welcome-sub-title, .header-mobile{
        display:block !important;
    }
    

    table.table tr.font-header>th {
        font-size: 8pt;
        color:#000 !important;
    }
    .date-patients {
        font-weight: bold;
        font-size: 9pt;
        color:#000;
    }
    .card-header {
        font-weight: bold;
        font-size: 6pt;
        padding: 0px;
    }
    .card-body {
        padding: 2px !important;
    }
    .off {
        font-size: 7pt;
    }
    .limit {
        font-size: 7pt;
        color: #888;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .bg {
         /*background-attachment: fixed; */
        background-image: unset !important;
        /* background: rgba(0, 0, 0, 0.1); */
        /*background-repeat: no-repeat;*/
        /*background-size: cover; */
        /*margin-left:-15px;*/
        /*margin-right:-15px;*/
        /*background-size: contain;*/
    }

    .table>:not(caption)>*>* {
         padding: unset !important;
         background: unset; 
    
    }

    #month {
        text-transform: uppercase;
        color:#000;
    }


}