Fbody {
    padding-top: 0;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 0;
   }

/* Set width on the form input elements since they're 100% wide by default */
input[type=text],
select {
    height:22px;
}

.ckbRecurrence
{
    padding-bottom:10px;
}
.datatable{
    width:100%; margin-left:0; margin-top:10px
}

.datatable td{
    padding-top:6px;
    border-bottom:solid 1px #808080;
    padding-bottom:6px;
    vertical-align:top;
    padding-left:10px;
}
.datatable tr{
    border-bottom:solid 1px #808080;
}

.datatable th{
    background-color:#646868;
    padding: 10px;
    color:white ;
}

.headerSortDown {
    color:yellow!important;
    text-decoration:underline ;
}
.headerSortDown:after {
    content: "▼";
}
.headerSortUp {
    color:yellow!important;
    text-decoration:underline ;
}
.headerSortUp:after {
    content: "▲";
}

.header:hover {
    cursor:pointer;
}




.fieldset {
    border: solid 1px #808080;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.fsetDiv30{
    width:33%;
    float:left;
}

.fsetDiv60{
    width:60%;
     float:left;
}

.searchBtn
{
     width:9%;
    float:left;
    text-align:center ;
}

.dvRow{
    float:left ;
    width:100%;
    clear:both ;
}

.dvRow_Line{
     float:left ;
    width:100%;
    clear:both ;
    border-bottom:solid 1px #c3cad2;
    padding:5px 0 5px 0;
}


.dvRowHead{
    color:white;
    background-color:#7D7373;
}

.dvRowCell{
    border-bottom:1px solid #ada7a7;
    padding-top:3px;
    padding-bottom:3px;
}



.dvCell{
    float:left
}

.vertical-text {
	writing-mode:vertical-rl ;
    text-align:center;
}


.tcell1{
    float:left ;
    width:75px;
    border:solid 1px #7f8083;
}

.tcell2{
    /*float:left ;*/
    height: 75px;
    border:solid 1px #7f8083;
}

.divConfirm
{
     color:red; background-color:#fbf3f3; margin-left:100px; border:1px solid red; padding:5px 10px 0 10px;display:none;
}

.blockDeleted{
    text-decoration:line-through; color:orangered;
}

.required {
    color:#DB0000;
    font-weight:bold;
}
/*------------------------------calendar -----------------------------*/
.calendar {
    width: 80%;
    overflow-x: scroll;
}
.calender_inner{
    width:1120px; float:left;
}
.cCellHead {
       border-top :1px solid gray;
       font-weight:600;
       text-align:center;
       background-color:#d2dee4;
       font-size:1.1rem;
    
}
.cTopCell {
       border-top :1px solid gray;
}
.borderTop1 {
     border-top :1px solid gray;
}
.borderBottom1 {
     border-bottom :1px solid gray;
}
.borderRight1 {
     border-right  :1px solid gray;
}
.borderLeft1 {
     border-left :1px solid gray;
}
.border1 {
    border :1px solid gray;
}
.linked1 {
    width:1058px;
    overflow-x:scroll;
}

.cLeftCol {
     float:left;
     width:140Px;
     border-right:1px solid gray;
}
.cCell {
    width:100%;
    font-size:1rem;
    color:#004488;
    font-weight:600;
}

.cCellHeight{
    height: 36px;
}
.cell1
{
    width:100%;
    height:100px;
    border:1px groove gray;
    font-weight:600;
    background-color: #d8dae2;

}
.CE2{
       background-color: #d8dae2;
}
.cell2{
    height:100px;
    border:1px solid gray;
    width:25px;
    float:left;
    font-weight:600;
    color: #405c71;
}
.editBooking:hover{
    background-color:yellow;
    cursor:pointer;
    font-weight:bold;
    color:red;
    cursor:pointer;
}
.calCell1:hover{
    background-color:#f9f98f;
    cursor:pointer;
    font-weight:bold;
    color:red;
}

.editBooking:hover, .bookRoom:hover, .EditBooking:hover  {
    background-color:#f9f98f;
    color:#405c71;
    cursor:pointer;
}

.calCell, .calCell1{
    width:200px;
    border:1px solid gray;
    padding:2px 0 2px 10px;
}
.calColumn{
    width:120px; float:left; border-right:solid 1px gray; 
}

