.js-calendar {
    -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15)!important;
    box-shadow: 0 0 15px 4px rgba(0,0,0,.15)!important
}

.calendar-container {
    float: left;
    list-style: none;
    min-width: 160px;
    padding: 0
}

.calendar-container,.calendar-container table {
    background-color: #ffffff!important;
    border-radius: 5px;
    z-index: 1100!important;
    color: #000;
}

.calendar-container table {
    /* max-width: 262px; */
    table-layout: fixed
}

.calendar-container table td,div.calendar-container table th {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.1em;
    padding: 8px 0;
    text-align: center
}

div.calendar-container table body td {
    line-height: 2em
}

.calendar-container table {
    border-collapse: separate
}

div.calendar-container table td.title {
    text-align: center;
    vertical-align: middle
}

.calendar-container table thead td.headrow {
    background: #272521;
    color: #000
}

.calendar-container table thead td.name {
    border-bottom: 1px solid #272521;
    color: #000;
    text-align: center
}

.calendar-container table thead td.weekend {
    color: #999
}

.calendar-container table tbody td.day {
    text-align: right
}

.calendar-container table tbody td.wn {
    background: #272521
}

.calendar-container table tbody td.weekend {
    color: #999
}

.calendar-container table tbody td.hilite {
    background: #999;
    color: #272521
}

.calendar-container table tbody td.day {
    border: 0;
    cursor: pointer;
    font-size: 12px;
    min-width: 38px;
    background: #ffffff;
    color: #000;
}

.calendar-container table tbody td.day.wn {
    background-color: #ffffff;
    text-align: center
}

.calendar-container table tbody td.day.selected {
    background: #273e8a;
    border: 0;
    color: #ffffff;
}

.calendar-container table tbody td.today {
    font-weight: 700;
    height: 100%;
    position: relative;
    width: auto
}

.calendar-container table tbody td.today:after {
    background-color: #46a546;
    border-radius: 1.5px;
    bottom: 3px;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    right: 3px
}

.calendar-container table tbody td.today.selected:after {
    background-color: #272521
}

.calendar-container table tbody td.day:hover {
    background: #3d8fd7;
    color: #272521;
    cursor: pointer
}

.calendar-container table tbody td.day:hover:after {
    background-color: #272521
}

.calendar-container table tbody .disabled {
    background-color: #272521;
    color: #999
}

.calendar-container table tbody .emptycell {
    visibility: hidden
}

.calendar-container table tbody .emptyrow {
    display: none
}

.calendar-container .calendar-head-row td {
    border-bottom: none;
    padding: 4px 0!important;
}

.calendar-container .day-name {
    font-size: .7rem;
    font-weight: 700
}

.calendar-container .time td {
    padding: 0px;
    background: #272521;
    color:#fff!important;
    border:1px solid #ccc;
    line-height: 50px;
}

.buttons-wrapper {
    padding: 5px;
    width: 100%
}
.js-calendar.open button.js-btn.btn.btn-clear,
.js-calendar.open button.js-btn.btn.btn-today,
.js-calendar.open button.js-btn.btn.btn-exit {
    background: #273e8a;
    font-size: 14px;
}

.buttons-wrapper .btn {
    border: 1px solid #495057;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
    color: #495057;
    line-height: 2.375rem;
    margin-right: .5rem;
    min-width: 60px;
    padding: 0 16px
}

.buttons-wrapper .btn:hover {
    background: #1a466b;
    color: #272521
}

.buttons-wrapper .btn:last-child {
    margin-right: 0
}

.time .time-title {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9H672q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224V544q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5T1281.5 1561 896 1664t-385.5-103T231 1281.5 128 896t103-385.5T510.5 231 896 128t385.5 103T1561 510.5 1664 896z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.calendar-container .js-btn,.calendar-container select {
    cursor: pointer
}