/*
* jQuery-Calendar Plugin v1.1.0
*
* 2018 (c) Sebastian Knopf
* This software is licensed under the MIT license!
* View LICENSE.md for more information
*/
/** {
    font-family: 'Lato';
    
}*/
/*body{
            background-color:black;
}*/
.calendar {
    /*box-shadow: 0 4px 8px 0 rgba(6, 50, 64, 0.12);*/
    font: 1.1rem "Lato", Helvatica, Arial, san-serif;
    display: table;
    width: 100%;
}

.calendar header { 
    cursor: default; 
    height: 40px; 
    position: relative; 
    font-weight: bold;  
    text-transform: uppercase; 
} 
.calendar header span { 
    display: inline-block; 
    line-height: 40px; 
}

.calendar header .button {  
    width: 40px; 
    text-align: center; 
    position: absolute; 
	cursor: pointer;
} 

.calendar header .left.button { 
    left:0; 
} 

.calendar header .right.button { 
    right:0; 
    top:0; 
} 

.calendar header .header-label { 
    letter-spacing: 1px; 
    width: 100%; 
    text-align: center; 
	cursor: pointer;
}

    .calendar table {
        background: #fff;
        border-collapse: collapse;
      
    }
        .calendar thead tr/*, .calendar table tr*/ {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
          
        }
        .calendar table td {
            color: #2b2b2b;
            width: 5vw;
            height: 5vh;
            line-height: 30px;
            text-align: center;
            border: 1px solid #e6e6e6;
            cursor: default;

        }
    .calendar thead th {
        /*height: 5vh;
        width: 5vw;*/
        line-height: 26px;
        text-transform: uppercase;
        font-size: 90%;
        color: #9e9e9e;
        background-color: GHOSTWHITE;
        text-align:center;

    }
        .calendar thead th:not(:last-child) {
            border-right: 1px solid #e6e6e6;
        }

.calendar .calendar-frame table { 
    width: 100%;
} 

.calendar .calendar-frame tbody td.today { 
    background:#eee; 
    color:#555;  
}

    .calendar .calendar-frame tbody td:not(.disabled).selected {
        background: #69AE4E;
        color: #fff;
        /*border-radius:50vw;*/
    }

    .calendar .calendar-frame tbody td:not(.disabled):hover {
        color: #fff;
        background: #73be55;
        cursor: pointer;
    }

.cal_grey {
    cursor: not-allowed;
    background: #f5f5f5 !important;
    color: #ccc !important;
}


@media all and (-ms-high-contrast:none) {
    /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
   
/*    .calendar thead tr {
        display: inline-block !important;
    }*/

    .calendar thead th {
        width: 5vw !important;
    }
}