﻿#scheduling-employee-availabilities-by-week-dialog
{
    overflow: hidden;
}

#wrap-availability-top
{
   width: 780px;
   margin: 0 auto;
}

.availability-top-left
{
   float: left;
   width: 180px;
}

.availability-top-right 
{
   overflow: hidden;
   width: 584px;
}

#wrap-availability-middle
{
   width: 780px;
   margin: 0 auto;
   height: 320px;
}

.availability-middle-left
{
   float: left;
   width: 180px;
   height: 304px;
   overflow: hidden;
}

.availability-middle-right 
{
    overflow: scroll;
    width: 600px;
    height: 320px;
    position: relative;
}

.availability-middle-right table
{
   border-collapse: collapse;
}

.availability-middle-right table td, .availability-middle-right table th
{
   border: 1px solid #808080;
}

.availability-middle-right table tr:first-child th
{
   border-top: 0;
}

.availability-middle-right table tr:last-child td
{
   border-bottom: 0;
}

.availability-middle-right table tr td:first-child, .availability-middle-right table tr th:first-child
{
   border-left: 0;
}

.availability-middle-right table tr td:last-child, .availability-middle-right table tr th:last-child
{
   border-right: 0;
}

.nowrap
{
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.scheduling-week-availability 
{
    position: absolute;
    z-index: 4;
    height: 22px;
}

#wrap-availability-bottom
{
   width: 780px;
   margin: 0 auto;
   height: 43px;
}

.availability-bottom-left
{
   float: left;
   width: 180px;
}

.availability-bottom-right 
{
    overflow: hidden;
    width: 584px;
    height: 43px;
}

.scheduling-availability-cell
{
    border: 1px #808080 solid;
    border-left-width: 0;
    border-top-width: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 22px;
    line-height: 21px;
    float: left;
}

.scheduling-availability-cell-center-align
{
    text-align: center;
}

.scheduling-availability-bottom-cell
{
    border: 1px #808080 solid;
    margin: 0;
    padding: 0;
    height: 20px;
}

.availability-bottom-right-row
{
    width: calc(84 * 23px);
    height: 22px;
}
