﻿.dashbord-table{border:1px solid #ddd;margin:auto}
.dashbord-table>thead>tr>th,.dashbord-table>tbody>tr>td{padding:8px;border:1px solid #ddd}
.dashbord-table>tbody>tr>td{vertical-align:top}
.dashbord-table>tbody>tr:nth-of-type(2n+1){background-color:#f9f9f9}
.dashbord-table table{width:100%;border-bottom:1px solid #ddd}
.dashbord-table table:last-child{border-bottom:0px}
.dashbord-table table th{border-left:1px solid #ddd;text-align:center;word-break:break-all;min-width:60px !important;width:60px !important}
.dashbord-table .month-title{text-align:left;min-width:100px !important;width:100px !important}
.dashbord-table .row-number{border-left:1px solid #ddd !important;text-align:center;min-width:30px !important;width:30px !important}
.dashbord-table table td.column-item{border-left:1px solid #ddd;text-align:center;word-break:break-all;padding:4px;min-width:60px !important;width:60px !important}
.dashbord-table table th:first-child,.dashbord-table table td:first-child{border-left:none}
.no-padding{padding:0px !important}
.dashbord-table .month-title.no-padding{min-width:110px !important}
.year-title{padding:0px !important;width:70px}
.year-title .btn{padding:3px 6px;font-size:12px}
.month-title .btn{padding:3px 6px;font-size:12px}
.month-title.month-title-filter{vertical-align:top}
.print-background{background-color:#f9f9f9 !important;}

.nowrap{white-space:nowrap}
.search-icon{cursor:pointer;transition:all 0.3s ease;vertical-align:middle}

.radio-tile-group{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}
.radio-tile-group .input-container{position:relative;height:7rem;width:7rem;margin:.5rem}
.radio-tile-group .input-container .radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;cursor:pointer}
.radio-tile-group .input-container .radio-tile{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;border:2px solid #079ad9;border-radius:5px;padding:1rem;-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease,-webkit-transform 300ms ease}
.radio-tile-group .input-container .icon svg{fill:#079ad9;width:3rem;height:3rem}
.radio-tile-group .input-container .radio-tile-label{text-align:center;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#079ad9}
.radio-tile-group .input-container .radio-button:checked + .radio-tile{background-color:#079ad9;border:2px solid #079ad9;color:#fff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg{fill:#fff;background-color:#079ad9}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label{color:#fff;background-color:#079ad9}

@media print {
    @page {margin:5mm 5mm 5mm 5mm;}
    .header,.nav,.footer{display: none}
    table tr th,table tr td{color:#000000 !important;background-color:#f9f9f9;}
}