/*#v-cal *,#v-cal :after,#v-cal :before{-webkit-box-sizing:border-box;box-sizing:border-box}#v-cal{background-color:#fff;border-radius:0;border:1px solid #e7e9ed;-webkit-box-shadow:0 4px 22px 0 rgba(0,0,0,.05);box-shadow:0 4px 22px 0 rgba(0,0,0,.05);margin:0 auto;overflow:hidden;width:100%}#v-cal .vcal-btn{-moz-user-select:none;-ms-user-select:none;-webkit-appearance:button;background:none;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;min-width:27px;outline:none;overflow:visible;padding:0;text-align:center}#v-cal .vcal-btn:active{border-radius:0;-webkit-box-shadow:0 0 0 2px rgba(16,152,158,.1);box-shadow:0 0 0 2px rgba(16,152,158,.1)}#v-cal .vcal-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:19.2px 22.4px;padding:1.2rem 1.4rem}#v-cal .vcal-header svg{fill:#10989e}#v-cal .vcal-header__label{font-weight:700;text-align:center;width:100%}#v-cal .vcal-week{background-color:#e7e9ed;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
    #v-cal .vcal-week span {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        font-size: 19.2px;
        font-size: 1.2rem;
        font-size: 0.78rem;
        font-weight: 700;
        max-width: 14.28%;
        padding: 19.2px 22.4px;
        padding: 1.2rem 1.4rem;
        text-align: center;
        text-transform: uppercase
    }#v-cal .vcal-body{background-color:rgba(231,233,237,.3);-ms-flex-wrap:wrap;flex-wrap:wrap}
     #v-cal .vcal-body,#v-cal .vcal-date{
         display:-webkit-box;display:-ms-flexbox;display:flex

     }
    #v-cal .vcal-date {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
        padding: 19.2px 0;
        padding: 1.2rem 0;
        border: 0.01rem solid #ced4da;
            border: 0.1px solid #ced4da
    }
    #v-cal .vcal-date--active {
        cursor: pointer;
    }
    #v-cal .vcal-date--today {
        background-color: #e7e9ed;
        color: #333;
    }
    #v-cal .vcal-date--selected {
        background-color: #ee5624;
        color: #fff
    }#v-cal .vcal-date--disabled{border-radius:0;cursor:not-allowed;opacity:.5}

    #v-cal .vcal-date--active:hover {
        background-color: #ee5624;
        color: #fff

    }*/





/*html {
    box-sizing: border-box;
    font-size: 10px;
}*/

/**, *:before, *:after {
    box-sizing: inherit;
}*/

/*body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #333;
    font-size: 1.6rem;
    background-color: #FAFAFA;
    -webkit-font-smoothing: antialiased;
}*/

/*.logo {
    margin: 1.6rem auto;
    text-align: center;
}*/

/*a, a:visited {
    color: #0A9297;
}

footer {
    text-align: center;
    margin: 1.6rem 0;
}*/

/*.container {
    width: 96%;
    margin: 1.6rem auto;
    max-width: 76rem;
    text-align: center;
}*/

/*h1 {
    text-align: center;
}*/

.cal__header button {
    background: none;
    border: 0;
    outline: none;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

.cal button:active {
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(10, 146, 151, 0.1)
}

.cal {
    width: 100%;
    /*max-width: 42rem;*/
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #e7e9ed;
}

.cal__header {
    display: flex;
    padding: 1.2rem 1.4rem;
    align-items: center;
}

    .cal__header svg {
        fill: #0A9297;
    }

.cal__header__label {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.cal__week {
    display: flex;
    flex-wrap: wrap;
    background-color: #E7E9ED;
}

    .cal__week span {
        /*font-size: 1.2rem;*/
        font-size: 0.76rem;
        max-width: 14.28%;
        padding: 1.2rem 1.4rem;
        flex: 0 0 14.28%;
        flex-direction: column;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        background-color: #fafafa !important;
        color: #0A9297
    }
/*shegu*/
@media all and (max-width: 680px) { /*768px // 680*/
    .cal__week span {
        /*font-size: 1.2rem;*/
        font-size: 0.76rem;
        max-width: 14.28%;
        padding: .4rem .2rem;
        flex: 0 0 14.28%;
        flex-direction: column;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        background-color: #fafafa !important;
        color: #0A9297
    }
}
.cal__body {
    display: flex;
    flex-wrap: wrap;
    background-color: #fafafa;
}

.cal__date {
    background-color: #fff;
    display: flex;
    max-width: 14.28%;
    flex: 0 0 14.28%;
    flex-direction: column;
    align-items: center;
    padding: 1.2rem 0;
    border-radius: 4px;

    border: 1px solid #ced4da;
}

.cal__date--active:hover {
    cursor: pointer;

    background-color: #ee5624;
    color: #fff
}

.cal__date--today {
    /*smongec*/
    /*background-color: #0A9297;
    color: #fff;*/
    background-color: #e7e9ed;
    color: #333;
}

.cal__date--selected {
    /*background-color: #E7E9ED;
    color: #333;*/
    /*smonge*/
    background-color: #ee5624;
    color: #fff
}

.cal__date--disabled {
    opacity: 0.5;
}

.cal__date--disabled:hover {
    cursor: not-allowed;
}

.demo-picked {
    font-size: 1.2rem;
    text-align: center;
}

.demo-picked span {
    font-weight: bold;
}



/*.cal-date--active:hover {
    background-color: #ee5624;
    color: #fff
}*/



/*#v-cal .vcal-date--disabled {
    border-radius: 0;
    cursor: not-allowed;
    opacity: .5
}

*/