input.time {
        width: 410px !important;
    }

    i{ 
       color: #2472e7 !important;
    }

    .day{ 
        font-size: 25px !important;
        padding: 5px 5px 5px 5px;
        color: #65C28B;


    }
    .dow{
        font-size: 20px;
        background-color: #5a9cb9;
        -webkit-border-radius: 0px !important;
        color: white;
    }   

    .prev{
        background-color: #0D47A1;
        -webkit-border-radius: 0px !important;
        color: white;
    }

    .datepicker .next.disabled, .datepicker .prev.disabled {
        display: block;
    }

    .table-condensed thead{ 
        background-color: #0D47A1 !important;
    }

    .today{
        background-color: #0D47A1;
        color: white;
    }

    .next{
        background-color: #0D47A1;
        -webkit-border-radius: 0px !important;
        color: white
    }

    .datepicker-switch{
        background-color: #0D47A1;
        -webkit-border-radius: 0px !important;
        font-size: 23px;
        color: white;
        padding: 5px;
    }


    .datepicker-days{ 
        width: 600px;
    }

    .table-condensed{ 
        border: 1px solid #cfcfcf;
        padding: 15px 15px 15px 15px;
    }

    .ui-timepicker-wrapper {
        width: 16.5em !important;
        background: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
        outline: none;
        z-index: 10001;
        margin: 0;
    }

    body{
        background-image: url('../home_test.jpg');
    }

    .datepicker .table-condensed tbody{
        background-color: #f7fbff;
    }

    

    .vuecal {
      margin: auto;
      max-width: 1300px;
      max-height: 662px;
    }

    .vuecal__event {
      background-color: rgba(173, 216, 230, 0.5);
      box-sizing: border-box;
      padding: 5px;
    }