@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');

.mc-date
{
    width: 30px;
    height: 30px;
    border: 1px solid #29ABE2;
}

.mc-booked-end
{    
    background: linear-gradient(135deg, #C9D1DB 49%,#29ABE2 50%, #29ABE2 51%, transparent 52%, transparent 100%);
}

.mc-booked-start
{
    background: linear-gradient(135deg,transparent 49%,#29ABE2 50%, #29ABE2 51%, transparent 52%, #C9D1DB 52.01%, #C9D1DB 100%);
}

.mc-booked-middle
{
    background: linear-gradient(135deg,#C9D1DB 44%,#29ABE2 48%, #29ABE2 51%, #C9D1DB 52%, #C9D1DB 100%);
}

#mc-search
{
    border: 0.75px solid #5AD6F1;
    border-radius: 21px;
    opacity: 1;
}

#mc-search::placeholder
{
    font-family: "Roboto" !important;
    font-weight: 300;
    font-size: 14px !important;
}

#my-search-icon
{
    position: relative;
    right: 36px;
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(90deg);
}

.day-number
{
    text-align: center;    
    font-family: "Roboto";
    font-weight: 600;
    font-size: 12px;
}
.weekday
{
    font-family: "Roboto"; 
    font-weight:300;
    font-size: 11px;
}

.mc-day-col
{
    font-family: "Roboto";
    font-weight:300;
    width: 30px;
    text-align: center;
}

.mc-head
{
    background-color: #F9F9F9;
}

.mc-search-box
{
    background-color: #F9F9F9;
    width: 200px;
}

.mc-property-name
{

    border-radius: 30px !important;
    box-shadow: 1px 1px 3px #a1a1a1;
    border: unset;
    border-spacing: 3em 3em;
    /*! width: 182px; */
    padding: 8px;
    height: 37px;
    max-width: 187px;
}
.mc-property-bookeddates
{
    /*! margin-left: 18px; */
    padding-top: 4px;
    left: 207px;
    position: absolute;
}

.mc-property-day
{
    width: 26px;
    height: 30px;
    border: 1px solid #29ABE2;
    margin-left: 4px;
}

.header {
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1;
}
  
.day-hide{
    display: none;
}

.my_sticky {
    position: fixed;
    z-index: 100;
}

.overlay {
    background: #FFFFFF;
    color: #666666;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 200;
    text-align: center;
    padding-top: 30%;
    -ms-opacity: .80;
    opacity: .80;
}