.calColumnDay{
    width:170px; float:left; border-left:solid 1px gray;  border-right:solid 1px gray;
}

.cssBGcolor{
    background-color:#ededed;
}
.roomNameCol {
    font-weight:600;
    background-color:#dbe5ed;
    padding:0 3px 0 3px;
    
}
#doublescroll
{
  overflow: auto; overflow-y: hidden; 
}
#doublescroll p
{
  margin: 0; 
  padding: 1em; 
  white-space: nowrap; 
}

.col1, .col2{
    float:left ;
}

#monthCalendar, #weekCalendar {
    font-size:1.2rem;
    border:1px solid gray;
    width:100%;

}
    #monthCalendar td {
        width:14%;
        height:100px;
        border-bottom:1px solid #ada7a7;
        border-right :1px solid #ada7a7;
    }
    #monthCalendar th, #weekCalendar th {
        text-align: center;
        background-color: #757575;
        color: #fff;
        padding: 8px 0 8px 0;
    }
    #monthCalendar tr , #weekCalendar tr{
       vertical-align:top
    }
     #monthCalendar span {
       font-weight:700;
       font-size:.9em
    }
    #monthCalendar a:hover {
       text-decoration:underline;
    }

    #monthCalendar .dvCell, #weekCalendar .dvCell {
       width:97%;
       padding:0 0 5px 5px;
    }

#weekCalendar td {
    width:%;
        height:100px;
        border-bottom:1px solid #ada7a7;
        border-right :1px solid #ada7a7;
}

.SGroup{
    background-color: #ffcc33;
}

.MF{
     background-color:#f9f98f;
}

.CIE{
    background-color: #95d1a1;
}

.OS{
  background-color: #f4afae;

}
.SL{
    background-color: #c9ebea;
}

.Blocked
{
     background-color: #c9cacb;
}

.BS{
    background-color: #355980;
    color:white;
}

.HW{
     background-color: #a7a00e ;
     color:white;
}

.HS{
     background-color: #a42b2b;
      color:white;
}
.CC{
     background-color: #196f2a;
      color:white;
}

.CH{
     background-color: #23809e;
      color:white;
}


.FC, .AS {
     background-color: #b9d7e1;
      
}

.CAPS{
     background-color: #f5eed1;
 }

.AC{
     background-color:#bd8938;
     color:white;
 }

.SS{
     background-color:#8914a0;
     color:white;
 }
.CAO{
     background-color:#5d819c;
     color:white;
 }

/*------------------------------ -----------------------------*/



.msg{
    margin-top:25px;
    padding:10px;
    border: solid 1px green;
     font-weight :900;
    font-size :1.5rem;
    color:green;
}

.error{
    color:red;
    border-color: red;
}

.dvTile{
    display: table ;
}
.dvTileRow
{ display:table-row}
.dvTileClell{
    width:33%;
    border: 1px solid #808080;
    border-top:0;
    padding:10px;
    margin-left:3px;
    margin-top :2px;
    display:table-cell ;
}

.dvBookingRequest{
    border-left:2px solid #808080;
    border-right:2px solid #808080;
     border-bottom :2px solid #808080;
}

#tblBookingPolicy{
    width:100%
}

    #tblBookingPolicy td{
        padding:2px;
    }

.bookingPolicyLi{
    margin-left:30px;
}
/*--------------------------------------------- Tabs ------------------------------------------*/
.tabs {
    float: left;
    clear: both;
    width: 100%;
}

.tabHed {
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #003a79;
    background-color:#003a79;
    color: #fff;
    font-weight: bold;
    width: 100%;
    border-bottom-color: white;
}

.tab {
    float: left;
    padding: 5px 10px 5px 10px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #c3cad2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: solid 2px #c3cad2;
    padding: .5em 1em;
    text-decoration: none;
    color: #145A76;
    font-weight: bold;
}

.tabSelected {
    background-color: #eee;
    border-bottom: solid 2px #eee;
}

    .tabSelected a {
        color: #084c97;
    }

.tabBody {
    float: left;
    clear: both;
    background-color: #eee;
    border: solid 1px #ddd;
    /* padding : 3px 10px 5px 10px;*/
    width: 100%;
}

@media (max-width:1130px) {
    .calColumn {
        width:100px;
    }
    .linked1 {
        width:89%;
    }
    .cLeftCol {
         width:10%;
    }
}

/*//-----------------------------------------------------------------------------*/