.datespan {
    // background-color: #DCDCDC;
    background-color: $availabilityCellColor;
    height: 5px;
    line-height: 20px;
}

.maindiv {
    border: 1px solid black;
    
}

.availability-row{
    margin-bottom: 3px; 
    text-align: left;
    padding-left: 5px;
    // background-color: #DCDCDC;
    background-color: $availabilityCellColor;

}

.availabilitycell{
    background-color: $availabilityCellColor;
}

.availabilityborders {
    border: 3px solid rgb(220,220,220);
    border-bottom: none;
    border-right: none;
}

.aborder {
    border-bottom: 3px solid rgb(220,220,220);
}
.noborder {
    border-bottom: none;
}
.availability-row:nth-child(odd) {
    // background-color: $availabilityOddRowColor;
}

.mainAvailabilityDiv {
    width:100%; 
    height:100%
}

.availabilityborder {
    border: 1px solid white;
}

.availability-right-row {
    text-align: center; 
    display: inline-block; 
    width:46px;    
    line-height: 20px; 
    margin-bottom: 3px;
    // background-color:#DCDCDC; 
    background-color: $availabilityCellColor;

    border-left:3px solid #F6F6F6
}

.availability-right-row-ul:nth-child(even) .availability-right-row {
    // background-color: $availabilityOddRowColor;
}

.availability-right-row-ul{
    padding: 0px 0px 0px 0px !important; 
    margin: 0; display:flex;
    list-style: none;
}


// 
.datespan {
    // background-color: #DCDCDC;
    background-color: $availabilityCellColor;

    height: 5px;
    line-height: 20px;
}

.maindiv {
    border: 1px solid black;
    
}

.undoicon {
    margin-right:1px;
}

.timezonedrop {
    margin-left: 5px;
    /* margin-right:12px; */
    color: black;
    background-color:white;
    padding: 6px 4px 4px;
    border: 1px solid black;
}

/*  */
.datespan1 {
width: 100%; 
float:left; 
// background-color:#DCDCDC; 
background-color: $availabilityCellColor;

margin-top:5px;
// border-left: 1px solid  darkgrey;                              
// border-right: 1px solid  darkgrey;                              
border-bottom: 1px solid darkgrey;
}

.datespan2 {
    padding: 5px 0 !important; 
    text-align: center;
    display: inline-block;   
    // border-left: 1px solid  darkgrey;                    
    // border-right: 1px solid  darkgrey;                              
    // border-bottom: 1px solid darkgrey;          
}

.firstdiv {
    margin-top: 10px;
}
