/* CALENDARIO -------------------------------*/
#calendar thead {
    background-color: rgba(207, 215, 228, 0.22);
}
.fc-header-title h2 {
    font-family: 'poppins', sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 0px;
}
div#calendar {
    padding-top: 20px;
}
span.fc-button {
    border-radius: 50% !important;
    border: 2px solid #e5e8ec;
    width: 42px;
    height: 42px;
    box-shadow: none;
    color: #606467;
    text-align: center;
    font-size: 20px;
    margin: 0px 16px 16px 16px!important;
    transition: all 0.2s ease;
}
span.fc-button:hover {
    border: 2px solid #007EFF;
    color: #007EFF;
}
.fc-button .fc-icon {
    font-size: 26px;
}
tr.fc-first.fc-last {
    height: 40px;
    vertical-align: middle;
}
tr.fc-first.fc-last th {
    vertical-align: middle;
    color: #a3a6ab;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    padding-left: 10px;
}
.fc-grid .fc-day-number {
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    font-family: 'poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #535353;
}
.fc-widget-header, .fc-widget-content {
    border-color: #e5e8ec;
}
.fc-view {
    overflow-x: hidden;
    border-radius: 0px 0px 12px 12px;
}
.fc-state-highlight {
    background-color: #fcf8e3 !important;
    background-size: 35% !important;
    transition: background-size 0.15s ease !important;
}
.fc-state-highlight:hover {
    background-color: rgba(3, 115, 230, 0.12) !important;
    /* border-color: red !important; */
    box-shadow: inset 0px 0px 0px 1px #2196F3 !important;
    cursor: pointer;
    /* transition: all 0.2s ease; */
    background-image: url(../img/calendario-agregar.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 58% !important;
}
td.fc-day {
    background-size: 35%;
    transition: background-size 0.15s ease;
}
td.fc-day.blocked, td.fc-day.blocked:hover {
    background-color: rgb(245, 233, 236) !important;
    background-image: url(../img/calendario-blocked.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40% !important;
    box-shadow: none !important;
    border-color: #e0d2d6 !important;
    cursor: not-allowed !important;
}
td.fc-day.blocked-periodo, td.fc-day.blocked-periodo:hover {
    background-color: rgb(245, 233, 236) !important;
    /*background-image: url(images/calendario-blocked-periodo.png);*/
    background-image: url(../img/calendario-blocked.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40% !important;
    box-shadow: none !important;
    border-color: #e0d2d6 !important;
    cursor: not-allowed !important;
}
.fc-last td.fc-day:first-child {
    border-bottom-left-radius: 12px !important;
}
.fc-last td.fc-day:last-child {
    border-bottom-right-radius: 12px !important;
}
tr.fc-week.fc-last td {
    border-bottom: 0px;
}
table.fc-border-separate tr td:first-child {
    border-left: 0px solid;
}
table.fc-border-separate tr td:last-child {
    border-right: 0px solid;
}
table.fc-border-separate tr th:first-child {
    border-left: 0px solid;
}
table.fc-border-separate tr th:last-child {
    border-right: 0px solid;
}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    padding: 2px 9px !important;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1) !important;
    border: 0px !important;
}
td.fc-day.fc-widget-content.fc-other-month {
    background-color: rgba(239, 243, 247, 0.5);
}
.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.2 !important;
}
a.tooltips {
    position: relative;
    display: block;
    width: 100%;
    height: 15px;
    color: white;
}
a.tooltips span.tool {
    border: 0px solid rgba(0, 0, 0, 0.13) !important;
    position: absolute;
    min-width: 195px;
    color: #000000;
    background: #FFFFFF;
    /* height: 30px; */
    padding: 12px 15px;
    /* line-height: 30px; */
    text-align: left;
    visibility: hidden;
    border-radius: 8px;
    -webkit-box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
}
a.tooltips span.tool:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -24px;
    width: 0; height: 0;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
a:hover.tooltips span.tool {
    border: 1px solid #c4c4c4;
    visibility: visible;
    opacity: 1;
    left: 84%;
    top: -18px;
    margin-top: -15px;
    margin-left: 15px;
    z-index: 999;
}
a.tooltipsRiht {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    color: white;
}
a.tooltipsRiht span.tool {
    border: 0px solid !important;
    position: absolute;
    min-width: 195px;
    color: #000000;
    background: #FFFFFF;
    /* height: 30px; */
    padding: 9px 15px;
    /*line-height: 30px;*/
    text-align: left;
    visibility: hidden;
    border-radius: 8px;
    -webkit-box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 26px 2px rgba(0, 0, 0, 0.3);
}
a.tooltipsRiht span.tool:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0; height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
a:hover.tooltipsRiht span.tool {
    border: 1px solid #c4c4c4;
    visibility: visible;
    opacity: 1;
    right: 100%;
    top: -20px;
    margin-top: -15px;
    margin-left: 15px;
    z-index: 999;
}
td.fc-day.unblocked:hover {
    background-color: rgba(3, 115, 230, 0.12) !important;
    /* border-color: red !important; */
    box-shadow: inset 0px 0px 0px 1px #2196F3 !important;
    cursor: pointer;
    /* transition: all 0.2s ease; */
    background-image: url(../img/calendario-agregar.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 58% !important;
}

.margin{
    margin-top: 7px;
}